×

Welcome to the Slashdot Beta site -- learn more here. Use the link in the footer or click here to return to the Classic version of Slashdot.

Thank you!

Before you choose to head back to the Classic look of the site, we'd appreciate it if you share your thoughts on the Beta; your feedback is what drives our ongoing development.

Beta is different and we value you taking the time to try it out. Please take a look at the changes we've made in Beta and  learn more about it. Thanks for reading, and for making the site better!

slashdot.css

TheDawgLives (546565) writes | more than 8 years ago

Slashdot.org 0

If you're like me, then you HATE square corners and banner ads. And you also use opera to browse slashdot.
I'm going to share a supersecret secret with you. I use my own user.css in opera to browse slashdot. It rounds the corners and gets rid of the banner ads.

If you're like me, then you HATE square corners and banner ads. And you also use opera to browse slashdot.
I'm going to share a supersecret secret with you. I use my own user.css in opera to browse slashdot. It rounds the corners and gets rid of the banner ads.

Here's a preview: http://freethelaplandsix.com/art/slashdot/Clipboard01.jpg
In order to use this, you'll need these images: http://freethelaplandsix.com/art/slashdot/corner-lt.png, http://freethelaplandsix.com/art/slashdot/corner-slt.png, and http://freethelaplandsix.com/art/slashdot/corner-srt.png.

If you like it, here's the code!

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; font-size: 75%; } 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_head { color: #fff; background: #600; font-size: 75.5%; font-family: sans-serif; } .data_head th { text-align: left; } .data_hl1 { background: #ccc; font-size: 75.5%; font-family: sans-serif; } .data_hl1 td { border-top: 1px solid #fff; } .data_hl2 { background: #ddd; font-size: 75.5%; font-family: sans-serif; } .data_hl2 td { border-top: 1px solid #fff; } .data_hl3 { background: #eee; font-size: 75.5%; font-family: sans-serif; } .data_hl3 td { border-top: 1px solid #fff; } /* 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; } #ostgnavbar, .ad1, #advertisement-title, #advertisement-content { position: absolute; top: -10000px; left: -10000px; height: 0px; margin: 0px; width: 0px; padding: 0px; border: 0px; color: #000000; background: #000000; visible: false; } 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("http://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 url("http://localhost/corner-srt.png") top right no-repeat; } #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 url("http://localhost/corner-slt.png") top left no-repeat; } #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("http://localhost/corner-lt.png") top left no-repeat; } .article div.title, .generaltitle div.title, #pollBooth div.title#poll-title { background: #066 url("http://localhost/corner-lt.png") 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%; margin: 0; padding: 0; } .commentTop .details small { font-size: 80%; } .commentTop h4 a { color: #000; } .commentTop { background: #ccc; background: #ccc url("http://localhost/corner-lt.png") top left no-repeat; border: none; padding: .3em; } .commentSub { background: transparent; padding: .3em; font-size: 80%; border: none; margin: 0; } .commentBody { border: none; padding: .3em 0; } .comment_footer { background: #ccc; } .note ul { font-size: 140%; font-family: serif; } /* 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 */ #admin input, 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 { display: inline; list-style: none; margin: 0; padding: 0 2px 0 1px; } #usermenu ul.menu a { background: url("http://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("http://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("http://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("http://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("http://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("http://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("http://images.slashdot.org/menu_r_s_e.gif") no-repeat top right; color: #000; padding: 5px 11px 0 2px; } #usermenu-top ul { padding: 0; margin: 0 0 1em 0; } #usermenu-top li:before { content: "| "; } #usermenu-top 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 { reset; padding: 0; background: #ccc url("http://localhost/corner-lt.png") top left no-repeat; border-bottom: solid 2px #066; margin: .3em 0 1em 0;} .briefarticles .section { color: #333; } .briefarticles .storytitle { font-weight: bold; } .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; } #sectional_pref {margin-top: -1.8em !important;} #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;}

Just use it as your user.css in opera and set the view on the slashdot tab to user.

0 comment

Check for New Comments
Slashdot Account

Need an Account?

Forgot your password?

Don't worry, we never post anything without your permission.

Submission Text Formatting Tips

We support a small subset of HTML, namely these tags:

  • b
  • i
  • p
  • br
  • a
  • ol
  • ul
  • li
  • dl
  • dt
  • dd
  • em
  • strong
  • tt
  • blockquote
  • div
  • quote
  • ecode

"ecode" can be used for code snippets, for example:

<ecode>    while(1) { do_something(); } </ecode>
Sign up for Slashdot Newsletters
Create a Slashdot Account

Loading...