img_global.css

html {
    text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: serif;
    word-break: break-word;
}

body {
    margin: 38px 13px 5px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.reflink a {
    text-decoration: none;
}

.reflink a:hover {
    font-weight: bold;
}

.topmenu {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9001;
    height: inherit;
    position: fixed;
    clear: both;
    overflow: hidden;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    opacity: .95;
}

.adminbar {
    text-align: right;
    clear: both;
    background: inherit;
    float: right;
    margin-right: 5px;
}

.adminbar img{
    vertical-align: middle;
    border: none;
}

.navbar {
    padding: 5px;
}

body > .navbar {
    display: none;
}

.logo {
    clear: both;
    text-align: center;
    font-size: 2em;
}

.replymode, .catalogmode {
    text-align: center;
    padding: 2px;
}

form {
    margin-bottom: 0;
}

form .trap {
    display: none;
}

.postarea {
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-right: none;
    border-left: none;
    padding: 4px 0;
}

.postarea table {
    margin: 0 auto;
    text-align: left;
}

.rules {
    width: 468px;
    font-size: 10px;
    font-family: sans-serif;
}

.rules li {
    margin-left: 1em;
}

.postblock {
    font-weight: 800;
}

.footer {
    text-align: center;
    font-size: 12px;
    font-family: serif;
}

.passvalid {
    text-align: center;
    width: 100%;
}

.dellist {
    font-weight: bold;
    text-align: center;
}

.delbuttons {
    text-align: center;
    padding-bottom: 4px;
}

.managehead {
    padding: 0;
}

.postlists {
    width: 100%;
    padding: 0;
}

#delform {
    margin-bottom: 8px;
}

.thrdcntnr {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 8px 0;
    display: block;
    min-height: 210px;
}

.attachment > br {
    display: none;
}

label > input[type="checkbox"][name="delete[]"] {
    width: 13px;
    margin: 3px 0 0 3px;
}

.filesize {
    display: block;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 10px;
    margin-left: 20px;
}

.reflinkpreview > .attachment > .filesize {
    padding-top: 4px;
}

.filetitle {
    background: inherit;
    font-weight: 800;
    font-size: 1.2em;
}

.thumb {
    border: none;
    float: left;
    max-width: 100%;
    height: auto;
    width: auto;
    box-sizing: border-box;
    padding: 4px 20px;
}

.nothumb {
    float: left;
    border-width: 3px;
    border-style: dashed;
    text-align: center;
    margin: 4px 20px;
    padding: 14px;
}

.postername, .postertrip, .time, .admin, .mod, .vip {
    font-family: sans-serif;
    font-size: 11pt;
}

.admin {
    color: #800080;
    font-weight: normal;
}

.mod {
    color: #F00;
    font-weight: normal;
}

.vip {
    color: #360;
    font-weight: normal;
}

.oldpost {
    font-weight: 800;
}

.reflink a {
    color: inherit;
}

.reflink a:hover {
    font-weight: bold;
}

blockquote {
    margin: 1em 20px 4px;
    word-break: break-all;
    word-break: break-word;
}

.omittedposts, .postbody + a {
    margin-left: 20px;
    display: table;
}

.reply, .highlight {
    width: auto;
    display: table;
    margin: 4px 0 0 20px;
    min-width: 380px;
    border-style: solid;
    border-width: 1px;
}

.highlight {
    border-style: dashed;
}

.reflinkpreview {
    position: absolute;
    border-width: 1px;
    border-style: dotted;
}

.reflinkpreview .reply {
    margin: 0;
    border: none;
}

.doubledash {
    vertical-align: top;
    clear: both;
    float: left;
}

.replytitle {
    font-size: 1.5em;
    font-weight: 800;
}

.commentpostername {
    font-weight: 800;
}

.thumbnailmsg {
    font-size: small;
}

.spoiler {
    padding: 0 2px;
}

.spoiler, .spoiler * {
    color: #000;
    background-color: #000;
}

.spoiler:hover * {
    color: #FFF;
}

.userdelete {
    float: right;
    text-align: center;
    white-space: nowrap;
}

.userdelete table tr td {
    border-width: 1px;
    border-style: solid;
}

button {
    border-width: 1px;
    border-style: solid;
}

.threadlinksbottom {
    text-align: right;
    margin-top: 4px;
}

.replypage .replylink {
    display: none;
}

.pagelist {
    max-width: 600px;
}

#watchedthreads {
    position: absolute;
    height: auto !important;
    max-height: 100%;
    min-width: 300px;
    overflow: auto;
}

#watchedthreadsdraghandle {
    text-align: center;
    font-family: Trebuchet MS;
    cursor: move;
}

#watchedthreadlist {
    display: block;
    border-width: 1px;
    border-style: dotted;
    border-top: none;
    border-bottom: none;
    max-height: 100%;
    padding: 3px 3px 0;
    font-size: .8em;
    overflow: auto;
}

#watchedthreadsbuttons {
    padding: 3px;
    line-height: 0;
    border-width: 1px;
    border-style: dotted;
    border-top: none;
}

#watchedthreadsbuttons a {
    font-size: 0;
}

.extrabtns, .extrabtns img, *[class^="dnb"], *[class^="dnb"] img, span[id^="unhidethread"] a[href="#"], .unhidethread, #watchedthreadsbuttons * {
    vertical-align: text-bottom;
}

.hidethread, .unhidethread, .watchthread, .expandthread, .quickreply, .hidewatchedthreads, .refreshwatchedthreads, .restorewatchedthreads {
    background-color: transparent;
    background-image: url('./icons/blue/icons.gif');
    background-repeat: no-repeat;
}

.hidethread {
    background-position: -32px -16px;
}

.unhidethread {
    background-position: -48px 0;
}

.watchthread {
    background-position: -32px 0;
}

.expandthread {
    background-position: 0 -16px;
}

.quickreply {
    background-position: 0 0;
}

.hidewatchedthreads {
    background-position: -48px -16px;
}

.refreshwatchedthreads {
    background-position: -16px -16px;
}

.restorewatchedthreads {
    background-position: -16px 0;
}

hr {
    border-style: solid none none none;
    border-width: 1px;
}

.pgstbl table, .pgstbl tr {
    border-width: 1px;
    border-style: solid;
}

span[id*="unhidethread"] {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 4px 20px;
}

.catalogtable {
    text-align: center;
}

.catalogthread {
    vertical-align: top;
    word-wrap: break-word;
    overflow: hidden;
    display: inline-block;
    padding: 4px;
    width: 210px;
    max-height: 350px;
    min-height: 200px;
    margin-top: 5px;
    position: relative;
    border-width: 1px;
    border-style: solid;
}

.catalogthread a {
    text-decoration: none !important;
}

.catalogsubject {
    background: inherit;
    font-weight: 800;
}

.catalogposts {
    font-weight: 800;
    font-size: small;
}

.cataloglist {
    padding: 4px 0px 8px;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.closed * {
    text-decoration: line-through;
}

.sticked::before {
    content: url(./sticky.gif);
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
}

.inline-pp, .prettyprint {
    white-space: pre-wrap;
}

.inline-pp {
    display: inline;
}

input[type=text], input[type=password], textarea, input[type=submit] {
    border: 1px solid #AAA;
    margin: 0 2px 0 0;
    padding: 2px 4px 3px;
    outline: none;
    font-size: 10pt;
}

.sound {
    float: left;
    padding: 0 20px 4px 0;
}

/*Keep this while search is broken*/

.adminbar img[src="/css/icons/red/search.png"] {
    display: none !important;
}

@media only screen and (max-width: 480px) {

    html {
        font-size: 10pt;
        max-width: 100%!important;
    }

    body {
        margin: 43px 4px 5px;
    }

    * {
        box-sizing: border-box;
    }

    .adminbar {
        margin-right: 2px;
        font-size: 0;
    }

    .adminbar select, .adminbar img[src="/css/icons/red/wt.png"], .adminbar a[href="/manage.php"], img[src="/css/icons/red/search.png"] {
        display: none;
    }

    .logo {
        clear: right;
        display: inline;
        vertical-align: middle;
    }

    .replymode, .catalogmode {
        width: 100%;
    }

    .postarea table {
        width: 100%;
    }

    table {
        border-style: none;
    }

    .postform tr:nth-child(3) > .postblock + td, #modbox {
        font-size: 0;
    }

    textarea, input[type=file], input[type=text], input[type=password], input[type=submit] {
        width: 100%!important;
        font-size: 10pt;
    }

    #posttypeindicator {
        display: block;
        text-align: center;
        font-size: 11px;
    }

    .rules, .rules li {
        display: none;
    }

    .filesize {
        font-size: 5pt;
        margin-left: 4px;
    }

    .filesize a, #resizer {
        display: none;
    }

    .filetitle {
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
        overflow: hidden!important;
        width: 100%!important;
    }

    img {
        max-width: 80px;
        max-height: 80px;
        height: auto;
        width: auto;
    }

    img[src*="/src/"] {
        max-width: 100%;
        max-height: 100%;
    }

    .thumb {
        padding: 2px 4px;
    }

    .nothumb {
        margin: 2px 4px!important;
    }

    .omittedposts, .postbody + a {
        clear: both!important;
        margin-left: 4px;
    }

    .reply, .highlight {
        width: 100%!important;
        clear: both;
        margin: 4px 0 0!important;
        display: inline-block;
        min-width: 0;
    }

    .reflinkpreview {
        left: 4px!important;
        margin-top: 1em;
    }

    .extrabtns, .doubledash, #watchedthreads {
        display: none;
    }

    blockquote {
        font-size: 10pt;
        max-width: 100%!important;
        height: auto!important;
        display: block!important;
        margin: 0!important;
        padding: 2px 4px;
        width: 100%!important;
    }

    .reply pre, a {
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
    }

    div[id*="replies"] {
        clear: both;
    }

    div[id*="thread"] {
        clear: both;
        max-width: 100%!important;
    }

    input[name="deletepost"] {
        clear: right;
    }

    .userdelete {
        width: 100%;
        text-align: left;
        white-space: normal;
        float: none;
    }

    span[id*="unhidethread"] {
        padding: 4px;
    }

    .catalogthread {
        width: 100%;
        max-height: none;
        min-height: 0;
        text-align: left;
    }

    .catalogthread br {
        display: none;
    }

    .catalogpic {
        float: left;
        margin-right: 4px;
    }

    .catalogsubject, .catalogmsg, .catalogposts {
        display: table;
    }

    .catalogposts {
        float: right;
    }

    .sticked::before {
        display: inline-block;
        float: right;
        position: static;
        top: initial;
        right: initial;
    }
}