From 304a5f9989dc1eb50a77e0e6e1a2d63e035bb0a7 Mon Sep 17 00:00:00 2001 From: itismadness Date: Tue, 13 Nov 2018 09:13:21 +0000 Subject: [PATCH] Update styling for interview site and flexbox --- publicheader.php | 4 +- style.css | 2460 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 2462 insertions(+), 2 deletions(-) create mode 100644 style.css diff --git a/publicheader.php b/publicheader.php index 73c6237..3614dbb 100644 --- a/publicheader.php +++ b/publicheader.php @@ -11,7 +11,7 @@ include('config.php'); - + diff --git a/style.css b/style.css new file mode 100644 index 0000000..463c952 --- /dev/null +++ b/style.css @@ -0,0 +1,2460 @@ +@import url('https://fonts.googleapis.com/css?family=Montserrat'); + +a:active, +a:focus, +button:active, +button:focus, +input:active, +input:focus, +select:active, +select:focus, +textarea:active, +textarea:focus { + outline: 0 +} + +#content>.thin, +.box, +.box2, +.main_column, +.sidebar { + overflow: hidden +} + +.clear:after, +.profileinfo:before { + content: '' +} + +#menu>ul a, +.nobr { + white-space: nowrap +} + +#covers .stats .remove, +.add_bookmark, +.sidebar { + float: right +} + +.tooltipster-default .tooltipster-content, +body, +button, +h1, +h2, +h3, +h4, +h5, +h6, +input, +select, +textarea { + font-family: 'Montserrat', sans-serif; +} + +#header ul, +.poll { + list-style: none +} + +.body img, +.box_request_desc:not(.head) img, +.comment:not(.head) img, +.news_post:not(.head) img, +.profileinfo:not(.head) img, +.wiki_article img, +form table td.label { + vertical-align: middle +} + +/*@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype') +} + +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype') +}*/ + +* { + box-sizing: inherit +} + +body { + margin: 0 8px; + box-sizing: border-box; + line-height: 1.6; + font-size: 12px; + color: #b9bdbd; + background-color: #041813 +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 8px 0; + max-width: 100%; + font-weight: 400; + line-height: normal; + color: #ffffff +} + +h1 a, +h2 a, +h3 a, +h4 a, +h5 a, +h6 a { + color: #83e4a6 +} + +h1, +h2 { + font-size: 23px +} + +h3, +h4 { + font-size: 18px +} + +h4, +h5 { + font-size: 16px +} + +a { + color: #f0f0f0; + text-decoration: none +} + +a:hover { + color: #c7fada +} + +b, +strong { + font-weight: 600; + color: #ffffff +} + +ol, +ul { + margin: 12px; + padding-left: 16px +} + +ol.nobullet, +ul.nobullet { + list-style-type: none +} + +li { + margin-bottom: 4px +} + +li:last-child { + margin-bottom: 0 +} + +blockquote { + margin: 12px; + padding: 12px; + border: 1px dashed rgba(255, 255, 255, .25); + background-color: #33363d +} + +::selection { + color: #fff; + background-color: rgba(105, 217, 146, .6) +} + +::-moz-selection { + color: #fff; + background-color: rgba(105, 217, 146, .6) +} + +form input { + vertical-align: sub +} + +table, +table .rowa:nth-child(even), +table .rowb:nth-child(even) { + background-color: #212a2d +} + +table { + margin: 8px 0; + width: 100%; + border-collapse: collapse +} + +table .rowa, +table .rowb { + border-top: 2px solid #262E27 +} + +table .rowa:nth-child(odd), +table .rowb:nth-child(odd) { + background-color: #252F32 +} + +table ul.options_list { + margin: 0; + padding: 0 +} + +.colhead, +.colhead_dark { + background-color: #252F32; + line-height: 18px +} + +.colhead td, +.colhead_dark td { + padding-top: 12px; + padding-bottom: 12px +} + +.colhead td.sign, +.colhead_dark td.sign { + text-align: center!important +} + +.colhead td.sign .tooltip, +.colhead_dark td.sign .tooltip { + display: inline; + max-height: 13px; + max-width: 13px +} + +td { + padding: 4px 6px +} + +td:first-child { + padding-left: 12px +} + +td:last-child { + padding-right: 12px +} + +form { + background-color: #1B2426 +} + +form table td.label { + width: 180px; + text-align: right; + color: #959a9e; + font-weight: 600 +} + +button, +input, +select, +textarea { + font-size: 12px +} + +button, +input[type=button], +input[type=submit] { + padding: 0 12px; + height: 32px; + font-weight: 600; + border: none; + border-radius: 1.5px; + color: #252F32; + background: linear-gradient(#f0f0f0, #b8b8b8); + cursor: pointer +} + +button:active, +input[type=button]:active, +input[type=submit]:active { + background: linear-gradient(#b8b8b8, #f0f0f0) +} + +input[type=email], +input[type=password], +input[type=text], +input[type=search], +select, +textarea { + padding: 0 8px; + height: 32px; + border: 1px solid rgba(255, 255, 255, .08); + color: #c6c9c9; + background: #252F32 +} + +input[type=email]:focus, +input[type=password]:focus, +input[type=text]:focus, +input[type=search]:focus, +select:focus, +textarea:focus { + color: #f0f0f0; + border: 1px solid rgba(255, 255, 255, .2) +} + +textarea { + padding-top: 6px; + width: 100%; + min-height: 96px +} + +.body, +.head, +.pad { + padding: 12px +} + +span.size1 { + font-size: .75em +} + +span.size2 { + font-size: 1em +} + +span.size3 { + font-size: 1.25em +} + +span.size4 { + font-size: 1.5em +} + +span.size5 { + font-size: 1.75em +} + +span.size6 { + font-size: 2em +} + +span.size7 { + font-size: 2.25em +} + +span.size8 { + font-size: 2.5em +} + +span.size9 { + font-size: 2.75em +} + +span.size10 { + font-size: 3em +} + +strong.important_text { + color: #e85050 +} + +strong.important_text_alt { + color: #4fb650 +} + +.error, +.invalid, +.new, +.r00, +.r01, +.r02, +.r03, +.warning { + color: #e85050 +} + +.r04, +.r05, +.r06, +.r07, +.r08, +.r09 { + color: #e3ba65 +} + +.r10, +.r20, +.r50, +.r99, +.small_upvote, +.small_upvoted, +.vote_album_up, +.vote_artist_up, +.vote_tag_up { + color: #4fb650 +} + +.small_downvote, +.vote_album_down, +.vote_artist_down, +.vote_tag_down { + color: #e85050 +} + +#wrapper { + margin: auto; + max-width: 1020px; + display: flex; + flex-direction: column; + align-items: stretch; +} + +.main_column { + order: 1; + flex: 3; +} + +.sidebar { + flex: 1; +} + +.box, +.box2 { + margin-top: 8px; + margin-bottom: 8px; + background-color: #1b2426 +} + +table.box, +table.box2 { + overflow: auto +} + +.head { + line-height: 18px; + background-color: #252F32 +} + +.min_padding { + margin: 0; + padding: 0 +} + +.clear:after { + display: block; + height: 0; + visibility: visible +} + +.profileinfo:before { + display: table; + clear: both +} + +.autocomplete-suggestions { + margin-top: 4px; + border: none; + color: #26282e; + background-color: #f0f0f0 +} + +.autocomplete-suggestions .autocomplete-suggestion { + line-height: 24px; + padding: 0 8px +} + +.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected { + background-color: #c7fada +} + +.autocomplete-suggestions .autocomplete-suggestion strong { + color: #12a1e3 +} + +.forum_post.forum_unread { + border-top: 2px solid #c7fada +} + +.forum_post .avatar { + width: 150px; + padding: 0 +} + +.forum_post .avatar img { + display: block; + height: auto; + width: auto; + max-height: 400px!important; + min-width: 150px; + max-width: 150px!important +} + +.forum_post .body img, +.sidebar img { + max-width: 100% +} + +@media screen and (-ms-high-contrast:active), +(-ms-high-contrast:none) { + .forum_post .body img { + max-width: 720px + } +} + +.forum_index h4, +.forum_list h4 { + font-size: 12px +} + +.forum_index h3, +.forum_list h3 { + margin-top: 24px +} + +.forum_index td[style*='width: 2%'], +.forum_list td[style*='width: 2%'] { + width: 24px!important +} + +.last_read { + margin-left: 8px +} + +.last_read :before { + content: '➟'; + display: inline-block +} + +#userinfo_minor:before, +.linkbox br { + content: '' +} +#nav_logchecker { + display: block; +} + +.read { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAACVBMVEX///+Vmp6Vmp6SEiFDAAAAAnRSTlMAAHaTzTgAAAAtSURBVHhefYuhEQAwCMTetvv9Pl2CIfgpoSBwRORiguFKD4dMydeyqlZtrU8A6JMUKeHoG3AAAAAASUVORK5CYII=) center no-repeat +} + +.unread { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAACVBMVEX///+D5KaD5Ka19X0BAAAAAnRSTlMAAHaTzTgAAAAtSURBVHhefYuhEQAwCMTetvv9Pl2CIfgpoSBwRORiguFKD4dMydeyqlZtrU8A6JMUKeHoG3AAAAAASUVORK5CYII=) center no-repeat +} + +.read_locked { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEX///+Vmp6Vmp6Vmp6Vmp4sa6RBAAAABHRSTlMAAFZXqn1YHwAAADxJREFUeF6VirERACAIxBxBmYCCERhAOPefyQc8KxtT5fLfHqxgQmyAFAT7Kj2LOZ0iwiXkMeGqyiH1uWz5Fw69ZPQ3OgAAAABJRU5ErkJggg==) center no-repeat +} + +.unread_locked { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAD1BMVEX///+D5KaD5KaD5KaD5KbCVVhKAAAABHRSTlMAAFZXqn1YHwAAADxJREFUeF6VirERACAIxBxBmYCCERhAOPefyQc8KxtT5fLfHqxgQmyAFAT7Kj2LOZ0iwiXkMeGqyiH1uWz5Fw69ZPQ3OgAAAABJRU5ErkJggg==) center no-repeat +} + +.read_sticky { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEWVmp7///+Vmp6Vmp6Vmp6Vmp6Vmp6Vmp6Vmp6SPnSpAAAACHRSTlMAAFFTUl5URdDB1TQAAABISURBVHhehcahEYAwEADBY0AgE4ekDCRlUAKSEp6oKxvmJwLHqqV2lBlgeOPO4V1ZbMCbsmlkRiWDrcdzzVwxRSaAv6j6Te0es5kZ6IK/EdsAAAAASUVORK5CYII=) center no-repeat +} + +.unread_sticky { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEWD5Kb///+D5KaD5KaD5KaD5KaD5KaD5KaD5KYbYzDSAAAACHRSTlMAAFFTUl5URdDB1TQAAABISURBVHhehcahEYAwEADBY0AgE4ekDCRlUAKSEp6oKxvmJwLHqqV2lBlgeOPO4V1ZbMCbsmlkRiWDrcdzzVwxRSaAv6j6Te0es5kZ6IK/EdsAAAAASUVORK5CYII=) center no-repeat +} + +.read_locked_sticky { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAIVBMVEX///+Vmp6Vmp6Vmp6Vmp6Vmp6Vmp6Vmp6Vmp6Vmp6Vmp6HnQyEAAAACnRSTlMAAFZRUlNXVF5FRF9ofwAAAFxJREFUeF49zLEVgCAMBNDQWhmeNlbUdI7gGo7ACI5g5wYGu5vSkPC46r+7vNBI2FgzK3DwjZdowqeNIpyAGFbAG9at49oNjyxiEPvjqLE3OSdHrG0CpJTkaDcjPwJ6HWxMBPutAAAAAElFTkSuQmCC) center no-repeat +} + +.unread_locked_sticky { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAIVBMVEX///+D5KaD5KaD5KaD5KaD5KaD5KaD5KaD5KaD5KaD5KZyVm+gAAAACnRSTlMAAFZRUlNXVF5FRF9ofwAAAFxJREFUeF49zLEVgCAMBNDQWhmeNlbUdI7gGo7ACI5g5wYGu5vSkPC46r+7vNBI2FgzK3DwjZdowqeNIpyAGFbAG9at49oNjyxiEPvjqLE3OSdHrG0CpJTkaDcjPwJ6HWxMBPutAAAAAElFTkSuQmCC) center no-repeat +} + +#header, +#userinfo { + position: relative +} + +#header ul { + margin: 0; + padding: 0 +} + +#header li { + margin: 0 +} + +#logo { + box-sizing: content-box; + width: 200px; + height: 42px; + padding: 24px 8px 16px +} + +#logo a, +#extra5 { + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYEAAABOCAYAAADGkKrxAAAACXBIWXMAABYlAAAWJQFJUiTwAAARRUlEQVR4nO2df5Bk1VXHPzvsLiwQesSEbPg1TSCBQML0KgQCwW2sSiTEsItWmU203MYYS8sfO1plmegfO1hWmSqrwmKiRMvILOWPaDRZipTGBCu9pnSJUZlxCQIC6YGE/CCB6d1k2R+w6x/nPabtua/73XPve/169nyqXg3b0/e+c4f37vfec889d82JEycYERuA9cm1DlibXMM4C7gGeD1wOfAK4Poc5RaAJaANdHp+GoZhnLSsKVEE1iEd9unAmZ5lLwNuAd4MXBHRpkVEDPYkl2EYxklF0SJwClADXomM/H04F9gG/ChwfmS7XHQRIZhDhMEwDGPVU5QInAJsBF6d/LcPPwz8BPC22EZ5sADsQgTBMAxj1RJbBNYiI/hz8e/8Xwf8EuLyqQqLwAzmKjIMY5USUwQ2Ih15nsXdXs4E3g+8K5YhBbAXEYP5URtiGIYRkxgisAF4I/ADirLXAL+JLBiPA7cDs6M2wjAMIxahIrARaOA/+j8D2A7cFHLzEbEA3IqFlxqGsQoIEYErgUsU5c4Bfh1xHY0rXUQI2iO2wzAMIwiNCKwDbgBepbhfHfhtxsf9M4yfwyKIDMMYY3xFYD0Suqnx/08jC8CrRQBSfhdZKzAMwxg7fERgPXAzcLbiPtcAP68oNy7cA9w2aiMMwzB8ySsC65G0DT+ouMcFwAcV5caN3wDuHLURhmEYPuQVgVuB8xT1n4dsAPPNFTSuvA/YPWojDMMw8pJHBDYjYaC+bAB+BUkdURZPAAf7PtsElJkq9SokjNQwDKPyDBOBS4Ctyrp/FniDsmwevgHsB74NPAM8P+C7G4DXIPsa3ghcVKBdXeTvtlTgPQzDMKIwSARqiHvjVEW9bwbeqTVqAF1kEfYeZLT9euBq4ELPeiYRIbgO2bcQm/uAnyygXsMwjKgMEoHtwJSizknEDRTTBdMFPpJcrhH2JLAFnb1XIIfSaPY9DOL9iFgZhmFUliwR2IQsBmu4lbi7ge9DOtQ87pWLkvtPKu5zNXJ2QSzx6gKXYm4hwzAqjEsETgN+K/npy6XAO0KNSuginf99nuVOQzKS/pDinucAb8XfvZTFXyBtMAzDqCQuEXg7+gNdtqHbS9DPU8BPAf8dUMdVwLsV5U4FbgQuDrh3L29AziUwDMOoHP3ZPzcgHaBvVlCQTvNswt0p+4EfQ2YCIfwHMAG8x7PcS8D9wPeBNwXaAPA7wC9EqMcwDCM6/TOBm5NLwy3oUkr0sh9JLx0qAL1cC/yMsuzVxDnY/gpsNmAYRgXpHfGfjriBNLOAKSSpXMgs4ADivokpAAAPAGuQaCdfHkSEbWOgDR8EfjGwDsMwjOj0dvib0Gf4PI9wN9A2ZC2gCPYhvvnrlGXfgW6/RMqPI/suYgucYRhGEL0icBO6WcAZyDkBxwPs+BDwxYDyefgE4pbxXbg+DnwZ2UugFbozkc1zf6Us70MLaCaXa9/EInIYzp7kKpNWcvnSRkJt25R3znNb8f0ybWw7Pmt61tFi5f+POeKfkdEAdkWusxmxrhZx/g5Z7Wx61uNLg+X3frrvd13keWwj7/uKZzPt9F+FPpXCK5DFVC1PA3cFlM/LIeDPkIVaX54DvopuM1pKkSIwCcwkV23Id6cQ19h2RBDmKO/c5DqSi8qX3jKpzbsodg+Gr539Ns5S7IFDmr9jP3VHPe0I9fYz6bhPlagT5+9QdjvryDM26J615PebgZ3AXuTZbKdfmEh+XgWcorzqyGhZe32A8twk/wM8NqQ9Wdci8ELONrmumxjeQWtoIOq+U1H/VFJuHl2SwFEwDjZPAXcjNtZHa4qxSknfe81g5QuICEzCsghci8wKfK+zkA1W2o5xP/APno0I5S50bT2KrFmECF6sjXQpLWTxOmSGAjKFbKNPFjgKphCbqyoEIH/XeXQ72A0ji0nk2Q8ZVG4mcQ2l7qArlRXVgBcDDPlYQFktzwKPogv9XEJmBdo2X4+sTcSghYw2s+j1BYI8OA2yRw414NNIgEBZfvdQaohbqDliOwZRQ3yxzRHbUTXS59PwZxduAegi7qHUTTqJe50gZQZEBN6EdGwaTkG/IHyAeB2iL59BJ3xHgcfRp5W4XFmunwbZAjDMH11HBGRnxu/byXfKynl0O8PXJNKFrx2O321GHvR2RJuyWDPgdw3kpXKFIm9GZlllL8RXmXlMGLW4Zuy7kefP9d7Wk9/t6Pv+HhB30GuTn5orFQHNVbYbqJcHEP++ps0vom9zrPMV5jI+vxfpjLJ+D9BBOt1NuDew1YaUHwXzyEO8KeP3rfJMyWQesWMT7jWuVpnGGKuWJitnAYvI85U1cOsg789FyMLwYvJvQDq1S9D5yNcStij8Wc/Gx+ZhdG0+lPzUtvstgXa3cE/v7kVGCHlH8OnCqqvD2kI1R2nzuM9xrpdsxyDmGU2YoHHy0vH4XjO5Xu4nJoBz0UXLnE7YqHjUIrAPXbtPIOGi2nafH2j3rOOzLrqR5hLZi8EzGZ+PGpdLpWrhh3OOz4qIDDMM8A886PT+I1QEjqLrCL/iaXQRPIk+LPYl9CJwXoDNDdyRQFm+wDy0Ef9gP1uwqBYtnVEbYJxUTBMwaAsRgfXoO8KHtAZH5HH0InAa+rZrU3OAe9SeRgSEkLWbsxlYbxG4hGmhdCsGY+JpFEVWRNUdyICu5VvhWvSRQUtI6mkNTyvLxeYFJKWDL+lsQMNlynLgjolvB9SXMo8sFvXPMhpUL6LFNeLplG3EEEa132LW8/vNAmzISxq+6Ms8J/dpfUvIzD0rCm0zMqhr91wDQ3FDROAEMrLVlq0CT5IdcTKICfRt15YD9wgzVqx1h5UiUI9UdwwmkYfb5f+vklCldvZzbwn3zgr7rSLTyM5VX26knHDgKjODDDSy1plqiDt3S/LvLvKOzOH424WIQOoX11CVbJppmKumXFUEsBOpnjYrO9h6pLoHUWfwiDAdMbZwP/RpLqEqsBWxxWVnlYTKGG+WkHdijuyNYL3UWM4XtiJ3UIgIgN4lonHBFEGICGjbHjITcDHu/uf04dTQpVzXy2zG501EzLLSdyxQHaEyVgfpZru8iSNT0txBd9KzY3hiUIkBrEHfEVbFHZRuANOUO6q8Z0jGVRexRMC13tCJVHcRdJGXoMzUAxp3izZ81zCGsYQMTGaRwVB65RGEHWn5kJnA2cjCqobYo2EtlzP+M4FYCdTGSQQGbZGvEovIS1mWUN3o+f0W+llYKAvowhrHLd9QWZFre1h2OTZY3hTWJFsUdgJzITOB9chh7BpeoywXm7OU5ULWBB5RlgO33z6N5w/pEOu4XRntgDqLYIG+3Y4VpYssDu+iXFvbnt9vFmBDXpao3vPVS6wZ9iie1XmWd65PIgORWdzveGsC+Ba6WPnjwDpk17DvdXHMFiu5DP0+gRfQtftFwhbFsxYXQ3f3zmZ83g6sNw+7kRFs/+XawDZNdV0rexGbb0NEdZbqi5UhuP4/NRX1xJqVx2QJWY9q4J6VNNcCz6BLZXAc8e1r3CKvVZSJzeXoZ0FL6GcCzyjLQXY8/wz6UWcDt0vA1QkXQQe32LQR2/qjH2Yp95jJXgZlETXGF9ezNI2Iecejnqbjs7a3NcWQrh98uv8XE0inpM0iehwRAc11Q/x2evE29O0Gfbu/EWj3rOOzGj0nBXkwSXbUStbnZdJi5cypillOjfGmnfG5zwy7wXJcfi9FDFYmEZubnuWcg8QJxEet7Qxr6DvD6z0bEJu3oG93ujCsuR4MtHsOdwro9HSwvEJQT77vijPeTTVGMPO4RW+a+AeXGyc3rs18O8jnfswaTKWbtGLTZjnUc5b873zT8dnSBHLurrYjXMvy6WK+17U5DS+CtyN2a9u8Bl2bvx7J/lbG59Ms5w7PejAmkQdnHrcAdKlWBtFdiL+9nx1UM7eRMZ5kDSruZnBH2yT7XSpioDLXd6/0vO0Wg8VgBneI8561yAErWt846MMlT0NcMp8PuLeW96Fv86nAc8qyobOAlDayAOk6XayGJJO6A+k82z2/azI47XIae1+1Bc2tiLj1h7rtodxT0Ix4NAibbc4Q19XSRmYDLpfOzuTqfZ/qyLuStUFwkfgisBX3+t0U0hfczcp3Po0OctnZJREBgPuR0bGGVwPfAQ4ryt5C+SJwPnBdQPkO+jOGY8YMzyU/B50znCaUysMoNl/lZQkZ6fQvaqXrA6NK2GboqRF2DkQRO+VbZLtIIf/7lO5kjz042YMcxzpo06LPOz9D4g6C5dmAdnF4Izr/+IWU7xbahb6tE8Ax9OsB+yK3ZQ64lfBcTAvIyKyKApCyB/epYluolvvKGF/SnDwhg7VUAIp6l2aREOrQAeWdJAPJVAQ+i/i5tdcrkY1XxxTXduCMwAbl5brk0rZzLXAgR5tc17+h31w3iNQlcjv+YrCIuJUaVHd3cC+zuBfFZ6lmjLYxfqRCoHmfdhPu5spDO7nPbfiLwSIycHx54JS6g55GFoivCDDsQuB5pMPz4WzgZuCTAffOQw34Q8LWP74LfE9Z9ksB9x1GGgO8i+X8IQ3cfsAFZJTSu828LDqsXOTteJRfQtrm8rXGHn25FqOrRAz7Oo56OhHq7WfJcZ8YdRZF7/vUQkShiTv9QuqDn6P8gdQcyxvBtiI21ln53i+yfLbAXH8la06ceDmX2zakkwzhKeBRZdnfQ4SoKD4CvDuwjofQxfkfQqJZDgXe3zAMIyq9o+J/BA4S5ha6CDgHnbvk1xC3UhFsS66Qth0Dvqls25cwATAMo4L0ikAX+FPCFk0BrkISxPnG0K8Dfhk5wD4m7wH+KLBdE8D/Ih25Zn9A2W4XwzCMXPS6g0B8Xgvos2umTCCRMK5FvGF8DfgwcUbO7wU+GqGeI8hMSXOGwD7Ky8NjGIbhRf8iaRf4GOGjZpC0EOfjP2reCHwAXVK7Xt4L/HGEtkwAD6OfBXwmsB2GYRiF0T8TAJkNPET4bADEl/4QslP2iGfZw8BfA/s9y9WADyEiEIMjSOSSr/0AX0baYBiGUUlcIgDw08BdEe/zHBIn/zVF2a8Af0u+U8xuQGYyFyjuk8U/I+sBvhwGfh/96WuGYRiFkyUCID7wt8a8F/AE8C/IhisfDiMi8q+401NcCPwJce0FeBK9O+fvgf+KaIthGEZ0BonAFLKoGcMt9P/uCTyGpLB+zLPsYWRD0INIuOa7kIii2J0/yAj+L9GlZHgEcwMZhjEGDBIBkE72bwq8/yGkw3wWcRV9c8j3NyJ7CS4ALqW4dBNrkE78CUXZI0hEkiahnmEYRqkMEwGAP0BG24Xbkvz8Pis734tZ7vCHGhyBvciBDRrmgG/HM8UwDKM48ogAwOcY/XGQZfEIcI+y7OeQhWzDMIyxIK8ITCId3JXFmjNyOsDH0UX0fJG45wUYhmEUTl4RABGCz7N6heCrSFisZqfyY1Q/66RhGMYKfEQARAjuZ/UJwZNIBlWNAMxT7cNYDMMwMvEVARAh+DvgR+KbMxL2IxvMNAKwDxEQwzCMsUQjAikfBn41oi2j4F508fzHEAF4Nq45hmEY5RIiAiDnu34c94k7VeYgcsjMfyrKHgD+HTsfwDCMVUCoCIAcZ/bnjI976EFkM9e3FGUfTy7DMIxVQQwRSNkO3EF1ZwUHkdTS9yvKLiERQNrzhQ3DMCpJTBEAWTTekVxVEYMDSBbST+HfiR9BQke/G9sowzCMKhBbBFKqIAYHgE8gZwEc9Cx7CHEXfSe2UYZhGFWiKBFImQS2ImIwXeSNengYifjZi1/n/xKSMfR5zO1jGMZJQtEi0EsdEYTNSFRRTP4JifT5AvB1j3LHkFH/9/CfLRiGYYw9ZYpAP02ggcwQ6sk1NaTM08BTSNrpR5Fkbw/kvN9R4DiS4vnFnp+GYRgnLf8HLRRc8p+8Md4AAAAASUVORK5CYII=') right no-repeat; +} + +#logo>a { + display: block; + margin-top: 0px; + height: 100%; + background-size: 200px; +} + +#menu>ul { + display: -ms-flexbox; + display: flex; + width: calc(100% - 149px); + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + overflow: hidden; + font-size: 13px +} + +#menu>ul li { + -ms-flex: 1 1 auto; + flex: 1 1 auto +} + +#menu>ul a { + display: block; + height: 100%; + line-height: 50px; + text-align: center; +} + +#menu>ul a:hover, +#userinfo_minor:hover a:hover, +#userinfo_username:hover a:hover { + background-color: #c7fada +} + +#nav_index { + display: none +} + +#userinfo_minor:hover a, +#userinfo_username:hover a { + display: block +} + +#userinfo_username #nav_userinfo>a { + display: block; + width: 100px; + line-height: 50px; + overflow: hidden; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 13px; +} + +.linkbox, +.linkbox .center { + text-align: right +} + +#userinfo_major>li, +#userinfo_stats>li, +.linkbox .brackets { + margin-left: 8px +} + +#userinfo_major, +#userinfo_stats { + position: absolute; + display: -ms-flexbox; + display: flex; + right: 8px; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap +} + +#userinfo_major { + top: -53px; + right: 41px; + font-size: 13px +} + +#userinfo_stats { + top: -31px; + font-size: 13px +} + +#searchbars>ul { + display: -ms-flexbox; + display: flex; + padding: 0 9px; + height: 50px; + -ms-flex-align: center; + align-items: center; + background-color: #252F32 +} + +#searchbars>ul li { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin-right: 9px +} + +#searchbars>ul li:last-child { + margin-right: 0 +} + +#searchbars>ul input { + width: 100%; + background-color: #1B2426 +} + +#menu li:nth-child(2) { + background-color: #0a3a2e +} + +#menu li:nth-child(3) { + background-color: #0c4a3b +} + +#menu li:nth-child(4) { + background-color: #0f5b48 +} + +#menu li:nth-child(5) { + background-color: #126c56 +} + +#menu li:nth-child(6) { + background-color: #157d63 +} + +#menu li:nth-child(7) { + background-color: #188e70 +} + +#menu li:nth-child(8) { + background-color: #1a9f7d +} + +#menu li:nth-child(9) { + background-color: #1daf8b +} + +#userinfo_username { + right: 50px; + background-color: #20c098 +} + +#menu { + border-radius: 5px 5px 0 0; + overflow: hidden +} + +.linkbox br { + display: block; + line-height: 4px +} + +.linkbox>strong { + color: #83e4a6 +} + +#footer, +.alertbar { + text-align: center +} + +.linkbox .brackets:after, +.linkbox .brackets:before { + display: none +} + +.thin>.header { + width: 100%; + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap +} + +#covers .cover_seperator, +#noty_bottomRight_layout_container .brackets:after, +#noty_bottomRight_layout_container .brackets:before { + display: none +} + +.thin>.header h1, +.thin>.header h2, +.thin>.header h3 { + -ms-flex: 1 0 auto; + flex: 1 0 auto +} + +.thin>.header .linkbox { + margin-top: 8px; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -ms-flex-item-align: end; + align-self: flex-end +} + +#noty_bottomRight_layout_container { + bottom: 24px!important; + right: 24px!important +} + +#noty_bottomRight_layout_container>li { + border: 2px solid #f0f0f0!important; + border-radius: 0!important; + background: 0 0!important; + box-shadow: 0 0 32px rgba(0, 0, 0, .25)!important +} + +#noty_bottomRight_layout_container .noty_message { + padding: 0!important; + font-weight: 700; + color: #041813!important; + background-color: #f0f0f0!important +} + +#noty_bottomRight_layout_container .noty_message .noty_text { + padding: 0 8px; + line-height: 34px +} + +#noty_bottomRight_layout_container .noty_buttons { + padding: 8px!important; + border: none!important; + background-color: #1B2426!important +} + +#noty_bottomRight_layout_container .noty_buttons a { + color: #f0f0f0!important +} + +#noty_bottomRight_layout_container .noty_buttons a:hover { + color: #c7fada!important +} + +#noty_bottomRight_layout_container .brackets { + margin: 0 2px +} + +.sidebar .pad ol, +.sidebar .pad ul { + margin-top: 0; + margin-bottom: 0; + padding-bottom: 0 +} + +.sidebar ol.nobullet, +.sidebar ul.nobullet { + padding-left: 0 +} + +.sidebar img { + width: auto; + height: auto +} + +#covers .pad, +#covers p { + margin: 0; + padding: 0 +} + +#add_cover_div>div:first-child, +#artist .sidebar .box_image div:last-child { + padding: 0!important +} + +#covers img { + width: 100% +} + +#covers .stats { + margin: 0 8px 8px +} + +#add_cover_div>div:first-child .additional_add_artists { + margin: 8px 12px +} + +#add_cover_div .add_form input[type=text] { + width: 100%; + margin-bottom: 8px +} + +#artist .sidebar .box_image img { + max-width: 100%!important +} + +.box_artists .brackets, +.box_tags .edit_tags_votes .brackets { + margin: 0 4px +} + +.box_artists .brackets:last-child, +.box_tags .edit_tags_votes .brackets:last-child { + margin-right: 0 +} + +.box_artists .brackets::after, +.box_artists .brackets::before, +.box_tags .edit_tags_votes .brackets::after, +.box_tags .edit_tags_votes .brackets::before { + content: ''; + display: none +} + +.box_addartists form, +.box_addartists_similar form, +.box_addtag form, +.box_search form, +.box_zipdownload form { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row wrap; + flex-flow: row wrap +} + +.box_addartists input[type=text], +.box_addartists select, +.box_addartists_similar input[type=text], +.box_addartists_similar select, +.box_addtag input[type=text], +.box_addtag select, +.box_search input[type=text], +.box_search select, +.box_zipdownload input[type=text], +.box_zipdownload select { + -ms-flex: 1 1 auto; + flex: 1 1 auto; + margin-right: 8px; + width: auto +} + +#AddArtists input, +#AddArtists select { + width: 100%; + margin-bottom: 8px +} + +.box_addtag .body strong { + margin-top: 8px; + display: block; + font-weight: 400 +} + +.box_addtag .body br { + display: none +} + +.add_torrent_container .field_div input { + width: 100% +} + +.add_torrent_container form>span:last-child { + display: inline-block; + margin-top: 8px +} + +.box_zipdownload input, +.box_zipdownload select { + margin-right: 0; + margin-bottom: 8px; + width: 100%!important +} + +.box_zipdownload input[type=submit] { + margin-bottom: 0 +} + +.box_zipdownload #list { + margin: 0 0 8px; + width: 100% +} + +.box_zipdownload #formats { + width: 170px!important; + margin-right: 8px +} + +.torrent_table { + background-color: #262e27 +} + +.torrent_table tr:not(.colhead):not(.colhead_dark) { + border-top: 2px solid #262E27 +} + +.torrent_table tr .number_column:not(:last-child) { + padding-right: 6px +} + +.torrent_table .group { + background-color: #252F32 +} + +.group_torrent { + background-color: #1b2426 +} + +.group_torrent.edition, +.torrent { + background-color: #1F282B +} + +.torrentdetails .linkbox { + margin-bottom: 6px +} + +.group_info { + word-break: break-all +} + +.big_info { + padding-top: 0; + padding-bottom: 0 +} + +.big_info .group_image { + margin-right: 8px +} + +.big_info .group_info { + margin: 4px +} + +.big_info .group_info:after { + display: none +} + +.tags a { + font-size: 11px; + color: #959a9e +} + +.tags a:hover { + color: #c7fada +} + +.group_info>span:first-child, +.group_torrent td:first-child>span, +.torrent_links_block { + float: right; + margin-right: 4px; + color: #959a9e +} + +.add_bookmark { + margin-right: 4px +} + +.group_torrent:not(.edition) td:first-child { + color: transparent; + padding-left: 24px +} + +.torrent_table .group td:first-child { + padding-left: 4px +} + +.hide_torrents>a, +.show_torrents>a { + position: relative; + display: block; + width: 18px; + line-height: 100%; + font-size: 16px; + text-align: center; + font-weight: 600 +} + +.show_torrents>a:after { + content: "▶" +} + +.hide_torrents>a:after { + content: "▼" +} + +.group_torrent .edition_info { + position: relative; + padding-left: 34px; + border-top: 1px solid transparent +} + +.group_torrent .edition_info a { + position: absolute; + display: block; + top: 0; + left: 0; + width: 22px; + line-height: 27px; + text-align: center; + font-size: 16px +} + +#artist .td_info > a { + margin-left: -8px +} + +.colhead td[width*='70%'], +.colhead_dark td[width*='70%'] { + width: 100% +} + +.colhead .cats_col, +.colhead_dark .cats_col { + padding: 0; + height: auto +} + +.cats_col { + border-top: 1px solid transparent; + position: relative; + padding: 0; + height: 100% +} + +.cats_applications, +.cats_audiobooks, +.cats_comedy, +.cats_comics, +.cats_ebooks, +.cats_elearningvideos { + position: absolute; + width: 6px; + left: auto; + top: 0; + bottom: 0; + opacity: .35; + border-right: 2px solid #041813 +} + +.cats_applications { + background-color: #2b99ff +} + +.cats_audiobooks { + background-color: #ffe70f +} + +.cats_comedy { + background-color: #ff382b +} + +.cats_comics { + background-color: #b52bff +} + +.cats_ebooks { + background-color: #3fee23 +} + +.cats_elearningvideos { + background-color: #22fad9 +} + +.log_section pre { + line-height: 1.4 +} + +.tooltipster-base { + width: auto!important; + box-shadow: 0 0 8px rgba(0, 0, 0, .25) +} + +.tooltipster-default { + border-radius: 2.5px; + border: 0 solid #83e4a6; + color: #c6c9c9; + background-color: #041813 +} + +.tooltipster-default .tooltipster-content { + padding: 4px 6px; + font-size: 12px; + line-height: 1.4; + color: #c6c9c9; + background-color: #041813; +} + +.tooltipster-default .tooltipster-content a { + font-weight: 600; + color: #c6c9c9; + background-color: #041813 +} + +.alertbar, +.tooltipster-default .tooltipster-content a:hover { + color: #83e4a6 +} + +#content .header>h1, +#content .header>h2, +#content .header>h3, +#content .thin>h1, +#content .thin>h2, +#content .thin>h3 { + margin-top: 16px; + margin-bottom: 0 +} + +ul.collage_images { + margin: 0; + width: 100% +} + +ul.collage_images li { + position: relative; + display: block; + height: auto; + width: 20%; + overflow: hidden +} + +ul.collage_images li a, +ul.collage_images li a img { + width: 100%; + height: 100%; + position: absolute +} + +ul.collage_images li:before { + content: ''; + float: left; + padding-top: 100% +} + +ul.collage_images li a { + display: block; + top: 0; + left: 0 +} + +ul.collage_images li a>span { + position: absolute; + margin: 6px; + top: 0; + left: 0; + width: auto; + height: auto +} + +.recent { + table-layout: fixed +} + +.recent tr:not(.colhead):not(.colhead_dark)>td { + padding: 0; + position: relative +} + +.recent tr:not(.colhead):not(.colhead_dark)>td:before { + content: ''; + float: left; + padding-top: 100% +} + +.recent tr:not(.colhead):not(.colhead_dark)>td a { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden +} + +.recent tr:not(.colhead):not(.colhead_dark)>td a img { + position: absolute; + width: 100%; + height: 100% +} + +.alertbar { + margin-top: 8px; + font-size: 16px +} + +#userform #settings_sections h2 a, +.rule_short { + color: #f0f0f0 +} + +.poll li { + margin-bottom: 2px +} + +.poll .graph { + display: block; + margin-bottom: 12px; + height: 8px; + background-color: rgba(131, 228, 166, .1) +} + +.poll .graph span { + display: block; + float: left; + height: 8px; + background-color: #83e4a6 +} + +.lightbox { + z-index: 1000; + position: fixed; + display: -ms-flexbox; + display: flex; + top: 0; + left: 0; + bottom: 0; + right: 0; + margin: auto; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(0, 0, 0, .32); + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.lightbox.hidden { + display: none +} + +.lightbox img { + display: block; + max-width: 92%; + max-height: 92%; + box-shadow: 0 0 32px 6px rgba(0, 0, 0, .32) +} + +#discog_table>div.box.center .brackets:after, +#discog_table>div.box.center .brackets:before, +#quickreplytext br:last-child { + display: none +} + +#footer { + margin: 32px auto 16px; + font-synthesis: 11px; + color: #959a9e +} + +#footer p { + margin: 0 +} + +#messageform textarea, +#quickreplytext textarea { + margin: 0 0 12px +} + +#discog_table>div.box.center { + padding: 12px; + text-align: left; + background-color: #252F32 +} + +#discog_table>div.box.center a { + margin: 0 8px +} + +.rule_summary { + padding: 24px!important +} + +.golden_rules { + margin: 0; + padding: 0 +} + +.rule_wrap { + margin-bottom: 8px +} + +#musicbrainz_popup { + color: #041813; + font-weight: 600 +} + +#musicbrainz_popup a { + color: #041813 +} + +#musicbrainz_popup a:hover { + color: #83e4a6 +} + +#musicbrainz_popup .brackets { + font-weight: 400 +} + +#menu>ul, +#userinfo_username .username, +.album_votes .favoritecount { + font-weight: 600 +} + +#inbox #content .search_form input[type=search], +#wiki #content .search_form input[type=search] { + width: 100%!important; + margin-top: 8px +} + +#searchbox { + margin-bottom: 12px +} + +#inbox .manage_form .box { + padding: 0 +} + +#inbox .unreadpm { + background: rgba(255,255,255,0.25) +} + +#wiki .navigation_list { + margin: 0; + padding: 0 +} + +#wiki .box_info ul { + margin: 0 +} + +#rules #content .thin .header p { + display: block; + margin: 0 0 8px; + width: 100% +} + +.profileinfo img { + max-width: 100% +} + +#user .box>.head { + height: auto!important +} + +#user .box>.head span[style='float: left;']:first-child { + float: none!important +} + +#user .avatar_container img { + max-height: 400px; + max-width: 150px; +} + +#friends .avatar_container { + margin-right: 150px +} + +#user #userform { + background-color: transparent; + width: calc(100% - 248px); +} + +#userform #settings_sections h2 { + line-height: 1.6; + font-size: 12px +} + +#userform #settings_sections h2 a:hover { + color: #c7fada +} + +#userform #settings_sections input { + margin-top: 8px +} + +#dnulist tr:not(.colhead):not(.colhead_dark):nth-child(even) { + background-color: #3d3336 +} + +#dnulist tr:not(.colhead):not(.colhead_dark):nth-child(odd) { + background-color: #33363d +} + +@media (min-width:1024px) { + #reportsv2 form table { + table-layout: auto; + width: 1020px; + margin-left: -102px + } +} + + +#menu>ul a:hover, +#userinfo_minor:hover a:hover, +#userinfo_username:hover a:hover { + background-color: rgba(255, 255, 255, .2) +} + +#torrents .filter_torrents .ft_submit { + display: -ms-flexbox; + display: flex; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap +} + +#torrents .filter_torrents .ft_submit input { + margin-right: 4px +} + +#torrents .filter_torrents .ft_submit span { + -ms-flex-order: 2; + order: 2 +} + +#votes { + position: relative +} + +.album_votes { + line-height: normal +} + +#collages.collage_table .colhead td:last-child, +#personal_collages .colhead td:last-child, +.filelist_table .colhead_dark td:last-child, +.forum_index .colhead td[style*='width: 7%'] { + text-align: right +} + +.search_form { + margin: 8px 0; + overflow: hidden +} + +.search_form div.submit { + margin: 12px; + text-align: center +} + +.box.pad .search_form, +.search_form .filter_torrents, +.search_form .filter_torrents div.submit, +.searchbars .search_form, +.sidebar .search_form { + margin: 0 +} + +.box table:not(.layout), +.box2 table:not(.layout) { + margin: 8px 0; + border: 2px solid #262E27 +} + +span[style*='color: green'] { + color: #4fb650!important +} + +span[style*='color: red'] { + color: #e85050!important +} + +span[style*='color: blue'] { + color: #4f50e9!important +} + +.filelist_table td, +.reportinfo_table, +.torrentdetails, +.wrap_overflow, +blockquote { + background-color: #252F32; + word-wrap: unset; + -webkit-hyphens: unset; + -ms-hyphens: unset; + hyphens: unset +} + +#bookmarks #torrent_table tr:not(.colhead):not(.colhead_dark) td:nth-child(2) { + border-top: 1px solid transparent; + position: relative; + padding: 0; + height: 100% +} + +#bookmarks .torrent_row td:nth-child(3)>span:first-child { + float: right +} + +#quickpost { + width: 100%!important +} + +.donation_info { + margin-left: 0; + margin-right: 0 +} + +#messageform #buttons input[type=button], +#messageform #buttons label, +#quickpostform .preview_submit input[type=button], +#quickpostform .preview_submit label, +.forum_post .colhead_dark input[type=button], +.forum_post .colhead_dark label { + margin-right: 4px +} + +#userinfo_minor:hover:before { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJBAMAAAASvxsjAAAAKlBMVEX////09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PTORHYwAAAADXRSTlMAAPcn8s3PMewwQO48zuZtxAAAADNJREFUeF5lyjENACAMBdEjJN1Z8VQzWEBB/VQFCeP3AivhhpsefyZtqK4JZay479kecgC28wcE2aUXfwAAAABJRU5ErkJggg==) 21px 20px no-repeat +} + +#menu>ul a:hover { + color: #fff +} + +#userinfo_minor:hover a, +#userinfo_username:hover a { + color: #f0f0f0 +} + +#searchbars .search_form { + background: 0 0 +} + +#searchbars .search_form input { + height: 30px; + border-radius: 2.5px; + border: none +} + +#searchbars .search_form input:focus { + background: #262E27 +} + +.sidebar { + order: 2; +} +.thin:last-child { + display: flex; + flex-wrap: wrap; + margin: -4px; +} +/* + * We want vertical flex unless there's a sidebar. However, CSS has no parent selectors. + * So, instead, we set width: 100% on everything, which is basically the same as column + * flex, and then just override that to be default if there is a sidebar. + */ +.thin:not(.linkbox) > :not(.two_columns) { + width: 100%; +} +.thin > table { + /* fuck css, dude. Still not sure why this actually happens. */ + width: calc(100% - 8px); +} +.thin > .sidebar ~ * { + width: auto; +} + +#header { + display: flex; + flex-direction: column; +} +#alerts { + order: 10; +} + +/* + * Documentation of mobile classes: + * GENERAL: + * .m_hidden: display: none on mobile + * TABLES: + * .m_table: table which will be mobilized + * .m_th_left: which table header should be preserved on the left. It will be replaced with the word "Info". Only 1 + * .m_th_left_collapsable: extra padding applied to align right of the collapse button + * .m_th_right: table headers that will be "floated" to the right. Max of 3 + * .m_td_left: will be left-aligned, and expanded vertically. Mainly for collapse button + * .m_td_right: tables cells which will be put on the right with absolute positioning, to correspond with .m_th_right headers. Max of 3 + * + * forum posts, although they share some of the styles, do not actually use + * these classes, because: + * - they are not tabular data, so for semantics + * - they should not be compact the same way as a table + * - they have much more uniform HTML across different places (comments and + * "real" forum), so classes to simplify CSS aren't necessary + */ +/* + * Portrait phones, and sometimes landscape + * TODO: currently, responsive is optimized for either desktop or portrait phone + * We need to handle landscape phones as well + * + * this stuff can *probably* be mostly copy-pasted into other stylesheets + * then tweaked a bit. Ideally, before that happens, the whole styling system + * should be made to use a CSS preprocessor so that we can have reusable styles + */ + +/* this query is mostly copied from what used to be above + * despite the fact that this exists, there are still many + * rules above that are overridden by media queries, rather + * than being put here like they should be */ +@media (min-width:480px) { + .thin:last-child > :not(.two_columns) { + margin: 4px; + } + #nav_donate .tooltip:after { + content: '❤️'; + color: red; + vertical-align: top; + font-size: 75% + } + #nav_staff { + font-weight: 400; + } + #menu>ul>#nav_staff { + position: absolute; + display: inline; + font-size: 13px; + top: 29px; + right: 8px + } + + #menu>ul>#nav_staff>a { + padding: 0; + line-height: 1.6 + } + + #menu>ul>#nav_staff>a:hover { + background-color: transparent; + color: #c7fada + } + + #userinfo_minor:before { + display: block; + height: 50px; + width: 50px; + line-height: 50px; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJBAMAAAASvxsjAAAAKlBMVEX////09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PTORHYwAAAADXRSTlMAAPcn8s3PMewwQO48zuZtxAAAADNJREFUeF5lyjENACAMBdEjJN1Z8VQzWEBB/VQFCeP3AivhhpsefyZtqK4JZay479kecgC28wcE2aUXfwAAAABJRU5ErkJggg==) 21px 20px no-repeat + } + + #userinfo_minor a, + #userinfo_username a { + display: none; + padding: 0 8px; + line-height: 32px; + width: 150px + } + + #userinfo_minor:hover:before { + margin-left: 100px + } + #userinfo_minor { + right: 0; + background-color: #23d1a5; + border-radius: 0 5px 0 0 + } + #userinfo_minor, + #userinfo_username { + z-index: 900; + position: absolute + } + #userinfo_minor:hover, + #userinfo_username:hover { + z-index: 800 + } + #userinfo_username:hover { + right: 0; + border-radius: 0 10px 0 0 + } + #userinfo_minor:hover { + background-color: #189273 + } + + #userinfo_username:hover { + background-color: #16866a + } + + .settings_sidebar { + margin-left: 8px; + } + #userform #settings_sections { + width: 240px + } +} +@media only screen and (max-width: 768px) { + /* For mobile phones: */ + #inbox input[type="submit"] { + font-size: 10px; + padding: 4px + } + #forums input { + font-size: 10px; + padding: 4px + } +} +@media (max-width:480px) { + .m_hidden { + display: none !important; + } + /* override from earlier, it makes shit weird */ + td:first-child { + padding-left: 6px; + } + /* BEGIN site layout */ + #wrapper { + padding-top: 36px; + } + .thin { + flex-direction: column; + margin: auto; + } + /* the specificity goes up to 11 */ + html > body div.thin > * { + width: 100%; + } + form table td.label { + width: 5rem; + } + .linkbox { + width: 90%; + text-align: left; + } + html body .scale_image, + #stats img { + max-width: 100%; + } + /* END site layout */ + /* BEGIN notifications */ + .i-am-new { + width: calc(100% - 48px) !important; + } + .i-am-new li { + width: 100% !important; + } + /* END notifications */ + /* BEGIN user settings */ + #user #userform { + width: 100%; + margin-left: 0; + display: flex; + flex-direction: column; + align-items: stretch; + } + .settings_sidebar { + flex: unset; + order: -1; + } + #settings_sections { + /* tired of specificity :( */ + position: static !important; + } + /* END user settings */ + /* BEGIN forms */ + input[type=search], + input[type=text], + input[type=email], + input[type=password], + select { + width: 100%; + } + #upload .box { + width: 100% !important; + } + .cat_list tr { + display: flex; + flex-wrap: wrap; + } + /* END forms */ + /* BEGIN general tables */ + .m_table tbody, + .m_table .colhead, + .m_table .colhead_dark { + width: 100%; + display: flex; + flex-wrap: wrap; + align-items: center; + } + .m_table tbody { + flex-direction: column; + align-items: stretch; + } + /* END general tables */ + /* BEGIN table headers */ + .m_table .colhead, + .m_table .colhead_dark { + flex-wrap: nowrap; + } + .m_table .colhead td:not(.m_th_right):not(.m_th_left), + .m_table .colhead_dark td:not(.m_th_right):not(.m_th_left) { + display: none; + } + .m_table .colhead td, + .m_table .colhead_dark td { + width: auto !important; + } + .m_th_left { + visibility: hidden; + } + .m_th_left_collapsable { + padding-left: 34px; + } + .m_th_left:before { + content: 'Info'; + color: white; + visibility: visible; + } + /* ghetto :first-of-class */ + .m_th_right { + margin-left: auto; + } + .m_th_right + .m_th_right { + margin-left: unset; + } + .m_th_right + .m_th_right + .m_th_right { + margin-left: unset; + padding-right: 12px; + } + /* END table headers */ + /* BEGIN table bodies */ + .m_table tr:not(.hidden):not(.colhead):not(.colhead_dark) { + display: block; + width: 100%; + padding-bottom: 3px; + /* for position:absolute children */ + position: relative; + line-height: 1.4; + } + .m_table td { + display: block; + } + .m_table tr:not(.colhead):not(.colhead_dark) td:not(.m_td_left):not(.m_td_right) { + width: 81%; + text-align: left; + padding-top: 0; + padding-bottom: 0; + } + td.m_td_left { + float: left; + height: 100%; + width: 34px; + display: flex; + align-items: center; + } + /* END table bodies * + /* BEGIN right-aligned numerical stats */ + .m_td_right { + position: absolute; + text-align: right; + right: 16px; + margin: 0; + padding: 0 !important; + /* this is for the first one only */ + top: 0.2rem; + text-align: right; + } + /* specificity override will occur for third one, so this is fine */ + .m_td_right + .m_td_right { + top: 1.6em; + } + .m_td_right + .m_td_right + .m_td_right { + top: 3em; + } + /* END right-aligned numerical stats */ + /* BEGIN torrent table */ + .torrent_table * { + float: none; + } + .torrent_table .remove_bookmark a, + .torrent_table .add_bookmark a { + float: none !important; + } + .torrent_table .cats_col:not(.m_cats_col) { + display: none; + } + .group .group_info, + .torrent .group_info { + /* on mobile, it wraps even on normal words, so better like this */ + /* TODO: how to handle super long-words */ + word-break: inherit; + } + .torrent .group_info span:first-child { + order: 10; + } + .group_info .tags { + order: 20; + width: 100%; + } + #wrapper .m_table .edition { + padding-top: 0; + padding-bottom: 0; + } + .edition_info { + padding: 4px 12px 4px 32px !important; + } + .group_torrent .edition_info a { + line-height: 23px; + } + .edition_1 { + /* for the right aligned numbers */ + min-height: 5em; + } + + .td_snatched.m_td_right, + .td_seeders.m_td_right, + .td_leechers.m_td_right { + right: 4px; + min-width: 30px; + text-align: left + } + + .td_snatched.m_td_right:before, + .td_seeders.m_td_right:before, + .td_leechers.m_td_right:before { + content: ':'; + color: #ffffff; + position: absolute; + right: calc(100% + 2px); + width: 14px; + text-align: right; + background: left / 10px no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAALPSURBVHjaxJdNaFxVFMd/L0mTpjW2GlOLBiyxIIYYFxZEEHeVunNT7KJbV110YzcFybJdSBfZFMRlQUFBpQgKwSriRpFAFy6UatNYSxMMNM1H02Tm5+a89uYybzKTDOTC5b25953zv+fc//mYQmU3RleH9DwRz6JVgZ4OAY8DZ4G7wJ/ADLAA/AasxoE2ubbokKuHgdlsbQFYivWb4d1zwG0A1Kq5v8lePrvUFbWWzXR8rg6XMlWK3ld/VZ9sEbhQbzcArqkb6iX1+VSmkZKTcfq6Oq0eaBH825DJgRfUp+Jwj75PWV0AbwATwN5YexX4vkW2/l6xfhA4n5MrB34XGIn3AlgBJlsk2C8hk4eowAfA4c2rj81/Qf0rIcOq+mEbBBsLuTX1svogc/l0ozvuChATNv6kHs3vpskcUtfVj9VB9aVEX6mzPwfeo15NyKE6ofa0YTHqBfWZ5LD/JsB19UwO/Ky6GJv1EBhtE5QIv9RD72XAP+as7klIUQC1yDztjsWMvVNJRAi8CHSnuboX6ItNgYfAfAdSaV/2uz8Pp94sDPqAeoeq3/3k3fIwJdgssJ4IPN2hktkTRpWuniuvolS+0sAlR3YI2g28nWTBArgBrOWZ68uECHXg4g6B68CbGdmuN8pc4w2S/NA2Qqqcx9XlJBPOq69VVae8stzcBmARRkxnmesb9bkq4NHs4zLH7msD+Jj6lbqUWLsW5bZpPf6ugeV/pG6q6EC61XfUnzMXP1Qnc5mqnqsWxEtjeRn4DPgiwmIpyFiydww4BQwkMhvA11EWZzYRrYkVdxq4vRwr4co59e/EsrS61dUr4ak9uf6t7uuTREmtopmrZVWtLDQfqS/HFdAuMOor6g9R2KtGPZ631Cn1tNrXrJa32ld3AW8BJ4DXgUNxtwORaq9F9vs0euh/tlK43YZ+MJL/CHAP+C+I1HJhKXbrT9v/AwCjMtXNZGhoXQAAAABJRU5ErkJggg=='); + filter: brightness(80%); + } + .td_seeders.m_td_right:before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAYAAAAo5+5WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAC7SURBVHja7NQxrgFBHMDh2afQ6V6r13OD5wTcwB04gztwA0dwAwfQK3VUJBufZhIJdo1dmpf9JZNJZub/lZMhJDaJ+zLpNVLWAGec0E+ZSUF/sXNrF89qwS2sPbaOd5XhueLmVeExLiXwBaN34R6OXneIb5PgDrbS28aZUjjDyvut4mwhPFO9aRE8RF4DzvF3D3exV799tEJAGxufa4N2wMLnW2Qlv1vqt5c9O/wJX6qBG7iBG/h/wtcBAOg295pvUXkVAAAAAElFTkSuQmCC'); + } + .td_leechers.m_td_right:before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAYAAAAo5+5WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADYSURBVHja7NaxTQMxFAbgd1Cko6OlTw8bwASwQXYgM2SHsEFGyAYZIH3KdFCBdMqXxpFOpzvH5EKD7pcsS8/+v9JyhehJ70ErVdfwJv4oIzzCIzzC/xdepre3vUrT1V0GJti4XjaYBAIP2F8B3ScrTnDgGfUAtMbLyWvCgfcB8LxpteEKqwvQVer2woE7bH+BblMnzsGBKT4L0K90N0rhwCsOGfSAt75+Dg4sMvAi1z0H32Ldga7T2cVw4B67BrpLsxgKBx7xjR88lXSqzKewnVnaP0ouHwcAK5Gr6If/uhgAAAAASUVORK5CYII='); + } + .m_table.checkboxes td:first-child { + display: block; + } + /* BEGIN expanded torrent group */ + .group_torrent:not(.edition):not(.hidden) { + display: flex; + flex-direction: column; + padding: 5px 0 0 22px; + } + + /* it would be nice to use flex for all group_torrents, but we can't de display:flex + * on any old table cell. It only works here because our trs aren't using the normal + * table display anyways. */ + .torrent_table .group_torrent:not(.edition) td:first-child { + width: 80%; + display: flex; + /* for those ones with a million buttons */ + flex-wrap: wrap; + padding: 0; + } + .torrent_table .group_torrent:not(.edition) td:first-child span { + padding-left: 6px; + order: 5; + } + .td_file_count:before { + content: 'Files: '; + } + .torrent_table .group_torrent td:nth-child(4) { + text-align: left; + padding-bottom: 5px; + } + + /* artist view page */ + #torrents_album .edition_1 td:nth-child(n+2) { + padding-left: 15px; + } + /* END expanded torrent group */ + /* BEGIN top10 */ + /* 4 and 5 in colhead are hidden anyways */ + #top10 .td_size:before { + content: 'Size: '; + } + .td_data:before { + content: 'Transferred: '; + } + /* END top10 */ + /* END torrent table */ + /* BEGIN invite table */ + .invite_table tr:not(.colhead) td:nth-child(3):before { + content: 'Joined: '; + } + .invite_table tr:not(.colhead) td:nth-child(4):before { + content: 'Seen: '; + } + .td_dl.m_td_right:before { + content: 'D: '; + } + .td_up.m_td_right:before { + content: 'U: '; + } + .td_ratio.m_td_right:before { + content: 'R: '; + } + /* END invite table */ + /* BEGIN collage table */ + table.m_table.collage_table tr:not(.colhead):not(.colhead) { + display: flex; + flex-direction: column; + } + + .m_table .td_collage_category:before { + content: 'Category: '; + } + .m_table .td_collage_category { + order: 2; + padding-top: 0; + } + + .collage_table .td_info { + padding-bottom: 0; + } + + .collage_table .td_updated:before { + content: 'Updated: '; + } + .collage_table .td_updated { + order: 3; + } + + .collage_table .td_author:before { + content: 'Author: '; + } + .collage_table .td_author { + order: 3; + } + + .collage_table .td_torrent_count:before { + content: 'T: '; + } + .collage_table .td_subscribers:before { + content: 'S: '; + } + /* END collage table */ + /* BEGIN requests */ + /* TODO: still show the time the request was filled without + * taking up too much space */ + #requests .request_table tr:not(.colhead) td:nth-child(n+2) { + padding: 0 6px; + } + #requests .request_table tr:not(.colhead) td:nth-child(5):before { + content: 'Filler: '; + } + #requests .request_table tr:not(.colhead) td:nth-child(6):before { + content: 'Requester: '; + } + #requests .request_table tr:not(.colhead) td:nth-child(6) { + padding: 0 6px; + } + #requests .request_table tr:not(.colhead) td:nth-child(7):before { + content: 'Added: '; + } + #requests .request_table tr:not(.colhead) td:nth-child(8):before { + content: 'Last Vote: '; + } + #requests .request_table tr:not(.colhead) td:nth-child(8) { + padding-bottom: 4px; + } + /* END requests */ + /* BEGIN forums */ + /* BEGIN forum index */ + .forum_index .last_read { + float: none !important; + } + .forum_index .last_topic, + .forum_index .last_poster { + float: none !important; + } + .forum_index .last_topic { + display: block; + } + #wrapper .td_read { + float: left; + width: 11px; + height: 12px; + margin: 3px 5px 0 5px; + } + .td_topic_count.m_td_right:before { + content: 'T: '; + } + .td_post_count.m_td_right:before { + content: 'P: '; + } + .td_author:before { + content: 'Author: '; + } + .td_replies.m_td_right:before { + content: 'R: '; + } + /* END forum index */ + /* BEGIN forum table structure */ + /* this is copied from general tables. We put it here in case that changes + in ways specific for tabular data*/ + .forum_post tbody { + width: 100%; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-items: stretch; + } + .forum_post tr:not(.colhead_dark):not(.hidden) { + display: block; + width: 100%; + position: relative; + } + /* END forum table structure */ + /* BEGIN forum headers */ + /* remove dashes from forum post headers */ + .forum_post tr.colhead_dark { + color: transparent; + padding-left: 54px; + min-height: 50px; + } + .forum_post tr.colhead_dark span, + .forum_post tr.colhead_dark strong { + color: #c6c9c9; + } + + .forum_post tr.colhead_dark div { + float: none !important; + display: inline; + } + .forum_post .time:after { + content: '\a'; + white-space: pre; + } + .forum_post tr.colhead_dark div:nth-child(2) { + padding-left: 8px; + } + + .forum_post .avatar { + position: absolute; + top: -55px; + left: 5px; + width: 0; + word-break: break-all; + } + .forum_post .avatar img { + min-width: 0; + min-height: 0; + max-height: 50px !important; + max-width: 50px !important; + position: absolute + } + + /* END forum headers */ + /* END forums */ + /* BEGIN rules */ + #rules .m_th_left:before { + content: 'Rules'; + } + .rule_table .nobr { + white-space: unset; + } + /* END rules */ + + /* BEGIN site header */ + #header { + position: fixed; + bottom: 120%; + left: 0; + width: 100%; + height: 100%; + z-index: 100; + background: #1A9F7D; + transform: translateY(0); + transition: transform 200ms; + } + /* BEGIN hamburger bar */ + #logo { + position: fixed; + top: 0; + left: 0; + padding: 0; + width: 20%; + height: 2%; + /* it's OVER 9000! */ + transform: translateY(6000%); + z-index: 500; + } + #logo a { + display: block; + width: 100%; + height: 32px; + background-image: none; + } + #extra4 { + display: block; + position: fixed; + right: 0; + top: 0; + width: 100vw; + height: 32px; + background: #1A9F7D; + border-radius: 0 0 4px 4px; + } + #extra5 { + position: fixed; + left: 4px; + top: 0; + width: 32px; + height: 32px; + transform: translateZ(0); + background-size: auto 18px; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmAAAAIACAMAAAASQSC4AAACtVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8W+g2WAAAA53RSTlMACA4RExkdIVOCgY2yzOblyaxzZTkCCQsSGh8jL1Rhs0gEDzx4wLsFFxwlPlaDm5AHFUpt2tgrDBYnQGSPGyJLeqfNnhSFKU17qAMNJDWcICpCtBhOkixQkyguUZQGJkZ9wjB0qS3btjJJlWCqM3bPjEyhN6u3rqM6RZjnMWi4pJEQNmnQsIlBxTtDPW+dOFu8RHncUsaEX8h1VwpPY+TXHoi6cNGKVYtYr1rjuV2OXrF81mzSx8o/ZuKAZ9WganK+y6KZ4ZqW1FluR3+fw3HTweB+d5fZYoffxK3etYa/3aZczjS9pWt4I+2YAAAhbUlEQVR4AezSwwHDABQA0Ni2U8a19t+sv6dcqzhvhodMBoqiGI4TJKDoBjAMw3IcLwBRqsk1RQWcpumGYSDjMDMt23Fc1/MbEoQRx8WvUvKHoJumLQwMmQ3S0lo5LuU3Zh1uuHgLr36WqJpuUMhQzFKLyPKiOWW12wsw68/Ug9b3ZrMjdsr9ojnnCytcJbk5N5Wr7kgPzdLHk317UJMrCcM4/gzi5FRjMbatHtu2zdi2bTtnGfbOGsHFrWMn/R7V+7uG//Odr6q6c2fmAeUXFIY+HVtY9rlhRppllOZTVJwHVFJaVq4IbdkqnBxlRpBWOTMBGldVaJYi9OGyO/SMjLz84vOqgWpq657EpReXPpOM6hv8G6uBmpzN5YowBltqGK/LNBXr19KK1FbbrghjsTs12vvJqyOhFamzq1wRRmSby48lnPeMvG6knt4ndRmzsTA2gOMVXy1tXU+4MHOMPvPv60caGATUZZJvJQ1VDkPrGhkdU4SZxHDn9yC/WeNQE5OKMJ+KJJbhCUNFU+NIYYMLhUm55nKMfSy/RvDwWqQIM7NzjH2EofigxUhLli4UT3CMyaYhcDHUsuWKsIYK/sT//flOrYBauUoR1mF7ry8l1fuPr0BKXL1QWIzLwffwd5U2qwlqzdqFwoJcqVzGjJGXIqzqrYmR9/A6qIL1JsgLte+TdzU4rw2KsDo7E2NeOiRGadmfQPVsVIQs7NzFXpTWCM5rkwnyQq37FD5rM9SWrduEbFKf3Isxr5nrsHkVLhTSeXL1SnFNkVC1q4R0+ID0RMT2SKgdO4XEYmQ/UHplJ0IF71KEvLjtB2xOhNq9UEjP5ZA2rz17E6H27Rf0N5uc30mv7nyopAOKoP9USPidjI/Mhzq4UNATLqdkeeU0HYIKOSzoOTHZUl3cY/Mq6dom6EXy3Lv6HDkKlcnlXuZlP3z4KFRNsyLo1eZ6SzC+jm2BOs7xJfMQC8/bgnVCESTvEGs4uQWq4LCQGI+TgSNYg9sEvZ1V344+axqBOnVakMS/qI47EwZ19pygd+QKs1xesdVhUOcrFCEv7vrekRlQ+y4IiXHXjx/JgLp4TtB7ciVZp6+gEqz1iqD3l2qV0+OxEqhLl9nXh4mxxGnSN6wG6so5QR/IZYGXo7warFRF0Idzmv12YrwG6irXL6n/AH4t/zrUjctCYlzEIjKwfWWeU+mjfWHaG7Eve7C+UlRPIJPeiE31YK1lX54y14zr/YrzUKfsQvUUKvQ2XV9HwX1dVj2IvjZZYXuWzIb65lvVo+hytqn66gT3dU6VGA+TAeC+bi5kD4DCTHOYbLmFdVtRJcbrioRbWEtRfVGBGfpadxVro1BRqFDuvtgXC1t3B+suti8qZF/SYmFDZ+5B3diA74vs3obtawm4L5tKUj4bsS88FjaUcQqqQOq+WBi+Lzdp5jvjFTYyjbXTTRpab7S+Nk9jHVDdpKXvjdXXkR+wZO2LhbEvPBYWuQzrR6n7YmGty7BS2Jc+CozRV0IIVpdwkz5usS+rY2F+p0KgflroJt38nK13X77TN6BGz7klxsKGrt6A+uVXN+nqN29d+zpfAJX5u5tkfpb8owBrvltmvA7bfB9r0v2A9PdQr76GwX0tVR+QEdzS6QD5CGuueEDGoMtR8i/268SryrLdH/iX3ajACuxdmiOtXmT9OOX0c9Mob7lJg0VyjOR1YhkkB4woCAFPLN2YotmA7UQIMkVxI1G7YnYCZRRJRoVkhgj7O44uGx3Bvb/3cz/3uz//wXU93+u67id4Djdf3tEnnSRR5avBD+Rsbr4+rTwpDSezAaK9tpMr9KREnL6HYOt2clXr8wfykUesFktKRkZi4U0SMzJSLBbrIzp9WR6EUP5nuAp19gP57dVgBV1N1dm7l3b2atYCaioe0dsE/QMCBb9whuqlTD1FKyZgzbyJ1zhvTUCMlRIzBR76X5dx1Z7UhUPWmDrXjWX2cK2PsepkW5shzOdlXKEnG6R3qCIotqTMIUpigyoONcjPFYIsX8zV+G2D3L61Bp3LdWzNuefcrOSy7XcMQiw6vZhqmbFBZo/EBERwCo8IiHmkQWZNKyHAwvOLqXI9ZG6xq/en1OLPFUVL/D4wG8D3ZDOXp8Tp+hFXzXx/WzOTzBm7ALqZzVxhsr5E5v/4lya810x1Ttpb+SPIDDuPUp2KlvM2HDTgbxZu/ewok3dLpZST1uQLrtlHuVqlPI0rcQuL3uAO2xEvGYctClT/aOMKku/1kXXMgNtY+PTBNqZ9Ie3yrbE2EC1q4zpySLqX117cke+qNqoFHdJFbCVoFv4whSrQo1Murr64K8PjU6gmhR7qlEqyASwfTuFK6ZRJ+1FfjIvhf8u4EYsydsrkIkgenMIV9q1U8TJg3BaSIxYoV8T2gmLhiY1UJeU6jdf1iC3mNicqulMaewxgeG0jl0QHcqLxuh6xjeSIHVL7SD6Yy7XmW+mf9nfxxFu5VNmhhxQ+kgtP51JFyHIgo1binj37dS5VQuRJZY/kPy9xJUnSuTdgl//aeYmqq71BjkcEHOzZS1yuh+R42ztgEo+SJ7G7UwYr4Vg/eXNVdkpgvi8c4ImHvaku18hwJ5PhUCu8uYI6ezTX+wYcZMNOb6rU8h7t/QQHeuLsPqoj3T2au2iAw7h8vo/q1K6TPVor94XjzN7HVaP9+toLhzp8Zh/VOe2XWKMDu7WP61yDDteXc4k5bibLArnKtV9fBDPIbUvVvG1wkCcDufo0fuEnGEDh8kog1SSbxpv/KBzig9wSqgK/fi1ZZ4NmFrl1dRq3zheOsKqEa6BfSwO+IPrgUfJwuvf0a6gQDjAjgquxoV9DESD7MYKrWNP27YX9TkRwVWp7HulmvRtBtUXLMzkAu715gSutR8P2rIQAr2+7QBWu5YjaPaEuRy9QDZb3a6beACFcvib3cEi7IW21t4fPX+BKkeD5xff4BS437R5in8IuLt6nqC4bZVjufG+e4ko7qdkz1gB7rD7FlT+skfSVEOp18qTGdg9rJAJ2+GAy15KGYW2EroRgr++cTHXOY1gjvrh36ydzJWuVLwOEcyEn7Ij7sDYK7Vhgk7gWaLTA6g3QgMs3k6h2z+3X2wr7aRJXjlQjx7d/EpePNgmrxz16KJurpUeufPE9nM1l0SZhm3FvDmZztWZqoQBQOWGZGhiRdIFp0oyHoalN2VxLezI1sBn34oVlXK3y54tg0zIuUsIIK+yhZVwt/fLny5kw4gr7eZArX/58cWwa5ArSYHJTMWH3DXKtaZD/fU8ye5DLMpwpnC8m6thlLnO0cLvBIV1vLZny9/a+y1zhnUrly5kwf0zMU7u5bNGidUEiX+zm6pB9fKdO3k21xC9aMC8DJDL1KLm/pmjBRifW3/cLuLzkzxfX1LYCqgWV0YI1YyImFXD5iZ6v5ZDMdHKLM4S3GBPwSwFXXLRRrOWQzvQCroweo1j7MX4vFXJZhdcuoV8KuZL6jUINYdxmFnKlZRqFCoSUVhVyDQi+E5sxXnMSuPKNQp2DlPh97pC0z48lcKWKfR24GSCpqWcTqMIqjUL5Y3xWu3IlG0UyLYe0/Je5UrWUSvkUIVftmtct0n5IbIUrl+dwt0DuGJcdS7hSjN0CBUJq65dwmY3yDXMZuebWboGKIbncJVymboG2YBweI1c8f1jk0vaH5B67TG53VbdA42n3+gVcZj0/wAh2LOBKyZTsQXKEXLDIJ/4R6MA3C7iG5Hrmb97OldLtJ0yNATow9cJ2qi6rnzjrcTcvbOfy8RNnB3Th1e1cQZl+wsTiLh4L4wro9xPmJejE/jAus584/riz58O4ipwH8mZTT4VRpQo8kl/gziav4fLIE2YHdOO/1nDFReeJUoQ78iVXmmbME2UfdOThNVzmPGHW/ocUOhYMHZlKvhz16ZIM9qRwrtE8UT6GrqwL54oyCpts3IFvONcVYWWGQ2dOhHO1SnEjv4vlCs0TpNIfOnN/QixVdZMMNzIhlquqVJBfoTsvxnIl55WK4YHbmtXF5SaqRgt0aFkXV3qpIB/jdo51cQ2IL1FH2OPt2V0qxj7czmAq12ipGInQpbOpXL1a348HU7mC/KrEWAs94vc/WuP+P5XKlV8lxiB06otULkuVGN64tcF6LlOVGP7QqfvrudIErTAfjcozVgnxK3TrlXoum6Yj/nkjl1eTEDnB0K0D2xupWqqahPgOt7KxkWtukxBnoGOvNHLZmoSovuX0zOeqzlRtgREcCCN/BEErLBg32zqfa0C9BUawaj6XoBX2MW72UwiXTb0FRnBgTQhVopgVtgw32x3CZVJwgRGsCuHKbxIhHzc5nMHlWdouwnTo3MsZXEuN7SKsxY3ez+AaaBchG7p3MINrrF2E73Cjsgwui3OB/SetsDDcKDaAq0lMWQq4FMAlZNQrcIPDAVx9TeUCrIAC1gZwuZWWC3DjI2x1C9dAuQBmKCGhhWu0XICd+DvvFq655QJ8BSX8s4UruVyAAPxdVzVXezlfVjCUcID8Ma4I+Rj4m8PVXEVVVr55UMQL1VxjVgGew1/9mMgVI64kBRxO5BIy7j/jrz5N5LJY+eKgjHmJXDlWvgX4K9dELnchI6MAdQ6KGX/xch1XUmk6XzCUcaCOa2l3Ot90/OmdOq78dL4FUMjROi5LOt+H+NPPW7jMQutRwCdbuPLL0+ly8afALVxj6XS9UEr9Fi4BAcvAn9LIuuPpJkEpp9O4bPF8+MOMNC639ni6D6GUd9K4fKzxdM/hd09e4cqPp2uFYuZf4SqPp1uF331HLsas+oUk2Kb/oc/F70rIxVhG6T6EYn7R/zeZj9+FjHBZR+mCoZgDI1xJfqNskfjNohGuonYTmyuUM2WEy8dENx3XrVzKZTPRfQPlvKX/r/IOrpu9lMssblYUsmgp1y7+XTmN63YGceWb2EKhoPAgrkoT22RcdzGIy8ed7RSUw597sztbI66LIstzZ3seCloRxTXkTvfbsY/icit3ZwuGgqZFcfU1ubNNxzVPx3HxL+QIlFQYx9XrzvYOrnkxjiu/lm0KlPR2HJetlu08rjkWx+VVy/Y8lLQijmuolu0ErpmcxDW3lu0BKGlREpdXeS1ZPa4pTOLqrSVzg6LOJXF51JKN4BpPsvZKskIo6pInl6WSDVdN8+TaRQ/YeSjqKU8un0q2YABP93GNebBtgqLon6ZWxKfZ0cfV4cEGVU3rIyv3IDsO4MsUrlAPsmIoqz6FK8eD7FEVAlYIZXmncI2JCNi8FK6hHLIXoCr+8OeQdQHILuLyySE7DmVtLuJqFRGwxiKuHLYNUNZD7OE35XDtAlBEZs0hg8JU+Dj0Giq46qAs/nmJrCAD/r2La8ijguscFLaM/XUqyDbxA5ZFdhAKO7iLKzSL7GrAirnmOgNmh/PFXD78gK3Sfwnq0v/4f0mfkVCZA+YMWA79vpx34xrYQ/YMFDbNjSx+D9dBPOrG5bOHDErTe8A+xWUvrvxeLk8oLcOLK6uXK1z3AQuHyhT4PEdCufgVqEzzz+MMWCCU1hbKZaEHrGWAa08r109Q2mcDXDGtXEkYIBuVP2DOgBHRA2aK5JrjDJg9xiLJdB+wrVDa/wxwteo7YM6AOQMWQ+YMmF3WxXD16j5g7h1cb8IezoB1kCGZzBkwu6xL5tqj+4DVzuVyBswue+aSwUzmDJhd1pm5FAjYEJczYHbZM0QGGxk7YK8qHjAbV5YzYM6AESgeMOeJdAbMGTACZ8AIKmu4nAGzS1YNGfLJnAGzy6x8rgrdB8xjjGsW7OEM2BgZfMicAbPLLB+unDEyZ8C4nAGzkDkDZpdZFi79B2zIwvUDlPYDO2AWMljIzM6A/WcHbGSMK9mHS/GAfTHG1erDlYbvx8h8uM5AaZfGuMw+XK70gCXncyVAZQp8HmfAqJwBW1LD1Wrj2gKlLa3hMtu4CvFrDVeljQxKqyGz2Li24e0hrlob2TNQ2DNDZMk2ru/oAYvMsnGtg8Le1H/AZg+R7TFzOQNmjw4z13p+CTVmrp+hsLd1P/78gMUkcykdsDJ6wJK5rgZsLtlYMlcBFLZ9LlcrP2CYyxbDFQ6FRc3lqo0hA9BB5s6vQV0qfJy4Dq6KoQGuf0FZr3aQ9Q5wtQAIiySrGOD6B5T1SSSZbYDriIiADZB9BmXNiSSr4QeMX4RlgCsCyhpUYPj5AesN5QqAsuLoAQvl+kbEnTeFkkFVz0SyZYVy7QWwtZUsK9KL63+gqK2tbCI+zTOtbDVeXF9BUT+1ko0me3FNw1W9bBY3rkAo6nIv2agbGa6p7iXb48YVAkV59pJ1uHFtxzXhvWTutmKuZ6GkB3rZaoq5ll2/9L10xVx7oaRPetlCi7nO45ov97Dl7+I6CCV9uodtbBfXK7hmK72Ojl1cC6CkxD1sQ7u4/n391NPriPcq4poGBT2zh82UXMT12+M4iy6yiGszFPRkFlt5ERmui81iyy/iOggFlej+s2SzK/lTEVcjFJSi+4A147qDWWymmBSuZ6GcB7Lo8lO4vsR1myroLClc70E5X1bQ1aRw/RvXPVBB59PHdQnK2V3BNjrQx/XHXbHksDUV93FNg2KCc+hMfVxb8LuuHLoOT64dUMzxHLp8T65J+F2b/ospg2Iicuhsnlxz8LsXc+hMSVyJUIwlh24siet5/G5DDl3l3CSuHWpfSAKTOYnrv/EHDz5bHNevUMpFD7qmODL8qcuDbjSOqxpKGfOgy4/jOoU/nfWgq62J4loBhbznwWeO4voCfzruwecTxZULhRR68Imc+Acq+ao8g7imQRnBlXzW4iCuRfiL4ko+WxDX/4cyzlfy5QRxheOvCiv5spZyHYEyrlTy+SzlmoK/Ol/LFx+6lGsGFLGhVgDbUq63xJdUM8K1DYq4IGLcvUa4bhj3IRE1JY1QhRyAEoKFfIwRrhD8Xb2QrXyF60ko4T0h5+QKVwn+7oS7COSitkMJXu4CJF/hehh/t8FdgPSYNK7lUMA7Qj6FWxrXDNxgrrsAPmlcgVBAo7sA8WlcjbiRq7sATZ5buF6G7k13F8FnC1cbbvSNSYSaLVwnoHuTTSIkb+F6HDd6ziRCVVId18vQuekmEay76rgO4yahJhEsdVzroXOnTSJ41HF9r9lqTh9JpEo9AF0L7jCJYE7kehQ3e94khE8i13r1FhiBLZHrHdwseFSI9CvVVF0HoGPBkaMi+F2p5rrlR5g/KoRPNddq6NjpUSFqqrm8cSufxQthTWuhOncAuhXcGi/EQAvXG7iV6fFi+LRwrYZu5cYLURXVwvUybikmXoi8oACul6FToka8MoCrUNv5ibcEcB2ETk0SdUMCuM7j1p6LF6PUM4PrMHRJVP/bNet/croYrRlc70KXMtLFqMzgKsDt5KaL0VQUwrUVOvRhuiD5IVxfa1+iKYRrN3RD/P0oH9BuvHtF1Wibz7UKurMtXRDrfK4w3N48qyDpV8hF3g+dmb7HKkj+fK6vcXvPWUWJbOQ6A51ZYBWkKaqR60HcgVlYmX2NXG9CV16zilLbyHUZd/KuVRRTQD3V4AHoSLDZKoqtnuspgH8j5S9UMuIGuymqnutB3FFSuSh5falcG6AbK8qFqUjlKsGd/VwujCkjlUo/RzLYXC6MWyrXx7iz6eXi2Lq4jkEnLpUL013XxXU/7mJ7ucAj2cW1wXkgb5TfxbUNd/NVuzijjbFU86ZCB4Jt7cJU7Yrl2ou7qmgXZyiW6zvoQFi7QLFcCbi7S+3ilBaFc+2F9L5qF8gczjUbdze9XSBrSzhV4f2Q3HSRF8OvJZxrXO2ubhKodg2XNyTX1yRQ5BquTzEeq5sEKjWTa34YUvMW2uyiNVybMS45TQJ1p4RxbYbEVjcJFca12/6pIijfQq7aH9Jam9MkUnIY136Mj3+TUBVd26nenQpJBfc1iWTM2M71GMYprEmoDnLdL0AwSftsk6bPK5qEKo1ZwLXe+cC/Km/pAq5XMW4+VUJ195FL3wEJra4Sa3QB10WJa49OXMLlD+msrRKrtG8J1w5MQE6VWE3khF32ly5fwlu8hOsyJuLXKsEq1rhSTZkKqQSnVAnm5cr148Tqz6kSrFL9hGmar3Zyf5dNsL+DpaLNTeCaA4mEl4pmTuD6GhPjXypanoXfAj5ZxzczNYHrMfl7kGcp5PpS/nzRmKXrrX+pM2Hq5Cuzq5DrPkxYeJ5wxrgCrl8ggR/yxLMVcH2BiduRJ160+gnD+jzxjFsKuGbiHtRpkbCo3Vy/yJ8vgo7dXKcBwgpzJoxyHwmMdbu5/gVwVhiB0ecy1zFo6HKeFjouc50AWCuMwE9wwtTPl7H6Mte/ANoKI/DLH+SaLXO+CGoGuX7GvfL300T3kCu5Iy7QgCHWTxPDawa57sM9O+KnjcqEZVRlLhDOsMtPG8nLuB4GyCuMoKKenLAHINhyrfI1HLaM6z7Y4SU/jVSlZlOVCE7Y8lo/jbhlc70IexjcuzXSP5LNtQkC7e/WSmkheVJdYJfF3VoZdpvE9RaECezWTMokrg9hH8NQt1aMNbsnUX3jAiEM57o1E0/u4VkX/nLnqYidTLXzdQiwvLhbM8a0yVxbYbfibu00kfuzbyvo9rt3a2dsMtdO2G9Ht4aGi09xPQ6yQE3bN/8U13/DAc51a8jo4XqKatsHIPIv7tbSwCmu1Y5pksmopaotF6i83wTNfo1b50punYOGc7FRU5kdgxeoVruw/h6Nmoruu8D1PBxkyKit+PoIquYZINisedsiuJod1yqjxoZ3ZUdQ/egCBzMEGjWWWR/B5cCxPGfUWnxqCdXiGeT1JZ6lhOsp/In/zqcbLppXQvWGC3N9iVdVUEKV+wEc6G2j9uLrA6nKnoODfD5k1Fx0UCDXDjiUV7T2hsd2B1IdewIO4N8VLYGcQK4X4FjLo2VQFbeP6uwnsFvzaLQEepbs4/p/cLDmaBlkxqfuozqzAXZ5f260FOL2cX0CRzNI0rnhoe+9qb6xYzaXX4mWQ/wFb6qdLnC4zdGS6PEa9KZ68QncE//d0ZLoj/XmOgyCkmhZ9MRdvET1z4WYMENztDRSLnF9DAZDR6Y08sgROzrRiBma4zOlkU6ev50LQbE5UyJ5URG5TM0fLeTHi6NnTS7XgyApyZQrYtnkiD2BcfG1I14Ew325XK+BxeCVKZVOt3kbqd4aR8R8CzLlUrGR64uFoFmeKZmeobCNVKsfxB1tHsmUTGfBRq5nQdScKZv++JDAKUyPPr0Qt2F4uCNTNsNLp3D9L6hGMuWT51Ywhans8VsO7fKC+Ez5RE7h+hJcvunDEuqpCNjXxvTzphvWmGFO6LCM/Ca3UZ0xgOz9YTmdHGhso1o18y9NqB+WU2dYG9dM0EUMS6rfL6XrKNPON2biqvcL04dllXSU6zj4DHbdBn7GvI8StXnbny6iCu+jVJ8thAAr7Wsx/1ZmXGymuJgxcHJYZqWDzVTbFkGIh4cl12lKiX232aHejU0xdQ7Lrae+mWs5BCkcll9D79LYiMUOERG7tLdhWHr9Xou5PocwA/260DAamuiau9gOua6JoaMN/brgsZjrPMTxtfYT0FKWEZ5dNmHZ4Rm8bBH4lZRRnTBAoL39+tLZMJo/kpiQsLHsrjYmJCSO5I82dPbrSkNCGZc/hPqpX5caGkZtNs+QkOo1hTeqDgnxtNlGGxr69ain+v/aswc+ObIoDOMnlaQn7lRPRcNGzM7sKLZtDmLbtm13ZhVV7J5Ya/VsbH+Ntb2Tervq1j3/z/D8zn276yJWDIXZ3gfMQopcxFpO4aZYaOizrV8sgKrqJzzLDn2WtH4B1K42ZIKOD5g1XM8+h5WPTBH7gFlBaPg5rFpkkpy7zHyhVmexppJpxt5lpjt6Fqs2mUcZcpeZbOtbdaA2ppGJlHt3makWgvval0am6njyLjPRrcxdUIfyEXFh8tpt+76IYkPMLMG5cViVCY8L475MdjvEzHD92gisjmQRhUPMhL4WgfvyEUlcGPe1/wjWMoLiwrgvmQvjvg5hTSWLGRhiYTQE3FdtshplUoiFzak6a6AS0giKC+O+JC6M+9p1AGqYBfviwrgvPGXgdTQWfBi3D2pFGllXYQ4ALHh/H9YEIuLCJO5rOxa4Ly6M++LC5BVU92C1IwHs4hBA9L57sCqTEPZwChD64gJYUSSIPR9yDcZLAvfVNYqE0dHwwtitjzdCtfCSQDpu4iKMNQbcl9tLQlFmcxNG2nSgB9SSCiQY5XDQKEyfCO5raAUST3bQGCxwYSfWIBLSnqARWOARuK8sElTy+SB7Y4mvW0C5FRJWpdlB9oaWxrWAOrODBMFTH0AfuKcBVEwFEtuuIMu9wOEGWBEkPI2HWK4lXkqAyshHguAhBqAvPZIA5StJ9sBDLDf0Vm6sQWQbe/iZ/N9uFXRDratHNpJ8UGf/y73IDCitDdmKkq2z/y7QvkcGVC8P2c0nx3X2HyWOnga1JJVsqNJEnf0n5T/C9vWiJNnTJZ39O2fP5Vj1SRS89QE+34XNa0IbEgRvfYDAjSVYlT1kb9opnf2t56+XQGnzCECYI8bnK6E2VFsPAQhzxPh81YZaPY8koVzS2R85awyrAhXlIUHwz0mAz7dg8xqVQnKpc1xnv7j1yAe1ugxJp9Iqnf0oMLmPD6p5HhIEj32AxmenQo3ykqwuHee8bh3G5jXBQRJz1A3IzXm1hwbV1k9y094JSGx2pAbVWyFWdWtAUs/LToDqX5PYd5RLuwMSSizcaQLSi0qtif1IKSTf+PqgdjuoLM5L4rXvHD+uHVSEn9jvOVbJk5eaMAoqOo3Yn2mqHHkNiRsFld6GpMWJOYeMGArFef0jbZW982oCziua85J47js/c/eHykqj/4IT2x2woURwXoM4L5n/ek18W+uNlFyxNcmKPyA5G1/qDdUrL0mL976z1ZruUFmliOWGo5ANXsrEnuugdTXPn0Ys16qqYh+vzl90hOowj6TFZyyxW6eOSL26VCBmgKoirjFno3ebQ1XyEjOKo847YtVVruGS5kgRpSsQM1RyoeJOMRRrPLdBLaT6qX6C4MaSuK7KXBeS29J3rFjRGgmVkSJqphAev5Wy1uWnsGCOSNVqdcWX9UUjlfF6KIyY4q5hmUNW9EZcTDRQVGqpEhR+LDmyiemrP/Hp1xkRQFEVlTQyD0t2qaZFllikIDau/HktEhdfsuJhX/Svtk2LAqpXky+XpTjchdRwxXU0+8jqKKCKpXd4iFlQctVC0AezWOLRT2ctd+DUS51XqgIxS3Norhqq4WkVO3otu8cEB05qaa/fQ+LgzCJdankjynp8NMfVtV09mNSmSoq/NTEhKZrb5VLV4v+/q6JHj+bkrOnaqx5Il6ZNFSWPvwQxe9A0LdLlKqSqv8+t2K+uLPrO3pwcV4sWLcoAVGz6HW+bNqX8fj/J4luIMN0L8dGKngAAAABJRU5ErkJggg=='); + background-position: left; + z-index: 400; + pointer-events: none; + } + #extra1, + #extra2, + #extra3 { + height: 1px; + width: 20px; + z-index: 101; + position: fixed; + top: 10px; + right: 12px; + background: white; + transform-origin: center; + transition: all 200ms; + } + #extra2 { + top: 15px; + } + #extra3 { + top: 20px; + } + /* END hamburger bar */ + #header { + --row-height: 40px; + } + #header ul:not(#userinfo_major):not(#userinfo_stats) { + display: flex; + flex-wrap: wrap; + width: 100%; + } + #header ul:not(#userinfo_major):not(#userinfo_stats) li { + width: 33.3%; + margin: 0; + } + #header ul:not(#userinfo_major):not(#userinfo_stats) a { + line-height: var(--row-height); + } + #alerts { + display: none; + } + /* BEGIN searchboxes */ + #searchbars ul { + position: absolute; + bottom: 0; + height: unset; + padding: 0 0 0 6px; + } + #searchbars li { + height: var(--row-height); + } + #searchbars li:nth-child(-n+3) .search_form { + margin: 6px 6px 3px 0; + } + #searchbars li:nth-child(n+4) .search_form { + margin: 3px 6px 6px 0; + } + #header #searchbars input { + height: calc(var(--row-height) - 9px); + } + /* END searchboxes */ + /* BEGIN userinfo */ + #userinfo { + position: static; + } + #userinfo_major { + right: 12px; + top: calc(100% - var(--row-height) * 10 - 55px); + } + #userinfo_stats { + right: 12px; + top: calc(100% - var(--row-height) * 10 - 38px); + color: white; + line-height: 1.3; + } + #userinfo_stats span { + white-space: nowrap; + } + #stats_ratio { + color: #f0f0f0; + } + #stats_ratio .tooltip { + color: white; + } + #userinfo_username { + position: absolute; + left: 0; + bottom: calc(var(--row-height) * 2); + background: radial-gradient(circle at top left, #22696eaf, #22696e); + } + #nav_userclass { + display: none; + } + #userinfo_minor { + position: absolute; + bottom: calc(var(--row-height) * 3); + background: radial-gradient(circle at top left, #1e7683aa, #1e7683); + } + /* S P E C I F I C I T Y */ + html > body #userinfo_minor a, + html > body #userinfo_username a { + display: block; + height: 100%; + line-height: 50px; + text-align: center + } + #userinfo_username #nav_userinfo a { + width: unset; + } + /* END userinfo */ + /* BEGIN browse links */ + #menu ul { + background: radial-gradient(circle at top left, #0999, #088); + position: absolute; + bottom: calc(var(--row-height) * 7); + } + #menu li { + background: transparent !important; + } + /* END browse links */ + #extracb1 { + display: block; + width: 50vw; + height: 32px; + margin: 0; + opacity: 0; + position: fixed; + right: 0; + top: 0; + z-index: 999; + } + /* BEGIN checked */ + #extracb1:checked ~ #wrapper #header { + transform: translateY(120%); + } + #extracb1:checked ~ #wrapper #logo { + transform: none; + } + #extracb1:checked ~ #extra1 { + transform: translateY(5px) rotate(45deg); + } + #extracb1:checked ~ #extra2 { + opacity: 0; + } + #extracb1:checked ~ #extra3 { + transform: translateY(-5px) rotate(-45deg); + } + /* END checked */ + /* END site header */ +} + +@media (max-width:480px) and (max-height:480px) { + #header { + --row-height: 35px; + } +}