mirror of
https://github.com/chaoticbackup/chaoticbackup.github.io.git
synced 2026-03-22 01:34:20 -05:00
1 line
6.0 KiB
CSS
1 line
6.0 KiB
CSS
@media only screen and (min-width:975px){.pack{max-width:70%}}.packsim input[type=number]::-webkit-inner-spin-button,.packsim input[type=number]::-webkit-outer-spin-button{opacity:1}.pack{height:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto}.pack .card{width:150px;height:210px;background-size:cover;box-sizing:content-box;margin:5px;-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s,top 1s,left 1s;-webkit-border-radius:5px;-o-transition-property:width,height,-o-transform,background,font-size,opacity,top,left;-o-transition-duration:1s,1s,1s,1s,1s,1s,1s,1s;-moz-transition-property:width,height,-o-transform,background,font-size,opacity,top,left;-moz-transition-duration:1s,1s,1s,1s,1s,1s,1s,1s;transition-property:width,height,transform,background,font-size,opacity,top,left;transition-duration:1s,1s,1s,1s,1s,1s,1s,1s}.pack .card:hover{width:250px;height:350px}.pack .stats{height:100%;width:100%;text-align:left}.pack .stats span{position:relative;color:#000;display:block;left:10px;font-size:12px}.pack .stats span:first-of-type{top:130px}.pack .stats span:nth-of-type(2){top:128px}.pack .stats span:nth-of-type(3){top:126px}.pack .stats span:nth-of-type(4){top:124px}.pack .stats span:nth-of-type(5){text-align:right;top:125px;left:-11px;font-size:14px}.pack .card:hover .stats span{left:20px;font-size:14px;font-weight:700}.pack .card:hover .stats span:first-of-type{top:220px}.pack .card:hover .stats span:nth-of-type(2){top:229px}.pack .card:hover .stats span:nth-of-type(3){top:237px}.pack .card:hover .stats span:nth-of-type(4){top:245px}.pack .card:hover .stats span:nth-of-type(5){text-align:right;top:258px;left:-21px;font-size:20px}.icon14{height:14px;padding-bottom:2px}.icon16{height:16px}.icon20{height:20px}.icon24{height:24px}.bigger{font-size:14px}.name{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.name .subname:before{content:"\A ";white-space:pre}.name .subname{font-size:13px;padding-bottom:4px;display:inherit}@media only screen and (min-width:975px){.collection>.left{float:left;width:30%}.collection>.right{float:right;width:70%}.card{text-align:left;display:flex;border:1px solid #aeaeae}.card .left,.card .right,.card .stats{padding-top:2px}.card .left{vertical-align:text-top;width:210px}.card .left,.card .right{float:left;padding-left:4px}.card .right{width:calc(100% - 322px);border-left:2px solid #aeaeae;padding-right:4px;padding-bottom:6px;white-space:pre-line}.creature .right{width:calc(100% - 366px)}.creature .stats{vertical-align:text-top;float:left;text-align:right;width:40px;padding-right:4px}.SearchForm{text-align:left}.brainwashed{background-color:#dcdddf;color:#000!important}.chieftain,.flavortext{font-style:italic}.disciplines input{width:30px;height:14px;text-align:center;margin-top:2px}.mull input{vertical-align:middle}.mcbp input{width:24px;height:14px;padding:unset;text-align:center;margin-top:2px}.and{vertical-align:text-bottom;padding:0 4px}}.card .icon14,.card .icon16,.card .icon20,.card .icon24{vertical-align:middle}.thumb{width:100px;height:98px}.card .thumb{float:left}.Collapsible{margin-bottom:10px;width:250px}.Collapsible__trigger{background-color:#333;display:block;position:relative;padding-top:5px;padding-bottom:5px;text-indent:5px}.Collapsible__trigger:hover{background-color:red}.Collapsible__trigger:after{content:"^";position:absolute;right:10px;top:10px;display:block;transition:transform .4s}.Collapsible__trigger.is-open:after{transform:rotate(180deg);right:5px;top:5px}.Collapsible__trigger.is-disabled{opacity:.5;background-color:grey}.left{position:relative}.card_img{position:absolute;width:100%;left:-10px;z-index:2}.card_img .hidden{display:none;max-height:0}.card_img img{max-width:250px;max-height:350px}.entries{text-align:left}.list-nav-top{display:flex}.list-nav-top .ext-button{float:right;margin:auto 0 0 auto}.extended .fullcard{max-width:250px;max-height:350px}.splash{max-width:100%;padding-bottom:10px}.navbar h1{font-size:16px}.navbar ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#333}.navbar li{float:left}.navbar .dropbtn,.navbar li a{display:inline-block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}.navbar .dropdown:hover .dropbtn,.navbar li a:hover{background-color:red}.navbar li.dropdown{display:inline-block}.navbar .dropdown-content{display:none;position:absolute;background-color:#333;min-width:140px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.navbar .dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;display:block;text-align:left}.navbar .dropdown:hover .dropdown-content{display:block}.magnifying-glass{cursor:pointer;transition:color .2s;z-index:1;vertical-align:middle;fill:currentColor;height:18px;min-width:18px;width:18px}.entry{padding:10px}.entry .title{font-weight:700;font-size:16px}.entry .left{float:left;width:100px}.entry .right{float:right;width:86%}.entry .left .title{text-align:left;padding-bottom:10px}.entry .icon14,.entry .icon16,.entry .icon20,.entry .icon24{vertical-align:middle}.search .results div{padding-bottom:10px}.search .results a{font-size:16px;line-height:20px}@-webkit-keyframes love{to{-webkit-transform:scale(1.1)}}@-moz-keyframes love{to{-moz-transform:scale(1.1)}}@keyframes love{to{transform:scale(1.1)}}.with-love{color:#333}.with-love div,.with-love span{font-size:14px!important;line-height:18px!important}.with-love div{padding-bottom:4px}.with-love .heart{font-size:1.4em;color:#ff79c6;-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);-webkit-animation:love .5s infinite linear alternate-reverse;-moz-animation:love .5s infinite linear alternate-reverse;animation:love .5s infinite linear alternate-reverse}.with-love a{text-decoration:none;border-bottom:1px dotted}.lore{text-align:left;padding-left:10%;padding-right:10%}.lore .title{margin-top:6px;text-align:center;font-weight:700;font-size:18px}.lore div{margin:0 0 6px;line-height:22px!important}.donate{margin-bottom:6px}.donate form a{border-bottom:none} |