safari css for 4chan

.hide-thread-button{
display: none !important;
}
*{font-family: helvetica !important;
#letter-spacing: -.02px !important;}
     body {
        #background: #E3BEB7 !important;
        #background: url("https://sr.ht/UUAQ.png");
         background: url("https://sr.ht/ancr.png");
         background-attachment: fixed;
         #background-position: center center;
         #background-size: cover;
         height 50vh;
          background-attachment: fixed !important;
         #background-position: center !important;
         font-family: dina !important;
        color: #616f7c !important;
        margin: auto !important;
        font-size: 14px !important;
         padding-top: 50px !important;
        #letter-spacing: -.02px !important;
    }
     .navLinks,.brackets-wrap.a {
         color: #f1f1f1 !important;
         background: #f1f1f1 !important;
         border: 0px !important;
         border-color: #000000 !important;
         padding: 2px !important;
         border-radius: 3px !important;
         #position: fixed !important;
         #left: 0px !important;
         #top: 80px !important;
     }
    .catalog-small, .catalog-thread {
        background: #f1f1f1 !important;
        padding-top: 5px !important;
        padding-left: 5px !important;
        margin-left: 5% !important;
        margin-right: 5% !important;
    }
     #boardNavDesktopFoot, .watch-thread-link {
         display: none;
     }
    hr {
        padding-top: -5px !important;
        border: 0 !important;
    }

    .post.op, .opContainer {
        background: #ffffff !important;
max-width: 99% !important;
        margin-left: 0px !important;
        margin-right: 10px !important;
        margin-top: 6px !important;
margin-bottom: 5px !important;
border-radius: 3px !important;
    }
    .postMessage{
        margin-left: 20px !important;
    }
     .fileText{
         margin-left: 20px !important;
     }
    /* Links */
    a {
        color: #bebbbb !important;
        font-family: helvetica !important;
    }

    /* Foreground of the header bar */
    #board-list,
    #custom-board-list {
        color: #5c6363 !important;
        font-family: helvetica !important;
    }
    #header-bar a, #thread-stats, #update-timer {
        color: #d2d2d2 !important;
        border: none !important;
    }

    /* Background of the header bar */
    #header-bar.dialog {
        background: #f1f1f1 !important;
        border: 0 !important;
    }
     #index-mode, #index-sort {
         background-color: #ffffff !important;
         color: #2d2d2d !important;
         border: 0px !important;
         border-color: #2d2d2d !important;
     }
    /* Color of the selected board on the header bar. */
    #header-bar a.current {
        color: #2d2d2d !important;
    }

    /* Appearance of the menus. */
    #menu.dialog,
    .entry {
        background: #f1f1f1 !important;
        border: 0 !important;
        color: #2d2d2d !important;
        font-family: helvetica !important;
        font-size: 0.750rem !important;
    }

    /* Catalog search and page links, This is not ready. */
    div.navLinks {
        #color: #f1f1f1 !important;
        #background:#f1f1f1 !important;
        font-family: helvetica !important;
        font-size: 0.750rem !important;
        border: none !important;
        display: inline-block !important;
        margin-bottom: 0 !important;
        margin-left: 5% !important;
        z-index: 1000; !important;
        box-shadow: #B8B8B8 0 0 2px !important;

    }
    div.pagelist {
        background:#f1f1f1 !important;
        font-family: helvetica !important;
        font-size: 0.750rem !important;
        border: none !important;
        display: inline-block !important;
        margin-bottom: 7px !important;
        margin-right: 25% !important;
        margin-left: 25% !important;

    }

    /* Appearance of the thread updater and thread stats. */
    #index-search.field,
    #updater.dialog,
    #thread-stats.dialog {
        font-family: helvetica !important;
        font-size: 0.750rem !important;
        background: transparent !important;
        color: #ab7546 !important;
        border-style: none !important;
    }

    /* Thread updater menu */
    #index-search.field:hover,
    #updater.dialog:hover {
        background: #f1f1f1 !important;
        color: #2d2d2d !important;
    }
    #index-sort, #index-mode, #index-size {
         display: none !important;
     }
    /* Clean up. */
    .bottomCtrl.desktop,
    #absbot.absBotText,
    .navLinks.desktop,
    .navLinks.navLinksBot.desktop,
        .qr-link-container, .hide-reply-button, #toggleBlotter, #blotter-msgs, #blotter{
        display: none !important;
    }

    /* Hide ads? */
    div.center,
    div.topad.center,
    div.middlead.center,
    div.bottomad.center,
    div.ad-plea {
        display: none !important;
    }

    /* Display board banner? */
    .boardBanner {
        #display: none !important;
    }
     #bannerCnt {
         display: none !important;
         background: #000000 !important;
         padding: 40px   !important;

     }
    .boardTitle {
        text-shadow: none !important;
        display: none !important;
        #z-index: 1000 !important;
        text-align: left !important;
        text-indent: 10px !important;
        color: #536e7e !important;
        border: none !important;
        #align-content:  !important;
        position: fixed !important;
        left: 0% !important;
        top: 0% !important;
        background: url("https://sr.ht/1265.png") top right no-repeat;
        #background: #f1f1f1 !important;
        #background: #000000 !important;
        width: 100% !important;
        #min-height: 10px !important;
        padding-top: 20px !important;
        padding-bottom: 5px !important;
        margin: 0px !important;
        box-shadow: #f1f1f1 0 0 4px !important;
    }

    /* Relative to posts. */
    .post.reply {
        #display: !important;
        font-family: helvetica !important;
        font-size: 14px !important;
        background: #ffffff !important;
        color: #2d2d2d !important;
        width: 101% !important;
        border: 0 !important;
        border-color: #000000 !important;
        padding: 10px !important;
        padding-top: 2px !important;
        box-shadow: #b8b8b8 0 0 3px !important;
margin-bottom: 5px !important;
border-radius: 3px !important;
    }

    /* Relative to the thread */
    .thread {
        #background: url("http://theskepticalzone.com/wp/wp-content/uploads/2013/05/Circuit-Board-Pattern-4.jpg") !important;
        margin-top: 5px !important;
        margin-right: 8% !important;
        margin-left: 5% !important;
        background: #f1f1f1 !important;
        padding-bottom: 7px !important;
        #margin-bottom: 5% !important;
        padding-left: 10px !important;
        #min-height: 1120px !important;
        box-shadow: #d2d2d2 0 0 2px !important;
border-radius: 3px !important;
    }
    div.postContainer.opContainer {
        display: inline-block !important;
        width: 100% !important;
        #margin: auto !important;
        box-shadow: #B8B8B8 0 0 3px !important;
    }
    .inline {
        padding-left: 5px !important;
        padding-right: 5px !important;
        border: 0 !important;
    }
    .inline .post.reply {
        background-color: #f1f1f1 !important;
        border: 0 !important;
    }

    /* Post subjects. */
    span.subject {
        color: #2d2d2d !important;
    }

    /* Tripcodes. */
    span.postertrip {
        color: #2d2d2d !important;
    }

    /* Post numbers. */
    span.postNum a {
        color: #2d2d2d !important;
    }

    /* Poster's name. */
    span.name {
        color: #2d2d2d !important;
        font-weight: normal !important;
    }

    /* Date and time of the posts. */
    span.dateTime {
        color: #2d2d2d !important;
    }

    /* Quote links. */
    a.quotelink {
        color: #2d2d2d !important;
    }

    /* Link to posts quoting the current post. */
    a.backlink {
        color: #2d2d2d !important;
    }

    /* Greentext. */
    span.quote {
        color: #6D715E !important;
    }

    /* Post menu button. */
    .post .menu-button {
        display: none;
        float: right;
        position: relative;
        left: 0px;
    }

    /* Hide "hide reply" buttons. */
    .postInfo > input,
    a.hide-post-button {
        display: none !important;
    }

    /* Relative to post info, i.e. Post name, tripcode, post date, etc. */
    .postInfo a,
    div.postInfo {
        color: #2d2d2d !important;
        font-size: 12px !important;
    }

    /* Relative to file info, i.e. filename, file size, resolution, etc. */
    div.fileText {
        color: #2d2d2d
        font-family: helvetica !important;
        font-size: 0.750rem !important;
        letter-spacing: 0px !important;
    }

    /* Fix post previews. */
    #qp {
        border: 1px !important;
        box-shadow: none !important;
    }


    /* Relative to the quick reply. */
    #qr {
        background: #f1f1f1 !important;
        color: #2d2d2d !important;
        border: 1px !important;
        border-color: #000000 !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        transition: all 0.2s ease 0s;
    }
    #qr form {
        bottom: 12px !important;
        right: 0% !important;
        width: 300px !important;
        padding: 0px !important;
        margin-top: 11px !important;
        padding-top: 10px !important;
        padding-bottom: 3px !important;
        background: #f1f1f1 !important;
        border: 1px !important;
        border-color: #000000 !important;
        border-radius: 0px !important;
    }
    #dump-button {
        background: #ffffff !important;
        border-color: #ffffff !important;
        color: #2d2d2d !important;
    }

    /* Color of the fields. */
    #qr .field {
        background: #ffffff !important;
        border-color: #f1f1f1 !important;
        color: #2d2d2d !important;
        padding: 1px !important;
        margin: 0px !important;
    }
     .input.field {
         border-bottom: none !important;
     }

    /* Movable QR? */
    #qr span.move {
        display: none !important;
    }

    /* Remove menu */
    #qr select {
        display: none !important;
    }
    .sideArrows {
        display: none !important;
    }

    /* Make the name field become invisible when there's something in it... */
    #qr input.field:nth-child(2) {
        background: #ffffff !important;
        color: #2d2d2d !important;
    }

    /* ... And then make it visible again when you hover over it. */
    #qr input.field:nth-child(2):hover {
        background: #ffffff !important;
        color: #2d2d2d !important;
    }

    /* Remove bar above the fields. */
    #qr > div {
        position: fixed !important;
    }

    /* Relative to 4chan X's menu */
    #fourchanx-settings.dialog,
    fieldset legend,
    a.tab-main.tab-selected {
        font-family: helvetica !important;
        font-size: 11px !important;
        background: #f1f1f1 !important;
        color: #2d2d2d !important;
    }

    /*** Animations ***/

    /* Change backlinks to >> and animate them. */
    a.backlink {
        /*text-decoration: none !important;*/
        font-size: 0 !important;;
    }
    .backlink:after {
        font-size: 11px !important;
        padding: 1px;
        content: '>>' !important;
       /* text-decoration: none !important;*/
    }
    .backlink:not(:first-child) {
        margin-left: -1.0rem;
        transition: all .1s linear .2s;
        opacity: 0;
    }
     .deadlink {
         color: #bebbbb !important;
     }
    /* Post menu animations. */
    .postContainer:hover .backlink {
        margin-left: 0rem;
        transition-delay: .1s;
        opacity: 100;
    }
    .post.reply a.menu-button {
        opacity: 0;
        transition: all .2s;
    }
    .post.reply:hover .menu-button {
        opacity: 100;
        transition: all .1s;
    }
    /* QR animations. */
    #qr.dialog.has-captcha.autohide,
    #qr.dialog.autohide {
        top: -300px !important;
        height: 21px !important;
        transition: all 0.7s ease 0s;
    }
        /*.quotelink { text-decoration: none !important;
        }*/


    }