User:Brampitoyo/myskin.css

/*


 * MediaWiki 'bucardogreen' style sheet for CSS2-capable browsers.


 * Copyright Bram Pitoyo - http://brampitoyo.com/


 * License: GPL (http://www.gnu.org/copyleft/gpl.html)




 * Loosely based on the 'monobook' style sheet.




 * 1) column-content {

width: 100%;

float: right;

margin: 8.7em 0 0.1em -13em;

padding: 0;

}


 * 1) content {

margin: 2.7em 0 0 13em;

padding: 1.5em;

position: relative;

z-index: 2;

}


 * 1) column-one {

/* this controls the sidebar position */

padding-top: 11.4em;

padding-right: 0;

}


 * 1) content {

background: white;

color: #131a13;

border-right: none;

line-height: 1.5em;

}

/* the left column width is specified in class .portlet */

/* Font size:


 * We take advantage of keyword scaling- browsers won't go below 9px


 * More at http://www.w3.org/2003/07/30-font-size


 * http://style.cleverchimp.com/font_size_intervals/altintervals.html



body {

font-family: "Lucida Grande", Helvetica, Arial, sans serif;

font-size: 75%;

background: #91cc85 0 0 repeat-x;

color: #131a13;

margin: 0;

padding: 0;

}

/* scale back up to a sane default */


 * 1) globalWrapper {

font-size: 1em;

width: 100%;

margin: 0;

padding: 0;

}

.visualClear {

clear: both;

}

/* general styles */

table {

font-size: 100%;

/* we don't want the bottom borders of s to be visible through

floated tables */

background-color: white;

}

fieldset table {

/* but keep table layouts in forms clean... */

background: none;

}

a {

text-decoration: none;

color: #2e8b57;

background: none;

}

a:visited {

color: #2e8b57;

}

a:active {

color: #faa700;

}

a:hover {

color: #a3daa4;

text-decoration: underline;

}

a.stub {

color: #772233;

}

a.new, #p-personal a.new {

color: #8e2c06;

text-shadow: #fff 0 1px 0px;

}

a.new:visited, #p-personal a.new:visited {

color: #8e2c06;

}

a.new {

color: #8e2c06;

}


 * 1) p-personal a.new:hover {

color: #fff;

text-shadow: #131a13 0 -1px 1px;

}


 * 1) p-personal li.active a.new:hover {

color: #8e2c06;

}

img {

border: none;

vertical-align: middle;

margin: 0;

margin-right: 1.5em;

}

/* Added image class for the editing toolbar */


 * 1) toolbar img {

margin-right: 0;

}

img a:hover {

border: none;

}

p {

font-size: 1.2em;

line-height: 1.25;

margin: 0 0 1em 0;

line-height: 2em;

padding-right: 2em;

}

p img {

margin: 0 3em 0.75em -1.25em;

padding: 0;

}

hr {

height: 1px;

color: #aaa;

background-color: #aaa;

border: 0;

margin: 0 0 1.5em 0;

}

h1, h2, h3, h4, h5, h6 {

background: none;

font-weight: normal;

color: #131a13;

margin: 0;

padding-top: .5em;

/* border-bottom: 1px solid #aaa; */

}

h1 { font-size: 2.5em; line-height: 1.2; margin-bottom: 0.6em; word-spacing: -0.05em; letter-spacing: -0.05em; }

h1 .editsection { font-size: 0.4em; line-height: 4.2499; word-spacing: 0; letter-spacing: 0; }

h2 { font-size: 2em; margin-bottom: 0.75em; letter-spacing: -0.025em; word-spacing: -0.1em; }

h2 .editsection { font-size: 0.5em; line-height: 2.2499; word-spacing: 0; letter-spacing: 0; }

h3, h4, h5, h6 {

border-bottom: none;

font-weight: bold;

}

h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; margin-top: 1em; color: #0e4d5d; }

h3 .editsection { font-size: 0.667em; line-height: 2.249em; font-weight: normal; }

h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; color: #0e4d5d; }

h4 .editsection { font-size: 0.834em; line-height: 1.798; font-weight: normal; color: #131a13; }

h5 { font-size: 1em; line-height: 1em; color: #131a13; }

h5 .editsection { font-weight: normal; }

h6 { font-size: .9em; margin-bottom: 1.667em; line-height: 1.667em; }

h6 .editsection { font-size: 133.33%; font-weight: normal; }

ul, ol {

margin: 0 1.5em 1.5em 1.5em;

padding: 0;

}

ul {

line-height: 1.5em;

list-style-type: circle;

/* list-style-image: url(bullet.gif); */

}

ol {

list-style-type: decimal;

line-height: 1.5em;

list-style-image: none;

}

li {

/* margin-bottom: .1em; */

}

dl dt {

font-weight: bold;

}

dl {

margin: 0 0 1.5em 0;

}

dd {

margin-left: 1.5em;

}

fieldset {

border: 1px solid #a3daa4;

margin: 1em 0 1em 0;

padding: 0 1em 1em;

line-height: 1.5em;

}

fieldset.nested {

margin: 0 0 0.5em 0;

padding: 0 0.5em 0.5em;

}

legend {

padding: .5em;

font-size: 95%;

}

form {

border: none;

margin: 0;

}

input, textarea {

padding: .5em;

margin: -0.4em 0 0.4em 0;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

border: solid 1px #bbb;

}

textarea {

width: 99%;

}

input:focus, textarea:focus {

border-color: #2e8b57;

outline: 0;

}

input.historysubmit {

padding: 0 .3em .3em .3em !important;

font-size: 94%;

cursor: pointer;

height: 1.7em !important;

margin-left: 1.6em;

color: #fff;

text-shadow: #131a13 0px 1px 0px;

background: url(http://bram.me/bucardogreen/button-gradient.png) 0 -4px repeat-x;

background-color: #5e875e;

}

select {

vertical-align: top;

}

abbr, acronym, .explain {

border-bottom: 1px dotted black;

color: black;

background: none;

cursor: help;

}

q {

font-family: "Warnock Pro", "Garamond Premier Pro", "Minion Pro", "Minion", "Adobe Garamond Pro", "Adobe Caslon Pro", "Adobe Jenson Pro", "Hoefler Text", "Didot", "Bodoni", "Baskerville", "Cochin", "Optima", "Goudy Old Style", "Garamond", "Palatino","Book Antiqua", Georgia, Times New Roman, serif;

font-style: italic;

}

/* disabled for now

blockquote {

font-family: "Warnock Pro", "Garamond Premier Pro", "Minion Pro", "Minion", "Adobe Garamond Pro", "Adobe Caslon Pro", "Adobe Jenson Pro", "Hoefler Text", "Didot", "Bodoni", "Baskerville", "Cochin", "Optima", "Goudy Old Style", "Garamond", "Palatino","Book Antiqua", Georgia, Times New Roman, serif;

font-style: italic;

}*/

code {

font-family: "Consolas", "Anonymous", "EnvyCodeR", "DejaVuSansMono", monospace;

font-size: 1.2em;

line-height: 1.5;

padding: 1.5em;

background-color: #f2f2f2;

overflow: hidden;

}

pre {

font-family: "Consolas", "Anonymous", "EnvyCodeR", "DejaVuSansMono", monospace;

font-size: 1.2em;

line-height: 1.5;

padding: 1.5em;

background-color: #f2f2f2;

overflow: auto;

}

/*


 * the main content area




 * 1) siteSub {

display: none;

}


 * 1) jump-to-nav {

display: none;

}


 * 1) contentSub, #contentSub2 {

font-size: 84%;

line-height: 1.2em;

margin: 0 0 1.4em 1em;

color: #7d7d7d;

width: auto;

}

span.subpages {

display: block;

}

/* Cancelled some space under the headers in the content area */


 * 1) bodyContent h1, #bodyContent h2 {

/* margin-bottom: .6em; */

}


 * 1) bodyContent h3, #bodyContent h4, #bodyContent h5 {

/* margin-bottom: .3em; */

}


 * 1) firstHeading,

h1.firstHeading {

margin-bottom: .1em;

/* These two rules hack around bug 2013 (fix for more limited bug 11325).

When bug 2013 is fixed properly, they should be removed. */

/* line-height: 1.2em; */

padding-bottom: 0;

/* hides page headline */

display: none;

}

/* user notification thing */

.usermessage {

background-color: #ffce7b;

border: 1px solid #ffa500;

color: black;

font-weight: bold;

margin: 2em 0 1em;

padding: .5em 1em;

vertical-align: middle;

}


 * 1) siteNotice {

text-align: center;

font-size: 95%;

padding: 0 .9em;

}


 * 1) siteNotice p {

margin: 0;

padding: 0;

}

.success {

color: green;

font-size: larger;

}

.error {

color: red;

font-size: larger;

}

.errorbox, .successbox {

font-size: 1.2em;

border: 1px dashed;

padding: .5em 1em;

float: left;

margin-bottom: 2em;

color: #131a13;

}

.errorbox {

border-color: #8e2c06;

background-color: #fff2f2;

}

.successbox {

border-color: #2e8b57;

background-color: #a3daa4;

}

.errorbox h2, .successbox h2 {

font-size: 1em;

font-weight: bold;

display: inline;

margin: 0 .5em 0 0;

border: none;

}

.catlinks {

border: 1px solid #aaa;

background-color: #f9f9f9;

padding: 5px;

margin-top: 1em;

clear: both;

}

/* currently unused, intended to be used by a metadata box

in the bottom-right corner of the content area */

.documentDescription {

/* The summary text describing the document */

font-weight: bold;

display: block;

margin: 1em 0;

line-height: 1.5em;

}

.documentByLine {

text-align: right;

font-size: 90%;

clear: both;

font-weight: normal;

color: #76797c;

}

/* emulate center */

.center {

width: 100%;

text-align: center;

}


 * .center * {

margin-left: auto;

margin-right: auto;

}

/* small for tables and similar */

.small, .small * {

font-size: 94%;

}

table.small {

font-size: 100%;

}

/*


 * content styles




 * toc,

.toc,

.mw-warning {

background-color: #f9f9f9;

padding: 1.5em 1.5em 0 1.5em;

font-size: 1em;

border-bottom: 1px solid #dcdcdc;

}


 * 1) toc h2,

.toc h2 {

display: inline;

border: none;

padding: 0;

font-size: 1.2em;

line-height: 1.25;

margin-bottom: 3em;

font-weight: bold;

}


 * 1) toc #toctitle,

.toc #toctitle,


 * 1) toc .toctitle,

.toc .toctitle {

text-align: center;

}


 * 1) toc ul,

.toc ul {

list-style-type: none;

list-style-image: none;

margin-left: 0;

padding-left: 0;

text-align: left;

}


 * 1) toc ul ul,

.toc ul ul {

margin: 0 0 0 1em;

}


 * 1) toc .toctoggle,

.toc .toctoggle {

font-size: 1em;

}

.mw-warning {

margin-left: 50px;

margin-right: 50px;

text-align: center;

}

/* images */

div.floatright, table.floatright {

clear: right;

float: right;

position: relative;

margin: 0 0 .5em .5em;

border: 0;

/*

border: .5em solid white;

border-width: .5em 0 .8em 1.4em;



}

div.floatright p { font-style: italic; }

div.floatleft, table.floatleft {

float: left;

clear: left;

position: relative;

margin: 0 .5em .5em 0;

border: 0;

/*

margin: .3em .5em .5em 0;

border: .5em solid white;

border-width: .5em 1.4em .8em 0;



}

div.floatleft p { font-style: italic; }

/* thumbnails */

div.thumb {

margin-bottom: .5em	;

border-style: solid;

border-color: white;

width: auto;

}

div.thumbinner {

border: 1px solid #ccc;

padding: 3px !important;

background-color: #f9f9f9;

font-size: 94%;

text-align: center;

overflow: hidden;

}

html .thumbimage {

border: 1px solid #ccc;

}

html .thumbcaption {

border: none;

text-align: left;

line-height: 1.4em;

padding: 3px !important;

font-size: 94%;

}

div.magnify {

float: right;

border: none !important;

background: none !important;

}

div.magnify a, div.magnify img {

display: block;

border: none !important;

background: none !important;

}

div.tright {

clear: right;

float: right;

border-width: .5em 0 .8em 1.4em;

}

div.tleft {

float: left;

clear: left;

margin-right: .5em;

border-width: .5em 1.4em .8em 0;

}

img.thumbborder {

border: 1px solid #dddddd;

}

.hiddenStructure {

display: none;

}

/*


 * classes for special content elements like town boxes


 * intended to be referenced directly from the wiki src



/*


 * User styles



/* table standards */

table.rimage {

float: right;

position: relative;

margin-left: 1em;

margin-bottom: 1em;

text-align: center;

}

.toccolours {

border: 1px solid #aaa;

background-color: #f9f9f9;

padding: 5px;

font-size: 95%;

}

/*


 * edit views etc



.special li {

line-height: 1.5em;

margin: 0;

padding: 0;

}

/*


 * keep the whitespace in front of the ^=, hides rule from konqueror


 * this is css3, the validator doesn't like it when validating as css2




 * 1) bodyContent a.external,


 * 1) bodyContent a[href ^="gopher://"] {

background: url(http://bram.me/bucardogreen/external.png) center right no-repeat;

padding-right: 17px;

}


 * 1) bodyContent a[href ^="https://"],

.link-https {

background: url(http://bram.me/bucardogreen/lock_icon.png) center right no-repeat;

padding-right: 18px;

padding-top: 7px;

}


 * 1) bodyContent a[href ^="mailto:"],

.link-mailto {

background: url(http://bram.me/bucardogreen/mail_icon.png) center right no-repeat;

padding-right: 18px;

}


 * 1) bodyContent a[href ^="news://"] {

background: url(http://bram.me/bucardogreen/news_icon.png) center right no-repeat;

padding-right: 18px;

}


 * 1) bodyContent a[href ^="ftp://"],

.link-ftp {

background: url(file_icon.png) center right no-repeat;

padding-right: 18px;

}


 * 1) bodyContent a[href ^="irc://"],


 * 1) bodyContent a.extiw[href ^="irc://"],

.link-irc {

background: url(http://bram.me/bucardogreen/discussionitem_icon.png) center right no-repeat;

padding-right: 18px;

}


 * 1) bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],


 * 1) bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],


 * 1) bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],


 * 1) bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],


 * 1) bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],


 * 1) bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],

.link-audio {

background: url("http://bram.me/bucardogreen/audio.png") center right no-repeat;

padding-right: 13px;

}


 * 1) bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],


 * 1) bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],


 * 1) bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],


 * 1) bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],

.link-video {

background: url("http://bram.me/bucardogreen/video.png") center right no-repeat;

padding-right: 13px;

}


 * 1) bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],


 * 1) bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],


 * 1) bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],

.link-document {

background: url("http://bram.me/bucardogreen/document.png") center right no-repeat;

padding-right: 12px;

}

/* disable interwiki styling */


 * 1) bodyContent a.extiw,


 * 1) bodyContent a.extiw:active {

color: #2e8b57;

background: none;

padding: 0;

}


 * 1) bodyContent a.external {

color: #2e8b57;

}


 * 1) bodyContent a.extiw:hover,


 * 1) bodyContent a.external:hover {

color: #a3daa4

}

/* this can be used in the content area to switch off

special external link styling */


 * 1) bodyContent .plainlinks a {

background: none !important;

padding: 0 !important;

}

/*


 * Structural Elements



/*


 * general portlet styles (elements in the quickbar)



.portlet {

border: none;

margin: 0 0 .1em 0;

padding: 0;

float: none;

width: 13em; /* for a .1em padding, use Ô12.9emÕ as value */

overflow: hidden;

}

.portlet h4 {

font-weight: normal;

white-space: nowrap;

}

.portlet h5 {

padding: 1em 1.5em 1em 1.25em;

display: block;

height: 0.85em;

font-size: 1.25em;

white-space: nowrap;

text-shadow: #fff 0 1px 1px;

text-align: right;

}

.portlet h6 {

background: #ffae2e;

border: 1px solid #2f6fab;

border-style: solid solid none solid;

padding: 0 1em 0 1em;

text-transform: lowercase;

display: block;

font-size: 1em;

height: 1.2em;

font-weight: normal;

white-space: nowrap;

}

.pBody {

/* background-color: white; */

border-collapse: collapse;

/* border: 1px solid #aaa; */

padding-left: .75em;

}

.portlet h1,

.portlet h2,

.portlet h3,

.portlet h4 {

margin: 0;

padding: 0;

}

.portlet ul {

list-style-type: none;

/* list-style-image: url(bullet.gif); */

font-size: 1em;

margin: 0;

}

.portlet li {

padding-bottom: .75em;

text-align: right;

}

.portlet li a {

padding: .5em 1.75em .5em 1.5em;

}

.portlet li a:hover {

background-color: #5e875e;

text-shadow: #131a13 0 -1px 0px;

}

/* added class for sidebar/portlet links */

.portlet a {

color: #fff;

text-shadow: #2E8B57 0 1px 0px;

text-decoration: none;

}

.portlet a:hover {

text-shadow: #131a13 0 -1px 1px;

}


 * 1) p-navigation ul li a:hover,


 * 1) p-tb ul li a:hover {

border: 0px solid #fff;

-moz-border-radius-topleft: 4px;

-moz-border-radius-bottomleft: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-bottom-left-radius: 4px;

}

/*


 * Logo properties




 * 1) p-logo {

top: 1.5em;

left: 0;

position: absolute; /*needed to use z-index */

z-index: 3;

height: 40px;

width: 100%;

overflow: visible;

}


 * 1) p-logo h2 {

font-size: 2em; line-height: .75; margin-bottom: 0.6em; word-spacing: -0.05em; letter-spacing: -0.05em; text-align: left; font-weight: bold; padding-left: 20px;

}


 * 1) p-logo a,


 * 1) p-logo a:hover {

height: 40px;

width: 100%;

background-repeat: no-repeat;

background-position: 50% !important;

text-decoration: none;

text-shadow: #131a13 0 1px 1px;

}

/*


 * Search portlet




 * 1) p-search {

position: relative;

z-index: 3;

}

input.searchButton {

margin: 0.75em 0 0 0;

padding: .5em 1em;

font-size: 0.9em;

background-color: #5e875e;

border: none;

color: #fff;

text-shadow: #131a13 0px 1px 0px;

background: url(http://bram.me/bucardogreen/button-gradient.png) 0 -7px repeat-x;

background-color: #5e875e;

}


 * 1) searchGoButton {

margin: 0.75em 0 0 0;

padding: .5em 1em;

font-size: 0.9em;

font-weight: bold;

border: none;

color: #fff;

text-shadow: #131a13 0px 1px 0px;

background: url(http://bram.me/bucardogreen/button-gradient.png) 0 -7px repeat-x;

background-color: #5e875e;

display: none;

}


 * 1) searchInput {

font-size: 1.2em;

width: 7.5em;

margin: 0 0 0 1em;

padding: 0.35em 0.5em;

border: 1px solid #a3daa4;

}


 * 1) searchInput:focus {

border: 1px solid #5e875e;

}


 * 1) p-search .pBody {

padding: 0.25em 1.5em 1.5em 0em;

text-align: right;

}

/*


 * the personal toolbar




 * 1) p-personal {

position: absolute;

left: 0;

top: 0;

z-index: 0;

}


 * 1) p-personal {

width: 100%;

white-space: nowrap;

padding: 0;

margin: 0;

border: none;

background: none;

overflow: visible;

line-height: 1.5em;

}


 * 1) p-personal h5 {

display: none;

}


 * 1) p-personal .portlet,


 * 1) p-personal .pBody {

z-index: 0;

padding: 0;

margin: 0;

border: none;

overflow: visible;

background: none;

}

/* this is the ul contained in the portlet */


 * 1) p-personal ul {

border: none;

line-height: 1.5em;

color: #2f6fab;

padding: 1em 1em 0 3em;

margin: 0;

text-align: right;

list-style: none;

z-index: 0;

background: url(http://bram.me/bucardogreen/button-gradient.png) 0 0 repeat-x;

cursor: default;

font-size: 0.9em;

}


 * 1) p-personal li {

z-index: 0;

border: none;

padding: 0;

display: inline;

color: #2f6fab;

margin-left: 0.25em;

line-height: 1.5em;

background: none;

}


 * 1) p-personal li a {

text-decoration: none;

color: #2e8b57;

text-shadow: #fff 0 1px 0;

background: none;

padding: 0.5em 1em;

}


 * 1) p-personal li a:hover {

color: #fff;

background-color: #5e875e;

text-decoration: none;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border: 0px solid #fff;

text-shadow: #131a13 0 -1px 1px;

}


 * 1) p-personal li.active a {

color: #131a13;

background-color: #fff;

padding: 0.5em 1em;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border: 0px solid #fff;

}


 * 1) p-personal li.active a:hover {

background-color: #fff;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border: 0px solid #fff;

text-shadow: none;

}

/* the icon in front of the user name, single quotes

in bg url to hide it from iemac */

li#pt-userpage,

li#pt-anonuserpage,

li#pt-login {

background: url(http://bram.me/bucardogreen/user.png) top left no-repeat;

padding-left: 20px;

text-transform: none;

}


 * 1) p-personal ul {

text-transform: uppercase;

}


 * 1) p-personal li.active {

color: #131a13;

font-weight: bold;

}

/*


 * the page-related actions- page, discussion, edit, history, delete, move, protect, watch, etc.




 * 1) p-cactions {

position: absolute;

top: 7em;

left: 9.4em;

margin: 0;

white-space: nowrap;

width: 76%;

line-height: 1em;

overflow: visible;

background: none;

border-collapse: collapse;

padding-left: 1em;

list-style: none;

font-size: 1.25em;

}


 * 1) p-cactions ul {

list-style: none;

}


 * 1) p-cactions li {

display: inline;

border-bottom: none;

padding: 0 0 .1em 0;

margin: 0 .3em 0 0;

overflow: visible;

}


 * 1) p-cactions li.selected {

padding: 0;

font-weight: bold;

}


 * 1) p-cactions li a {

color: #fff;

text-shadow: #2E8B57 0 1px 0px;

border: none;

padding: 0 1.25em .45em;

position: relative;

z-index: 0;

margin: 0;

text-decoration: none;

}


 * 1) p-cactions li.selected a {

z-index: 3;

padding: 0.5em 1.25em .75em!important;

background-color: white;

color: #131a13;

text-shadow: none;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

-webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

}


 * 1) p-cactions li.selected a:hover {

background-color: white;

color: #131a13;

text-shadow: none;

}


 * 1) p-cactions .new a {

color: #8e2c06;

text-shadow: #fff 0 1px 0px;

}


 * 1) p-cactions li.selected.new a {

color: #8e2c06;

text-shadow: #fff 0 1px 0px;

}


 * 1) p-cactions li a:hover {

z-index: 3;

text-decoration: none;

color: #fff;

padding: 0.55em 1.25em .75em;

-moz-border-radius-topleft: 5px;

-moz-border-radius-topright: 5px;

-webkit-border-top-left-radius: 5px;

-webkit-border-top-right-radius: 5px;

text-shadow: #131a13 0 -1px 1px;

background-color: #5e875e;

}


 * 1) p-cactions h5 {

display: none;

}


 * 1) p-cactions li.istalk {

margin-right: 0;

}


 * 1) p-cactions li.istalk a {

padding-right: .5em;

}


 * 1) p-cactions #ca-addsection a {

padding-left: .4em;

padding-right: .4em;

}

/* offsets to distinguish the tab groups */

li#ca-talk {

margin-right: 2em;

}

li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {

margin-left: 3em;

}


 * 1) p-cactions .pBody {

font-size: 1em;

background-color: transparent;

color: inherit;

border-collapse: inherit;

border: 0;

padding: 0;

}


 * 1) p-cactions .hiddenStructure {

display: none;

}


 * 1) p-cactions li a {

text-transform: lowercase;

}


 * 1) p-lang {

position: relative;

z-index: 3;

}

/* TODO: #t-iscite is only used by the Cite extension, come up with some

* system which allows extensions to add to this file on the fly

*/


 * 1) t-ispermalink, #t-iscite {

color: #999;

}

/*


 * footer




 * 1) footer {

background-color: white;

margin: 0 0 1em 0;

padding: .5em 0 .25em 0;

text-align: center;

font-size: 0.9em;

display: none;

}


 * 1) footer li {

display: inline;

margin: 0 1.5em;

}


 * 1) f-poweredbyico, #f-copyrightico {

margin: 0 .5em;

position: relative;

top: -1px; /* Bump it up just a tad */

}


 * 1) f-poweredbyico {

float: right;

height: 1%;

}


 * 1) f-copyrightico {

float: left;

height: 1%;

}

/* js pref toc */


 * 1) preftoc {

margin: 0;

padding: 0;

width: 100%;

clear: both;

}


 * 1) preftoc li {

float: left;

padding: .5em 0;

border-bottom: 0;

position: relative;

white-space: nowrap;

list-style-type: none;

list-style-image: none;

z-index: 3;

}


 * 1) preftoc li a:hover {

color: #a3daa4;

}


 * 1) preftoc li.selected {

font-weight: bold;

cursor: default;

background-color: #f5fef3;

border: 0px solid #fff;

-moz-border-radius-topleft: 4px;

-moz-border-radius-topright: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

}


 * 1) preftoc > li.selected {

top: 0px;

}


 * 1) preftoc a,


 * 1) preftoc a:active {

display: block;

color: #2e8b57;

padding: 0 1.25em;

position: relative;

text-decoration: none;

}


 * 1) preftoc li.selected a {

cursor: default;

text-decoration: none;

color: #131a13;

text-shadow: #fff 0px 1px 0px;

}


 * 1) prefcontrol {

padding-top: 2em;

clear: both;

}


 * 1) prefcontrol input,

input#prefcontrol,

.mw-prefs-buttons input {

padding: .75em 1em;

border: none;

color: #fff;

text-shadow: #131a13 0px 1px 0px;

background: url(http://bram.me/bucardogreen/button-gradient.png) 0 -4px repeat-x;

background-color: #5e875e;

}


 * 1) preferences {

background-color: #f5fef3;

margin: 0;

clear: both;

padding: 1.5em;

}

.prefsection {

border: none;

padding: 0;

margin: 0;

}

.prefsection fieldset {

float: left;

margin-right: 2em;

}

.prefsection legend {

font-weight: bold;

}

.prefsection table, .prefsection legend {

}

.mainLegend {

display: none;

}

div.prefsectiontip {

font-size: .9em;

margin-bottom: 1.667em;

line-height: 1.667em;

color: #888;

}

.btnSavePrefs {

font-weight: bold;

padding-left: .3em;

padding-right: .3em;

}

.preferences-login {

clear: both;

margin-bottom: 1.5em;

}

.prefcache {

font-size: .9em;

margin-bottom: 1.667em;

line-height: 1.667em;

margin-top: 1.667em;

}

div#userloginForm form,

div#userlogin form#userlogin2 {

margin: 0 3em 1em 0;

clear: both;

padding: 1.5em 2em;

background-color: #f5fef3;

float: left;

}


 * 1) userloginForm input {

margin-top: -0.4em;

padding-left: 0.5em;

}

.rtl div#userloginForm form,

.rtl div#userlogin form#userlogin2 {

float: right;

}

div#userloginForm table,

div#userlogin form#userlogin2 table {

background-color: #f5fef3;

}

div#userloginForm h2,

div#userlogin form#userlogin2 h2 {

padding-top: 0;

}

div#userlogin .captcha,

div#userloginForm .captcha {

border: 1px solid #bbb;

padding: 1.5em 2em;

background-color: white;

}


 * 1) loginend, #signupend {

clear: both;

}


 * 1) userloginprompt, #languagelinks {

font-size: 85%;

}


 * 1) login-sectiontip {

font-size: 85%;

line-height: 1.2;

padding-top: 2em;

}


 * 1) userlogin .loginText, #userlogin .loginPassword {

width: 12em;

}


 * 1) userloginlink a, #wpLoginattempt, #wpCreateaccount {

font-weight: bold;

}

input#wpLoginattempt,

input#wpMailmypassword,

input#Createaccount,

input#guesstimezonebutton {

border: none;

padding: 0.75em 1em;

margin-top: 1.25em;

color: #fff;

text-shadow: #131a13 0px 1px 0px;

background: url(http://bram.me/bucardogreen/button-gradient.png) 0 -4px repeat-x;

background-color: #5e875e;

}

/*


 * IE/Mac fixes, hope to find a validating way to move this


 * to a separate stylesheet. This would work but doesn't validate:


 * @import("IEMacFixes.css");



/* tabs: border on the a, not the div */


 * > html #p-cactions li { border: none; }


 * > html #p-cactions li a {

border: 1px solid #aaa;

border-bottom: none;

}


 * > html #p-cactions li.selected a { border-color: #fabd23; }

/* footer icons need a fixed width */


 * > html #f-poweredbyico,


 * > html #f-copyrightico { width: 88px; }


 * > html #bodyContent,


 * > html #bodyContent pre {

overflow-x: auto;

width: 100%;

padding-bottom: 25px;

}

/* more IE fixes */

/* float/negative margin brokenness */


 * html #footer {margin-top: 0;}


 * html #column-content {

display: inline;

margin-bottom: 0;

}


 * html div.editsection { }


 * 1) pagehistory li.selected { position: relative; }

/* Mac IE 5.0 fix; floated content turns invisible */


 * > html #column-content {

float: none;

}


 * > html #column-one {

position: absolute;

left: 0;

top: 0;

}


 * > html #footer {

margin-left: 13.2em;

}

.redirectText {

font-size: 150%;

margin: 5px;

}

.printfooter {

display: none;

}

.not-patrolled {

background-color: #ffa;

}

div.patrollink {

clear: both;

font-size: 75%;

text-align: right;

}

span.newpage, span.minor, span.bot {

font-weight: bold;

}

span.unpatrolled {

font-weight: bold;

color: red;

}

.sharedUploadNotice {

font-style: italic;

}

span.updatedmarker {

color: black;

background-color: #0f0;

}

table.gallery {

border: 1px solid #ccc;

margin: 2px;

padding: 2px;

background-color: white;

}

table.gallery tr {

vertical-align: top;

}

table.gallery td {

vertical-align: top;

background-color: #f9f9f9;

border: solid 2px white;

}

/* Keep this temporarily so that cached pages will display right */

table.gallery td.galleryheader {

text-align: center;

font-weight: bold;

}

table.gallery caption {

font-weight: bold;

}

div.gallerybox {

margin: 2px;

}

div.gallerybox div.thumb {

text-align: center;

border: 1px solid #ccc;

margin: 2px;

}

div.gallerytext {

overflow: hidden;

font-size: 94%;

padding: 2px 4px;

}

span.comment {

font-style: italic;

}

span.changedby {

font-size: 95%;

}

.previewnote {

text-indent: 3em;

color: #c00;

border-bottom: 1px solid #aaa;

padding-bottom: 1em;

margin-bottom: 1em;

}

.previewnote p {

margin: 0;

padding: 0;

}

.editExternally {

border: 1px solid gray;

background-color: #ffffff;

padding: 3px;

margin-top: 0.5em;

float: left;

font-size: small;

text-align: center;

}

.editExternallyHelp {

font-style: italic;

color: gray;

}

.toggle {

margin-left: 2em;

text-indent: -2em;

}

/* Classes for EXIF data display */

table.mw_metadata {

font-size: 0.8em;

margin-left: 0.5em;

margin-bottom: 0.5em;

width: 300px;

}

table.mw_metadata caption {

font-weight: bold;

}

table.mw_metadata th {

font-weight: normal;

}

table.mw_metadata td {

padding: 0.1em;

}

table.mw_metadata {

border: none;

border-collapse: collapse;

}

table.mw_metadata td, table.mw_metadata th {

text-align: center;

border: 1px solid #aaaaaa;

padding-left: 0.1em;

padding-right: 0.1em;

}

table.mw_metadata th {

background-color: #f9f9f9;

}

table.mw_metadata td {

background-color: #fcfcfc;

}

table.collapsed tr.collapsable {

display: none;

}

/* filetoc */

ul#filetoc {

text-align: center;

border: 1px solid #aaaaaa;

background-color: #f9f9f9;

padding: 5px;

font-size: 95%;

margin-bottom: 0.5em;

margin-left: 0;

margin-right: 0;

}


 * 1) filetoc li {

display: inline;

list-style-type: none;

padding-right: 2em;

}

input#wpSummary {

width: 92%;

}

/* @bug 1714 */

input#wpSave, input#wpDiff {

margin-right: 0.33em;

}


 * 1) wpSave {

font-weight: bold;

}

/* Classes for article validation */

table.revisionform_default {

border: 1px solid #131a13;

}

table.revisionform_focus {

border: 1px solid #131a13;

background-color:#00BBFF;

}

tr.revision_tr_default {

background-color:#EEEEEE;

}

tr.revision_tr_first {

background-color:#DDDDDD;

}

p.revision_saved {

color: green;

font-weight:bold;

}


 * 1) mw_trackbacks {

border: solid 1px #bbbbff;

background-color: #eeeeff;

padding: 0.2em;

}

/* Allmessages table */


 * 1) allmessagestable th {

background-color: #b2b2ff;

}


 * 1) allmessagestable tr.orig {

background-color: #ffe2e2;

}


 * 1) allmessagestable tr.new {

background-color: #e2ffe2;

}


 * 1) allmessagestable tr.def {

background-color: #f0f0ff;

}

/* noarticletext */

div.noarticletext {

border: 1px solid #ccc;

background: #fff;

padding: .2em 1em;

color: #131a13;

}

div#searchTargetContainer {

left:      10px;

top:       10px;

width:     90%;

background: white;

}

div#searchTarget {

padding:   3px;

margin:    5px;

background: #F0F0F0;

border:    solid 1px blue;

}

div#searchTarget ul li {

list-style: none;

}

div#searchTarget ul li:before {

color: orange;

content: "\00BB \0020";

}

div#searchTargetHide {

float:right;

border:solid 1px black;

background:#DCDCDC;

padding:2px;

}


 * 1) powersearch p {

margin-top:0px;

}

div.multipageimagenavbox {

border: solid 1px silver;

padding: 4px;

margin: 1em;

background: #f0f0f0;

}

div.multipageimagenavbox div.thumb {

border: none;

margin-left: 2em;

margin-right: 2em;

}

div.multipageimagenavbox hr {

margin: 6px;

}

table.multipageimage td {

text-align: center;

}

/** Special:Version */

table#sv-ext, table#sv-hooks, table#sv-software {

margin: 1em;

padding:0em;

}


 * 1) sv-ext td, #sv-hooks td, #sv-software td,


 * 1) sv-ext th, #sv-hooks th, #sv-software th {

border: 1px solid #A0A0A0;

padding: 0 0.15em 0 0.15em;

}


 * 1) sv-ext th, #sv-hooks th, #sv-software th {

background-color: #F0F0F0;

color: black;

padding: 0 0.15em 0 0.15em;

}

tr.sv-space{

height: 0.8em;

border:none;

}

tr.sv-space td { display: none; }

/*

Table pager (e.g. Special:Imagelist)

- remove underlines from the navigation link

- collapse borders

- set the borders to outsets (similar to Special:Allmessages)

- remove line wrapping for all td and th, set background color

- restore line wrapping for the last two table cells (description and size)



.TablePager { min-width: 80%; }

.TablePager_nav a { text-decoration: none; }

.TablePager { border-collapse: collapse; }

.TablePager, .TablePager td, .TablePager th {

border: 1px solid #aaaaaa;

padding: 0 0.15em 0 0.15em;

}

.TablePager th { background-color: #eeeeff }

.TablePager td { background-color: #ffffff }

.TablePager tr:hover td { background-color: #eeeeff }

.imagelist td, .imagelist th { white-space: nowrap }

.imagelist .TablePager_col_links { background-color: #eeeeff }

.imagelist .TablePager_col_img_description { white-space: normal }

.imagelist th.TablePager_sort { background-color: #ccccff }

.templatesUsed { margin-top: 1.5em; }

.mw-summary-preview {

margin: 0.1em 0;

}

/* Friendlier slave lag warnings */

div.mw-lag-warn-normal,

div.mw-lag-warn-high {

padding: 3px;

text-align: center;

margin: 3px auto;

}

div.mw-lag-warn-normal {

border: 1px solid #FFCC66;

background-color: #FFFFCC;

}

div.mw-lag-warn-high {

font-weight: bold;

border: 2px solid #FF0033;

background-color: #FFCCCC;

}

.MediaTransformError {

background-color: #ccc;

padding: 0.1em;

}

.MediaTransformError td {

text-align: center;

vertical-align: middle;

font-size: 90%;

}

/** Special:Search stuff */

div#mw-search-interwiki-caption {

text-align: center;

font-weight: bold;

font-size: 95%;

}

.mw-search-interwiki-project {

font-size: 97%;

text-align: left;

padding-left: 0.2em;

padding-right: 0.15em;

padding-bottom: 0.2em;

padding-top: 0.15em;

background: #cae8ff;

}

/* God-damned hack for the crappy layout */

.os-suggest {

font-size: 127%;

}

/* Added classes for sub navigation menu */

ul.subnav {

margin-left: 0;

font-size: 1.5em;

line-height: 1em;

margin-top: 2em;

margin-bottom: 2em;

text-align: center;

}

ul.subnav li {

display: inline;

list-style: none;

padding-left: 1em;

padding-right: 1em;

padding-top: .35em;

padding-bottom: .35em;

margin-right: 1em;

-moz-border-radius: .94em;

-webkit-border-radius: .94em;

border: 0px solid #eee;

background: url(http://bram.me/bucardogreen/button-gradient.png) 0 0 repeat-x;

background-color: #eee;

}

ul.subnav li:hover {

background-color: #b8b8b8;

}

ul.subnav li a {

color: #131a13;

text-shadow: #fff 0 1px 0px;

}

ul.subnav li a:hover {

text-decoration: none;

}