Difference between revisions of "MediaWiki:Monobook.css"

From Diversifying Economic Quality: A Wiki for Instructors and Departments

Jump to: navigation, search
(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">&nbsp;</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:19, 2 June 2011

/* CSS placed here will affect users of the Monobook skin */