mirror of
https://github.com/OPSnet/interview.git
synced 2026-01-16 17:04:25 -05:00
2461 lines
62 KiB
CSS
2461 lines
62 KiB
CSS
@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,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') 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+dOFu8RHncUsaEX8h1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');
|
|
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;
|
|
}
|
|
}
|