Difference between revisions of "User:Lin/Storage1"
< User:Lin
Jump to navigation
Jump to search
(Created page with '→Lin's magic custom CSS! ORIGINAL CHARACTER DON'T STEAL: →Colors:: →Grey: 7f7f7f: →Dark grey: 3a3a3a: →Red: 458aed: /* Dark red: 131554…') |
m |
||
Line 1: | Line 1: | ||
/* | /* | ||
Aetolia Wiki CSS Stylesheet, a modification of Monobook.css | |||
By Lin. | |||
*/ | |||
background- | |||
/* Override the site's font. | |||
Change background. */ | |||
body { | |||
background-image: url('http://wiki.aetolia.com/mediawiki/images/d/d8/Wikiback.png'); | |||
background-repeat: none; | |||
background-position: top left; | |||
background-color: #111; | |||
font-family: Verdana; | |||
} | } | ||
/* Override heading style color. */ | |||
h1, h2, h3, h4, h5 { | h1, h2, h3, h4, h5 { | ||
color: #ccc; | |||
margin-bottom: 0.3em; | |||
} | } | ||
table { | |||
color: #ccc; | |||
} | } | ||
/* Remove white space from the main content box. */ | |||
#content { | #content { | ||
position: relative; | |||
z-index: 0; | |||
background-color: #262626; | |||
padding: 30px 0px 5px 0px; | |||
border: none; | |||
margin: 0px 15px 0px 15px; | |||
} | |||
/* Emulate normal padding in the body content box instead, | |||
fix background color. */ | |||
#bodyContent { | |||
background-color: #404040; | |||
color: #ccc; | |||
padding: 1px 5px 10px 180px; | |||
} | } | ||
#column-one { | |||
padding-top: 140px; | |||
position: relative; | |||
left: 28px; | |||
} | |||
#column-content { | |||
padding-top: 100px; | |||
} | } | ||
#p-personal { | |||
position: fixed; | |||
top: 2px; | |||
right: 0px; | |||
} | |||
/* Sidebars. */ | |||
.portlet { | |||
position: relative; | |||
top: 28px; | |||
border: none; | |||
align: left; | |||
} | } | ||
#searchInput { | #searchInput { | ||
background: #404040 url(http://forums.aetolia.com/public/style_images/thoreau-dark/magnifier.png) no-repeat 4px 3px; | |||
padding: 2px 2px 2px 21px; | |||
border: 1px solid #191919; | |||
border-radius: 4px; | |||
-moz-border-radius: 4px; | |||
-webkit-border-radius: 4px; | |||
# | color: #fff; | ||
} | } | ||
.portlet h5 { | |||
font-size: 100%; | |||
text-transform: none; | |||
color: #fff; | |||
padding: 7px 0px 7px 15px; | |||
} | |||
.portlet li, .portlet ul { | |||
list-style-image: url('http://forums.aetolia.com/public/style_images/thoreau-dark/bullet_black.png'); | |||
} | |||
#p-Navigation, #p-search, #p-tb, #p-Information, #p-General_Categories, #p-Organizations, #p-Lore { | #p-Navigation, #p-search, #p-tb, #p-Information, #p-General_Categories, #p-Organizations, #p-Lore { | ||
position: relative; | |||
left: 0px; | |||
width: 12.2em; | |||
background-color: #163960; | |||
background-image: url('http://forums.aetolia.com/public/style_images/thoreau-dark/gradient_bg_dark.png'); | |||
background-repeat: repeat-x; | |||
background-position: left top; | |||
} | } | ||
#p-Navigation .pBody, #p-search .pBody, #p-tb .pBody, #p-Information .pBody, #p-General_Categories .pBody, #p-Organizations .pBody, #p-Lore .pBody { | #p-Navigation .pBody, #p-search .pBody, #p-tb .pBody, #p-Information .pBody, #p-General_Categories .pBody, #p-Organizations .pBody, #p-Lore .pBody { | ||
background-color: #262626; | |||
border: none; | |||
} | } | ||
/* Link colors and behaviour. */ | |||
a, a:link, a:visited { | |||
color: #7eb3d7; | |||
text-decoration: none; | |||
border-bottom: 1px solid transparent; | |||
transition: all .75s; | |||
-webkit-transition: all .75s; | |||
} | |||
. | .external { | ||
background: url('http://forums.aetolia.com/public/style_images/thoreau-dark/user_popup.png') center right no-repeat; | |||
. | |||
color: #7eb3d7; | |||
text-decoration: none; | |||
border-bottom: 1px solid transparent; | |||
transition: all 2s; | |||
-webkit-transition: all .75s; | |||
} | } | ||
color: # | a:hover { | ||
color: #f00; | |||
text-decoration: none; | text-decoration: none; | ||
border-bottom: 1px | border-bottom: 1px solid #f00; | ||
} | } | ||
. | |||
/* Codeboxes. */ | |||
.mw-code, .mw-css, pre { | |||
font: 12px/18px "Monaco", "Courier New", "Courier", monospace; | |||
color: #fff; | |||
text-shadow: 0px 1px 1px rgba(0, 0, 0, .75); | |||
background-color: rgba(0, 0, 0, .5); | |||
border: none; | border: none; | ||
border-radius: 10px; | |||
-moz-border-radius: 10px; | |||
} | } | ||
. | /* Editing bar. */ | ||
position: | #p-cactions { | ||
position: absolute; | |||
top: 102px; | |||
left: 13.6em; | |||
width: none; | |||
padding-left: 0px; | |||
} | } | ||
#p-cactions li, #p-cactions li a { | |||
background: none; | |||
color: #7eb3d7; | |||
padding: 0px 6px 0px 6px; | |||
margin: 0px; | |||
border: none; | |||
} | |||
#p- | #p-cactions li.selected a { | ||
background: none; | |||
color: white; | |||
color: | |||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
#p-cactions .selected a { | |||
font-weight: bold; | |||
background-color: transparent; | |||
color: #fff; | |||
border: none; | |||
padding: 0px; | padding: 0px; | ||
} | } | ||
#p-cactions | #p-cactions .new a { | ||
background-color: transparent; | background-color: transparent; | ||
color: #f00; | |||
# | |||
border: none; | border: none; | ||
padding: 0px; | |||
} | } | ||
/* Page title. Appears at the top of articles right beneath the page control buttons. */ | |||
#firstHeading { | |||
background-color: #163960; | |||
background-image: url('http://forums.aetolia.com/public/style_images/thoreau-dark/gradient_bg_dark.png'); | |||
background-repeat: repeat-x; | |||
background-position: left top; | |||
color: #fff; | |||
text-shadow: 0px 1px 1px rgba(0, 0, 0, .75); | |||
font-size: 115%; | |||
margin: 0px; | |||
padding: 7px 0px 7px 15px; | |||
border: none; | |||
border | |||
} | } | ||
#f-poweredbyico, #f-copyrightico | /* Hide clutter. */ | ||
#f-poweredbyico, #f-copyrightico, #footer li, #p-cactions .hiddenStructure, #p-cactions h5, #p-logo { | |||
# | |||
# | |||
display: none; | display: none; | ||
} | } | ||
Line 305: | Line 242: | ||
/* Very specific site changes. */ | |||
/* Preview note (warns you that the current page is only a preview, until edits are saved.) */ | |||
.previewnote { | |||
color: rgb(255, 60, 60); | |||
text-indent: 0px; | |||
padding-bottom: 0.3em; | |||
} | } |
Latest revision as of 04:47, 18 January 2012
/*
Aetolia Wiki CSS Stylesheet, a modification of Monobook.css
By Lin.
- /
/* Override the site's font.
Change background. */
body {
background-image: url('http://wiki.aetolia.com/mediawiki/images/d/d8/Wikiback.png'); background-repeat: none; background-position: top left; background-color: #111;
font-family: Verdana;
}
/* Override heading style color. */ h1, h2, h3, h4, h5 {
color: #ccc; margin-bottom: 0.3em;
}
table {
color: #ccc;
}
/* Remove white space from the main content box. */
- content {
position: relative; z-index: 0;
background-color: #262626;
padding: 30px 0px 5px 0px; border: none; margin: 0px 15px 0px 15px;
}
/* Emulate normal padding in the body content box instead,
fix background color. */
- bodyContent {
background-color: #404040;
color: #ccc;
padding: 1px 5px 10px 180px;
}
- column-one {
padding-top: 140px; position: relative; left: 28px;
}
- column-content {
padding-top: 100px;
}
- p-personal {
position: fixed; top: 2px; right: 0px;
}
/* Sidebars. */ .portlet {
position: relative; top: 28px; border: none; align: left;
}
- searchInput {
background: #404040 url(http://forums.aetolia.com/public/style_images/thoreau-dark/magnifier.png) no-repeat 4px 3px;
padding: 2px 2px 2px 21px; border: 1px solid #191919; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
color: #fff;
}
.portlet h5 {
font-size: 100%; text-transform: none; color: #fff;
padding: 7px 0px 7px 15px;
}
.portlet li, .portlet ul {
list-style-image: url('http://forums.aetolia.com/public/style_images/thoreau-dark/bullet_black.png');
}
- p-Navigation, #p-search, #p-tb, #p-Information, #p-General_Categories, #p-Organizations, #p-Lore {
position: relative; left: 0px; width: 12.2em;
background-color: #163960; background-image: url('http://forums.aetolia.com/public/style_images/thoreau-dark/gradient_bg_dark.png'); background-repeat: repeat-x; background-position: left top;
}
- p-Navigation .pBody, #p-search .pBody, #p-tb .pBody, #p-Information .pBody, #p-General_Categories .pBody, #p-Organizations .pBody, #p-Lore .pBody {
background-color: #262626;
border: none;
}
/* Link colors and behaviour. */ a, a:link, a:visited {
color: #7eb3d7; text-decoration: none; border-bottom: 1px solid transparent;
transition: all .75s; -webkit-transition: all .75s;
}
.external {
background: url('http://forums.aetolia.com/public/style_images/thoreau-dark/user_popup.png') center right no-repeat;
color: #7eb3d7; text-decoration: none;
border-bottom: 1px solid transparent;
transition: all 2s; -webkit-transition: all .75s;
}
a:hover {
color: #f00; text-decoration: none; border-bottom: 1px solid #f00;
}
/* Codeboxes. */ .mw-code, .mw-css, pre {
font: 12px/18px "Monaco", "Courier New", "Courier", monospace; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, .75);
background-color: rgba(0, 0, 0, .5); border: none; border-radius: 10px; -moz-border-radius: 10px;
}
/* Editing bar. */
- p-cactions {
position: absolute; top: 102px; left: 13.6em; width: none; padding-left: 0px;
}
- p-cactions li, #p-cactions li a {
background: none;
color: #7eb3d7;
padding: 0px 6px 0px 6px; margin: 0px;
border: none;
}
- p-cactions li.selected a {
background: none; color: white; font-weight: bold;
}
- p-cactions .selected a {
font-weight: bold; background-color: transparent; color: #fff;
border: none;
padding: 0px;
}
- p-cactions .new a {
background-color: transparent; color: #f00;
border: none;
padding: 0px;
}
/* Page title. Appears at the top of articles right beneath the page control buttons. */
- firstHeading {
background-color: #163960; background-image: url('http://forums.aetolia.com/public/style_images/thoreau-dark/gradient_bg_dark.png'); background-repeat: repeat-x; background-position: left top;
color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, .75); font-size: 115%;
margin: 0px; padding: 7px 0px 7px 15px;
border: none;
}
/* Hide clutter. */
- f-poweredbyico, #f-copyrightico, #footer li, #p-cactions .hiddenStructure, #p-cactions h5, #p-logo {
display: none;
}
/* Very specific site changes. */
/* Preview note (warns you that the current page is only a preview, until edits are saved.) */ .previewnote {
color: rgb(255, 60, 60); text-indent: 0px;
padding-bottom: 0.3em;
}