Overclock.net banner

81 - 90 of 90 Posts

·
Premium Member
Joined
·
10,324 Posts
Had some time after I talked to you today and remade a bit of it, code is much cleaner now;

Gonna make my own images as well for headers and the menu, and redo the expand/collapse buttons.

338
 

·
Registered
Joined
·
763 Posts
Quote:
Originally Posted by Shrak View Post

Had some time after I talked to you today and remade a bit of it, code is much cleaner now;
Gonna make my own images as well for headers and the menu, and redo the expand/collapse buttons.
338
I like that even better than the black/blue. Mad respect mon
 

·
Premium Member
Joined
·
10,324 Posts
Still a bit messy and getting used to using stylish, and Gangla was having some issues with some things not applying for him, but here it is so far for firefox. Chrome seems to have issues with it from when I tried it earlier. Note this all took place within maybe 20 mins of Gangla PM'ing me earlier today about the older one I had started, and never finished since I got hung up with work.

New screen;
700
Menu;
482

338

Code:

Code:
@-moz-document domain('overclock.net'){
/* random from the first try */
a, a:link, a:visited { color: #DEDEDE!important; } 
a:hover { color: #369!important; }
.left-post-container .post-content-area { color: #DEDEDE!important; }

/* hide sidebar without adblock | block or none */
div#sidebar { display: none!important; }

/* stretch main page full width 
#main-container.semi-fluid {
min-width: 550px !important;
max-width: 98% !important;
}
*/

/* body */
html { background-color: #222!important; }

/* header */
div#header-area { background-color: transparent!important; }

/* main menu */
div#main-menu-area { background-color: #333!important; border: 1px solid #111!important; margin-bottom: 5px!important; border-radius: 10px!important; }
nav { background-color: transparent!important; }

div#forum-select-menu.forum-select-inner { background-color: #222!important; border: 1px solid #444!important; }
div#forum-select-menu.forum-select-inner ul { background-color: #222!important; border: 1px solid #222!important; }
div#forum-select-menu.forum-select-inner li { background-color: #666!important; border: none!important; margin-bottom: 1px!important; }
div#forum-select-menu.forum-select-inner a:hover { font-weight: bold!important; color: #444!important; }

/* search area */
div#search-area { background-color: #333!important; border-top: 1px solid #111!important; border-left: 1px solid #111!important; border-right: 1px solid #111!important; border-radius: 10px 10px 0px 0px!important; }
div#search-bar { background-color: #222!important; border: 1px solid #111!important; }
input#search.labeled-input { background-color: #222!important; }
input.btn { background-color: #222!important; color: #DEDEDE!important; border: 1px solid #333!important; }

/* site stats */
div#site-stats.ocn { background-color: #222!important; border-top: 3px solid #111!important; border-bottom: 1px solid #111!important; }

/* forum wrap */
div#content-wrapper { background-color: #333!important; border-left: 1px solid #111!important; border-right: 1px solid #111!important; }

/* latest discussions and news */
div.toggleable_multicolumn.column_1 { background-color: #333!important; border-left: 1px solid #111!important; border-right: 1px solid #111!important; border-bottom: 1px solid #111!important; } /* Latest Discussion body */
div.toggleable_multicolumn.column_2 { background-color: #333!important; border-right: 1px solid #111!important; border-bottom: 1px solid #111!important; } /* News body */
h3.h3_1 { background-color: #222!important; border-top: 1px solid #111!important; border-left: 1px solid #111!important; border-bottom: 1px solid #111!important; border-radius: 5px 0px 0px 0px!important; } /* Latest Discussion header */
h3.h3_2 { background-color: #222!important; border-top: 1px solid #111!important; border-right: 1px solid #111!important; border-bottom: 1px solid #111!important; border-radius: 0px 5px 0px 0px!important; } /* News header */

div#semi-fluid.row { border-bottom: 1px solid #222!important; }
a.HM-tool { color: #DEDEDE!important; } /* latest discussion and news link color */

/* who's online*/
div.featured-content.sidebar-module { background-color: #333!important; border: 1px solid #111!important; border-radius: 5px 5px 0px 0px!important; }
h3.global-thick-underline { background-color: #222!important; border-top: none!important; border-bottom: 1px solid #111!important; }
div#whosonline.rtcol-box1 { background-color: #333!important; }

a.onuser { color: #693!important; }
span.g16 { color: #369!important; }
span.g19 { color: #FFA002!important; }
span.g6  { color: #FF200A!important; }

/* faq/rss box */
div.rtcol-box1 { background-color: #333!important; }
a.info.ilink { color: #DEDEDE!important; }
a.rss.ilink { color: #DEDEDE!important; }

/* forum tables */
div.forum-list-tbl-wrapper { margin-top: 5px!important; }
th { color: #DEDEDE!important; }
h2 { padding-bottom: 6px!important;}
td.btn-grp-right { background-color: #222!important; border-radius: 5px!important; }
th.icon-col { background-color: #222!important; }
th { background-color: #222!important; border: 1px solid #333!important; }
td.icon-col.alternate { background-color: #222!important; border: 1px solid #333!important; }
td.forum-col { background-color: #333!important; border-bottom: 1px solid #222!important; border-right: 1px solid #222!important; }
td.last-post-col.alternate { background-color: #444!important; border-bottom: 1px solid #222!important; border-right: 1px solid #222!important; }
td.narrow-col { background-color: #333!important; border-bottom: 1px solid #222!important; border-right: 1px solid #222!important; }
td.narrow-col-posts { background-color: #333!important; border-bottom: 1px solid #222!important; border-right: 1px solid #222!important; }
td.thread-col.compact { background-color: #333!important; border-bottom: 1px solid #222!important; border-right: 1px solid #222!important; }
td.last-post-thread-col.alternate.compact{ background-color: #444!important; border-bottom: 1px solid #222!important; border-right: 1px solid #222!important; }

/* forum style */
h1.forum-h1 { color: #DEDEDE!important; }
div.post-header.shazam { background-color: #222!important; border-bottom: 1px solid #111!important; }
div.forum-post-num { background-color: #333!important; }
div.forum-post-date { }
div.post-info-content { background-color: #222!important; }
.left-post-container { background: url("http://i.imgur.com/i7wAV.png") -1000px 0 repeat-y!important; background-color: #333!important; border: 1px solid #111!important; }
.left-post-container .post-content-area { color: #DEDEDE!important; }

div.shazam.forum-post-tools.btn-grp { border-top: 1px solid #111!important; }
div.forum-announcement { background-color: #333!important; border: 1px solid #222!important; }
div.signature { border-top: 1px solid #111!important; }
div.spoiler-inner { background-color: #444!important; border-bottom: 1px solid #111!important; border-left: 1px solid #111!important; border-right: 1px solid #111!important; }
a.spoiler-link.H-spoiler-toggle.removed { background-color: #444!important; border: 1px solid #111!important; }
a.spoiler-link.H-spoiler-toggle { background-color: #444!important; border: 1px solid #111!important; }

/* buttons */
span.curr { background-color: #222!important; border: 1px solid #111!important; }
a.pn-num.tooltip { background-color: #444!important; color: #DEDEDE!important; border: 1px solid #111!important;}
a.mquote.H-threadViewer-addMultiQuote.ibtn.btn.HM-tool { background-color: #222!important; border: 1px solid #444!important; }
a.quote.H-threadViewer-quoteReply.ibtn.btn.HM-tool { background-color: #222!important; border: 1px solid #444!important; }
a.reply.H-threadViewer-replyPost.ibtn.btn.HM-tool { background-color: #222!important; border: 1px solid #444!important; }
a.HM-tool.flag.io.H-abstractModule-loadDialog.ibtn.btn { background-color: #222!important; border: 1px solid #444!important; }
a.tooltip { background-color: #222!important; border: 1px solid #444!important; }
a.discussion.HM-tool.ibtn.btn { background-color: #222!important; border: 1px solid #444!important; }
a.thumbsup.post-tool.io.HM-tool.thumb-up.H-rating-rate.ibtn.btn { background-color: #222!important; border: 1px solid #444!important; }
a.edit-link.H-threadViewer-editPost.io.ibtn.btn.HM-tool { background-color: #222!important; border: 1px solid #444!important; }

/* pm text */
div.shazam.wiki_markup.message-full { background-color: #222!important; color: #DEDEDE!important; }
div.subject-title-box { background-color: #222!important; }
div.author-container.shazam { background-color: #222!important; }
div.conversation.shazam { background-color: #222!important; }
div#pm-content { background-color: #111!important; }

/* quotes */
div.quote-block { background-color: #222!important; color: #DEDEDE!important; border: none!important; border-radius: 5px!important; }
div.quote-container { background-color: #222!important; color: #DEDEDE!important; border: 1px solid #DEDEDE!important; border-radius: 5px!important; }
/* profile */
div#info-container { background-color: #222!important; border: 1px solid #111!important; }
div.user-prof-body.shazam { background-color: #222!important; border: 1px solid #111!important; color: #999!important; }
ul.stream-nav.shazam { background-color: #333!important; }
div.stream-item.stream-item-mode-profile.stream-ThreadStreamEntry.viewer-has-replied { background-color: #333!important; }
div.stream-item.stream-item-mode-summary.stream-ThreadStreamEntry.viewer-has-replied { background-color: #333!important; }
a.H-stream-pageMore { background-color: #333!important; border: 1px solid #222!important; }
div.stream-item-count { background-color: #FF0000!important; }
div.online-stat { background-color: #444!important; border: 1px solid #DEDEDE!important; }
ul.sub-pm-user { background-color: #444!important; border: 1px solid #DEDEDE!important; }
a.editman.ibtn.btn { background-color: #222!important; border: 1px solid #444!important; }
a.editgear.ibtn.btn { background-color: #222!important; border: 1px solid #444!important; }
h2#prof-box-title { color: #DEDEDE!important; }

/* forum nav */
div.fj-menu-area.forum-nav-control { background-color: #333!important; border: 1px solid #111!important; }

/* login box */
div#loggedin-box { background-color: #222!important; border: 1px solid #111!important; }

/* messages */
div.hp-featured-content.shazam { background-color: #222!important; border-top: 3px solid #111!important; border-bottom: 1px solid #111!important; padding: 2px!important; }
div.pm-module-content { background-color: #222!important; }
li.row.unread { background-color: #444!important; }

/* code box */
pre, code.css{ background-color: #DEDEDE!important; }

/* signature */
a.signature-tab-expand-button.H-signature-tabview-expand.signature-tabview-autoexpand { background-color: #222!important; }
a.signature-tab-expand-button.H-signature-tabview-expand { background-color: #222!important; }

/* footer */
div#footer { border: none!important; }
div#footer-stats { border-left: 1px solid #111!important; border-right: 1px solid #111!important; }
div#footer-content { border-left: 1px solid #111!important; border-right: 1px solid #111!important; }
div#footer-bottom { margin-bottom: 30px!important; border-bottom: 1px solid #111!important; border-left: 1px solid #111!important; border-right: 1px solid #111!important; border-radius: 0px 0px 10px 10px!important; }
}

Edit: Updated a bit; and going more thoroughly through the css file to try to narrow down some more minor issues in particular. Still Firefox mostly/only for the time being. I'll work on a chrome version when I finish getting Firefox the way I like.

Edit 2: Updated again. Looks much nicer without everything being so square. Few more fixes as well. Slow but steady.

Edit 3: Update; got the drop down menu all colored so that it's actually visible now.:qa
 

·
Premium Member
Joined
·
10,324 Posts
I just recently posted this elsewhere and thought I might as well toss it here in case others are interested. I got tired of scrolling to the top to get to the menu or even using home or page up keys... So I made the menu stick to the top of the screen for me.

Normal: Removed logo as I find it mostly a waste of space, and awkward...;


Down the page a bit: You can see the alpha level so everything is still readable, and it isn't completely in the way. And you can see how much of the forum I visit...
rolleyes.gif
;


Code:

Code:
@-moz-document domain("www.overclock.net") {

    div#header-area {
        display: block !important;
        margin-top: -100px !important;
        background-color: rgba(236,239,244,1) !important;
    }

    a.logo { 
        display: none !important; 
    }

    div#main-container {
        padding-top: 35px !important;
    }

    div#search-area {
        border-top: none !important;
    }

    div#main-menu-area { 
        margin: 0 auto;
        width: 99% !important;
        min-width: 1096px !important;
        max-width: 1240px !important;
        height: 35px !important;
        line-height: 1.5 !important;
        position: fixed !important;
        top: 0 !important;
        z-index: 100 !important;
        background-color: rgba(30,30,30,0.85) !important;
        border-bottom: 1px solid rgba(51,51,51,0.95) !important;
        border-radius: 0 0 0 0 !important;
    }

    div#forum-select-menu.forum-select-inner {
        margin-top: 2px !important;  
        z-index: 1 !important;
    }

    div#main-menu-area li a {
        height: 28px !important;
        border-right: 1px solid rgba(251,251,251,0.05) !important;
    }
}

Nothing fancy, and definitely not perfect. Just something I wanted to test out in a short time and I've fallen in love with having the menu there all the time.
 
81 - 90 of 90 Posts
Top