4 lines
6.9 KiB
CSS
4 lines
6.9 KiB
CSS
.container.serverlist{max-width:unset !important}.hero .hero-description{margin-bottom:2rem}.main-wrapper{display:flex;flex-direction:column;align-items:center}.main-wrapper .pagination{flex:0 0 100%}.main-wrapper .pagination ul{flex-grow:0}.main-wrapper .pagination .pagination-list.circles li{border:none;background-color:unset}.main-wrapper .pagination .pagination-list.circles li .page-circle{width:8px;height:8px;border-radius:360px;background-color:white;opacity:0.4}.main-wrapper .pagination .pagination-list.circles li.active .page-circle,.main-wrapper .pagination .pagination-list.circles li:hover .page-circle{opacity:1}.list-wrapper{border-radius:5px;flex-direction:column;display:flex;margin-bottom:20px}.list-title{font-size:25px;margin-left:31px;margin-top:10px;margin-bottom:-8px}.server-list{max-width:1352px}.server-list .svg-inline--fa{color:white}.server-list{display:flex;padding:10px;flex-wrap:wrap;align-items:center;justify-content:center;transition:300ms;width:100%;height:100%;padding-left:14px;padding-right:14px}.server-list .server-list-item-wrapper{margin-top:20px;margin-bottom:20px;transition:300ms;display:flex;flex-direction:column;margin-left:3px;margin-right:3px}.server-list .server-list-item-wrapper .server-list-card{background-color:#202020;border:2px solid #202020;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;background-color:palevioletred;background-position:center center;background-size:cover;background-repeat:no-repeat;flex-direction:column;padding:0;margin:0.5rem;width:242px;height:270px;align-items:center;justify-content:center;transition:300ms;margin-bottom:0px;border-top-left-radius:4px;border-top-right-radius:4px;box-shadow:0px -5px 20px 6px rgba(0,0,0,0.25)}.server-list .server-list-item-wrapper .server-list-card .server-description{transition:300ms;margin-top:-2px;margin-left:-2px;border-radius:3px;width:calc(100% + 4px);height:calc(100% + 42px);background-color:transparent;position:relative;display:flex;align-items:center;flex-direction:column}.server-list .server-list-item-wrapper .server-list-card .server-description .server-description-content-wrapper{padding:5px 10px;font-size:12px;text-align:center;opacity:0;height:151px;overflow:hidden;margin-top:85px;margin-bottom:21px}.server-list .server-list-item-wrapper .server-list-card .server-description .server-description-content-wrapper p{display:table-cell;height:122px}.server-list .server-list-item-wrapper .server-list-card .server-description .server-join{height:32px;padding:6px;background-color:#336fd5;border-radius:4px;width:54%;text-align:center;font-size:15px;opacity:0}.server-list .server-list-item-wrapper .server-list-card .server-description .server-join svg{margin-top:2px}.server-list .server-list-item-wrapper .server-list-card .server-icon-wrapper{margin-top:5px;align-self:center;display:flex;flex-direction:column;width:100%;position:relative;bottom:225px;transition:200ms}.server-list .server-list-item-wrapper .server-list-card .server-icon-wrapper .server-list-item-icon{width:100%;height:auto;align-self:center;margin-right:8px;margin-left:10px;border-radius:90px;border:3px solid silver;box-sizing:content-box;background-position:center;background-size:contain;height:96px;width:96px;position:absolute;transition:200ms;right:59px}.server-list .server-list-item-wrapper .server-list-card-footer{width:242px;height:40px;background-color:#0072bc;margin-left:0.5rem;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0px 5px 20px 6px rgba(0,0,0,0.25)}.server-list .server-list-item-wrapper .server-list-card-footer .server-name{line-height:24px;vertical-align:top;width:238px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0px;position:relative;bottom:-6px;font-size:15px;font-weight:bold;text-align:center}.server-list .server-list-item-wrapper:hover .server-list-card .server-description{background-color:rgba(0,0,0,0.7);transition:300ms}.server-list .server-list-item-wrapper:hover .server-list-card .server-description .server-description-content-wrapper{opacity:1}.server-list .server-list-item-wrapper:hover .server-list-card .server-description .server-join{opacity:1;box-shadow:0px 1px 20px 6px rgba(0,0,0,0.35)}.server-list .server-list-item-wrapper:hover .server-list-card .server-icon-wrapper{bottom:338px}.server-list .server-list-item-wrapper:hover .server-list-card .server-icon-wrapper .server-list-item-icon{width:64px;height:64px;right:75px}.server-list .server-list-item-wrapper:hover .server-list-card-footer .server-name{bottom:212px}.server-list-wrapper.premium{background-color:#2c2d31;border-radius:20px}.server-list-wrapper.premium .server-list{width:100%;margin:auto;padding:0;padding-bottom:20px}.server-list.vertical .server-list-item-wrapper .server-list-card{width:242px;height:429px}.server-list.vertical .server-list-item-wrapper .server-list-card .server-icon-wrapper{bottom:332px}.server-list.vertical .server-list-item-wrapper .server-list-card .server-icon-wrapper .server-list-item-icon{width:128px;height:128px;right:43px}.server-list.vertical .server-list-item-wrapper .server-list-card .server-description .server-description-content-wrapper{height:275px;margin-top:117px;margin-bottom:21px}.server-list.vertical .server-list-item-wrapper .server-list-card .server-description .server-description-content-wrapper p{height:158px;font-size:15px}.server-list.vertical .server-list-item-wrapper:hover .server-icon-wrapper{bottom:506px}.server-list.vertical .server-list-item-wrapper:hover .server-list-card .server-icon-wrapper .server-list-item-icon{width:96px;height:96px;right:59px}.server-list.vertical .server-list-item-wrapper:hover .server-list-card-footer .server-name{bottom:343px;font-size:16px}.server-list-item-wrapper.skeleton .server-list-card{background-color:#2f2f2f;border-color:#202020}.server-list-item-wrapper.skeleton .server-list-card .skeleton-icon{height:96px;width:96px;position:relative;top:84px;left:74px;border-radius:300px;background-image:linear-gradient(90deg, #4a4a4a 0px, #565656 40px, #4a4a4a 80px);background-size:600px;animation:shine 1.5s infinite ease-out}.server-list-item-wrapper.skeleton .server-list-card-footer{background-color:#202020}.server-list-item-wrapper.skeleton .server-list-card-footer .skeleton-name{height:20px;width:75px;position:relative;top:9px;left:82px;border-radius:12px;background-image:linear-gradient(90deg, #4a4a4a 0px, #565656 40px, #4a4a4a 80px);background-size:600px;animation:shine 1.5s infinite ease-out}.server-list-item-wrapper.skeleton.vertical .server-list-card .skeleton-icon{top:148px;height:128px;width:128px;left:58px}.server-list-item-wrapper.skeleton.vertical .server-list-card-footer .skeleton-name{top:9px}@keyframes shine{0%{background-position:-100px}40%,100%{background-position:140px}}@media screen and (max-width: 439px){.server-list.vertical{max-width:220px}}@media screen and (max-width: 645px){.server-list.vertical{max-width:440px}}@media screen and (max-width: 1227px){.server-list.vertical{max-width:652px}}
|
|
|
|
/*# sourceMappingURL=../maps/pages/serverlist.css.map */
|