MediaWiki:Monobook.css: Difference between revisions

Revision as of 10:45, 16 June 2009

/* Edit this page to customize the monobook skin for the entire site. There is also [[MediaWiki:Common.css]], [[MediaWiki:Common.js]], and [[MediaWiki:Monobook.js]]. Everyone can customize their own skin or test out changes to css by editing User:YourUsername/monobook.css and User:YourUsername/monobook.js */

/*<pre><nowiki>*/

/* changes for all pages */
@media screen {
    body { background: #C5D0EA 0 0 no-repeat;  /* changed default background */ }
}
@media print {
    body { background: #FFFFFF 0 0 no-repeat;  /* changed default background */ }
}

.portlet .pBody {
    background-color: #E5F2FB;
}

hr.divider {
  padding-left: 7px; 
  margin: 0 auto 0 0; /* align left for mozilla */
  text-align: left;  /* align left for IE/opera */
  width:820px;
  height:3px; 
  color: #2171B8; 
  background-color:#2171B8;
}

hr.divider2 {
  padding-left: 7px; 
  margin: 0 auto 0 0; /* align left for mozilla */
  text-align: left;  /* align left for IE/opera */
  width:710px;
  height:3px; 
  color: #2171B8; 
  background-color:#2171B8;
}

/* ************************************************** 
 * Icons for sidebar
 * ************************************************** */

#n-portal {
  list-style-image: url("/images/b/ba/Communityportal.png");
}

#n-Calendars {
  list-style-image: url("/images/1/15/Calendar.png");
}

#n-recentchanges {
  list-style-image: url("/images/3/3d/Changes.png");
}

#n-contactus {
  list-style-image: url("/images/b/ba/Communityportal.png");
}

#n-Chat {
  list-style-image: url("/images/b/ba/Communityportal.png");
}

#n-donate {
  list-style-image: url("/images/2/24/Gift.png");
}

#n-mainpage {
  list-style-image: url("/images/9/9a/Home.png");
}

#n-randompage {
  list-style-image: url("/images/7/70/Random.png");
}

#n-Materials {
  list-style-image: url("/images/f/f4/Materials.png");
}

#n-Protocols {
  list-style-image: url("/images/1/1d/Protocols.png");
}

#n-Resources {
  list-style-image: url("/images/b/b4/Resources_sidebar.png");
}

#n-help {
  list-style-image: url("/images/7/70/Random.png");
}

#t-print {
  list-style-image: url("/images/4/41/Printable.png");
}

#t-specialpages {
  list-style-image: url("/images/2/24/Special.png");
}

#t-upload {
  list-style-image: url("/images/2/28/Upload.png");
}

#t-whatlinkshere {
  list-style-image: url("/images/f/fd/Link.png");
}

#t-recentchangeslinked {
  list-style-image: url("/images/9/9a/Change.png");
}

#t-connotea {
  list-style-image: url("/images/2/2f/Connotea.gif");
}
#t-delicious {
  list-style-image: url("/images/c/cd/Delicious.gif");
}
#t-citeulike {
  list-style-image: url("/images/a/af/Citeulike.gif");
}


/* ************************************************** 
 * Tab support based on http://www.alistapart.com/articles/slidingdoors/
 * ************************************************** */

.tabs,.tabs-blue {
  float:left;
  width:100%;
  background:#DAE0D2 url("/images/3/3a/Tab-bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  margin: 0;
  padding: 0;
}
.tabs-blue {
  background:#CCCCFF url("/images/b/bb/SDbg.gif") repeat-x bottom;
}

.tabs ul,.tabs-blue ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}
.tabs li,.tabs-blue li {
  float:left;
  background:url("/images/1/11/Tab-left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}
.tabs-blue li {
  background:url("/images/b/b7/SDleft.gif") no-repeat left top;
}

/* MediaWiki automatically removes links for the current page and surrounds it with <strong> tags instead */
.tabs a,.tabs-blue a,.tabs strong,.tabs-blue strong {
  float:left;
  display:block;
  background:url("/images/0/07/Tab-right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
}
.tabs-blue a,.tabs-blue strong {
  background:url("/images/f/f8/SDright.gif") no-repeat right top;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs a, .tabs-blue a {float:none;}
/* End IE5-Mac hack */
.tabs a:hover, .tabs-blue a:hover {
  color:#333;
}

.tabs #current {
  background-image:url("/images/0/05/Tab-left_on.gif");
}
.tabs-blue #current {
  background-image:url("/images/a/a5/SDleft_on.gif");
}

.tabs #current a,.tabs #current strong,.tabs-blue #current a, .tabs-blue #current strong {
  background-image:url("/images/6/61/Tab-right_on.gif");
  color:#333;
  padding-bottom:5px;
}
.tabs-blue #current a,.tabs-blue #current strong {
  background-image:url("/images/5/59/SDright_on.gif");
}


.tabcontent {
  border: 1px dashed #aa9988;
  padding: 0em 1em 1em 1em;
  border-top: none;
  background-color:#ffffff;
  color:#000;
  clear: both;
}

.tabcontent #prevtab {
  float: left;
  margin-top: -1.5em; 
  background-color: #DAE0D2; 
  color: #000; 
  padding: .2em .6em; 
  font-size: 130%; 
  border: 1px solid #765;
}

.tabcontent #nexttab {
  float: right; 
  margin-top: -1.5em; 
  background-color: #DAE0D2; 
  color: #000; 
  padding: .2em .6em; 
  font-size: 130%; 
  border: 1px solid #765;
}

/* ************************************************** 
 * Main page css
 * ************************************************** */

#mainpage #about {
  padding: .4em .9em .1em; 
  font-family: tahoma;
  width: 780px;
  border: 0px solid #cc3300;
  color: #4E4496; 
  background-color: #ffffff;
}

#mainpage h3 a {
  text-decoration: none;
}

.green1 {
  border: 0px solid #000000; 
  color: #000000; 
  background-color: #DEE8B8;
}

.green2 {
  border: 0px solid #000000; 
  color: #000000; 
  background-color: #E5EDC8;
}

.green3 {
  border: 0px solid #000000; 
  color: #000000; 
  background-color: #CDDE95;
}

.blue {
  border: 0px solid #000000; 
  color: #000000; 
  background-color: #C5D0EA;
}

.sectiontitle {
  font-size: 130%;
  font-weight: bold;
  color: black;
}

#mainpage ul {
  list-style-type: disc;
  list-style-image: none
}

#mainpage td {
  text-align: left; 
  padding: 0em .5em 0em;
}

#mainpage td {
  vertical-align: top;
}

/* to hide Main Page title */
body.page-Main_Page h1.firstHeading { display:none; }

/* ************************************************** 
 * Calendar default style
 * ************************************************** */
.OWWNBcpYearNavigation,
.OWWNBcpMonthNavigation{
	background-color:#EEEEEE;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
}
.OWWNBcpDayColumnHeader,
.OWWNBcpYearNavigation,
.OWWNBcpMonthNavigation,
.OWWNBcpCurrentMonthDate,
.OWWNBcpCurrentMonthDateFilled,
.OWWNBcpCurrentMonthDateDisabled,
.OWWNBcpOtherMonthDate,
.OWWNBcpOtherMonthDateFilled,
.OWWNBcpOtherMonthDateDisabled,
.OWWNBcpCurrentDate,
.OWWNBcpCurrentDateFilled,
.OWWNBcpCurrentDateDisabled,
.OWWNBcpTodayText,
.OWWNBcpTodayTextFilled,
.OWWNBcpTodayTextDisabled,
.OWWNBcpText{
	font-family:arial;
	font-size:8pt;
}
TD.OWWNBcpDayColumnHeader{
	text-align:right;
	border-color:#CCCCCC;
	border-width:0 0 1px 0;
}
.OWWNBcpCurrentMonthDateFilled,
.OWWNBcpCurrentMonthDate,
.OWWNBcpOtherMonthDateFilled,
.OWWNBcpOtherMonthDate,
.OWWNBcpCurrentDateFilled,
.OWWNBcpCurrentDate{
	text-align:right;
	text-decoration:none;
}
.OWWNBcpCurrentMonthDateDisabled,
.OWWNBcpOtherMonthDateDisabled,
.OWWNBcpCurrentDateDisabled{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.OWWNBcpCurrentMonthDateFilled,
.OWWNBcpOtherMonthDateFilled,
.OWWNBcpCurrentDateFilled{
	color:#333333;
	background-color: #c5d0ea;
	text-align:right;
}
.OWWNBcpCurrentMonthDateFilled{
}
.OWWNBcpCurrentMonthDate{
}
.OWWNBcpCurrentDate{
	color: #FFFFFF;
	font-weight:bold;
}
.OWWNBcpCurrentDateFilled{
	color: #FFFFFF;
	background-color: #328ac8;
	font-weight:bold;
}
.OWWNBcpOtherMonthDate{
	color:#808080;
}
.OWWNBcpOtherMonthDateFilled{
	color:#909090;
}
TD.OWWNBcpCurrentDate{
	color:#FFFFFF;
	background-color: #328ac8;
	border-width:1px;
	border:solid thin #328ac8;
}
TD.OWWNBcpCurrentDateFilled{
	color:#FFFFFF;
	background-color: #328ac8;
	border-width:1px;
	border:solid thin #328ac8;
}
TD.OWWNBcpCurrentDateDisabled{
	border-width:1px;
	border:solid thin #CCCCCC;
}
TD.OWWNBcpTodayText,
TD.OWWNBcpTodayTextDisabled,
TD.OWWNBcpTodayTextFilled{
	border:solid thin #CCCCCC;
	border-width:1px 0 0 0;
}
A.OWWNBcpTodayText,
A.OWWNBcpTodayTextFilled,
SPAN.OWWNBcpTodayTextDisabled{
	height:20px;
}
A.OWWNBcpTodayText,
A.OWWNBcpTodayTextFilled{
	font-weight:bold;
}
SPAN.OWWNBcpTodayTextDisabled{
	color:#D0D0D0;
}
SPAN.OWWNBcpTodayTextFilled{
	color:#FFFFFF;
        background-color:#000000;
}
.OWWNBcpBorder{
	border: 0px;
}
.formbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.form_format {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #999999;
	color: #333333;
}
.form_button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666;
	color: #333333;
}
.style1 {
	font-size: 11px;
	color: #666666;
}
.style2 {color: #333333}
.OWWRSS_Outer{
        color:#000000;
	background-color:#e5edc8;
	font-family:Arial;
	margin:2px 2px 2px 2px;
	width:100%;
}
.OWWRSS_Inner{
        color:#000000;
	background-color:#e5edc8;
	margin:2px 2px 2px 2px;
	font-weight:bold;
	font-size:10px;
	width:100%;
}
.OWWRSS_Title{
        color:#000000;
	background-color:#e5edc8;
	margin:2px 2px 2px 2px;
	width:100%;
}
.OWWRSS_Timestamp{
	background-color:#e5edc8;
        color:#000000;
	margin:2px 2px 2px 2px;
	font-weight:bold;
	font-size:10px;
}
.OWWRSS_ChannelLink{
	font-weight:bold;
}
.OWWRSS_Desc{
	background-color:#e5edc8;
        color:#000000;
	font-family:arial;
	margin:2px 2px 2px 2px;
	text-align:justify;
	width:100%;
}
.OWWRSS_Href{
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
}
.NEWUSER_Outer{
        color:black;
	background-color:white;
	font-family:Arial;
}
.NEWUSER_Inner{
        color:black;
	background-color:white;
	font-family:Arial;
	font-size:10px;
}
.NEWUSER_Title{
        color:#000000;
	background-color:white;
	font-family:Arial;
}
.NEWUSER_Href{
}
.forms_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.forms_format {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #999999;
	color: #333333;
}
.forms_button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666;
	color: #333333;
}
.forms_style1 {
	font-size: 11px;
	color: #666666;
}
.forms_style2 {
        color: #333333;
        text-align:right;
        vertical-align:top;
        width:200px; 
}
.forms_table {
        border:1px solid #cccccc;
        padding:5px;
        background-color:#f5f5f5;
}
.forms_label {
        font-weight:bold;
}
.qpHeader {
        color: brown;
        font-family: verdana;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
}
.qpQuestion {
        color: black;
        font-family: verdana;
        font-weight: bold;
        font-size: 10px;
        padding-left: 5px;
}
.qpAnswer {
        color: black;
        font-family: verdana;
        font-size: 10px;
}
.qpOptions {
        padding-left: 15px;
        font-family: verdana;
        font-size: 10px;
}
.qpCross {
        padding-left: 280px;
}
#qpPolldiv {
        width: 300px;
        height: 230px;
        color: red;
        background-color: #E2EBED;
        border-style: ridge double;
}
#qpVvote {
}
#qpShowdiv {
        display: none;
        color: brown;
        font-family: verdana;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
}

/*
** Shout portlet
*/
#p-shout {
        position: relative;
        z-index: 3;
}
input.shoutButton {
        width: 95%;
        margin-top: 1px;
        font-size: 95%;
}
textarea#shoutInput {
        font-family: sans-serif;
        color:#666666;
        width: 95%;
        margin-top: 1px;
        font-size: 10px;
}
input#shoutEmail {
        font-family: sans-serif;
        color:#666666;
        width: 95%;
        margin-top: 1px;
        font-size: 10px;
}
#p-shout .pBody {
        padding: .5em .4em .4em .4em;
        text-align: center;
}

/*
** AuthorList portlet
*/
#p-authorlist {
        position: relative;
        z-index: 3;
}
/*
** Invite Box
*/
#p-invite {
        position: relative;
        z-index: 3;
}
input.inviteButton {
        width: 95%;
        margin-top: 1px;
        font-size: 95%;
}
#p-invite .pBody {
        padding: .5em .4em .4em .4em;
        text-align: center;
}
#inviteInput {
        font-family: sans-serif;
        color:#666666;
        width: 95%;
        margin-top: 1px;
        font-size: 10px;
}


/*
** History/Quick Watch Box
*/
#p-history {
        position: relative;
        z-index: 3;
}
select.histSelect {
        width: 95%;
        vertical-align: middle;
        font-size: 95%;
}
#p-history .pBody {
        padding: .5em .4em .4em .4em;
        text-align: center;
        vertical-align: middle;
}


/*
** External Bookmark Service Box
*/
#p-bookmark {
        position: relative;
        z-index: 3;
}
img.bookmarkIcon {
}
#p-bookmark .pBody {
        padding: .5em .4em .4em .4em;
        text-align: center;
        vertical-align: middle;
}

/* Extension infobox styling */
.ext-infobox {
  border: 2px solid #B3CD4E;
  width: 272px; 
  float: right; 
  margin: 0 0 0.5em 0.5em; 
  border-collapse: collapse; 
  background-color: white;
  font-size:85%;
}

.ext-infobox td {
  border: 2px none #B3CD4E;
  padding: 0.2em 0.5em;
  border-bottom: 1px solid #f0f0f0 !important;
}
.ext-header {
  background-color: #B3CD4E;
  color: white;
  text-align: left;
}
.ext-header td { padding-top: 0.5em; }
.ext-header img { padding: 0 0.2em 0 0.5em; }
.ext-status-unstable, .ext-status-unstable td { border-color: #990000; }
.ext-status-unstable .ext-header { background-color: #990000; color: #ffff00; }
.ext-status-in-progress, .ext-status-experimental td { border-color: #cc6600; }
.ext-status-in-progress .ext-header { background-color: #cc6600; }
.ext-status-beta, .ext-status-beta td { border-color: #000099; }
.ext-status-beta .ext-header { background-color: #000099; }
.ext-status-stable, .ext-status-stable td { border-color: #009900; }
.ext-status-stable .ext-header { background-color: #009900; }

.ant-result-worked { font-weight:bold; color:green; }
.ant-result-failed { font-weight:bold; color:red; }
.ant-result-uncertain { font-weight:bold; color:orange; }
.ant-result-untested { font-weight:bold; color:grey; }

/*</nowiki></pre>*/