Early 2012 roblox blog

makes roblox blog pretty

/* ==UserStyle==
@name           Early 2012 roblox blog
@namespace      whocares.net
@version        1.0.0
@description    makes roblox blog pretty
@author         legosavant
@license mit
==/UserStyle== */

@-moz-document domain("blog.roblox.com") {
    * {
        letter-spacing:0
    }
    a {
        color: #1177DD;
    }
    body, input, textarea {
        color: #373737;
        font: 300 15px/1.625 Arial,sans-serif;
    }
    #header .branding {
        display:none
    }
    #header nav a {
        color: #B2B2B2;
        display: block;
        font-size: 10px;
        font-weight: normal;
        height: 22px;
        line-height: 16px;
        margin-left: 0px;
        padding: 0 7px;
        letter-spacing:0;
        transition:none;
        font-family:arial
    }
    #header nav li {
        float:right;
        margin:0
    }
    #header nav {
        padding:0;
        float:right;
        line-height:1;
        margin:0
    }
    #header nav .inner {
        height:22px
    }
    #header {
        background:#383838;
        height:auto
    }
    #header > div {
        max-width:868px;
        margin:auto;
    }
    #header .language-switcher.desktop {
        color: #B2B2B2;
        font-size: 10px;
        font-weight: normal;
        height: 22px;
        line-height: 16px;
        margin-left: 0px;
        padding: 0 7px;
        letter-spacing:0;
        transition:none;
        font-family:arial;
        left:65px;
        right:auto
    }
    #header nav a:hover, #header .language-switcher.desktop:hover {
        background-color: #333;
        background-image: url(http://web.archive.org/web/20120205205918im_/http://blog.roblox.com/wp-content/themes/roblox/images/bg_utilities.png);
        color:#fff
    }
    .no-touch #header .language-switcher:hover .wpml-ls {
        left:65px;
        background:#363636;
        padding:0
    }
    #header .language-switcher.desktop > span {
        display:none
    }
    #header .language-switcher.desktop:before {
        content:attr(aria-label);
    }
    /*page*/
    .page-contents {
        max-width:900px;
        margin:0 auto;
        padding-top:23px
    }
    .hero-block .centered-copy {
        display:none
    }
    body {
        background-image: url(https://web.archive.org/web/20120206121136im_/http://community.roblox.com/wp-content/uploads/2011/12/bkg.jpg);
        background-repeat: repeat;
        background-position: top left;
        background-attachment: scroll;
        background-color:#B72F19
    }
    .single .page-contents::after, .page-template-page-career .page-contents::after, .page-template-page-parents .page-contents::after, .page-template-page-faq .page-contents::after {
        content:none
    }
    body:not(.single) .hero-block {
        background-image:url("https://web.archive.org/web/20120206121136im_/http://community.roblox.com/wp-content/uploads/2011/12/header_04.png");
        background-size:auto;
        height:108px;
        min-height:0;
        background-color:transparent
    }
    .single.roblox-blog .hero-block {
        background-size:contain;
        height:408px;
        min-height:0;
        background-color:transparent;
        background-color:#000
    }
    .news-list.blog li a .blurb h2, .news-detail .detail-heading h1 {
        font-size: 44px;
        line-height: 1em;
        padding-bottom: 0.1em;
        color:#DD0000;
        margin:0;
        min-width:600px;
        word-break:keep-all;
        font-weight:600
    }
    .news-list.blog li a .blurb:hover h2 {
        text-decoration:underline
    }
    .news-list.blog li a .blurb span, .news-detail .detail-heading .info, .news-detail .detail-heading .info p {
        color:#666;
        font-size:12px;
        line-height:18px
    }
    .news-detail .detail-heading .info p {
        font-weight:700
    }
    .news-detail {
        padding:0 30px
    }
    .news-detail .page-details .content {
        width:840px
    }
    .news-list.blog li a .blurb span.author {
        max-width:500px;
        display:inline-block;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        height:16px;
        line-height:20px;
        position:relative;
        margin-bottom:-2px
    }
    .news-detail .detail-heading {
        margin:0 0 24px 0;
        border:0;
        padding:0
    }
    .wysiwyg p, .wysiwyg p span,
    .news-detail .detail-heading ~ div p span, .news-detail .detail-heading ~ div p {
        color: rgb(55, 55, 55);
        font: 300 15px / 1.625 Arial, sans-serif
    }
    .wysiwyg h2, .wysiwyg h2 b,
    .news-detail .detail-heading ~ div h2, .news-detail .detail-heading ~ div h2 b {
        font: 300 15px / 1.625 Arial, sans-serif;
        color: #000;
        font-weight: bold;
        margin: 0 0 0.8125em;
    }
    .news-list ul {
        display:block;
        padding:0 30px
    }
    .news-list.blog li {
        width:100%;
        border-bottom: 1px solid #ddd;
        margin: 0 0 1.625em;
        padding: 0 0 1.625em!important;
    }
    .news-list.blog li a {
        display:flex;
        flex-direction:column-reverse;
        min-height:200px;
        justify-content:start;
        height:100%;
    }
    .news-list.blog li a .img-holder {
        margin:0;
        width:300px;
        border: 1px solid #ddd;
        padding: 6px;
        vertical-align:bottom;
        position:absolute;
        right:0;
        bottom:58px
    }
    .news-list.blog li a .img-holder .img-wrap {
        transform:none!important
    }
    .news-list.blog li a .blurb p {
        color: #373737;
        font: 300 15px/1.625 Arial,sans-serif;
        margin-bottom: 1.625em;
        min-height:168px
    }
    .archive .control+.news-list, .blog .control+.news-list {
        margin-top:16px
    }
    .news-list.blog li a .blurb > *:not(h2) {
        max-width:310px
    }
    .news-list li:nth-child(1) .blurb p, .news-list li:nth-child(2) .blurb p {
        display:block
    }
    .news-list #nav-below.navigation {
        margin:0!important
    }
    .btn-w-border {
        background:none!important;
        border:0;
        color:#1177DD;
        font:700 12px arial;
        text-transform:none;
        letter-spacing:0
    }
    .btn-w-border:hover {
        text-decoration:underline
    }
    .has-limit {
        background:#fff;
        display:flex;
        flex-direction:row-reverse
    }
    .control {
        background:#333;
        padding:12px;
        width:175px
    }
    .roblox-blog .control .filters {
        display:block;
        height:auto;
        margin:0
    }
    .roblox-blog .control .filters fieldset {
        position:static;
        margin:10px 0!important;
        outline:none!important
    }
    .control .filter .dropdown__menu {
        display:block;
        position:static;
        max-height:none;
        overflow:hidden;
    }
    .control .dropdown button {
        color: #fff!important;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 2.6em;
        text-transform: uppercase;
        padding:0;
        background:none!important
    }
    .dropdown__menu {
        border:0
    }
    .dropdown__menu-link {
        font: 700 13px/1.625 Arial,sans-serif;
        letter-spacing:0;
        text-transform:none;
        width:auto;
        padding:0;
        background:none!important;
        color:#fff!important
    }
    .dropdown__menu-item {
        min-height:0
    }
    .dropdown button, .dropdown__menu-link {
        min-height:0;
        background:none;
        border:0
    }
    .control form input[type="text"] {
        border-radius: 0;
        background-image: url(http://web.archive.org/web/20120205205918im_/http://blog.roblox.com/wp-content/themes/roblox/images/search.png);
        background-position:4px center;
        border: 1px solid #BBB;
        color: #fff;
        background-color:transparent;
        transform:none!important;
        text-transform:none;
        min-height:0;
        height:22px;
        line-height: 1.2em;
        padding: 4px 10px 4px 28px;
        width:134px;
        text-indent:0;
        transition:none!important;
        outline:none!important
    }
    .control form {
        width:174px
    }
    .control .filters fieldset.form-holder .clear {
        height:30px;
        width:30px;
        background:none
    }
    .control .filters fieldset.form-holder .clear .icon {
        top:-6px;
        bottom:0;
        height:30px;
        width:30px;
    }
    .control form input[type="text"]::placeholder {
        text-transform:none;
        font-family:arial;
        letter-spacing:0;
        color:#888;
        font-weight:300;
        font-size:14px
    }
    footer {
        width:900px;
        margin:0 auto;
        background:white;
        box-sizing:border-box;
        height:auto;
        min-height:0
    }
    .footer-contents {
        padding:0!important
    }
}