Difference between revisions of "MediaWiki:Monobook.css"
From Diversifying Economic Quality: A Wiki for Instructors and Departments
(Replaced content with "→CSS placed here will affect users of the Monobook skin: ") |
|||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Monobook skin */ | /* CSS placed here will affect users of the Monobook skin */ | ||
+ | /* Basic Structure | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | html, body { | ||
+ | /* background: #fafafa url('headbg.jpg') top left no-repeat fixed; /**/ | ||
+ | /* background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat; /**/ | ||
+ | /* background: #fff url('images/bg_headvisual.jpg') left 22px repeat-x; /**/ | ||
+ | /*background: none; /**/ | ||
+ | background: #F6F6F8 url(images/gradient_texture_201101.jpg) repeat-x 0 0; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | font-size: x-small; margin: 0; padding: 0; min-width: 700px; | ||
+ | } | ||
+ | |||
+ | body, td, th, input, textarea, pre, h1, h2, h3, h4, h5, h6 { color: #222; } | ||
+ | body, td, th, input, textarea { font-family: Verdana, Arial, 'Trebuchet MS'; } | ||
+ | pre { font-family: Monospace, Courier, Arial; } | ||
+ | |||
+ | |||
+ | #gumax-page { | ||
+ | background: transparent; | ||
+ | font-size: 110%; /* web page font size */ | ||
+ | width: 990px; /* page width */ | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Header | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | /* gumax-header */ | ||
+ | #gumax-header { | ||
+ | /* border: 1px solid #000; /*debuging*/ | ||
+ | z-index: 100; /* make logo visible over content*/ | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Logo | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | #p-logo h5 { display: none; } | ||
+ | |||
+ | #p-logo, | ||
+ | #p-logo a, | ||
+ | #p-logo a:hover { | ||
+ | height: 105px; | ||
+ | /*border: 1px solid #000; /*debuging*/ | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | z-index: 200; | ||
+ | position: relative; /*needed to use z-index */ | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | margin: 10px 0 20px 0; | ||
+ | overflow: visible; | ||
+ | display: block; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #p-logo a, | ||
+ | #p-logo a:hover { | ||
+ | display: block; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 0% 50% !important; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /* Login | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | #gumax-p-login { | ||
+ | /* border: 1px solid #000; /*debuging*/ | ||
+ | font-size: 90%; | ||
+ | margin: 0; padding: 7px 0 5px 0; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | #gumax-p-login ul { | ||
+ | position: relative; | ||
+ | width: auto; | ||
+ | list-style: none; | ||
+ | padding: 0; margin: 0; | ||
+ | } | ||
+ | |||
+ | #gumax-p-login ul li { | ||
+ | position: relative; | ||
+ | display: inline; | ||
+ | margin: 0; padding: 0; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | #gumax-p-login ul li a { | ||
+ | color: #777; | ||
+ | padding: 2px 0 2px 10px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #gumax-p-login ul li a:hover { color: #333; } | ||
+ | |||
+ | li#pt-userpage, | ||
+ | li#pt-anonuserpage, | ||
+ | li#pt-login { | ||
+ | background: none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Search | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | #gumax-p-search h5 { display: none } | ||
+ | |||
+ | #gumax-searchBody { | ||
+ | position: relative; | ||
+ | float: right; | ||
+ | z-index: 3; | ||
+ | padding: 0; | ||
+ | margin: 40px 0; | ||
+ | text-align: right; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | input.searchButton { | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | #searchInput { | ||
+ | width: 15em; | ||
+ | height:1.5em; | ||
+ | margin: 0; | ||
+ | font-size: 100%; | ||
+ | border: 1px solid #777; | ||
+ | } | ||
+ | |||
+ | .os-suggest { | ||
+ | font-size: 100%; /* search suggest font */ | ||
+ | } | ||
+ | |||
+ | |||
+ | /* dynamic article picture | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | #gumax-article-picture { | ||
+ | border: 1px solid #ccc; | ||
+ | background-color: #fff; | ||
+ | text-align: left; | ||
+ | padding: 0; | ||
+ | /* margin: 2px 15px; /* same margin as content */ | ||
+ | margin: 2px 0; | ||
+ | /* display: none; /* disable gumax-article-picture */ | ||
+ | } | ||
+ | |||
+ | #gumax-article-picture, | ||
+ | #gumax-article-picture a, | ||
+ | #gumax-article-picture a:hover { | ||
+ | height: 108px; | ||
+ | min-height: 108px; /* height of header */ | ||
+ | display: block; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center center; | ||
+ | text-decoration: none; | ||
+ | color: #eee; | ||
+ | font-weight: bolder; | ||
+ | font-size: 102%; | ||
+ | } | ||
+ | |||
+ | .gumax-article-picture-spacer { | ||
+ | height: 7px; | ||
+ | } | ||
+ | |||
+ | /* Navigation Menu | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | #gumax-p-navigation { | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | .gumax-p-navigation-spacer { | ||
+ | height: 10px; | ||
+ | /* border-top: 2px solid #FF8800; /**/ | ||
+ | } | ||
+ | |||
+ | /* siteNotice | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | #siteNotice { | ||
+ | border: 1px solid #FF9933; | ||
+ | background: #FFFFCC; | ||
+ | margin: 0; | ||
+ | padding: .9em; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | #siteNotice p { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #siteNotice table { | ||
+ | background: transparent; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /* content | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | /* article title */ | ||
+ | .gumax-firstHeading { | ||
+ | font-size: 170%; | ||
+ | color: #000; | ||
+ | padding-bottom: 2px; | ||
+ | } | ||
+ | |||
+ | #gumax-content-body { padding: 0; margin: 0; width: 100%; } | ||
+ | |||
+ | #content { | ||
+ | border: none; | ||
+ | border-top: 1px solid #999; | ||
+ | /* border-bottom: 1px solid #99CCFF; /**/ | ||
+ | background: transparent; | ||
+ | margin: 0; | ||
+ | /* padding: 0px 15px 1.2em 15px; /* content margin */ | ||
+ | padding: 0 0 10px 0; | ||
+ | position: static; /* need for IE positioning problem */ | ||
+ | z-index: 2; | ||
+ | clear: both; | ||
+ | color: black; | ||
+ | line-height: 1.4em; /* value other than 'normal' needed for WinIE */ | ||
+ | overflow-x: visible; /* need for Firefox, extreme long string :( */ | ||
+ | } | ||
+ | |||
+ | #bodyContent { width: 100%; } | ||
+ | |||
+ | /* AJax search style */ | ||
+ | div#searchTargetContainer { | ||
+ | left: 0px; top: 0px; | ||
+ | width: 100%; | ||
+ | background: white; | ||
+ | overflow-x: visible; /* need for Firefox, extreme long string :( */ | ||
+ | /* word-wrap: break-word; /* need for IE, extreme long string :( */ | ||
+ | } | ||
+ | div#searchTarget { padding: 10px; margin: 5px; background: #fefefe; border: solid 1px #FFCC00; } | ||
+ | div#searchTarget h2 { padding-top: 1em; margin-bottom: .5em; } | ||
+ | div#searchTarget a { position: relative; z-index: 300; /* fix the hide link button */ } | ||
+ | |||
+ | /* table of content styles */ | ||
+ | #toc, .toc, .mw-warning { | ||
+ | font-size: 100%; | ||
+ | border: 1px solid #DDD; | ||
+ | background-color: #F7F7F7; | ||
+ | padding: .5em; | ||
+ | margin-bottom: 1.2em; | ||
+ | } | ||
+ | |||
+ | #toc h2, .toc h2 { | ||
+ | font-size: 110%; | ||
+ | border: none; | ||
+ | margin: 0; /* fix toc top margin */ | ||
+ | padding-right: .2em; /* margin between title and hide/show link */ | ||
+ | display: inline; /* display the hide/show link after Contents */ | ||
+ | } | ||
+ | |||
+ | #toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { text-align: left; /* left adjust of title */ } | ||
+ | |||
+ | #toc ul, .toc ul { | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | margin: 0; | ||
+ | padding: .3em 0 0 .7em; /* margin of the item list */ | ||
+ | text-align: left; | ||
+ | } | ||
+ | #toc ul ul, .toc ul ul, #toc ul ul ul, .toc ul ul ul { margin: 0 0 0 .7em; /* toclevel-2 margin */ } | ||
+ | #toc .tocindent { margin-left: 1em; } | ||
+ | #toc .tocline { margin-bottom: 0; } | ||
+ | #toc p { margin: 0 } | ||
+ | #toc .toctoggle { font-size: 90%; } | ||
+ | |||
+ | #toc .editsection { margin-top: .3em; font-size: 90%; } | ||
+ | |||
+ | ul { margin: .3em 0 0 1.5em; list-style-image: url("arrow.gif"); } | ||
+ | li { margin-left: .5em; margin-bottom: .1em; padding: 0; /* margin between bullet and content */ } | ||
+ | |||
+ | #editform { width: 100%; } /* prevent overflow in IE when editing */ | ||
+ | |||
+ | textarea { | ||
+ | font-size: 100%; | ||
+ | width: 99%; /* fix the textarea oversize in IE */ | ||
+ | padding: 2px 0 0 2px; | ||
+ | margin: 0; | ||
+ | border: 1px solid #3399FF; | ||
+ | /* height: 500px; */ | ||
+ | } | ||
+ | |||
+ | /* pre{ */ | ||
+ | /* white-space: pre; /* CSS2 */ | ||
+ | /* white-space: -moz-pre-wrap; /* Mozilla */ | ||
+ | /* white-space: -hp-pre-wrap; /* HP printers */ | ||
+ | /* white-space: -o-pre-wrap; /* Opera 7 */ | ||
+ | /* white-space: -pre-wrap; /* Opera 4-6 */ | ||
+ | /* white-space: pre-wrap; /* CSS 2.1 */ | ||
+ | /* white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ | ||
+ | /* word-wrap: break-word; /* IE */ | ||
+ | /* } */ | ||
+ | |||
+ | pre { | ||
+ | white-space: -moz-pre-wrap; /* need for Firefox */ | ||
+ | overflow-x: visible; /* need for Firefox, extreme long string :( */ | ||
+ | padding: 1em; | ||
+ | border: 1px dashed #2f6fab; | ||
+ | color: black; | ||
+ | background: #FBFCF6; /* background: #FFFFEE; */ | ||
+ | line-height: 1.2em; | ||
+ | margin: 1.1em 0; | ||
+ | } | ||
+ | |||
+ | .visualClear { clear: both;} | ||
+ | |||
+ | .errorbox, .successbox { margin-top: .2em; margin-bottom: 1em; } | ||
+ | |||
+ | #contentSub, #contentSub2 { font-size: 90%; line-height: 1.2em; margin: 0.5em 0 1.4em 0; color: #7d7d7d; width: auto; } | ||
+ | |||
+ | /* Table pager (e.g. Special:Imagelist) */ | ||
+ | .TablePager_nav a { text-decoration: none; } | ||
+ | .TablePager th { background-color: #eeeeff; } | ||
+ | .TablePager td { background-color: #ffffff; } | ||
+ | .TablePager tr:hover td { background-color: #eeeeff; } | ||
+ | |||
+ | |||
+ | /* edit section | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | * html div.editsection { font-size: 90%; } | ||
+ | .editsection { font-size: 90%; margin-top: 1px; color: #ddd; /* color for [] */ } | ||
+ | .editsection a, .editsection a:visited { color: #CC6600; } | ||
+ | .editsection a:hover { color: #FF3300; } | ||
+ | |||
+ | |||
+ | /* content actions | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | #gumax-content-actions { | ||
+ | text-align: center; /* menu location */ | ||
+ | height: 27px; /* need for IE win */ | ||
+ | white-space: nowrap; | ||
+ | background: none; | ||
+ | color: #999; | ||
+ | } | ||
+ | /** html #gumax-content-actions { margin-top: -5px; } /* WTF, IE fix */ | ||
+ | |||
+ | #gumax-content-actions ul { list-style: none; margin: 0; padding: 7px; } | ||
+ | #gumax-content-actions ul li { display: inline; margin: 0; padding: 0;} | ||
+ | #gumax-content-actions ul li a { | ||
+ | padding: 5px 10px; | ||
+ | text-decoration: none; | ||
+ | font-size: 100%; font-family: Verdana, 'Trebuchet MS', Sans-serif, Arial; | ||
+ | color: #777; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | #gumax-content-actions ul li a:hover, #gumax-content-actions ul li.selected a { | ||
+ | background: #ccc; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Footer | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | .gumax-footer-spacer { height: 7px; } | ||
+ | |||
+ | #gumax-footer { | ||
+ | /* border: 1px solid #000; /*debuging*/ | ||
+ | border-top: 5px solid #C6C6C6; | ||
+ | text-align: left; /* page footer location */ | ||
+ | background: #e1e1e1; | ||
+ | padding: 4px 5px; | ||
+ | height: 20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #gumax-special-tools a { font-family: Verdana,'Trebuchet MS', Georgia, Sans-serif, Arial; font-size: 85%; text-decoration: none; } | ||
+ | #gumax-special-tools ul { list-style: none; padding: 0; margin: 0; } | ||
+ | #gumax-special-tools ul li { display: inline; overflow: visible; margin: 0; } | ||
+ | #gumax-special-tools ul li a { color: #555; padding: 3px 5px; } | ||
+ | #gumax-special-tools ul li a:hover { color: #333; } | ||
+ | |||
+ | |||
+ | #gumax-article-message { padding-top: 3px; display: none; } | ||
+ | |||
+ | |||
+ | #gumax-credit-list { | ||
+ | /* border: 1px solid #CC0033; /*debuging*/ | ||
+ | font-size: 90%; | ||
+ | margin: 0; padding: 7px; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | #gumax-credit-list ul { | ||
+ | position: relative; | ||
+ | width: auto; | ||
+ | list-style: none; | ||
+ | padding: 0; margin: 0; | ||
+ | } | ||
+ | |||
+ | #gumax-credit-list ul li { | ||
+ | position: relative; | ||
+ | display: inline; | ||
+ | margin: 0; padding: 0; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | #gumax-credit-list ul li a { | ||
+ | color: #555; | ||
+ | padding: 3px 0 3px 10px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #gumax-credit-list ul li a:hover { color: #333; } | ||
+ | |||
+ | |||
+ | |||
+ | #gumax_page_spacer { height: 30px; } | ||
+ | |||
+ | |||
+ | /* Special:Specialpages | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | /* system message table fix */ | ||
+ | #allmessagestable { table-layout: fixed; width: 100%; max-width: 100%; margin-top: 20px; border-collapse: collapse; } | ||
+ | #allmessagestable, #allmessagestable th, #allmessagestable td { border: 1px solid #777; padding: 3px 5px; } | ||
+ | |||
+ | table.mw-listgrouprights-table { width: 100%; } | ||
+ | |||
+ | /* image list table fix */ | ||
+ | table.imagelist, table.TablePager { width: 100%; max-width: 100%; margin-top: 0.3em; } | ||
+ | .TablePager td, .TablePager th { border: 1px solid #777; } | ||
+ | .imagelist td, .imagelist th { white-space: normal; } | ||
+ | /* remove line wrapping for TablePager_col_links */ | ||
+ | .imagelist .TablePager_col_links { white-space: nowrap; } | ||
+ | |||
+ | h4.mw-specialpagesgroup { | ||
+ | background: none; /**/ | ||
+ | border-bottom: 2px solid #ddd; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Random HTML | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | hr { height: 1px; color: #aaa; background-color: #aaa; border: 0; margin: .2em 0 .2em 0; } | ||
+ | |||
+ | /* for margin between paragraphs */ | ||
+ | .cc { font-size: 10%; padding: 0.2em 0 0.2em 0; margin: 0; } | ||
+ | /*------------------------------------- | ||
+ | <div class="cc"> </div> | ||
+ | -------------------------------------*/ | ||
+ | |||
+ | /* Force Opera / Moz / Netscape to display an _IN_active vertical scrollbar (like IE) */ | ||
+ | html { overflow-y: scroll; } | ||
+ | |||
+ | /* | ||
+ | make a few corners round | ||
+ | only supported by moz/firefox/other gecko browsers for now | ||
+ | ----------------------------------------------------------- | ||
+ | */ | ||
+ | div.breadcrumbs { | ||
+ | -moz-border-radius-topleft: 0.5em; | ||
+ | -moz-border-radius-topright: 0.5em; | ||
+ | -moz-border-radius-bottomleft: 0.5em; | ||
+ | -moz-border-radius-bottomright: 0.5em; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* IE/Mac fixes | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | /* the positioning of preferences */ | ||
+ | /* float/negative margin brokenness */ | ||
+ | * html #preferences { width: 90%; } | ||
+ | |||
+ | /* login form fix */ | ||
+ | div#userloginForm form, form#userlogin2 { width: 500px; } | ||
+ | |||
+ | |||
+ | /* content grey background | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | table.gumax-content-table { | ||
+ | border-collapse: collapse; | ||
+ | background: #e1e1e1; | ||
+ | } | ||
+ | * html table.gumax-content-table { margin-top: -5px; } /* WTF, IE fix */ | ||
+ | |||
+ | td.gumax-content-td-topleft { | ||
+ | width: 0px; | ||
+ | /* height: 356px; */ | ||
+ | /*background: transparent url(images/side-l.png) top left no-repeat;*/ | ||
+ | } | ||
+ | td.gumax-content-td-center { | ||
+ | padding: 20px; /* content padding */ | ||
+ | /*background: transparent url(images/content_top.gif) top center repeat-x;*/ | ||
+ | } | ||
+ | td.gumax-content-td-topright { | ||
+ | width: 0px; | ||
+ | /*background: transparent url(images/side-r.png) top right no-repeat;*/ | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Rounded Corners | ||
+ | -----------------------------------------------------------------------------*/ | ||
+ | #gumax-article-picture, | ||
+ | table.gumax-content-table, | ||
+ | #gumax-footer { | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | behavior: url(border-radius.htc); | ||
+ | } | ||
+ | |||
+ | #gumax-content-actions ul li a, | ||
+ | #searchInput { | ||
+ | -moz-border-radius: 3px; | ||
+ | -webkit-border-radius: 3px; | ||
+ | border-radius: 3px; | ||
+ | behavior: url(border-radius.htc); | ||
+ | } |
Revision as of 12:18, 2 June 2011
/* CSS placed here will affect users of the Monobook skin */ /* Basic Structure -----------------------------------------------------------------------------*/ html, body { /* background: #fafafa url('headbg.jpg') top left no-repeat fixed; /**/ /* background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat; /**/ /* background: #fff url('images/bg_headvisual.jpg') left 22px repeat-x; /**/ /*background: none; /**/ background: #F6F6F8 url(images/gradient_texture_201101.jpg) repeat-x 0 0; } body { font-size: x-small; margin: 0; padding: 0; min-width: 700px; } body, td, th, input, textarea, pre, h1, h2, h3, h4, h5, h6 { color: #222; } body, td, th, input, textarea { font-family: Verdana, Arial, 'Trebuchet MS'; } pre { font-family: Monospace, Courier, Arial; } #gumax-page { background: transparent; font-size: 110%; /* web page font size */ width: 990px; /* page width */ margin: 0 auto; } /* Header -----------------------------------------------------------------------------*/ /* gumax-header */ #gumax-header { /* border: 1px solid #000; /*debuging*/ z-index: 100; /* make logo visible over content*/ margin: 0 auto; padding: 0; } /* Logo -----------------------------------------------------------------------------*/ #p-logo h5 { display: none; } #p-logo, #p-logo a, #p-logo a:hover { height: 105px; /*border: 1px solid #000; /*debuging*/ } #p-logo { z-index: 200; position: relative; /*needed to use z-index */ float: left; text-align: left; margin: 10px 0 20px 0; overflow: visible; display: block; padding: 0; } #p-logo a, #p-logo a:hover { display: block; background-repeat: no-repeat; background-position: 0% 50% !important; text-decoration: none; } /* Login -----------------------------------------------------------------------------*/ #gumax-p-login { /* border: 1px solid #000; /*debuging*/ font-size: 90%; margin: 0; padding: 7px 0 5px 0; text-align: right; } #gumax-p-login ul { position: relative; width: auto; list-style: none; padding: 0; margin: 0; } #gumax-p-login ul li { position: relative; display: inline; margin: 0; padding: 0; font-size: 100%; } #gumax-p-login ul li a { color: #777; padding: 2px 0 2px 10px; text-decoration: none; } #gumax-p-login ul li a:hover { color: #333; } li#pt-userpage, li#pt-anonuserpage, li#pt-login { background: none; font-weight: bold; } /* Search -----------------------------------------------------------------------------*/ #gumax-p-search h5 { display: none } #gumax-searchBody { position: relative; float: right; z-index: 3; padding: 0; margin: 40px 0; text-align: right; vertical-align: middle; } input.searchButton { font-size: 100%; } #searchInput { width: 15em; height:1.5em; margin: 0; font-size: 100%; border: 1px solid #777; } .os-suggest { font-size: 100%; /* search suggest font */ } /* dynamic article picture -----------------------------------------------------------------------------*/ #gumax-article-picture { border: 1px solid #ccc; background-color: #fff; text-align: left; padding: 0; /* margin: 2px 15px; /* same margin as content */ margin: 2px 0; /* display: none; /* disable gumax-article-picture */ } #gumax-article-picture, #gumax-article-picture a, #gumax-article-picture a:hover { height: 108px; min-height: 108px; /* height of header */ display: block; background-repeat: no-repeat; background-position: center center; text-decoration: none; color: #eee; font-weight: bolder; font-size: 102%; } .gumax-article-picture-spacer { height: 7px; } /* Navigation Menu -----------------------------------------------------------------------------*/ #gumax-p-navigation { margin-top: 10px; } .gumax-p-navigation-spacer { height: 10px; /* border-top: 2px solid #FF8800; /**/ } /* siteNotice -----------------------------------------------------------------------------*/ #siteNotice { border: 1px solid #FF9933; background: #FFFFCC; margin: 0; padding: .9em; font-size: 100%; } #siteNotice p { margin: 0; padding: 0; } #siteNotice table { background: transparent; margin: 0; padding: 0; } /* content -----------------------------------------------------------------------------*/ /* article title */ .gumax-firstHeading { font-size: 170%; color: #000; padding-bottom: 2px; } #gumax-content-body { padding: 0; margin: 0; width: 100%; } #content { border: none; border-top: 1px solid #999; /* border-bottom: 1px solid #99CCFF; /**/ background: transparent; margin: 0; /* padding: 0px 15px 1.2em 15px; /* content margin */ padding: 0 0 10px 0; position: static; /* need for IE positioning problem */ z-index: 2; clear: both; color: black; line-height: 1.4em; /* value other than 'normal' needed for WinIE */ overflow-x: visible; /* need for Firefox, extreme long string :( */ } #bodyContent { width: 100%; } /* AJax search style */ div#searchTargetContainer { left: 0px; top: 0px; width: 100%; background: white; overflow-x: visible; /* need for Firefox, extreme long string :( */ /* word-wrap: break-word; /* need for IE, extreme long string :( */ } div#searchTarget { padding: 10px; margin: 5px; background: #fefefe; border: solid 1px #FFCC00; } div#searchTarget h2 { padding-top: 1em; margin-bottom: .5em; } div#searchTarget a { position: relative; z-index: 300; /* fix the hide link button */ } /* table of content styles */ #toc, .toc, .mw-warning { font-size: 100%; border: 1px solid #DDD; background-color: #F7F7F7; padding: .5em; margin-bottom: 1.2em; } #toc h2, .toc h2 { font-size: 110%; border: none; margin: 0; /* fix toc top margin */ padding-right: .2em; /* margin between title and hide/show link */ display: inline; /* display the hide/show link after Contents */ } #toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { text-align: left; /* left adjust of title */ } #toc ul, .toc ul { list-style-type: none; list-style-image: none; margin: 0; padding: .3em 0 0 .7em; /* margin of the item list */ text-align: left; } #toc ul ul, .toc ul ul, #toc ul ul ul, .toc ul ul ul { margin: 0 0 0 .7em; /* toclevel-2 margin */ } #toc .tocindent { margin-left: 1em; } #toc .tocline { margin-bottom: 0; } #toc p { margin: 0 } #toc .toctoggle { font-size: 90%; } #toc .editsection { margin-top: .3em; font-size: 90%; } ul { margin: .3em 0 0 1.5em; list-style-image: url("arrow.gif"); } li { margin-left: .5em; margin-bottom: .1em; padding: 0; /* margin between bullet and content */ } #editform { width: 100%; } /* prevent overflow in IE when editing */ textarea { font-size: 100%; width: 99%; /* fix the textarea oversize in IE */ padding: 2px 0 0 2px; margin: 0; border: 1px solid #3399FF; /* height: 500px; */ } /* pre{ */ /* white-space: pre; /* CSS2 */ /* white-space: -moz-pre-wrap; /* Mozilla */ /* white-space: -hp-pre-wrap; /* HP printers */ /* white-space: -o-pre-wrap; /* Opera 7 */ /* white-space: -pre-wrap; /* Opera 4-6 */ /* white-space: pre-wrap; /* CSS 2.1 */ /* white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ /* word-wrap: break-word; /* IE */ /* } */ pre { white-space: -moz-pre-wrap; /* need for Firefox */ overflow-x: visible; /* need for Firefox, extreme long string :( */ padding: 1em; border: 1px dashed #2f6fab; color: black; background: #FBFCF6; /* background: #FFFFEE; */ line-height: 1.2em; margin: 1.1em 0; } .visualClear { clear: both;} .errorbox, .successbox { margin-top: .2em; margin-bottom: 1em; } #contentSub, #contentSub2 { font-size: 90%; line-height: 1.2em; margin: 0.5em 0 1.4em 0; color: #7d7d7d; width: auto; } /* Table pager (e.g. Special:Imagelist) */ .TablePager_nav a { text-decoration: none; } .TablePager th { background-color: #eeeeff; } .TablePager td { background-color: #ffffff; } .TablePager tr:hover td { background-color: #eeeeff; } /* edit section -----------------------------------------------------------------------------*/ * html div.editsection { font-size: 90%; } .editsection { font-size: 90%; margin-top: 1px; color: #ddd; /* color for [] */ } .editsection a, .editsection a:visited { color: #CC6600; } .editsection a:hover { color: #FF3300; } /* content actions -----------------------------------------------------------------------------*/ #gumax-content-actions { text-align: center; /* menu location */ height: 27px; /* need for IE win */ white-space: nowrap; background: none; color: #999; } /** html #gumax-content-actions { margin-top: -5px; } /* WTF, IE fix */ #gumax-content-actions ul { list-style: none; margin: 0; padding: 7px; } #gumax-content-actions ul li { display: inline; margin: 0; padding: 0;} #gumax-content-actions ul li a { padding: 5px 10px; text-decoration: none; font-size: 100%; font-family: Verdana, 'Trebuchet MS', Sans-serif, Arial; color: #777; white-space: nowrap; } #gumax-content-actions ul li a:hover, #gumax-content-actions ul li.selected a { background: #ccc; } /* Footer -----------------------------------------------------------------------------*/ .gumax-footer-spacer { height: 7px; } #gumax-footer { /* border: 1px solid #000; /*debuging*/ border-top: 5px solid #C6C6C6; text-align: left; /* page footer location */ background: #e1e1e1; padding: 4px 5px; height: 20px; } #gumax-special-tools a { font-family: Verdana,'Trebuchet MS', Georgia, Sans-serif, Arial; font-size: 85%; text-decoration: none; } #gumax-special-tools ul { list-style: none; padding: 0; margin: 0; } #gumax-special-tools ul li { display: inline; overflow: visible; margin: 0; } #gumax-special-tools ul li a { color: #555; padding: 3px 5px; } #gumax-special-tools ul li a:hover { color: #333; } #gumax-article-message { padding-top: 3px; display: none; } #gumax-credit-list { /* border: 1px solid #CC0033; /*debuging*/ font-size: 90%; margin: 0; padding: 7px; text-align: right; } #gumax-credit-list ul { position: relative; width: auto; list-style: none; padding: 0; margin: 0; } #gumax-credit-list ul li { position: relative; display: inline; margin: 0; padding: 0; font-size: 100%; } #gumax-credit-list ul li a { color: #555; padding: 3px 0 3px 10px; text-decoration: none; } #gumax-credit-list ul li a:hover { color: #333; } #gumax_page_spacer { height: 30px; } /* Special:Specialpages -----------------------------------------------------------------------------*/ /* system message table fix */ #allmessagestable { table-layout: fixed; width: 100%; max-width: 100%; margin-top: 20px; border-collapse: collapse; } #allmessagestable, #allmessagestable th, #allmessagestable td { border: 1px solid #777; padding: 3px 5px; } table.mw-listgrouprights-table { width: 100%; } /* image list table fix */ table.imagelist, table.TablePager { width: 100%; max-width: 100%; margin-top: 0.3em; } .TablePager td, .TablePager th { border: 1px solid #777; } .imagelist td, .imagelist th { white-space: normal; } /* remove line wrapping for TablePager_col_links */ .imagelist .TablePager_col_links { white-space: nowrap; } h4.mw-specialpagesgroup { background: none; /**/ border-bottom: 2px solid #ddd; } /* Random HTML -----------------------------------------------------------------------------*/ hr { height: 1px; color: #aaa; background-color: #aaa; border: 0; margin: .2em 0 .2em 0; } /* for margin between paragraphs */ .cc { font-size: 10%; padding: 0.2em 0 0.2em 0; margin: 0; } /*------------------------------------- <div class="cc"> </div> -------------------------------------*/ /* Force Opera / Moz / Netscape to display an _IN_active vertical scrollbar (like IE) */ html { overflow-y: scroll; } /* make a few corners round only supported by moz/firefox/other gecko browsers for now ----------------------------------------------------------- */ div.breadcrumbs { -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em; } /* IE/Mac fixes -----------------------------------------------------------------------------*/ /* the positioning of preferences */ /* float/negative margin brokenness */ * html #preferences { width: 90%; } /* login form fix */ div#userloginForm form, form#userlogin2 { width: 500px; } /* content grey background -----------------------------------------------------------------------------*/ table.gumax-content-table { border-collapse: collapse; background: #e1e1e1; } * html table.gumax-content-table { margin-top: -5px; } /* WTF, IE fix */ td.gumax-content-td-topleft { width: 0px; /* height: 356px; */ /*background: transparent url(images/side-l.png) top left no-repeat;*/ } td.gumax-content-td-center { padding: 20px; /* content padding */ /*background: transparent url(images/content_top.gif) top center repeat-x;*/ } td.gumax-content-td-topright { width: 0px; /*background: transparent url(images/side-r.png) top right no-repeat;*/ } /* Rounded Corners -----------------------------------------------------------------------------*/ #gumax-article-picture, table.gumax-content-table, #gumax-footer { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc); } #gumax-content-actions ul li a, #searchInput { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(border-radius.htc); }