MediaWiki:Monobook.css
From OpenWetWare
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.
/* 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-size:9px;
}
.NEWUSER_Title{
color:#000000;
background-color:white;
}
.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;
}
/*</nowiki></pre>*/
