Want to read Slashdot from your mobile device? Point it at m.slashdot.org and keep reading!

 


Forgot your password?
Close
typodupeerror
×
Slashdot.org

Journal Journal: GET YOUR OLD SLASHDOT CSS RIGHT HERE (slashdot.css) 2

Journal by DigitalHammer
body
{
    font-size: 100%;
    background: #000;
}

a { color: #066; }
a:visited { color: #000; }
.sb_header { color: #066; }

/* Layout */
#frame
{
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: .5em;
}

#articles, #messages, #subscribe, #submit, #comments, #login, #pollBooth, #wide, #search, #authors, #topics, #misc
{
    overflow: visible;
    z-index: 2;
    position: relative;
    margin: 0 .3em 1em 0;
    padding: 0;
}

.aduserbox #articles, .admin #articles, div#search.aduserbox .generaltitle, div#search.aduserbox .generalbody
{
    margin: 0 15.6em 1em 0;
    position: relative;
}

/* Header */
#logo h1 a
{
    width: 275px;
    height: 74px;
    background: url("//images.slashdot.org/title.gif") no-repeat;
    margin: 0;
}

/* test */
#topnav #topics
{
    text-align: center;
    margin: .2em 0 0 275px;
    clear: both;
}

#topnav ul { text-align: right; }
#topnav ul li img { margin: .2em 0; }
#slogan h2 { display: none; }

/* links */
#links div.block { background: #fff; }
#links div.title { background: #066; }

#links h4
{
    padding: .1em 0 0 .2em;
    font-weight: normal;
}

#links h2
{
    margin: 0;
    padding: 0;
    font-size: 120%;
}

#links h2 a, #links h2 a:visited { color: #066; }
#links em { font-size: 80%; }

#links div.content
{
    padding: 0;
    font-size: 80%;
    line-height: 120%;
    position: relative;
}

#links div.content li a, #links div.content p { padding: 0 0 0 .3em; }

/* slashboxes */
#slashboxes div.block
{
    background: #ccc;
    margin: 0 .3em .3em 0;
}

#slashboxes div.title { background: #066; }

#slashboxes h4
{
    font-weight: bold;
    font-family: sans-serif;
    font-size: 80%;
    color: #fff;
    padding: .4em .3em .3em .2em;
}

#slashboxes div.content
{
    font-size: 80%;
    line-height: 120%;
    padding: .3em .3em .3em .2em;
}

#slashboxes small { font-size: 100%; }

#slashboxes .title img
{
    position: absolute;
    right: .3em;
    margin: -.13em 0 0 0;
}

/* Quick links content */
#slashboxes #index_qlinks-content ul, #slashboxes #index_qlinks-content li, #slashboxes #features_qlinks-content ul, #slashboxes #features_qlinks-content li
{
    list-style: none;
    padding: 0;
    margin: 0;
}

/* poll box content */
#slashboxes #poll-content
{
    list-style: none;
    padding: .3em .2em;
}

#slashboxes #poll-content form fieldset { padding: 0; }

#pollBooth fieldset
{
    padding: .3em 0 0 0;
    margin: 0;
    border: none;
}

/* General */
.generaltitle
{
    margin: 0;
    background: #ccc;
}

.generalbody
{
    background: #fff;
    margin: 0 .3em 2em 0;
    padding: 0;
}

/* articles */
.article div.future div.generaltitle div.title { background: #c33 url("//images.slashdot.org/slc.gif") top left no-repeat; }
.article div.title, .generaltitle div.title, #pollBooth div.title#poll-title { background: #066 url("//images.slashdot.org/slc.gif") top left no-repeat; }

#journal .article h3, .generaltitle h3, #pollBooth.aduserbox div.title#poll-title h4
{
    color: #fff;
    font-family: sans-serif;
    font-weight: bold;
    background: transparent;
    padding: .1em .8em 0 .8em;
}

.article .details
{
    font-weight: bold;
    margin: 0;
    padding: 0;
    background: #fff;
}

.article .details strong { font-size: 80%; }

.article .body
{
    margin: 0;
    padding: 0;
    background: #fff;
}

div.storylinks
{
    margin: 1em 0;
    padding: 0;
}

div.storylinks div
{
    margin: 0;
    padding: 0;
}

div.storylinks ul
{
    display: inline;
    margin: 0;
    padding: 0;
}

div.storylinks ul li { border-left: 1px solid #555; }

/* Footer */
#footer
{
    border-top: 1px solid #066;
    padding: .3em;
    font-family: sans-serif;
}

#footer .rightcontent
{
    min-height: 2em;
    margin: 0 0 0 20em;
    text-align: center;
    font-style: italic;
}

#footer .rightcontent table td
{
    font-style: normal;
    text-align: left;
}

#footer .search
{
    text-align: left;
    position: absolute;
    top: 0;
    left: 1em;
    margin: 0;
    padding: 0;
}

#footer legend, #footer fieldset, #footer label
{
    margin: 0;
    padding: 0;
}

#footer .copyright
{
    font-size: x-small;
    color: #066;
    margin: 0 0 -.4em 0;
}

body.admin .frame #footer
{
    background: #fff;
    margin: -1em 1em .5em 1em;
    padding-bottom: 0;
}

.clear { clear: both; }
.inside { padding: 0; }

/* Comments */
.commentBox
{
    background: #066;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.commentwrap
{
    border: none;
    margin: 0 .3em;
}

#commentlisting
{
    position: relative;
    margin: 0 .3em;
}

.comment { position: relative; }

.commentTop .details
{
    font-size: 100%;
}

.commentTop .details small { font-size: 80%; }
.commentTop h4 a { color: #000; }

.commentTop
{
    background: #ccc;
    border: none;
}

.commentSub
{
    background: transparent;
    border: none;
}

.commentBody
{
    border: none;
    padding: .3em 0;
}

.comment_footer { background: #ccc; }

.note ul
{
    font-size: 140%;
    font-family: serif;
}

.comment > .oneline {
    border: none;
}

.oneline .commentTop .title h4 a { color: #066; }
.oneline .commentTop {
    color: #066;
    background: #fff;
}

.comment > .oneline .commentTop, .comment > .oneline .commentBody, .comment > .oneline .details, .comment > .oneline .commentTop .title h4 a {
    color: #066;
}

.comment > .oneline .commentBody * {
    color: #666;
}

/* Poll */
.bar
{
    width: 100%;
    border: none;
}

.barColor { background: #066; }

.barPercent
{
    color: #066;
    white-space: nowrap;
    padding: 0;
    background: none;
}

.barVotes
{
    color: #000;
    background: none;
    padding: 0 0 0 .3em;
}

.totalVotes { font-size: 120%; }

/* Bottom Nav */
.btmnav
{
    color: #066;
    font-size: 80%;
    padding: 0 0 1em 0;
    margin: -.7em 0 0 0;
}

.btmnav ul li a
{
    font-family: serif;
    color: #fff;
    border-left: 1px solid #066;
}

body.admin .btmnav a { color: #066; }
.btmnav ul li a:visited { color: #fff; }

/* Journal */
.journaldate { position: relative; }

.generalbody #journalgeneric .article
{
    height: auto;
    margin: 1em 0;
}

#journalgeneric div.storylinks ul li
{
    margin: 0;
    padding: 0;
    border: none;
}

#journalgeneric div.storylinks ul li a
{
    padding: 0 .4em 0 1em;
    border-left: 1px solid #000;
}

#journalgeneric div.storylinks ul li.edit a, #journalgeneric div.storylinks ul li.discussion a, #journalgeneric div.storylinks ul li.journalid a { border: none; }

#journalgeneric .details
{
    font-style: italic;
    font-size: 100%;
    font-weight: normal;
    background: #ccc;
    margin: 0 0 .3em 0;
    padding: 0 .1em;
}

#journalgeneric .details .adminoptions
{
    font-style: normal;
    position: absolute;
    right: 0;
    font-size: 85%;
    margin: 0;
}

#journalgeneric .body { margin: 0 0 0 .3em; }

/* Forms */
textarea { width: 80%; }
#admin input.button { width: auto; }

/* Submit */
#submit fieldset
{
    margin: 0;
    padding: 0;
    border: none;
}

#submit legend { display: none; }

#submit .message
{
    margin: 0 0 1em 0;
    padding: 0;
}

/* Misc */
pre, code { font-size: 80%; }

/* Ad */
.ad1
{
    margin: .3em 0 0 0;
    padding: 0;
    text-align: center;
}

.ad2
{
    margin: 0;
    padding: 0;
    text-align: center;
}

.ad6
{
    margin: .2em .2em .2em 0;
    padding: 0;
}

/* Data Tables  */
.data_head { background: #066; }
.data_hl1 td, .data_hl2 td, .data_hl3 td { border: none; }

.data_bgc1
{
    width: 20%;
    color: #fff;
    background: #066;
}

.data_bgc1 a { color: #fff; }
.tb_col { background: #066; }

/* Usermenu */
ul.menu a, ul.menu a:visited { color: #000; }
.generalbody ul.menu li a { color: #066; }

#usermenu
{
    background: #066;
    padding: 6px 0 0 9px;
    margin: 0;
    border: none;
}

#adminmenu, #adminmenu a { color: #066; }

#usermenu li, #usermenu-top li, .menuoldstyle li
{
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0 2px 0 1px;
}

#usermenu ul.menu a
{
    background: url("//images.slashdot.org/menu_r.gif") #ccc no-repeat top right;
    color: #000;
    height: 1em;
    padding: 5px 11px 0 1px;
    margin: 0 -.3em 0 0;
    text-decoration: none;
    border: none;
}

#usermenu li.selected
{
    background: url("//images.slashdot.org/menu_l_s.gif") #fff no-repeat top left;
    margin: 0 0 0 -9px;
    padding: 5px 2px 0 7px;
}

#usermenu li.selected a
{
    background: transparent url("//images.slashdot.org/menu_r_s.gif") no-repeat top right;
    color: #000;
    padding: 5px 11px 0 2px;
    text-decoration: none;
}

#usermenu li.selected b.begin
{
    background: url("//images.slashdot.org/menu_l_s_b.gif") no-repeat top left;
    margin: 0 0 0 -9px;
    padding: 5px 0 0 9px;
}

#usermenu li span.begin
{
    background: url("//images.slashdot.org/menu_l_b.gif") no-repeat top left;
    margin: 0 0 0 -9px;
    padding: 5px 1px 0 9px;
}

#usermenu li.selected b a.begin { padding: 5px 11px 0 2px; }

#usermenu ul.menu a.end
{
    background: url("//images.slashdot.org/menu_r_e.gif") #ccc no-repeat top right;
    padding: 5px 11px 0 2px;
}

#usermenu li.selected a.end
{
    background: transparent url("//images.slashdot.org/menu_r_s_e.gif") no-repeat top right;
    color: #000;
    padding: 5px 11px 0 2px;
}

#usermenu-top ul, .menuoldstyle ul
{
    padding: 0;
    margin: 0 0 1em 0;
}

#usermenu-top li, .menuoldstyle li:before { content: "|"; }
#usermenu-top li, .menuoldstyle li:first-child:before { content: ""; }
.uslashboxes { background: #ccc; }

/* Messages */
body.admin div.message
{
    font-family: sans-serif;
    border: 1px solid #066;
    color: #066;
    margin: -.5em .1em .6em .1em;
    font-weight: bold;
    padding: .3em;
    background: #bdd;
}

body.admin div.message .error
{
    border: 1px solid #600;
    color: #600;
    background: #ebb;
}

/* Admin */
body.admin .generaltitle
{
    padding: 0 1em;
    margin: 0;
    background: #fff;
}

body.admin .generalbody .generaltitle, body.admin fieldset .generaltitle
{
    padding: 0;
    margin: 0;
}

body.admin .generalbody
{
    padding: 0 1em 1em 1em;
    margin: 0;
    background: #fff;
}

body.admin fieldset
{
    padding: 0 1em 1em 1em;
    margin: 0;
    background: #fff;
}

body.admin { background: #000; }

body.admin .contentsadmin
{
    padding: .6em 0 0 0;
    margin: 1em;
    background: #fff;
}

body.admin #content { padding: 0 0 .1em 1em; }

#st-display table
{
    background: #066;
    color: #fff;
}

.admin_story_list, .submit_story_list { font-family: sans-serif; }

#users fieldset
{
    border: none;
    margin: 1em 0 0 0;
    padding: 0 1em 1em 1em;
}

#users legend { display: none; }

/* Admin menu */
#adminmenu
{
    margin: 0;
    background: #eee;
    border-top: 1px solid #ddd;
    padding: .1em;
}

#adminmenu ul
{
    /* all lists */
    list-style: none;
    z-index: 20;
}

#adminmenu ul
{
    padding: 0;
    margin-top: 0;
}

#adminmenu ul li ul
{
    border: 1px solid #066;
    border-top: none;
    padding: 0;
    margin: 0;
}

#adminmenu ul.nestedmenu a
{
    display: block;
    text-decoration: none;
    padding: 0 0 0 .3em;
}

#adminmenu ul.nestedmenu li:hover
{
    background: #ddd;
}

#adminmenu ul.nestedmenu li ul li a:hover { font-weight: normal; }

#adminmenu ul li ul li a
{
    display: block;
    width: 8em;
    text-decoration: none;
    padding: 0;
}

#adminmenu ul.nestedmenu li ul li
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    padding: 0 0 0 .3em;
    width: 7.7em;
    margin: 0;
}

#adminmenu ul.nestedmenu li
{
    float: left;
    margin: 0 .6em;
}

#adminmenu ul li ul
{
    position: absolute;
    background: #eee;
    width: 8em;
    display: none;
}

#adminmenu ul li:hover ul { display: block; }

#adminmenu ul li ul li:hover
{
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background: #ddd;
}

body .adminstoryform fieldset { background: #ccc; }
body .adminstoryform legend { display: none; }
.briefarticle { padding: .3em 1em; font-size: 80%}
.briefarticle a { color: #000 }
.future .briefarticle { background: #c33; }
.briefarticles { padding: 0; background: #ccc; border-top: solid 2px #066; margin: .3em 0 1em 0;}

.briefarticle { background : #ccc; }
.briefarticle .section { color: #333; }
.briefarticle .storytitle { font-weight: bold; }
.briefarticle .introhide, .tagshide { display : none }
.briefarticle .intro { padding-left: 1em; padding-top: 0.5em;}

/* Tags */

.tags { width: 100%; font-size: 90%; line-height: 115% }
.tagname { color: #066; font-weight: bold; padding: 0 }
.tagtitleopen { background: #066; color: #fff; font-size: 90% }
.tagtitleopen a { color: #fff; text-decoration: none; font-size: 90% }
.tagtitleclosed { background: #fff; font-size: 90% }
.tagtitleclosed a { text-decoration: none; font-size: 90%}
.tagbody { border: 1px #aaa solid; background: #ccc; padding: 8px }
.tagshide { display : none }

.secpref_master td { border-bottom: solid 2px #066;}
.secpref_nexus_row { color: #aaa; background: #ccc; }
#sectionprefs_message  { background: #066; font-size: 120%; color: #fff; font-weight: bold; text-align: right; }
#sectionprefs_hdr {text-align: right; background: #066; font-size: 120%; color: #fff; }
#sectionprefs_hdr a {float: left; color: #fff;}
#sectionprefs_hdr span a {float: none; color: #fff; font-size: 10px; font-weight: bold; font-family: sans-serif; text-decoration: none;}
#sectionprefs_hdr span { margin: -.3em 0; padding: 0 4px; height: 11px; width: 11px;}
.ps_23, .ps_22 { display: none; }
.curstory { border-top: solid 2px #066; }
.popup { border: solid 2px #066; }
.popup .data { font-size: 100% }
.popup-title {text-align: left; background: #066; font-size: 100%; color: #fff; padding-right: 4em; }
.popup-title .buttons {
    position: absolute;
        right: 0.2em;
}
.popup-title .buttons span a {float: none; color: #fff; font-size: 10px; font-weight: bold; font-family: sans-serif; text-decoration: none;}
.popup-title .buttons span { margin: -.3em 0; padding: 0 4px; height: 11px; width: 11px;}

.popup-message { background: #066; color: #fff; }
.popup-title a, .popup-message a { color: #fff }
.popup-contents { background: #ccc; font-size: 80%; padding: 5px; }
.popup-message  { background: #066; font-size: 100%; color: #fff; font-weight: bold; text-align: right; }
#sectionprefs-contents { background: #fff }

.bookmarklinks { font-size: 75% }
Slashdot.org

Journal Journal: GET YOUR OLD SLASHDOT CSS RIGHT HERE (print.css)

Journal by DigitalHammer
body
{
        background: #fff;
}
#ostgnavbar, #topnav h4, #topnav ul, #links, #slashboxes, .btmnav, .search, #jump, .article .details img, #adminmenu, #footer table, div.storylinks, div.storylinks ul, div.storylinks div, .prev-next, #comments input, .commentwrap
{
        display: none;
}
/* Header */
#slogan h2
{
        color: #000;
}
.topic
{
        margin: 0 .4em .4em 0;
        float: right;
        position: relative;
}

img {
border: none;
}
.topic img
{
        display: block;
        position: relative;
        z-index: 10;
}

/* General */
.article, .journalgeneric
{
        background: transparent;
        margin: 0 0 2em 0;
}

.generaltitle div.title, .article div.title, .journalgeneric div.title
{
        background: transparent;
        border-bottom: 1px solid #000;
}

.generaltitle h3, .article h3, .journalgeneric h3
{
        background: transparent;
        color: #000;
        margin: 0;
}

.generaltitle h3 a, .article h3 a, .generaltitle h3 a:visited, .article h3 a:visited, .journalgeneric h3 a, .journalgeneric h3 a:visited
{
        color: #600;
}

.generalbody, .article .details, .journalgeneric .details
{
        border: none;
        background: transparent;
        font-size: 75.5%;
        margin: .2em 0 .5em 0;
}

.article div.body, .journalgeneric div.body
{
        border: 1px solid #fff;
        background: transparent;
}

#footer, #footer .rightcontent {
        text-align: center;
}
Slashdot.org

Journal Journal: GET YOUR OLD SLASHDOT CSS RIGHT HERE (ostgnavbar.css)

Journal by DigitalHammer
#ostgnavbar
{
    font-family: arial, helvetica, sans-serif;
    border-top: 1px solid #999;
    background: #ccc;
    border-bottom: 2px solid #999;
    font-weight: normal;
    font-size: 70%;
    margin: 0;
    padding: .2em 0;
}

#ostgnavbar li
{
    list-style: none;
    display: inline;
}

#ostgnavbar a
{
    text-decoration: none;
    border-left: 1px solid #999;
    padding: 0 .2em 0 .4em;
}

#ostgnavbar a.begin
{
    font-weight: bold;
    color: #039;
    border: none;
}

#ostgnavbar a.highlight { font-weight: bold; }
#ostgnavbar a:hover { color: #666; }
Slashdot.org

Journal Journal: GET YOUR OLD SLASHDOT CSS RIGHT HERE (handheld.css)

Journal by DigitalHammer
body
{
        background: #fff;
        font-family: sans-serif;
        font-size: 100%;
        margin: 0;
        padding: 0;
}
#frame {margin: 0 2px; padding: 0;}
ul li { display: inline; margin: 0 .2em; }

/* Header */
#logo h1 a {padding: 0 5px; height: 20px; background: #000; color: #fff; font-size: 14px;}
#slogan h2
{
        display: block;
        color: #000;
        margin: 0 0 1em 0;
        padding: 0 5px;
        font-size: x-small;
}
h3 {margin: .6em 0 0 0;}
.details
{
        font-size: x-small;
        color: #666;
        padding: 0;
        margin: 0;
}
.article .body {font-size: small;}
.storylinks ul
{
        margin: 0;
        display: inline;
        font-size: small;
}

.btmnav ul, ul, .aduserbox #articles, .admin #articles, div#search.aduserbox .generaltitle, div#search.aduserbox .generalbody, #contents, #messages, #submit, #comments, #login, #pollBooth, #wide, #search, #authors, #topics, #articles, #users-blocks, #polls
{
        margin: 0;
        padding: 0;
}
.generaltitle, .generaltitle div.title { background: transparent; }
.generaltitle h3 a {color: #00e;}
.generaltitle h3 {padding: 0; margin: 0; color: #000;}
.article .topic img, #ostgnavbar, #slashboxes, #links, #topnav ul, #jump { display: none; }
#topnav { margin: 0; padding: 0; height: 20px; }

#footer { margin: 1em; }

#footer .search
{
        margin: 1em 0;
        float: none;
        clear: both;
}

#footer .rightcontent
{
        margin: 2.4em 0 0 0;
        float: none;
        clear: both;
}

#footer .copyright { margin: 1em 0; }
a, a:visited, .btmnav ul li a, .btmnav ul li a:visited { color: #00e; }
Slashdot.org

Journal Journal: GET YOUR OLD SLASHDOT CSS RIGHT HERE (comments.css)

Journal by DigitalHammer
html>body #comments { margin: 0 auto .2em 0; width: 100%; }

#comments
{
    clear: right;
    z-index: 2;
    position: relative;
    margin: 0 -15.6em .2em 0;
        width: 98%;
}
.commentwrap {
    background: #fff;
        position: relative;
        border: 1px solid #aaa;
    clear: right;
}
html > body .commentwrap table {
        width: 100%;
        margin: 0;
}
.commentwrap table {
        width: 99%;
    margin: .3em;
}

.commentBox
{
    background: #555;
    text-align: center;
    color: #fff;
    margin-top: 0.5em;
}

.commentBox a { color: #fff; }
.commentBox a:visited { color: #fff; }

.commentBoxForm
{
    background: #ccc;
    text-align: center;
    padding-bottom: 0.5em;
}
.commentwrap legend
{
        display: none;
}
.commentwrap fieldset, .commentswrap form
{
        margin: 0;
        padding: 0;
        border: none;
}
.linkCommentPage {
    background: #ccc;
    text-align: center;
    margin: .3em;
    padding: .3em;
}
.commentTop .details {
    font-size: 75.5%;
    margin: 0;
    padding: 0;
}
.commentTop .details small {font-size: 100%;}

.commentTop
{
    background: #ddd;
    border: 1px solid #ccc;
    padding: .3em;
}

.commentSub
{
    background: #eee;
    padding: .3em;
    font-size: 80%;
    border: 1px solid #ddd;
    margin: 0;
}

.commentTop H4 { display: inline; }

.commentBody
{
    border: 1px solid #ddd;
    border-bottom: none;
    padding: .3em;
}

.commentshrunk, .commentstatus { font-weight: bold }

#commentlisting {
        padding: 0px;
        margin: 0px;
        list-style: none;
}
.comment { margin-bottom: 0.5em }
#commentlisting li.comment { list-style: none; }
.comment_footer { text-align: center; background: #ddd }
.modsel { display: inline }

.ups
{
    margin: 0 0 0 -.3em;
    padding: 0 .3em;
    text-decoration: none;
    background: url("/images/comm-minus.gif") 0 .2em no-repeat;
    right: -1.4em;
    z-index: 2;
    cursor: pointer;
}

.dwns
{
    margin: 0;
    padding: 0 .3em;
    text-decoration: none;
    background: url("/images/comm-plus.gif") 0 .2em no-repeat;
    right: -1.4em;
    z-index: 1;
    cursor: pointer;
}

.hide { display: none   }
.show { display: inline }

.comment > .hidden  {
    display: none;
}

.comment > .oneline .commentSub, .comment > .oneline .score, .comment > .oneline .otherdetails, .comment > .oneline .sig {
    display: none;
}

.comment > .oneline * {
    display: inline;
}

.comment > .oneline {
    border: 1px solid #e5e5e5;
    margin: 1em 0 0 0;
    padding: .3em 0 0 0;
    position: relative;
    width: 99%;
    height: 1.3em;
    overflow: hidden;
}

/* lots of space between lines */
.comment > .oneline .commentTop, .comment > .oneline .commentBody {
    border: none;
    vertical-align: 10em;
}

.comment > .oneline .details {
    font-size: 100%;
}

.comment > .oneline .commentTop .title h4 a { color: #600; }
.comment > .oneline .commentTop {
    background: transparent;
    color: #600;
}

.comment > .oneline .commentBody {
    background: transparent;
    padding: 0 0 0 .5em;
}

.comment > .oneline .commentBody * {
    font-size: 100%;
    color: #666;
    text-decoration: none;
    font: inherit;
}

/* in oneline, sometimes icons are too tall for text ... this helps a little */
.comment > .oneline .zooicon {
    vertical-align: sub;
}
Slashdot.org

Journal Journal: GET YOUR OLD SLASHDOT CSS RIGHT HERE (base.css)

Journal by DigitalHammer
body, div, form, h1, h2, h3, h4, h5, h6, #links ul li, #links ul, #topnav, img
{
    padding: 0;
    margin: 0;
}

body
{
    color: #000;
    position: relative;
}

sup
{
    margin: 0 0 -.3em 0;
    padding: 0;
}

a { color: #600; }
a:visited { color: #000; }
a:hover { text-decoration: none; }
img { border: none; }
#jump { display: none; }

/* layout */
#frame
{
    margin: .8em;
    position: relative;
}

#contents
{
    width: auto;
    z-index: 1;
    position: relative;
    padding: 0;
    margin: 0 0 0 7.2em;
}

#messages, #submit, #comments, #login, #pollBooth, #wide, #search, #authors, #topics
{
    overflow: visible;
    height: 100%;
    z-index: 2;
    position: relative;
    margin: 0 0 1em 0;
    padding: 0;
}

#articles, #users-blocks, #polls
{
    overflow: visible;
    height: 100%;
    z-index: 2;
    position: relative;
    margin: 0 15.6em 1em 0;
    padding: 0;
}

#poll-content legend { display: none; }

/* Header */
#logo h1 a
{
    text-indent: -700em;
    display: block;
    text-decoration: none;
    float: left;
    position: relative;
}

#topnav
{
    z-index: 0;
    position: relative;
    height: 80px;
    margin: 0 0 .1em 0;
}

#topnav h4 a
{
    text-align: center;
    padding: 0 .6em;
    text-decoration: none;
}

#topnav h4
{
    text-align: center;
    margin: 0 auto;
    white-space: nowrap;
}

#topnav ul {
    position: absolute;
    right: 0;
    margin: 0;
    width: 55%;
    list-style: none;
}

#topnav li {
    float:left;
    text-align: center;
    width:19%;
}

#slogan h2
{
    padding: .3em;
    margin: 0 0 .3em 0;
    clear: both;
}

/* links */
#links
{
    float: left;
    width: 6.6em;
    z-index: 0;
    position: relative;
    padding: 0;
}

#links div.block
{
    padding: 0;
    margin: 0 0 1em 0;
    position: relative;
}

#links div.title
{
    background: #999;
    padding: 0;
    margin: 0;
    position: relative;
}

#links h4
{
    margin: 0;
    padding: .3em .6em;
    color: #fff;
    position: relative;
}

#links h4 a, #links h4 a:visited { color: #fff; }

#links div.content
{
    padding: .3em .3em .6em .3em;
    position: relative;
}

#links em
{
    font-weight: bold;
    margin: .3em 0 .3em .8em;
    font-style: normal;
}

#links h2
{
    background: #ddd;
    position: relative;
    font-size: 130%;
    margin: 0 0 0 -.2em;
    padding: 0 .2em;
}

#links h2 a, #links h2 { color: #444; }
#links ul li { list-style: none; }
#links ul { margin: 0; }

#navigation-content li.user
{
    background: #ddd;
    position: relative;
    margin: 1em 0 0 0;
    padding: .2em 0 0 0;
    color: #444;
}

#navigation-content ul ul
{
    margin: 0;
    padding: .3em 0 .3em .6em;
    background: #fff;
}

/* slashboxes */
#slashboxes
{
    float: right;
    width: 15em;
    z-index: 0;
    position: relative;
    margin: 0 0 .3em 0;
    padding: 0;
}

#slashboxes div.block
{
    margin: 0 0 1em 0;
    position: relative;
}

#slashboxes div.title
{
    background: #999;
    padding: 0;
    margin: 0;
    position: relative;
}

#slashboxes h4
{
    margin: 0;
    padding: .3em .6em;
    color: #fff;
    position: relative;
    z-index: 4;
}

#slashboxes h4 a, #slashboxes h4 a:visited { color: #fff; }

#slashboxes div.content
{
    margin: 0;
    padding: .3em .6em .6em .6em;
    position: relative;
}

#slashboxes h4 img.map
{
    position: absolute;
    right: .3em;
}

#slashboxes ul
{
    padding: 0 .3em;
    margin: 0 1em;
    position: relative;
}

/* login content */
#slashboxes #userlogin-content legend,
#slashboxes #login-content legend,
#login legend { display: none; }

#slashboxes #userlogin-content fieldset,
#slashboxes #login-content fieldset,
#login fieldset
{
    margin: 0;
    padding: 0;
    border: none;
}

/* olderstuff content */
#slashboxes #olderstuff-content ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

#slashboxes #olderstuff-content ul li a
{
    font-size: 150%;
    font-weight: bold;
}

#slashboxes #olderstuff-content ul li ul li a, #slashboxes #olderstuff-content p
{
    font-size: 100%;
    font-weight: normal;
}

#slashboxes #olderstuff-content ul li ul
{
    list-style: disc;
    padding: 0 0 0 1.3em;
    margin: 0;
}

/* General */
* html .generaltitle,* html .generalbody,* html .article .body,* html .article .details
{
    position: relative;
}
.generaltitle
{
    padding: 0;
    margin: 0;
}

.generaltitle div.title
{
    background: #999;
    padding: 0;
    margin: 0;
}

.generaltitle h3
{
    margin: 0;
    padding: .3em .8em .2em .8em;
    color: #fff;
}

.generaltitle h3 a, .generaltitle h3 a:visited
{
    color: #fff;
}

.generalbody
{
    padding: 1em;
    margin: 0 0 1em 0;
    height: 100%;
    width: auto;
    z-index: 2;
}
/* articles */
.article
{
    padding: 0;
    margin: 0;
}

.article div.title
{
    background: #999;
    padding: 0;
    margin: 0;
}
#journal .article h3
{
    margin: 0;
    padding: .3em .8em .2em .8em;
    color: #fff;
}

#journal .article h3 a, #journal .article h3 a:visited { color: #fff; }

.article .details
{
    padding: .4em 1em;
    margin: 0;
    position: relative;
}

.article .body
{
    padding: 1em;
    margin: 0;
    min-height: 50px;
}

.article .details strong
{
    font-weight: bold;
    position: relative;
}

.topic
{
    margin: 0 .4em .4em 0;
    float: right;
    position: relative;
}

.topic img
{
    display: block;
    position: relative;
    z-index: 10;
}

.intro p
{
    margin: 0 0 1em 0;
    position: relative;
}

.full
{
    margin: 1em 0 0 0;
    position: relative;
}

div.storylinks
{
    margin: 0 0 1em 0;
    padding: 0;
}

div.storylinks div
{
    margin: 0;
    padding: 0;
}

div.storylinks ul
{
    padding: .4em .4em .6em .4em;
    margin: 0;
}

div.storylinks ul li
{
    border-left: 1px solid #555;
    padding: 0 .2em 0 .4em;
    list-style: none;
    display: inline;
}

div.storylinks ul li.more
{
    border: none;
    font-weight: bold;
}

div.storylinks ul li.comments a { font-weight: bold; }

/* Footer */
#footer
{
    clear: both;
    z-index: 0;
    position: relative;
    font-weight: normal;
}

#footer em
{
    text-align: center;
    padding: 1.6em 0;
    vertical-align: middle;
    font-style: italic;
    position: relative;
}

.copyright
{
    clear: both;
    text-align: center;
    position: relative;
}

/* Bottom Nav */
.btmnav
{
    color: #999;
    text-align: center;
    margin: 0 0 .4em 0;
    position: relative;
}

.btmnav ul li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

.btmnav ul li a
{
    border-left: 1px solid #555;
    color: #999;
    padding: 0 .4em;
}

.btmnav ul li.begin a
{
    border: none;
    padding: 0 .4em 0 0;
}

.btmnav ul li a:visited { color: #000; }

/* Usermenu */
#usermenu
{
    background: #fff;
    margin: 0;
    padding: .3em;
    border: 1px solid #aaa;
    border-bottom: none;
    height: 100%;
}

ul.menu
{
    padding: 0;
    font-size: 85.5%;
    margin: .3em 0 0 .3em;
}

ul.menu li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    white-space: nowrap;
}

ul.menu li a
{
    border-left: 1px solid #ccc;
    padding: 0 .3em;
    width: auto;
}

ul.menu li a.begin
{
    border: none;
    padding: 0 .3em;
}

ul.menu li a:visited { color: #600; }

ul.menu li.selected a
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
    padding: 0 .3em;
}

.generalbody ul.menu, .submenu
{
    margin: 1em 0 1em 0;
    padding: 0;
    font-size: 70%;
    font-family: sans-serif;
    display: block;
}

.generalbody ul.menu li, .submenu li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

.generalbody ul.menu li a, .submemu li a
{
    border-left: 1px solid #ccc;
    border-bottom: none;
    padding: 0 .3em 0 .3em;
}

.generalbody ul.menu li a.begin, .submenu li a.begin
{
    border: none;
    padding: 0 .3em 0 .3em;
}

#usermenu ul.menu li.selected a, .generalbody ul.menu li.selected a, .submenu li.selected a
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

/* Messaging */
.message { padding: 1em; }

.error
{
    padding: 1em;
    color: #600;
    font-weight: bold;
}

/* Forms */
fieldset
{
    margin: 0 0 1em 0;
    padding: 0 1em 1em 1em;
    border: 1px solid #aaa;
}

#footer fieldset, #slashboxes fieldset { border: none; }

legend
{
    color: #aaa;
    font-family: sans-serif;
    font-size: 75.5%;
    font-weight: bold;
    margin: 1em 0;
}

label
{
    display: block;
    font-weight: bold;
    padding: 1em 0 0 0;
}

label.checkbox { font-weight: normal; }

input.button
{
    display: inline;
    margin: 1em 0 0 0;
}

/* Data tables */
.data { font-family: sans-serif; font-size: 75.5%; border-spacing: 0px; }
.data_head
{
    color: #fff;
    background: #600;
    font-family: sans-serif;
}

.data_head th { text-align: left; }
.data_head a { color: #fff; }
.data td { padding: 2px }
.data_hl1
{
    background: #ccc;
    font-family: sans-serif;
}

.data_hl2
{
    background: #ddd;
    font-family: sans-serif;
}

.data_hl3
{
    background: #eee;
    font-family: sans-serif;
}

/* Authors */
#authors h2 { display: inline; }

#authors .intro
{
    display: block;
    margin: .3em;
}

/* Misc */
.notes, .note
{
    font-family: sans-serif;
    font-size: 75.5%;
    display: block;
    padding: .3em;
}

.note ul li {
    font-family: sans-serif;
    font-size: 68.5%;
}

pre
{
    overflow: auto;
    position: relative;
    width: 90%;
    padding: 0 0 0 1em;
    margin: 0;
}

.lt_tb_col { background: #ccc; }
.lt_text_col { color: #fff; }
.right { text-align: right; }
.sb_header { font-size: 125%; font-weight: bold; color: #600; }
.hide { display: none }
.buttons { text-align: right }

Slashdot Top Deals

Intel CPUs are not defective, they just act that way. -- Henry Spencer

Close