|
|
| (55 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | Style name: Experimental
| + | [[Image:Asf.png||center|50px|]] |
| − | Style author: asf
| + | <div style="font-weight: bold; background-color: #B22222; border: 1px solid black; height: 16px; border-radius: 9px; width: 42px; padding-left: 8px; color: white; margin-left: auto; margin-right: auto;">asf</div> |
| − | Style version: 1.1
| |
| − | | |
| − | Description: Read the title. It is an experiment.
| |
| − | Code:
| |
| − | Blue 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 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.
| |
| − | 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; }
| |
