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
8.9 KiB

  1. .ui.items{margin:1em 0 0}.ui.items:first-child{margin-top:0}.ui.items:last-child{margin-bottom:-1em}.ui.items:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.row>.item,.ui.items>.item{display:block;float:right;position:relative;top:0;width:316px;min-height:375px;margin:0 .5em 2.5em;padding:0;background-color:#FFF;line-height:1.2;font-size:1em;-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;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;padding:.5em}.ui.items a.item,.ui.items .item a{cursor:pointer}.ui.items .item,.ui.items .item>.image,.ui.items .item>.image .overlay,.ui.items .item>.content,.ui.items .item>.content>.meta,.ui.items .item>.content>.extra{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.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;-webkit-box-shadow:0 0 0 1px rbga(0,0,0,.1);-moz-box-shadow:0 0 0 1px rbga(0,0,0,.1);box-shadow:0 0 0 1px rbga(0,0,0,.1);-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.item>.image>img{position:relative .2em}.ui.items;display:block;width:100%;overflow:hidden;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.item>.content{padding:.75em .2em}.ui.items .item>.content>.name{display:block .5em}.ui.items;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:left;color:rgba(0,0,0,.35)}.ui.items .item>.content>.meta+.name{float:right}.ui.items .item .star.label:hover::after{border-left-color:#F6EFC3}.ui.items .item .star.label:hover::after{border-top-color:#F6EFC3}.ui.items .item .star.label:hover .icon{color:#ac9400}.ui.items .item .star.label.active::after{border-left-color:#F6EFC3}.ui.items .item .star.label.active::after{border-top-color:#F6EFC3}.ui.items .item .star.label.active .icon{color:#ac9400}.ui.items .item .like.label:hover::after{border-left-color:#F5E1E2}.ui.items .item .like.label.active::after{border-top-color:#F5E1E2}.ui.items .item .like.label:hover .icon{color:#ef404a}.ui.items .item .like.label.active::after{border-left-color:#F5E1E2}.ui.items .item .like.label.active::after{border-top-color:#F5E1E2}.ui.items .item .like.label.active .icon{color:#ef404a}.ui.items .item .extra{position:absolute;width:100%;padding:0 .5em;bottom:-2em;right:0;height:1.5em;color:rgba(0,0,0,.25);-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;-ms-transition:color .2s ease;transition:color .2s ease}.ui.items .item .extra>img{display:inline-block;border-radius:500px;margin-left:.25em;vertical-align:middle;width:2em}.ui.items .item .extra .left{float:right}.ui.items .item .extra .right{float:left}.ui.items .item:hover{cursor:pointer;z-index:5;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.ui.items .item:hover .extra{color:rgba(0,0,0,.5)}.ui.items .item:nth-of-type(n+1):hover{border-bottom-color:#6ECFF5!important}.ui.items .item:nth-of-type(n+2):hover{border-bottom-color:#5C6166!important}.ui.items .item:nth-of-type(n+3):hover{border-bottom-color:#A1CF64!important}.ui.items .item:nth-of-type(n+4):hover{border-bottom-color:#D95C5C!important}.ui.items .item:nth-of-type(n+5):hover{border-bottom-color:#564F8A!important}.ui.items .item:nth-of-type(n+6):hover{border-bottom-color:#00B5AD!important}.ui.connected.items{display:table;width:100%;margin-right:0!important;margin-left:0!important}.ui.connected.items>.row>.item,.ui.connected.items>.item{float:none;display