|
|
/* * # Semantic UI - 1.7.0 * https://github.com/Semantic-Org/Semantic-UI * http://www.semantic-ui.com/ * * Copyright 2014 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * */.ui.cards{margin:1em -.5em 0}.ui.cards>.card{margin:0 .5em 1.5em;float:left}.ui.card:first-child,.ui.cards:first-child{margin-top:0}.ui.card:last-child,.ui.cards:last-child{margin-bottom:0}.ui.card:after,.ui.cards:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.card,.ui.cards>.card{max-width:100%;position:relative;display:block;width:290px;min-height:0;background:#fff;padding:0;border:none;border-radius:.2857rem;box-shadow:0 .2em 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,.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{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 .content img,.ui.cards>.card .content img{display:inline-block;vertical-align:middle;width:2em}.ui.card .avatar img,.ui.card img.avatar,.ui.cards>.card .avatar img,.ui.cards>.card img.avatar{width:2em;height:2em;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 -1px -.2em;width:-webkit-calc(100% + 2px);width:calc(100% + 2px)}.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:#ac9400}.ui.card>.content .active.star.icon,.ui.cards>.card>.content .active.star.icon{color:#e9b539}.ui.card>.content .like.icon,.ui.cards>.card>.content
|
