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.
14 lines
6.9 KiB
14 lines
6.9 KiB
/*
|
|
* # Semantic UI
|
|
* Version: 0.16.1
|
|
* http://github.com/jlukic/semantic-ui
|
|
*
|
|
*
|
|
* Copyright 2014 Contributors
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
* Released: 08/05/2014
|
|
*/
|
|
|
|
.ui.card,.ui.cards{margin:1em -.5em}.ui.cards:first-child .ui.card:first-child{margin-top:0}.ui.card:last-child,.ui.cards:last-child{margin-bottom:0}.ui.cards>.card,.ui.cards>.row>.card{float:left}.ui.card:after,.ui.cards:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.card,.ui.cards>.card,.ui.cards>.row>.card{position:relative;display:block;width:300px;min-height:0;margin:0 .5em 2.5em;background:#fff;padding:0;border:none;border-radius:.325rem;box-shadow:0 0 0 1px #ddd,0 0 0 0 #ddd;-webkit-transition:box-shadow .25s ease;transition:box-shadow .25s ease;z-index:''}.ui.card>:first-child,.ui.cards>.card>:first-child,.ui.cards>.row>.card>:first-child{border-radius:.325rem .325rem 0 0!important}.ui.card>:last-child,.ui.cards>.card>:last-child,.ui.cards>.row>.card>:last-child{border-radius:0 0 .325rem .325rem!important}.ui.card a,.ui.cards .card a,.ui.cards a.card,a.ui.cards{cursor:pointer}.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:.325rem .325rem 0 0;border:none}.ui.card>.image:only-child>img,.ui.cards .card>.image:only-child>img{border-radius:.325rem}.ui.card .left.floated,.ui.cards .card .left.floated{float:left}.ui.card .right.floated,.ui.cards .card .right.floated{float:right}.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,sans-serif;font-weight:700;font-size:1.25em;color:rgba(0,0,0,.85)}.ui.card>.content>.header+.description,.ui.card>.content>.meta+.description,.ui.cards .card>.content>.header+.description,.ui.cards .card>.content>.meta+.description{margin-top:.75em}.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 .right.floated,.ui.cards .card .meta .right.floated{margin-right:0;margin-left:.3em}.ui.card>.content a,.ui.cards .card>.content a{color:#009fda}.ui.card>.content a:hover,.ui.cards .card>.content a:hover{color:#00b2f3}.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,.ui.cards .card .meta a{color:rgba(0,0,0,.4)}.ui.card .meta a:hover,.ui.cards .card .meta a:hover{color:rgba(0,0,0,.8)}.ui.card>.content .star.icon,.ui.cards .card>.content .star.icon{cursor:pointer;opacity:.75;-webkit-transition:color .25s ease;transition:color .25s 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 .like.icon{cursor:pointer;opacity:.75;-webkit-transition:color .25s ease;transition:color .25s ease}.ui.card>.content .like.icon:hover,.ui.cards .card>.content .like.icon:hover{opacity:1;color:#ffadae}.ui.card>.content .active.like.icon,.ui.cards .card>.content .active.like.icon{color:#ef404a}.ui.card .extra,.ui.cards .card .extra{position:static;background:-webkit-linear-gradient(transparent,rgba(0,0,0,.03)) #fafafa;background:linear-gradient(transparent,rgba(0,0,0,.03)) #fafafa;width:100%;padding:.75em 1em;top:0;left:0;color:rgba(0,0,0,.4);box-shadow:0 1px 1px rgba(0,0,0,.15);-webkit-transition:color .25s ease;transition:color .25s ease;border-top:1px solid rgba(0,0,0,.05)}.ui.link.card:hover,.ui.link.cards .card:hover{cursor:pointer;z-index:5;background:0 0;border:none;box-shadow:0 0 #b0b0b0,0 0 0 1px rgba(0,0,0,.2)}@media only screen and (max-width:768px){.ui.stackable.cards{display:block!important}.ui.stackable.cards>.card,.ui.stackable.cards>.row>.card{display:block!important;height:auto!important;width:auto!important;padding:0!important}}.ui.one.cards{margin-left:-2%;margin-right:-2%}.ui.one.cards>.card{width:100%;margin-left:2%;margin-right:2%}.ui.two.cards{margin-left:-1%;margin-right:-1%}.ui.two.cards>.card{width:48%;margin-left:1%;margin-right:1%}.ui.two.cards>.card:nth-child(2n+1){clear:left}.ui.three.cards{margin-left:-1%;margin-right:-1%}.ui.three.cards>.card{width:31.333%;margin-left:1%;margin-right:1%}.ui.three.cards>.card:nth-child(3n+1){clear:left}.ui.four.cards{margin-left:-.5%;margin-right:-.5%}.ui.four.cards>.card{width:24%;margin-left:.5%;margin-right:.5%}.ui.four.cards>.card:nth-child(4n+1){clear:left}.ui.five.cards{margin-left:-.5%;margin-right:-.5%}.ui.five.cards>.card{width:19%;margin-left:.5%;margin-right:.5%}.ui.five.cards>.card:nth-child(5n+1){clear:left}.ui.six.cards{margin-left:-.5%;margin-right:-.5%}.ui.six.cards>.card{width:15.66%;margin-left:.5%;margin-right:.5%}.ui.six.cards>.card:nth-child(6n+1){clear:left}.ui.seven.cards{margin-left:-.5%;margin-right:-.5%}.ui.seven.cards>.card{width:13.28%;margin-left:.5%;margin-right:.5%;font-size:11px}.ui.seven.cards>.card:nth-child(7n+1){clear:left}.ui.eight.cards{margin-left:-.25%;margin-right:-.25%}.ui.eight.cards>.card{width:12%;margin-left:.25%;margin-right:.25%;font-size:11px}.ui.eight.cards>.card:nth-child(8n+1){clear:left}.ui.nine.cards{margin-left:-.25%;margin-right:-.25%}.ui.nine.cards>.card{width:10.61%;margin-left:.25%;margin-right:.25%;font-size:10px}.ui.nine.cards>.card:nth-child(9n+1){clear:left}.ui.ten.cards{margin-left:-.2%;margin-right:-.2%}.ui.ten.cards>.card{width:9.6%;margin-left:.2%;margin-right:.2%;font-size:10px}.ui.ten.cards>.card:nth-child(10n+1){clear:left}.ui.eleven.cards{margin-left:-.2%;margin-right:-.2%}.ui.eleven.cards>.card{width:8.69%;margin-left:.2%;margin-right:.2%;font-size:9px}.ui.eleven.cards>.card:nth-child(11n+1){clear:left}.ui.twelve.cards{margin-left:-.1%;margin-right:-.1%}.ui.twelve.cards>.card{width:8.1333%;margin-left:.1%;margin-right:.1%;font-size:9px}.ui.twelve.cards>.card:nth-child(12n+1){clear:left}.ui.cards>.card,.ui.cards>.row>.card{font-size:1em}
|