Skip to content

2011 Roblox Blog by xammand

Screenshot of 2011 Roblox Blog
Write a review Install Get Stylus

Details

Authorxammand

LicenseNo License

CategoryRoblox

Created

Updated

Size13 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

This is version 1 so it may have some bugs.

Updates:
Fixed broken dropdown menu, you no longer need the icon fix script.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         2011 Roblox Blog
@version      20220718.23.55
@namespace    userstyles.world/user/xammand
@description  If some of the images aren’t appearing then install Tamper monkey and copy and create this: https://pastebin.com/8rpXfJq7, copy the code into a new script. If that doesn’t work, then I don’t know.

The 2011 layout of the Roblox Blog.

Roblox 2011 Styles:
2011 Roblox: https://userstyles.world/style/3344/2011-roblox
Obc: https://userstyles.world/style/5565/2011-roblox-obc-theme
Halloween: https://userstyles.world/style/5571/2011-roblox-halloween-theme
Thanksgiving: https://userstyles.world/style/5570/2011-roblox-thanksgiving-theme
Winter: https://userstyles.world/style/5569/2011-roblox-winter-theme
Tbc Icon: https://userstyles.world/style/5572/2011-roblox-tbc-icon  
@author       xammand
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://blog.roblox.com/") {
/* Roblox Blog */

/* Font */

@font-face {
	    font-family: Verdana, Arial, 'Times New Roman';
	    font-style: normal;
	    font-weight: 300;
    }
    
    @font-face {
	    font-family: Verdana, Arial, 'Times New Roman';
	    font-style: normal;
	    font-weight: 400;
    }
    
    @font-face {
	    font-family: Verdana, Arial, 'Times New Roman';
	    font-style: normal;
	    font-weight: 600;
    }
    
    .gotham-font, .gothan-font .h1, .gotham-font .h2, .gotham-font .h3, .gotham-font .h4, .gotham-font .h5, .gotham-font .h6, .gotham-font h1, .gotham-font h2, .gotham-font h3, .gotham-font h4, .gotham-font h5, .gotham-font h6, .gotham-font .text, .gotham-font body, .gotham-font button, .gotham-font html, .gotham-font input, .gotham-font pre, .gotham-font select, .gotham-font textarea {
        font-family: Verdana, Arial, 'Times New Roman';
    }

body {
    font-family: Verdana, Arial, 'Times New Roman';
}

* {
    letter-spacing: 0;
}

/**/

body, html {
    background: #DFDBC3 url('https://web.archive.org/web/20110715192732im_/http://blog.roblox.com/wp-content/themes/earth-10/images/body-bg.gif') top center repeat-y;
    background-color: #DFDBC3 !important;
}

#header {
    width: 792px;
    margin: 0 auto;
    position: absolute;
    background: #816852 url('/web/20110715192732im_/http://blog.roblox.com/wp-content/themes/earth-10/images/NewBlogBanner.png') top center no-repeat;
    height: 124px;
    padding: 0;
}

#wrapper {
    width: 792px;
    margin: 0 auto;
}

.no-touch .faded {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Header */

#branding {
    width: 293px !important;
    height: 70px !important;
    padding: 5px 5px 5px 5px;
    text-align: center;
}

#header .site-title a {
    background-image: url(https://web.archive.org/web/20110714175411im_/http://blog.roblox.com/wp-content/themes/earth-10/images/RobloxLogo.png);
    background-size: auto;
    width: 267px !important;
    height: 70px !important;
}

#site-title {
    width: 267px !important;
    height: 70px !important;
}

.hero-block {
    background-position: 1000px;
    min-height: 38px;
    max-height: 38px;
    width: 792px;
    z-index: 100;
    margin-top: 35px;
}

.hero-block .centered-copy {
    text-shadow: none;
    padding: 0;
}

.hero-block .centered-copy h1 {
    font-size: 30px;
    color: #39170B;
    padding: 3px 0 0 5px;
    width: 100%;
}

.hero-block .centered-copy h1:before {
    content: "ROBLOX ";
    cursor: text;
}

.hero-block .centered-copy::after {
    background: none;
}

#header nav, #header .language-switcher.desktop {
    display: none;
}

.no-touch .faded-title {
    transform: none !important;
    transition: none !important;
}

/* Main */

.has-limit {
    background-color: transparent;
}

.control {
    padding: 0;
    width: 230px;
    float: right;
}

.roblox-blog .control .filters {
    display: grid;
}

.roblox-blog .control .filters fieldset {
    width: 37px;
    float: right;
    margin-left: 20px;
}

.control .filter {
    width: 37px;
    max-width: none !important;
    margin: 0 !important;
}

.dropdown button {
    border-radius: 4px;
    border: 1px solid #8f8f9d;
    background: #e9e9ed !important;
    background-color: #e9e9ed !important; 
    height: 20px;
    min-height: 20px;
    padding: 0px 2px 1px;
    width: auto;
    display: grid;
    font-size: 12px;
    color: black;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: normal;
    text-transform: none;
    font-family: verdana;
}

.dropdown button:not(.disabled).active, .dropdown button:not(.disabled):focus, .dropdown button:not(.disabled):hover, .dropdown__menu-link:not(.disabled).active, .dropdown__menu-link:not(.disabled):focus, .dropdown__menu-link:not(.disabled):hover {
    border-color: #676774;
    background: #d0d0d7 !important;
    cursor: default;
}

.roblox-blog .control .filters fieldset.form-holder {
    left: 0;
}

.input-holder:before {
    content: "Search for:";
    color: #102536;
    font-size: 0.8em;
    text-align: left;
    width: 100%;
    display: block;
}

.roblox-blog .control .filters fieldset.form-holder form input[type="text"] {
    background: white !important;
    width: 149px;
    border: 1px solid #8f8f9d;
    border-radius: 3px;
    height: 14px;
    min-height: 14px;
    padding: 3px 5px;
    display: grid;
    font-size: 12px;
    color: black;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: normal;
    text-transform: none;
    font-family: verdana;
}

.roblox-blog .control .filters fieldset.form-holder form input[type="text"]:focus-visible {
    border: 2px solid #0060df;
    outline: 2px solid #a2cce9 !important;
}

.roblox-blog .control .filters fieldset.form-holder form input[type="text"] {
    transition: none !important;
    transform: none !important;
}

.roblox-blog .control .filters fieldset.form-holder {
    width: 161px !important;
    margin: 0;
    margin-left: 20px;
    margin-top: -36px;
}

.control form {
    width: 161px !important;
}

.control form input[type="text"] {
    text-indent: 0 !important;
}

.control .filters fieldset.form-holder .clear, .control .filters fieldset.form-holder .close {
    display: none;
}

.roblox-blog .control .filters fieldset.form-holder:after {
    content: "Search";
    background: #816852 url(https://web.archive.org/web/20110715192732im_/http://blog.roblox.com/wp-content/themes/earth-10/images/sidebar-h2.gif) center bottom no-repeat;
    text-align: right;
    font-size: 16px;
    padding: 4px 25px 5px 0;
    color: #39170B;
    margin: 10px 0;
    display: block;
    width: 205px;
    height: 18px;
    position: absolute;
    left: -20px;
    top: -44px;
    font-family: verdana;
    font-weight: bold;
}

.control {
    margin-top: 40px;
}

/* Comments */

.news-list.blog li a {
    cursor: default;
}

.news-list.blog li {
    width: 502px;
    padding: 0 !important;
}

.news-list.blog li a .blurb h2 {
    margin: 0;
}

.blurb h2 {
    color: #39170B !important;
    font-size: 16px !important;
    font-weight: bold !important;
    transition: none !important;
}

.blurb h2:hover {
    color: #8F8759 !important;
    cursor: pointer;
}

.author {
    color: #000 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    text-align: right;
    float: right;
    display: block !important;
    cursor: text;
}

.author strong {
    font-weight: normal !important;
    cursor: text;
}

.author:before {
    content: "-";
    cursor: text;
}

.date {
    float: left;
    display: block !important;
    font-size: 10px !important;
    color: #000 !important;
    cursor: text;
}

.news-list.blog li a .blurb span {
    display: none;
}

.news-list.blog li a .img-holder {
    transform: none !important;
    width: 490px;
    height: 222px;
    border: 2px solid #bbd17e;
    padding: 1px;
    margin: 8px 12px 8px 0;
    cursor: pointer;
}

.news-list.blog li a .img-holder:hover {
    border-color: #4a5f12;
}

.news-list.blog li a:hover .img-holder .img-wrap {
  transform: none !important;
}

.news-list.blog li a .blurb p {
    color: #000;
    font-size: 12px;
    margin: 10px 0;
    cursor: text;
}

.news-list li:nth-child(1) a, .news-list li:nth-child(2) a {
    min-height: auto;
}

/* Navigation Buttons */

.news-detail .detail-heading {
    border: none;
}

.news-list.blog .navigation {
    margin: 0;
    justify-content: left;
    margin-left: 25px;
}

.news-list .navigation a {
    margin: 0;
}

.news-list .navigation a .btn-w-border {
    border: none;
    background: none;
    padding: 0;
    color: #39170B;
    font-size: 12px;
    font-weight: bold;
    width: auto;
    letter-spacing: 0;
    text-transform: none;
}

.news-list .navigation a .btn-w-border:hover {
    text-decoration: underline;
}

.btn-w-border.right:after {
    content: " Page »";
}

.btn-w-border.left {
    font-size: 0 !important;
    margin-right: 5px;
}

.btn-w-border.left:after {
    content: " — ";
    font-size: 12px !important;
    cursor: text;
}

.btn-w-border.left:before {
    content: "« Previous Page";
    font-size: 12px !important;
}

/* Footer */

#footer {
    background: #816852 url('https://web.archive.org/web/20110812160928im_/http://blog.roblox.com/wp-content/themes/earth-10/images/footer.gif') repeat-x;
    font-size: 0.9em;
    height: 27px;
    padding: 0;
}

.roblox-blog .footer-contents {
    padding: 0;
}

footer .menu-social-menu-container.blog, .legal-menu-holder {
    display: none;
}

#copyright {
    margin: 0;
    margin-top: 3px;
    padding: 6px 5px 0 5px;
    color: white;
    font-size: 12px;...

Reviews

No reviews yet.