User:Eleazaros/Skins/sunburst.css

From Lotro-Wiki.com
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/*<nowiki>*/
/*****************************************************************************\
 Layout of Style Definitions (all residing within the body element):
  body {
    <div id="globalWrapper">

        <div id="column-content">
            <div id="content">
                SITENOTICE
                <h1 class="firstHeading">TITLE</h1>
                <div id="bodyContent">
                    SUBTITLE
                    INFO
                    TEXT
                    CATLINKS
                    <div class="visualClear"></div>
                </div>
            </div>
        </div>

        <div id="column-one">
            <div id="p-cactions" class="portlet">
                <h5>Views</h5>
                ACTIONS
            </div>
            <div class="portlet" id="p-personal">
                <h5>Personal tools</h5>
                <div class="pBody">
                    PERSONAL
                </div>
            </div>
            SITELOGO
            SEARCH
            :Navigation
        </div>

    </div>
    <div class="visualClear"></div>
  }

 To adjust the width of the left column, you need to apply the following changes:

    #column-content { margin-left: (-[size]) }
    #content { margin-left: [size] }
    #p-logo a, #p-logo a:hover { width: [size] }
    .portlet { width: ([size]-1em) }
    #p-cactions { left: ([size]-1em) }

 Where [size] is the size adjustment you wish to make. So, to sadjust it
 for a 20em width you would use:

    #column-content { margin-left: -20em }
    #content { margin-left: 20em }
    #p-logo a, #p-logo a:hover { width: 20em }
    .portlet { width: 19em }
    #p-cactions { left: 19em }

 If you don't adjust the various properties appropriately, it can push your side
 navigator to the bottom of the page or other such strange appearance behavior.

 Font size:
    This takes advantage of keyword scaling -- browsers won't go below 9px.
    More information on this is available at:
        http://www.w3.org/2003/07/30-font-size
        http://style.cleverchimp.com/font_size_intervals/altintervals.html
\*****************************************************************************/

.visualClear {
  clear:               both;
}

body {
  font: x-small        sans-serif;
  background:          #ffa110 url( http://www.lotro-wiki.com/images/3/3e/Orange_background_1.jpg ) 0 0 no-repeat;
  color:               black;
  margin:              0 0 0 0;
  padding:             0;
}

#globalWrapper {
  font-size:           127%;
  width:               100%;
  margin:              0;
  padding:             0;
}

#column-one {
  padding-top:         160px;
}

#column-content {
  width:               100%;
  float:               right;
  margin:              0 0 .6em -16.5em;
  padding:             0;
}

#content {
  width:               797px;
  margin:              2.8em 0 0 16.5em;
  padding:             0 1em 1.5em 1em;
  background:          transparent url( http://www.lotro-wiki.com/images/e/e2/Vellum_background_1.jpg );
  color:               black;
  border:              2px groove gold;
  line-height:         1.5em;
  position:            relative;
  z-index:             2;
}

/*****************************************************************************\
  General styles
\*****************************************************************************/
table {
  font-size:           100%;
  background:          transparent;
  color:               black;
}

img {
  border:              none;
  vertical-align:      middle;
}

p {
  margin:              .4em 0 .5em 0;
  line-height:         1.5em;
}

p img {
  margin:              0;
}

hr {
  height:              1px;
  color:               silver;
  background-color:    silver;
  border:              0;
  margin:              .2em 0 .2em 0;
}

/*****************************************************************************\
  Link styles
\*****************************************************************************/
a {
  text-decoration:     none;
  color:               blue;
  background:          none;
}

a:visited {
  color:               purlpe;
}

a:active {
  color:               blue;
}

a:hover {
  color:               midnightblue;
  text-decoration:     underline;
}

a.stub {
  color:               #ee0000;
}

a.new, #p-personal a.new {
  color:               #ee0000;
}

a.new:visited, #p-personal a.new:visited {
  color:               red;
}



h1, h2, h3, h4, h5, h6 {
  color:               black;
  background:          none;
  font-weight:         bold;
  margin:              0;
  padding-top:         .5em;
  padding-bottom:      .17em;
  border-bottom:       1px solid darkgray;
}

h1 { 
  font-size:           188%; 
  border-bottom:       3px double darkgray;
}

h2 { 
  font-size:           150%; 
  border-bottom:       3px double darkgray;
}

h3 {  
  font-size:           132%; 
}

h4 { 
  font-size:           116%; 
}

h5 { 
  font-size:           100%;
}

h6 { 
  font-size:           80%; 
}

ul {
  line-height:         1.5em;
  list-style-type:     square;
  margin:              .3em 0 0 1.5em;
  padding:             0;
  list-style-image:    url( http://www.lotro-wiki.com/images/a/a5/Bullet_orange_right_arrow.png );
}

ol {
  line-height:         1.5em;
  margin:              .3em 0 0 3.2em;
  padding:             0;
  list-style-image:    none;
}

li {
  margin-bottom:       .1em;
}

dl {
  margin-top:          .2em;
  margin-bottom:       .5em;
}

dt {
  font-weight:         bold;
  margin-bottom:       .1em;
}

dd {
  line-height:         1.5em;
  margin-left:         2em;
  margin-bottom:       .1em;
}

fieldset {
  border:              1px solid darkgray;
  margin:              1em 0 1em 0;
  padding:             0 1em 1em;
  line-height:         1.5em;
}

legend {
  background:          transparent;
  padding:             .5em;
  font-size:           95%;
}

form {
  background:          transparent;
  border:              none;
  margin:              0;
}

textarea {
  background:          #fafffa;
  width:               100%;
  padding:             .1em;
}

input.historysubmit {
  padding:             0 .3em .3em .3em !important;
  font-size:           94%;
  cursor:              pointer;
  height:              1.7em !important;
  margin-left:         1.6em;
}

select {
  vertical-align:      top;
}

abbr, acronym, .explain {
  border-bottom:       1px dotted darkgray;
  color:               black;
  background:          transparent;
  cursor:              help;
}

q {
  font-family:         Times, "Times New Roman", serif;
  font-style:          italic;
}

blockquote {
  font-family:         Times, "Times New Roman", serif;
  font-style:          italic;
}

code {
  background-color:    cornsilk;
}

pre {
  padding:             1em;
  border:              1px dashed darkgray;
  color:               black;
  background-color:    cornsilk;
  line-height:         1.1em;
}

/*****************************************************************************\
  the main content area
\*****************************************************************************/

#siteSub {
  display:             none;
}

#contentSub {
  font-size:           84%;
  line-height:         1.2em;
  margin:              0 0 1.4em 1em;
  color:               #7d7d7d;
  width:               auto;
}

span.subpages {
  display:             block;
}
/*****************************************************************************\
 Some space under the headers in the content area
\*****************************************************************************/

#bodyContent h1, #bodyContent h2 {
  margin-bottom:       .6em;
}

#bodyContent h3, #bodyContent h4, #bodyContent h5 {
  margin-bottom:       .3em;
}

.firstHeading {
  margin-bottom:       .1em;
}

/*****************************************************************************\
 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;
}

#siteNotice {
  text-align:          center;
  font-size:           95%;
  padding:             0 .9em;
}

#siteNotice p {
  margin:              0;
  padding:             0;
}

.error {
  color:               red;
  font-size:           larger;
}

#catlinks {
  border:              1px solid silver;
  background-color:    goldenrod;
  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__ formats */
#toc, .toc {
  border:              1px solid #aaaaaa;
  background-color:    #f9f9f9;
  padding:             5px;
  font-size:           95%;
}

#toc h2, .toc h2 {
  display:             inline;
  border:              none;
  padding:             0;
  font-size:           100%;
  font-weight:         bold;
}

#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
  text-align:          center;
}

#toc ul, .toc ul {
  list-style-type:     none;
  list-style-image:    none;
  margin-left:         0;
  padding-left:        0;
  text-align:          left;
}

#toc ul ul, .toc ul ul {
  margin:              0 0 0 2em;
}

#toc .toctoggle, .toc .toctoggle {
  font-size:           94%;
}

/* images */
div.floatright, table.floatright {
  clear:               right;
  float:               right;
  position:            relative;
  margin:              0 0 .5em .5em;
  border:              0;
}

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

div.floatleft, table.floatleft {
  float:               left;
  position:            relative;
  margin:              0 .5em .5em 0;
  border:              0;
}

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

/* thumbnails */

div.thumb {
  margin-bottom:       .5em;
  border-style:        solid;
  border-color:        white;
  width:               auto;
}

div.thumb div {
  border:              1px solid #cccccc;
  padding:             3px !important;
  background-color:    #f9f9f9;
  font-size:           94%;
  text-align:          center;
  overflow:            hidden;
}

div.thumb div a img {
  border:              1px solid #cccccc;
}

div.thumb div div.thumbcaption {
  border:              none;
  text-align:          left;
  line-height:         1.4em;
  padding:             .3em 0 .1em 0;
}

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;
  margin-right:        .5em;
  border-width:        .5em 1.4em .8em 0;
}

.hiddenStructure {
  display:             none;
}

img.tex {
  vertical-align:      middle;
}

span.texhtml {
  font-family:         serif;
}

/*****************************************************************************\
 Classes for special content elements like town boxes.
 These are 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 #aaaaaa;
  background-color:    #f9f9f9;
  padding:             5px;
  font-size:           95%;
}

div.townBox {
  position:            relative;
  float:               right;
  background:          white;
  margin-left:         1em;
  border:              1px solid gray;
  padding:             .3em;
  width:               200px;
  overflow:            hidden;
  clear:               right;
}

div.townBox dl {
  padding:             0;
  margin:              0 0 .3em;
  font-size:           96%;
}

div.townBox dl dt {
  background:          none;
  margin:              .4em 0 0;
}

div.townBox dl dd {
  margin:              .1em 0 0 1.1em;
  background-color:    #f3f3f3;
}

/*****************************************************************************\
 Edit views etc
\*****************************************************************************/ 

.special li {
  line-height:         1.4em;
  margin:              0;
  padding:             0;
}
/*****************************************************************************\
 Page history styling
 the auto-generated edit comments
\*****************************************************************************/ 

.autocomment {
  color:               gray;
}

#pagehistory span.user {
  margin-left:         1.4em;
  margin-right:        .4em;
}

#pagehistory span.minor {
  font-weight:         bold;
}

#pagehistory li {
  border:              1px solid white;
}

#pagehistory li.selected {
  background-color:    #f9f9f9;
  border:              1px dashed #aaaaaa;
}

/*****************************************************************************\
 Diff rendering
\*****************************************************************************/ 

table.diff, td.diff-otitle, td.diff-ntitle {
  background-color:    white;
}

td.diff-addedline {
  background:          #ccffcc;
  font-size:           smaller;
}

td.diff-deletedline {
  background:          #ffffaa;
  font-size:           smaller;
}

td.diff-context {
  background:          #eeeeee;
  font-size:           smaller;
}

span.diffchange {
  color:               red;
  font-weight:         bold;
}

/*****************************************************************************\
 keep the whitespace in front of the ^=, hides rule from konqueror
 this is css3, the validator doesn't like it when validating as css2
\*****************************************************************************/ 

#bodyContent a[href ^="http://"], #bodyContent a[href ^="gopher://"] {
  background:          url( external.png ) center right no-repeat;
  padding-right:       13px;
}

#bodyContent a[href ^="https://"], .link-https {
  background:          url( lock_icon.gif ) center right no-repeat;
  padding-right:       16px;
}

#bodyContent a[href ^="mailto:"], .link-mailto {
  background:          url( mail_icon.gif ) center right no-repeat;
  padding-right:       18px;
}

#bodyContent a[href ^="news://"] {
  background:          url( news_icon.png ) center right no-repeat;
  padding-right:       18px;
}

#bodyContent a[href ^="ftp://"], .link-ftp {
  background:          url( file_icon.gif ) center right no-repeat;
  padding-right:       18px;
}

#bodyContent a[href ^="irc://"], .link-irc {
  background:          url( discussionitem_icon.gif ) center right no-repeat;
  padding-right:       18px;
}

/*****************************************************************************\
 Disable interwiki styling
\*****************************************************************************/ 

#bodyContent a.extiw, #bodyContent a.extiw:active {
  color:               #36b;
  background:          none;
  padding:             0;
}

#bodyContent a.external {
  color:               #36b;
}

/*****************************************************************************\
 this can be used in the content area to switch off special external 
 link styling.
\*****************************************************************************/ 

#bodyContent .plainlinks a {
  background:          none !important;
  padding:             0;
}

/*****************************************************************************\
  Structural Elements
\*****************************************************************************/ 

/*****************************************************************************\
  general portlet styles (elements in the quickbar)
\*****************************************************************************/ 

.portlet {
  background:          cornsilk url( http://www.lotro-wiki.com/images/e/e2/Vellum_background_1.jpg );
  border:              3px groove gold;
  margin:              0 0 .5em;
  padding:             0;
  float:               none;
  width:               15.5em;
  overflow:            hidden;
}

.portlet h4 {
  font-size:           95%;
  font-weight:         normal;
  white-space:         nowrap;
  background:          transparent; 
}

.portlet h5 {
  background:          transparent;
  padding:             0.2em 1em 0.2em .5em;
  display:             inline;
  height:              1.5em;
  text-transform:      capitalize;
  font-size:           91%;
  font-weight:         bold;
  white-space:         nowrap;
}

.portlet h6 {
  background:          cornsilk;
  border:              1px solid gold;
  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 {
  font-size:           95%;
  background:          transparent;
  color:               black;
  border-collapse:     collapse;
  border:              2px groove gold;
  padding:             0.4em .8em .4em .5em;
}

.portlet h1, .portlet h2, .portlet h3, .portlet h4 {
  margin:              0;
  padding:             0;
}

.portlet ul {
  line-height:         1.5em;
  list-style-type:     square;
  list-style-image:    url( http://www.lotro-wiki.com/images/a/a5/Bullet_orange_right_arrow.png );
  font-size:           95%;
}

.portlet li {
  padding:             0;
  margin:              0;
}

.portlet li a {
  color:              blue;
}

.portlet li a:link {
  color:              blue;
}


.portlet li a:visited {
  color:              blue;
}
.portlet li a:hover {
  color:              midnightblue;
  text-decoration:    underline;
}

/*****************************************************************************\
 The logo portlet
\*****************************************************************************/ 

#p-logo {
  border:              none;
  background:          transparent;
  z-index:             3;
  position:            absolute; /*needed to use z-index */
  top:                 0;
  left:                0;
  height:              155px;
  width:               15.5em;
  overflow:            visible;
}

#p-logo h5 {
  display:             none;
}

#p-logo a, #p-logo a:hover {
  border:              none;
  background:          transparent;
  display:             block;
  height:              155px;
  width:               15.5em;
  background-repeat:   no-repeat;
  background-position: 35% 50% !important;
  text-decoration:     none;
}
/*****************************************************************************\
 The navigation portlet
\*****************************************************************************/ 
#p-navigation {
  position:            relative;
  z-index:             3;
}

/*****************************************************************************\
 The Search portlet
\*****************************************************************************/ 

#p-search {
  position:            relative;
  z-index:             3;
}

#p-search .pBody {
  text-align:          center;
}

input.searchButton {
  margin-top:          1px;
  font-size:           95%;
}

#searchGoButton {
  padding-left:        .5em;
  padding-right:       .5em;
  font-weight:         bold;
}

#searchInput {
  width:               10.9em;
  margin:              0;
  font-size:           95%;
}

#p-search .pBody {
  padding:             .5em .4em .4em .4em;
}

/*****************************************************************************\
 The personal toolbar portlet
\*****************************************************************************/ 

#p-personal {
  width:               100%;
  white-space:         nowrap;
  padding:             0;
  margin:              0;
  position:            absolute;
  left:                0;
  top:                 0;
  z-index:             0;
  border:              none;
  background:          none;
  overflow:            visible;
  line-height:         1.2em;
}

#p-personal h5 {
  display:             none;
}

#p-personal .portlet, #p-personal .pBody {
  padding:             0;
  margin:              0;
  border:              none;
  z-index:             0;
  overflow:            visible;
  background:          none;
}

/*****************************************************************************\
 The ul contained in the portlet
\*****************************************************************************/ 

#p-personal ul {
  border:              none;
  line-height:         1.4em;
  color:               #2f6fab;
  padding:             0 2em 0 3em;
  margin:              0;
  text-align:          right;
  text-transform:      lowercase;
  list-style:          none;
  z-index:             0;
  background:          none;
}

#p-personal li {
  z-index:             0;
  border:              none;
  padding:             0;
  display:             inline;
  color:               #2f6fab;
  margin-left:         1em;
  line-height:         1.2em;
  background:          none;
}

#p-personal li a {
  font-weight:         bold;
  text-decoration:     none;
  color:               midnightblue;
  padding-bottom:      .2em;
  background:          transparent;
}

#p-personal li a:hover {
  color:               blue;
  padding-bottom:      .2em;
  text-decoration:     underline;
}

/*****************************************************************************\
 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://www.lotro-wiki.com/skins/monobook/user.gif ) top left no-repeat;
  padding-left:        20px;
  text-transform:      none;
}

/*****************************************************************************\
 the page-related actions- page/talk, edit etc
\*****************************************************************************/ 

#p-cactions {
  border:              none;
  position:            absolute;
  top:                 1.4em;
  left:                15.5em;
  margin:              0;
  white-space:         nowrap;
  width:               76%;
  line-height:         1.1em;
  overflow:            visible;
  background:          transparent;
  border-collapse:     collapse;
  padding-left:        1em;
  list-style:          none;
  font-size:           95%;
}

#p-cactions .hiddenStructure {
  display:             none;
}

#p-cactions ul {
  list-style:          none;
}

#p-cactions li {
  display:             inline;
  border:              3px inset gold;
  border-bottom:       none;
  padding:             0 0 .1em 0;
  margin:              0 .3em 0 0;
  overflow:            visible;
  background:          url( http://www.lotro-wiki.com/images/e/e2/Vellum_background_1.jpg );
}

#p-cactions li.selected {
  background:          url( http://www.lotro-wiki.com/images/e/e2/Vellum_background_1.jpg );
  border:              3px outset gold;
  padding:             0 0 .2em 0;
}

#p-cactions li a {
  background:          url( http://www.lotro-wiki.com/images/e/e2/Vellum_background_1.jpg );
  color:               blue;
  border:              none;
  padding:             0 .8em .3em .8em;
  text-decoration:     none;
  text-transform:      capitalize;
  position:            relative;
  z-index:             0;
  margin:              0;
}

#p-cactions .selected a {
  z-index:             3;
}

#p-cactions .new a {
  color:               red;
}

#p-cactions li a:hover {
  z-index:             3;
  text-decoration:     underline;
}

#p-cactions h5 {
  display:             none;
}

#p-cactions li.istalk {
  margin-right:        0;
}

#p-cactions li.istalk a {
  padding-right:       .5em;
}

#p-cactions #ca-addsection a {
  padding-left:        .4em;
  padding-right:       .4em;
}

/*****************************************************************************\
 offsets to distinguish the tab groups
\*****************************************************************************/ 

li#ca-talk {
  margin-right:        1.6em;
}

li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
  margin-left:         1.6em;
}

/*****************************************************************************\
 the remaining portlets
\*****************************************************************************/ 

#p-tbx, #p-lang {
  position:            relative;
  z-index:             3;
}

/*****************************************************************************\
 Footer
\*****************************************************************************/ 

#footer {
  background-color:    goldenrod;
  border:              2px groove #ffa110;
  margin:              .6em 0 1em 0;
  padding:             .4em 0 1.2em 0;
  text-align:          center;
  font-size:           90%;
}

#footer li {
  display:             inline;
  margin:              0 1.3em;
}

/*****************************************************************************\
 hide from incapable browsers
\*****************************************************************************/ 

head:first-child + body #footer li { 
  white-space:         nowrap;
}

#f-poweredbyico, #f-copyrightico {
  margin:              0 8px;
  position:            relative;
  top:                 -2px; /* Bump it up just a tad */
}

#f-poweredbyico {
  float:               right;
  height:              1%;
}

#f-copyrightico {
  float:               left;
  height:              1%;
}

/*****************************************************************************\
 JavaScript pref toc
\*****************************************************************************/ 

#preftoc {
  float:               left;
  margin:              1em;
  width:               13em;
}

#preftoc li {
  border:              1px solid white;
}

#preftoc li.selected {
  background-color:    #f9f9f9;
  border: 1px dashed   #aaaaaa;
}

#preftoc a, #preftoc a:active {
  display:             block;
  color:               #0014a6;
}

#prefcontrol {
  clear:               both;
  float:               left;
  margin-top:          1em;
}

div.prefsectiontip {
  font-size:           95%;
  margin-top:          1em;
}

fieldset.operaprefsection {
  margin-left:         15em;
}

/*****************************************************************************\
 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 #aaaaaa;
  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 { 
  font-size:           smaller; 
}

#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 {
  font-size:           75%;
  text-align:          right;
}

span.newpage, span.minor, span.searchmatch {
  font-weight:         bold;
}

span.unpatrolled {
  font-weight:         bold;
  color:               red;
}

span.searchmatch {
  color:               red;
}

.sharedUploadNotice {
  font-style:          italic;
}

span.updatedmarker {
  color:               black;
  background-color:    #0f0;
}

span.newpageletter {
  font-weight:         bold;
  color:               black;
  background-color:    goldenrod;
}

span.minoreditletter {
  color:               black;
  background-color:    #c5ffe6;
}

table.gallery {
  border:              1px solid #cccccc;
  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;
}

div.gallerybox {
  margin:              2px;
  width:               150px;
}

div.gallerybox div.thumb {
  text-align:          center;
  border:              1px solid #cccccc;
  margin:              2px;
}

div.gallerytext {
  font-size:           94%;
  padding:             2px 4px;
}

span.comment {
  font-style:          italic;
}

span.changedby {
  font-size:           95%;
}

.previewnote {
  text-align:          center;
  color:               #cc0000;
}

.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;
}

li span.deleted {
  text-decoration:     line-through;
  color:               #888;
  font-style:          italic;
}

.toggle {
  margin-left:         2em;
  text-indent:         -2em;
}

/*****************************************************************************\
 Classes for EXIF data display 
\*****************************************************************************/ 

table.metadata {
  font-size:           0.8em;
  margin-left:         0.5em;
  margin-bottom:       0.5em;
}

table.metadata caption {
  font-weight:         bold;
}

table.metadata th {
  font-weight:         normal;
}

table.metadata td {
  padding:             0.1em;
}

table.metadata {
  border:              none;
  border-collapse:     collapse;
}

table.metadata td, table.metadata th {
  text-align:          center;
  border:              1px solid #aaaaaa;
  padding-left:        0.1em;
  padding-right:       0.1em;
}

table.metadata th {
  background-color:    #f9f9f9;
}

table.metadata td {
  background-color:    #fcfcfc;
}

/*****************************************************************************\
 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;
}

#filetoc li {
  display:             inline;
  list-style-type:     none;
  padding-right:       2em;
}

input#wpSave, input#wpDiff {
  margin-right:        0.33em;
}

/*****************************************************************************\
 Classes for article validation
\*****************************************************************************/ 

table.revisionform_default {
  border:              1px solid #000000;
}

table.revisionform_focus {
  border: 1px solid    #000000;
  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;
}

#mw_trackbacks {
  border:              solid 1px #bbbbff;
  background-color:    #eeeeff;
  padding:             0.2em;
}

/*****************************************************************************\
 Allmessages table
\*****************************************************************************/ 

#allmessagestable th {
  background-color:    #b2b2ff;
}

#allmessagestable tr.orig {
  background-color:    #ffe2e2;
}

#allmessagestable tr.new {
  background-color:    #e2ffe2;
}

#allmessagestable tr.def {
  background-color:    #f0f0ff;
}
/*<nowiki>*/