|
|
| Line 7: |
Line 7: |
| | Blue version | | Blue version |
| | Code: | | Code: |
| − | /**
| |
| − | *Custom Stylesheet*
| |
| − | **/
| |
| − | /* rounded edges */
| |
| − | #content { -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; border: 1px solid navy; background-color: rgb(0,0,20); display: block; behavior: url(border-radius.htc); }
| |
| − | #side { margin: -1px; }
| |
| − | /* take of everything else */
| |
| − | #header { background-color: black;
| |
| − | border: none; }
| |
| − | /* Oh, background */
| |
| − | body { background-color: black; }
| |
| − | #content { background-color: rgb(0,0,20); }
| |
| − | /* Unwrap this blog */
| |
| − | #wrapper { background-color: transparent;
| |
| − | border: none;
| |
| − | background-image: none; }
| |
| − | /* Now, make the text readable */
| |
| − | div { color: white; }
| |
| − | /* I hate blue */
| |
| − | #navigation_box { border: none;
| |
| − | background-color: transparent; }
| |
| − | a:link, a:visited { color: rgb(200,200,200);
| |
| − | text-decoration: underline; }
| |
| − | div.entry h2 { color: white;
| |
| − | border-top: thin solid red; }
| |
| − | /* Is it called a sidebar? */
| |
| − | #side { background-color: transparent; }
| |
| − | /* Ah, those comments */
| |
| − | .row1, .row2 { background-color: transparent;
| |
| − | border-bottom: 1px solid white; }
| |
| − | /* Entries ... how boring */
| |
| − | div.entrywrap { background-color: transparent }
| |
| − | /* Navigation, thats what they call it */
| |
| − | #left_navigation_box { float: right;
| |
| − | text-align: right;
| |
| − | text-decoration: none; }
| |
| − | #right_navigation_box { float: left;
| |
| − | text-align: left;
| |
| − | text-decoration: none; }
| |
| − | /* Code. That's what this is, right? */
| |
| − | div.codetitle { border-bottom: thin solid white; }
| |
| − | div.codecontent { background-color: transparent
| |
| − | border: thin solid white;
| |
| − | font-family: monospace; }
| |
| − | /* Quotes */
| |
| − | div.quotetitle { background-color: transparent;
| |
| − | border: none; }
| |
| − | div.quotecontent { background-color: transparent;
| |
| − | border: thin solid white; }
| |
| − | /* That big thing ... its called the title */
| |
| − | div#header h1 { font-size: 30pt; text-align: left; font-family: comic sans ms; }
| |
| − | /* Share */
| |
| − | .addthis_button { float:right; margin: 0 0 5px 5px; }
| |
| − | /* Error */
| |
| − | #blog-errors { -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; border: 1px solid navy; background-color: rgb(0,0,20); display: block; behavior:url(border-radius.htc); }
| |
| − | /* Text box */
| |
| − | .inputbox { -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; border: 1px solid navy; background-color: rgb(0,0,20); display: block; behavior:url(border-radius.htc); color: white; }
| |
| | | | |
| | Screenshot: None for now, but it is on my blog temporarily. | | Screenshot: None for now, but it is on my blog temporarily. |
| | Red version | | Red version |
| − | Code:
| |
| − | /**
| |
| − | *Custom Stylesheet*
| |
| − | **/
| |
| − | /* rounded edges */
| |
| − | #content { -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; border: 1px solid red; background-color: rgb(20,0,0); display: block; behavior: url(border-radius.htc); }
| |
| − | #side { margin: -1px; }
| |
| − | /* take of everything else */
| |
| − | #header { background-color: black;
| |
| − | border: none; }
| |
| − | /* Oh, background */
| |
| − | body { background-color: black; }
| |
| − | #content { background-color: rgb(20,0,0); }
| |
| − | /* Unwrap this blog */
| |
| − | #wrapper { background-color: transparent;
| |
| − | border: none;
| |
| − | background-image: none; }
| |
| − | /* Now, make the text readable */
| |
| − | div { color: white; }
| |
| − | /* I hate blue */
| |
| − | #navigation_box { border: none;
| |
| − | background-color: transparent; }
| |
| − | a:link, a:visited { color: rgb(200,200,200);
| |
| − | text-decoration: underline; }
| |
| − | div.entry h2 { color: white;
| |
| − | border-top: thin solid red; }
| |
| − | /* Is it called a sidebar? */
| |
| − | #side { background-color: transparent; }
| |
| − | /* Ah, those comments */
| |
| − | .row1, .row2 { background-color: transparent;
| |
| − | border-bottom: 1px solid white; }
| |
| − | /* Entries ... how boring */
| |
| − | div.entrywrap { background-color: transparent }
| |
| − | /* Navigation, thats what they call it */
| |
| − | #left_navigation_box { float: right;
| |
| − | text-align: right;
| |
| − | text-decoration: none; }
| |
| − | #right_navigation_box { float: left;
| |
| − | text-align: left;
| |
| − | text-decoration: none; }
| |
| − | /* Code. That's what this is, right? */
| |
| − | div.codetitle { border-bottom: thin solid white; }
| |
| − | div.codecontent { background-color: transparent
| |
| − | border: thin solid white;
| |
| − | font-family: monospace; }
| |
| − | /* Quotes */
| |
| − | div.quotetitle { background-color: transparent;
| |
| − | border: none; }
| |
| − | div.quotecontent { background-color: transparent;
| |
| − | border: thin solid white; }
| |
| − | /* That big thing ... its called the title */
| |
| − | div#header h1 { font-size: 30pt; text-align: left; font-family: comic sans ms; }
| |
| − | /* Share */
| |
| − | .addthis_button { float:right; margin: 0 0 5px 5px; }
| |
| − | /* Error */
| |
| − | #blog-errors { -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; border: 1px solid red; background-color: rgb(20,0,0); display: block; behavior:url(border-radius.htc); }
| |
| − | /* Text box */
| |
| − | .inputbox { -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; border: 1px solid red; background-color: rgb(20,0,0); display: block; behavior:url(border-radius.htc); color: white; }
| |
