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.

0 lines
7.6 KiB

  1. .ui.items:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}@media screen and (-webkit-min-device-pixel-ratio:0){.ui.items>.item{display:block}}.ui.items .item{float:left;display:block;margin:1em .5em 2.5em;padding:0;width:100%;margin:0;font-size:1em;line-height:1.2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.items .item a{cursor:pointer}.ui.items .item>.image,.ui.items .item>.image .overlay,.ui.items .item>.content,.ui.items .item>.meta{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.items .item{display:block;position:relative;width:316px;min-height:375px;margin:1em .5em;background-color:#FFF;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);border-bottom:.2em solid rgba(0,0,0,.2);-moz-border-radius:.33em;-webkit-border-radius:.33em;border-radius:.33em;padding:.5em}.ui.items .item>.image{display:block;position:relative;background-color:rgba(0,0,0,.05);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.items .item>.image>img{position:relative;display:block;width:100%;overflow:hidden;-webkit-border-radius:.22em;-moz-border-radius:.22em;border-radius:.22em}.ui.items .item .label:after{position:absolute;content:"";right:0;top:0;z-index:-1;width:0;height:0;border-color:transparent #F5F5F5 transparent transparent;border-style:solid;border-width:0 2.75em 2.75em 0}.ui.items .item .label{position:absolute;top:0;right:0;z-index:10;width:1.4em;height:1.5em;padding:.1em .1em 0 0;color:#AAA;font-size:.9em;text-align:center}.ui.items .item a.label:hover{color:#999}.ui.items .item a.label:hover::after{border-right-color:#EEE}.ui.items .item a.star.label:hover::after{border-right-color:#F6EFC3}.ui.items .item a.star.label:hover .icon{color:#ac9400}.ui.items .item a.star.label.active::after{border-right-color:#F6EFC3}.ui.items .item a.star.label.active .icon{color:#ac9400}.ui.items .item a.like.label:hover::after{border-right-color:#F5E1E2}.ui.items .item a.like.label:hover .icon{color:#ef404a}.ui.items .item a.like.label.active::after{border-right-color:#F5E1E2}.ui.items .item a.like.label.active .icon{color:#ef404a}.ui.items .item a.label:hover .like{color:#EF404A}.ui.items .item a.label:hover .star{color:#928D44}.ui.items .item>.content{padding:.75em .5em}.ui.items .item>.content>.name{display:block;font-size:1.25em;font-weight:700;margin-bottom:.2em;color:rgba(0,0,0,.7)}.ui.items .item>.content>.description{clear:both;margin:0;color:rgba(0,0,0,.45)}.ui.items .item>.content>.description p{margin:0 0 .2em}.ui.items .item>.content>.description p:last-child{margin-bottom:0}.ui.items .item .meta{float:right;color:rgba(0,0,0,.35)}.ui.items .item>.content>.meta+.name{float:left}.ui.items .item .extra{position:absolute;bottom:-2em;left:.5em;height:1.5em;color:rgba(0,0,0,.25)}.ui.items .item .extra>img{display:inline-block;border-radius:500px;margin-right:.25em;vertical-align:middle;width:2em}.ui.items .item .extra .left{float:left}.ui.items .item .extra .right{float:right}.ui.connected.items{display:table;width:100%;margin-left:0!important;margin-right:0!important}.ui.connected.items>.row>.item,.ui.connected.items>.item{float:none;display:table-cell;vertical-align:top;height:auto;border-radius:0;margin:0;width:33.33%;border-bottom:0}.ui.connected.items>.row{display:table-row}.ui.connected.items>.item,.ui.connected.items>.row:last-child>.item{border-bottom:.2em solid rgba(0,0,0,.2)}.ui.connected.items>.row:last-child>.item:first-child,.ui.connected.items>.item:first-child{border-radius:0 0 0 .33em}.ui.connected.items>.row:last-child>.item:last-child,.ui.connected.items>.item:last-child{border-radius:0 0 .33em}.ui.two.connected.items>.row>.item,.ui.two.connected.items>.item{width:50%;padding-left:1%;padding-right:1%}.ui.three.connected.items>.row>.item,.ui.three.connected.items>.item{width:33.333%;padding-left:1%;padding-right:1%}.ui.four.connected.items>.