You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
10 lines
13 KiB
10 lines
13 KiB
/*!
|
|
* # Semantic UI 1.11.3 - Item
|
|
* http://github.com/semantic-org/semantic-ui/
|
|
*
|
|
*
|
|
* Copyright 2014 Contributorss
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
*/.ui.card,.ui.cards>.card{max-width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:290px;min-height:0;background:#fff;padding:0;border:none;border-radius:.2857rem;box-shadow:0 3px 0 0 #d4d4d5,0 0 0 1px #d4d4d5;-webkit-transition:box-shadow .2s ease;transition:box-shadow .2s ease;z-index:''}.ui.card{margin:1em 0}.ui.card a,.ui.cards>.card a{cursor:pointer}.ui.card:first-child{margin-top:0}.ui.card:last-child{margin-bottom:0}.ui.cards{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:-.875em -.5em;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.cards>.card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:.875em .5em;float:none}.ui.card:after,.ui.cards:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.cards~.ui.cards{margin-top:.875em}.ui.card>:first-child,.ui.cards>.card>:first-child{border-radius:.2857rem .2857rem 0 0!important}.ui.card>:last-child,.ui.cards>.card>:last-child{border-radius:0 0 .2857rem .2857rem!important}.ui.card>.image,.ui.cards>.card>.image{display:block;position:relative;padding:0;background:rgba(0,0,0,.05)}.ui.card>.image>img,.ui.cards>.card>.image>img{display:block;width:100%;height:auto;border-radius:.2857rem .2857rem 0 0;border:none}.ui.card>.image:only-child>img,.ui.cards>.card>.image:only-child>img{border-radius:.2857rem}.ui.card>.content,.ui.cards>.card>.content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;background:0 0;margin:0;padding:1em;box-shadow:none;font-size:1em;border:none;border-radius:0}.ui.card>.content:after,.ui.cards>.card>.content:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.card>.content>.header,.ui.cards>.card>.content>.header{display:block;margin:0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;color:rgba(0,0,0,.85)}.ui.card>.content>.header:not(.ui),.ui.cards>.card>.content>.header:not(.ui){font-weight:700;font-size:1.2em;margin-top:-.165em;line-height:1.33em}.ui.card>.content>.header+.description,.ui.card>.content>.meta+.description,.ui.cards>.card>.content>.header+.description,.ui.cards>.card>.content>.meta+.description{margin-top:.5em}.ui.card [class*="left floated"],.ui.cards>.card [class*="left floated"]{float:left}.ui.card [class*="right floated"],.ui.cards>.card [class*="right floated"]{float:right}.ui.card [class*="left aligned"],.ui.cards>.card [class*="left aligned"]{text-align:left}.ui.card [class*="center aligned"],.ui.cards>.card [class*="center aligned"]{text-align:center}.ui.card [class*="right aligned"],.ui.cards>.card [class*="right aligned"]{text-align:right}.ui.card .content img,.ui.cards>.card .content img{display:inline-block;vertical-align:middle;width:auto}.ui.card .avatar img,.ui.card img.avatar,.ui.cards>.card .avatar img,.ui.cards>.card img.avatar{width:2.5em;height:2.5em;border-radius:500rem}.ui.card>.content>.description,.ui.cards>.card>.content>.description{clear:both;color:rgba(0,0,0,.5)}.ui.card>.content p,.ui.cards>.card>.content p{margin:0 0 .5em}.ui.card>.content p:last-child,.ui.cards>.card>.content p:last-child{margin-bottom:0}.ui.card .meta,.ui.cards>.card .meta{font-size:.9em;color:rgba(0,0,0,.4)}.ui.card .meta *,.ui.cards>.card .meta *{margin-right:.3em}.ui.card .meta :last-child,.ui.cards>.card .meta :last-child{margin-right:0}.ui.card .meta [class*="right floated"],.ui.cards>.card .meta [class*="right floated"]{margin-right:0;margin-left:.3em}.ui.card>.content a:not(.ui),.ui.cards>.card>.content a:not(.ui){color:'';-webkit-transition:color .2s ease;transition:color .2s ease}.ui.card>.content a:not(.ui):hover,.ui.cards>.card>.content a:not(.ui):hover{color:''}.ui.card>.content>a.header,.ui.cards>.card>.content>a.header{color:rgba(0,0,0,.85)}.ui.card>.content>a.header:hover,.ui.cards>.card>.content>a.header:hover{color:#00b2f3}.ui.card .meta>a:not(.ui),.ui.cards>.card .meta>a:not(.ui){color:rgba(0,0,0,.4)}.ui.card .meta>a:not(.ui):hover,.ui.cards>.card .meta>a:not(.ui):hover{color:rgba(0,0,0,.8)}.ui.card>.button:last-child,.ui.card>.buttons:last-child,.ui.cards>.card>.button:last-child,.ui.cards>.card>.buttons:last-child{margin:0 0 -1px;width:100%}.ui.card .dimmer,.ui.cards>.card .dimmer{background:0 0;z-index:10}.ui.card>.content .star.icon,.ui.cards>.card>.content .star.icon{cursor:pointer;opacity:.75;-webkit-transition:color .2s ease;transition:color .2s ease}.ui.card>.content .star.icon:hover,.ui.cards>.card>.content .star.icon:hover{opacity:1;color:#ffb70a}.ui.card>.content .active.star.icon,.ui.cards>.card>.content .active.star.icon{color:#ffe623}.ui.card>.content .like.icon,.ui.cards>.card>.content .like.icon{cursor:pointer;opacity:.75;-webkit-transition:color .2s ease;transition:color .2s ease}.ui.card>.content .like.icon:hover,.ui.cards>.card>.content .like.icon:hover{opacity:1;color:#ff2733}.ui.card>.content .active.like.icon,.ui.cards>.card>.content .active.like.icon{color:#ff2733}.ui.card>.extra,.ui.cards>.card>.extra{max-width:100%;min-height:0!important;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;position:static;background:0 0;width:auto;margin:0;padding:.75em 1em;top:0;left:0;color:rgba(0,0,0,.4);box-shadow:none;-webkit-transition:color .2s ease;transition:color .2s ease;border-top:1px solid rgba(0,0,0,.05)}.ui.card>.extra a:not(.ui),.ui.cards>.card>.extra a:not(.ui){color:rgba(0,0,0,.4)}.ui.card>.extra a:not(.ui):hover,.ui.cards>.card>.extra a:not(.ui):hover{color:#00b2f3}.ui.fluid.card{width:100%;max-width:9999px}.ui.cards a.card:hover,.ui.link.card:hover,.ui.link.cards .card:hover,a.ui.card:hover{cursor:pointer;z-index:5;background:0 0;border:none;box-shadow:0 3px 0 0 #bebebf,0 0 0 1px rgba(39,41,43,.3)}.ui.black.card,.ui.black.cards>.card,.ui.cards>.black.card{box-shadow:0 3px 0 0 #1b1c1d,0 0 0 1px #d4d4d5}.ui.blue.card,.ui.blue.cards>.card,.ui.cards>.blue.card{box-shadow:0 3px 0 0 #3b83c0,0 0 0 1px #d4d4d5}.ui.cards>.green.card,.ui.green.card,.ui.green.cards>.card{box-shadow:0 3px 0 0 #5bbd72,0 0 0 1px #d4d4d5}.ui.cards>.orange.card,.ui.orange.card,.ui.orange.cards>.card{box-shadow:0 3px 0 0 #e07b53,0 0 0 1px #d4d4d5}.ui.cards>.pink.card,.ui.pink.card,.ui.pink.cards>.card{box-shadow:0 3px 0 0 #d9499a,0 0 0 1px #d4d4d5}.ui.cards>.purple.card,.ui.purple.card,.ui.purple.cards>.card{box-shadow:0 3px 0 0 #564f8a,0 0 0 1px #d4d4d5}.ui.cards>.red.card,.ui.red.card,.ui.red.cards>.card{box-shadow:0 3px 0 0 #d95c5c,0 0 0 1px #d4d4d5}.ui.cards>.teal.card,.ui.teal.card,.ui.teal.cards>.card{box-shadow:0 3px 0 0 #00b5ad,0 0 0 1px #d4d4d5}.ui.cards>.yellow.card,.ui.yellow.card,.ui.yellow.cards>.card{box-shadow:0 3px 0 0 #f2c61f,0 0 0 1px #d4d4d5}.ui.black.card:hover,.ui.black.cards>.card:hover,.ui.cards>.black.card:hover{box-shadow:0 3px 0 0 #1b1c1d,0 0 0 1px #d4d4d5}.ui.blue.card:hover,.ui.blue.cards>.card:hover,.ui.cards>.blue.card:hover{box-shadow:0 3px 0 0 #458ac6,0 0 0 1px #d4d4d5}.ui.cards>.green.card:hover,.ui.green.card:hover,.ui.green.cards>.card:hover{box-shadow:0 3px 0 0 #66c17b,0 0 0 1px #d4d4d5}.ui.cards>.orange.card:hover,.ui.orange.card:hover,.ui.orange.cards>.card:hover{box-shadow:0 3px 0 0 #e28560,0 0 0 1px #d4d4d5}.ui.cards>.pink.card:hover,.ui.pink.card:hover,.ui.pink.cards>.card:hover{box-shadow:0 3px 0 0 #dc56a1,0 0 0 1px #d4d4d5}.ui.cards>.purple.card:hover,.ui.purple.card:hover,.ui.purple.cards>.card:hover{box-shadow:0 3px 0 0 #5c5594,0 0 0 1px #d4d4d5}.ui.cards>.red.card:hover,.ui.red.card:hover,.ui.red.cards>.card:hover{box-shadow:0 3px 0 0 #dc6868,0 0 0 1px #d4d4d5}.ui.cards>.teal.card:hover,.ui.teal.card:hover,.ui.teal.cards>.card:hover{box-shadow:0 3px 0 0 #00c4bc,0 0 0 1px #d4d4d5}.ui.cards>.yellow.card:hover,.ui.yellow.card:hover,.ui.yellow.cards>.card:hover{box-shadow:0 3px 0 0 #f3ca2d,0 0 0 1px #d4d4d5}.ui.one.cards{margin-left:0;margin-right:0}.ui.one.cards>.card{width:100%}.ui.two.cards{margin-left:-1em;margin-right:-1em}.ui.two.cards>.card{width:-webkit-calc(50% - 2em);width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.two.cards>.card:nth-child(2n+1){clear:left}.ui.three.cards{margin-left:-1em;margin-right:-1em}.ui.three.cards>.card{width:-webkit-calc(33.33333333% - 2em);width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.three.cards>.card:nth-child(3n+1){clear:left}.ui.four.cards{margin-left:-.75em;margin-right:-.75em}.ui.four.cards>.card{width:-webkit-calc(25% - 1.5em);width:calc(25% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.four.cards>.card:nth-child(4n+1){clear:left}.ui.five.cards{margin-left:-.75em;margin-right:-.75em}.ui.five.cards>.card{width:-webkit-calc(20% - 1.5em);width:calc(20% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.five.cards>.card:nth-child(5n+1){clear:left}.ui.six.cards{margin-left:-.75em;margin-right:-.75em}.ui.six.cards>.card{width:-webkit-calc(16.66666667% - 1.5em);width:calc(16.66666667% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.six.cards>.card:nth-child(6n+1){clear:left}.ui.seven.cards{margin-left:-.5em;margin-right:-.5em}.ui.seven.cards>.card{width:-webkit-calc(14.28571429% - 1em);width:calc(14.28571429% - 1em);margin-left:.5em;margin-right:.5em}.ui.seven.cards>.card:nth-child(7n+1){clear:left}.ui.eight.cards{margin-left:-.5em;margin-right:-.5em}.ui.eight.cards>.card{width:-webkit-calc(12.5% - 1em);width:calc(12.5% - 1em);margin-left:.5em;margin-right:.5em;font-size:11px}.ui.eight.cards>.card:nth-child(8n+1){clear:left}.ui.nine.cards{margin-left:-.5em;margin-right:-.5em}.ui.nine.cards>.card{width:-webkit-calc(11.11111111% - 1em);width:calc(11.11111111% - 1em);margin-left:.5em;margin-right:.5em;font-size:10px}.ui.nine.cards>.card:nth-child(9n+1){clear:left}.ui.ten.cards{margin-left:-.5em;margin-right:-.5em}.ui.ten.cards>.card{width:-webkit-calc(10% - 1em);width:calc(10% - 1em);margin-left:.5em;margin-right:.5em}.ui.ten.cards>.card:nth-child(10n+1){clear:left}@media only screen and (max-width:767px){.ui.two.doubling.cards{margin-left:0;margin-right:0}.ui.two.doubling.cards .card{width:100%;margin-left:0;margin-right:0}.ui.three.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.three.doubling.cards .card{width:-webkit-calc(50% - 2em);width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards .card{width:-webkit-calc(50% - 2em);width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.five.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.five.doubling.cards .card{width:-webkit-calc(50% - 2em);width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.six.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.six.doubling.cards .card{width:-webkit-calc(50% - 2em);width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.seven.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.seven.doubling.cards .card{width:-webkit-calc(33.33333333% - 2em);width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.eight.doubling.cards .card{width:-webkit-calc(33.33333333% - 2em);width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.nine.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.nine.doubling.cards .card{width:-webkit-calc(33.33333333% - 2em);width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.ten.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.ten.doubling.cards .card{width:-webkit-calc(33.33333333% - 2em);width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}}@media only screen and (min-width:768px) and (max-width:991px){.ui.two.doubling.cards{margin-left:0;margin-right:0}.ui.two.doubling.cards .card{width:100%;margin-left:0;margin-right:0}.ui.three.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.three.doubling.cards .card{width:-webkit-calc(50% - 2em);width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.four.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.four.doubling.cards .card{width:-webkit-calc(50% - 2em);width:calc(50% - 2em);margin-left:1em;margin-right:1em}.ui.five.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.five.doubling.cards .card{width:-webkit-calc(33.33333333% - 2em);width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.six.doubling.cards{margin-left:-1em;margin-right:-1em}.ui.six.doubling.cards .card{width:-webkit-calc(33.33333333% - 2em);width:calc(33.33333333% - 2em);margin-left:1em;margin-right:1em}.ui.eight.doubling.cards{margin-left:-.75em;margin-right:-.75em}.ui.eight.doubling.cards .card{width:-webkit-calc(25% - 1.5em);width:calc(25% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.nine.doubling.cards{margin-left:-.75em;margin-right:-.75em}.ui.nine.doubling.cards .card{width:-webkit-calc(25% - 1.5em);width:calc(25% - 1.5em);margin-left:.75em;margin-right:.75em}.ui.ten.doubling.cards{margin-left:-.75em;margin-right:-.75em}.ui.ten.doubling.cards .card{width:-webkit-calc(20% - 1.5em);width:calc(20% - 1.5em);margin-left:.75em;margin-right:.75em}}@media only screen and (max-width:767px){.ui.stackable.cards{display:block!important}.ui.stackable.cards .card:first-child{margin-top:0!important}.ui.stackable.cards>.card{display:block!important;height:auto!important;margin:1em;padding:0!important;width:-webkit-calc(100% - 2em)!important;width:calc(100% - 2em)!important}}.ui.cards>.card{font-size:1em}
|