☰

Early 2012 roblox blog

makes roblox blog pretty

  1. /* ==UserStyle==
  2. @name           Early 2012 roblox blog
  3. @namespace      whocares.net
  4. @version        1.0.0
  5. @description    makes roblox blog pretty
  6. @author         legosavant
  7. @license mit
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("blog.roblox.com") {
  11.     * {
  12.         letter-spacing:0
  13.     }
  14.     a {
  15.         color: #1177DD;
  16.     }
  17.     body, input, textarea {
  18.         color: #373737;
  19.         font: 300 15px/1.625 Arial,sans-serif;
  20.     }
  21.     #header .branding {
  22.         display:none
  23.     }
  24.     #header nav a {
  25.         color: #B2B2B2;
  26.         display: block;
  27.         font-size: 10px;
  28.         font-weight: normal;
  29.         height: 22px;
  30.         line-height: 16px;
  31.         margin-left: 0px;
  32.         padding: 0 7px;
  33.         letter-spacing:0;
  34.         transition:none;
  35.         font-family:arial
  36.     }
  37.     #header nav li {
  38.         float:right;
  39.         margin:0
  40.     }
  41.     #header nav {
  42.         padding:0;
  43.         float:right;
  44.         line-height:1;
  45.         margin:0
  46.     }
  47.     #header nav .inner {
  48.         height:22px
  49.     }
  50.     #header {
  51.         background:#383838;
  52.         height:auto
  53.     }
  54.     #header > div {
  55.         max-width:868px;
  56.         margin:auto;
  57.     }
  58.     #header .language-switcher.desktop {
  59.         color: #B2B2B2;
  60.         font-size: 10px;
  61.         font-weight: normal;
  62.         height: 22px;
  63.         line-height: 16px;
  64.         margin-left: 0px;
  65.         padding: 0 7px;
  66.         letter-spacing:0;
  67.         transition:none;
  68.         font-family:arial;
  69.         left:65px;
  70.         right:auto
  71.     }
  72.     #header nav a:hover, #header .language-switcher.desktop:hover {
  73.         background-color: #333;
  74.         background-image: url(http://web.archive.org/web/20120205205918im_/http://blog.roblox.com/wp-content/themes/roblox/images/bg_utilities.png);
  75.         color:#fff
  76.     }
  77.     .no-touch #header .language-switcher:hover .wpml-ls {
  78.         left:65px;
  79.         background:#363636;
  80.         padding:0
  81.     }
  82.     #header .language-switcher.desktop > span {
  83.         display:none
  84.     }
  85.     #header .language-switcher.desktop:before {
  86.         content:attr(aria-label);
  87.     }
  88.     /*page*/
  89.     .page-contents {
  90.         max-width:900px;
  91.         margin:0 auto;
  92.         padding-top:23px
  93.     }
  94.     .hero-block .centered-copy {
  95.         display:none
  96.     }
  97.     body {
  98.         background-image: url(https://web.archive.org/web/20120206121136im_/http://community.roblox.com/wp-content/uploads/2011/12/bkg.jpg);
  99.         background-repeat: repeat;
  100.         background-position: top left;
  101.         background-attachment: scroll;
  102.         background-color:#B72F19
  103.     }
  104.     .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 {
  105.         content:none
  106.     }
  107.     body:not(.single) .hero-block {
  108.         background-image:url("https://web.archive.org/web/20120206121136im_/http://community.roblox.com/wp-content/uploads/2011/12/header_04.png");
  109.         background-size:auto;
  110.         height:108px;
  111.         min-height:0;
  112.         background-color:transparent
  113.     }
  114.     .single.roblox-blog .hero-block {
  115.         background-size:contain;
  116.         height:408px;
  117.         min-height:0;
  118.         background-color:transparent;
  119.         background-color:#000
  120.     }
  121.     .news-list.blog li a .blurb h2, .news-detail .detail-heading h1 {
  122.         font-size: 44px;
  123.         line-height: 1em;
  124.         padding-bottom: 0.1em;
  125.         color:#DD0000;
  126.         margin:0;
  127.         min-width:600px;
  128.         word-break:keep-all;
  129.         font-weight:600
  130.     }
  131.     .news-list.blog li a .blurb:hover h2 {
  132.         text-decoration:underline
  133.     }
  134.     .news-list.blog li a .blurb span, .news-detail .detail-heading .info, .news-detail .detail-heading .info p {
  135.         color:#666;
  136.         font-size:12px;
  137.         line-height:18px
  138.     }
  139.     .news-detail .detail-heading .info p {
  140.         font-weight:700
  141.     }
  142.     .news-detail {
  143.         padding:0 30px
  144.     }
  145.     .news-detail .page-details .content {
  146.         width:840px
  147.     }
  148.     .news-list.blog li a .blurb span.author {
  149.         max-width:500px;
  150.         display:inline-block;
  151.         text-overflow:ellipsis;
  152.         overflow:hidden;
  153.         white-space:nowrap;
  154.         height:16px;
  155.         line-height:20px;
  156.         position:relative;
  157.         margin-bottom:-2px
  158.     }
  159.     .news-detail .detail-heading {
  160.         margin:0 0 24px 0;
  161.         border:0;
  162.         padding:0
  163.     }
  164.     .wysiwyg p, .wysiwyg p span,
  165.     .news-detail .detail-heading ~ div p span, .news-detail .detail-heading ~ div p {
  166.         color: rgb(55, 55, 55);
  167.         font: 300 15px / 1.625 Arial, sans-serif
  168.     }
  169.     .wysiwyg h2, .wysiwyg h2 b,
  170.     .news-detail .detail-heading ~ div h2, .news-detail .detail-heading ~ div h2 b {
  171.         font: 300 15px / 1.625 Arial, sans-serif;
  172.         color: #000;
  173.         font-weight: bold;
  174.         margin: 0 0 0.8125em;
  175.     }
  176.     .news-list ul {
  177.         display:block;
  178.         padding:0 30px
  179.     }
  180.     .news-list.blog li {
  181.         width:100%;
  182.         border-bottom: 1px solid #ddd;
  183.         margin: 0 0 1.625em;
  184.         padding: 0 0 1.625em!important;
  185.     }
  186.     .news-list.blog li a {
  187.         display:flex;
  188.         flex-direction:column-reverse;
  189.         min-height:200px;
  190.         justify-content:start;
  191.         height:100%;
  192.     }
  193.     .news-list.blog li a .img-holder {
  194.         margin:0;
  195.         width:300px;
  196.         border: 1px solid #ddd;
  197.         padding: 6px;
  198.         vertical-align:bottom;
  199.         position:absolute;
  200.         right:0;
  201.         bottom:58px
  202.     }
  203.     .news-list.blog li a .img-holder .img-wrap {
  204.         transform:none!important
  205.     }
  206.     .news-list.blog li a .blurb p {
  207.         color: #373737;
  208.         font: 300 15px/1.625 Arial,sans-serif;
  209.         margin-bottom: 1.625em;
  210.         min-height:168px
  211.     }
  212.     .archive .control+.news-list, .blog .control+.news-list {
  213.         margin-top:16px
  214.     }
  215.     .news-list.blog li a .blurb > *:not(h2) {
  216.         max-width:310px
  217.     }
  218.     .news-list li:nth-child(1) .blurb p, .news-list li:nth-child(2) .blurb p {
  219.         display:block
  220.     }
  221.     .news-list #nav-below.navigation {
  222.         margin:0!important
  223.     }
  224.     .btn-w-border {
  225.         background:none!important;
  226.         border:0;
  227.         color:#1177DD;
  228.         font:700 12px arial;
  229.         text-transform:none;
  230.         letter-spacing:0
  231.     }
  232.     .btn-w-border:hover {
  233.         text-decoration:underline
  234.     }
  235.     .has-limit {
  236.         background:#fff;
  237.         display:flex;
  238.         flex-direction:row-reverse
  239.     }
  240.     .control {
  241.         background:#333;
  242.         padding:12px;
  243.         width:175px
  244.     }
  245.     .roblox-blog .control .filters {
  246.         display:block;
  247.         height:auto;
  248.         margin:0
  249.     }
  250.     .roblox-blog .control .filters fieldset {
  251.         position:static;
  252.         margin:10px 0!important;
  253.         outline:none!important
  254.     }
  255.     .control .filter .dropdown__menu {
  256.         display:block;
  257.         position:static;
  258.         max-height:none;
  259.         overflow:hidden;
  260.     }
  261.     .control .dropdown button {
  262.         color: #fff!important;
  263.         font-size: 10px;
  264.         font-weight: 500;
  265.         letter-spacing: 0.1em;
  266.         line-height: 2.6em;
  267.         text-transform: uppercase;
  268.         padding:0;
  269.         background:none!important
  270.     }
  271.     .dropdown__menu {
  272.         border:0
  273.     }
  274.     .dropdown__menu-link {
  275.         font: 700 13px/1.625 Arial,sans-serif;
  276.         letter-spacing:0;
  277.         text-transform:none;
  278.         width:auto;
  279.         padding:0;
  280.         background:none!important;
  281.         color:#fff!important
  282.     }
  283.     .dropdown__menu-item {
  284.         min-height:0
  285.     }
  286.     .dropdown button, .dropdown__menu-link {
  287.         min-height:0;
  288.         background:none;
  289.         border:0
  290.     }
  291.     .control form input[type="text"] {
  292.         border-radius: 0;
  293.         background-image: url(http://web.archive.org/web/20120205205918im_/http://blog.roblox.com/wp-content/themes/roblox/images/search.png);
  294.         background-position:4px center;
  295.         border: 1px solid #BBB;
  296.         color: #fff;
  297.         background-color:transparent;
  298.         transform:none!important;
  299.         text-transform:none;
  300.         min-height:0;
  301.         height:22px;
  302.         line-height: 1.2em;
  303.         padding: 4px 10px 4px 28px;
  304.         width:134px;
  305.         text-indent:0;
  306.         transition:none!important;
  307.         outline:none!important
  308.     }
  309.     .control form {
  310.         width:174px
  311.     }
  312.     .control .filters fieldset.form-holder .clear {
  313.         height:30px;
  314.         width:30px;
  315.         background:none
  316.     }
  317.     .control .filters fieldset.form-holder .clear .icon {
  318.         top:-6px;
  319.         bottom:0;
  320.         height:30px;
  321.         width:30px;
  322.     }
  323.     .control form input[type="text"]::placeholder {
  324.         text-transform:none;
  325.         font-family:arial;
  326.         letter-spacing:0;
  327.         color:#888;
  328.         font-weight:300;
  329.         font-size:14px
  330.     }
  331.     footer {
  332.         width:900px;
  333.         margin:0 auto;
  334.         background:white;
  335.         box-sizing:border-box;
  336.         height:auto;
  337.         min-height:0
  338.     }
  339.     .footer-contents {
  340.         padding:0!important
  341.     }
  342. }