MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Add code from jquery.makeCollapsible.css */
/* (see also jquery.makeCollapsible.js) */
/* .mw-collapsible-toggle { float: right; } - removed float right to line up with other links in pubmed...
and make the text smaller */
.mw-collapsible-toggle { float: none; font-size: 75%; }
/* list-items go as wide as their parent element, don't float them inside list items */
li .mw-collapsible-toggle { float: none; }
/* the added list item should have no list-style */
.mw-collapsible-toggle-li { list-style: none; }
/* for coding exercises with collapsible format */
.exercise-box {width:90%; border:solid 1px #BBBBDD; margin: 5px; padding: 10px;}
/* for strong emphasis */
.emphasis-box {width:90%; background-color: #F0F1F7; border:solid 1px #AAAAAA; margin: 5px; padding: 10px; font-size:110%;}
/* for quoted text */
.quote-box {width:90%; background-color: #F0F1F7; border:solid 1px #AAAAAA; margin: 5px; padding: 5px; font-size:125%; color:#444444;}
/* for "what could go wrong" FAQ boxes with collapsible format */
.FAQ-box {width:67%; border:solid 1px #BBBBBB; background-color:#F5F5F5; margin: 5px; padding: 10px; font-size: 75%;}
/* Two column layout and resource divs */
/* add a fullwidth element: .span-all {column-span: all;} */
.two-col {
column-count: 2;
column-gap: 2rem;
column-rule: 1px solid #999999;
background-color: inherit;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.three-col {
column-count: 3;
column-gap: 2rem;
column-rule: 1px solid #999999;
background-color: inherit;
}
div .resource {
background-color: inherit;
break-inside: avoid;
}
div.resource .name {
font-size: 1rem;
font-weight: 500;
}
div.resource .content {
font-size: 0.8rem;
}
/* for "right" examples */
.right {background-color:#AAEEBB; margin: 2px; padding: 2px; }
/* for "wrong" examples */
.wrong {background-color:#EEA9AF; margin: 2px; padding: 2px; }
.ToDo {border: 1px solid #CC0000; color:#000000; font-size:90%; padding:10px; margin-bottom:10px; margin-left:10px; background-color:#F9F9FC;}
.note {border:2px solid #000000; font-size:110%; padding: 10px; spacing: 10px; background-color:#FFFF99;}
.highlight {background-color: #FFFF77;}
.reference-box {border: 1px solid #999999; font-size:100%; padding:10px; margin-bottom:10px; margin-left:10px; width:90%;}
.pubmed-bottom {font-size:80%;}
tr.pubmed-bottom {border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}
.pubmed-abstract-text {font-size:120%; line-height:100%; font-family:"Times New Roman", Times, serif;}
.background-text {font-size:75%; color:#9999BB;}
.table-intro-text {font-size:90%; line-height:100%;}
.wikipedia-link a {
text-decoration:underline;
padding-right: 18px !important;
background: url('/abc/wp.gif') center right no-repeat !important;
}
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
is used (notably Template:PDFlink). */
#content span.PDFlink a,
#mw_content span.PDFlink a {
padding-right: 18px !important;
background: url("/abc/pdf.gif") center right no-repeat !important;
}
/* add .old styles to links from previous years */
.old a, .old a:link, .old a:active, .old a:visited {
font-size:80%;
font-style: italic;
color: #BBBBBB;
}
/* Two column layout (see: http://matthewjamestaylor.com/blog/perfect-2-column-double-page.htm) */
/* with slight modifications */
.colmask {
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;
position:relative;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
}
/* 2 Column (double page) settings */
.doublepage {
background-color:#ffffff; /* right column background colour */
}
.doublepage .colleft {
right:50%; /* right column width */
background-color:#ffffff; /* left column background colour */
border-right:1px solid #999999; /* put a ruler down the middle to visually separate the columns */
}
.doublepage .col1 {
width:46%; /* left column content width (column width minus left and right padding) */
left:52%; /* right column width plus left column left padding */
}
.doublepage .col2 {
width:46%; /* right column content width (column width minus left and right padding) */
left:56%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* End two-column layout */
/*Suppress TOC numbering */
.tocnumber { display:none; }
/* Suppress page titles sitewide */
h1.firstHeading { display:none; }
/* Suppress sidebar toolbox and search sitewide */
#p-tb, #p-search { display:none; }
/* Add dashed lines and grey background to GeShi highlighted code*/
div.mw-geshi {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
width: 90%;
border: 1px solid #2f6fab;
background-color: #f9f9ff;
}
/* Add a text-box definition*/
div.text-box {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
width: 90%;
border: 1px solid #2f6fab;
background-color: #f9f9ff;
font-family: "Courier New", Courier, monospace;
font-size:85%;
}
/* Add a task-box definition*/
div.task {
padding-top: 2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 0;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #999999;
font-size:100%;
padding:10px; margin-bottom:10px;
margin-left:10px;
width:90%;
background-color: #DAE9F5;
}
/* wide padding */
td.wp, th.wp {padding: 10px;}
/* wide margins */
td.wm, th.wm {margin: 10px;}
/* left-indent padding for table cells */
td.l1 {padding-left: 10px;}
td.l2 {padding-left: 20px;}
td.l3 {padding-left: 30px;}
td.l4 {padding-left: 40px;}
/* ================================================================================================================================ */
/* for ABC learning units */
/* Base colour of live units is b3dbce - cf. ./data/ABC-unit_colours.json */
.time-estimate {border: 1px solid #999999; font-size:80%; padding:5px; margin-bottom:5px; margin-left:5px; width:90%; background-color:#D9EAD5;}
.about {border: 1px solid #999999; font-size:85%; padding:10px; margin-bottom:10px; width:100%; background-color:#F7F7F7;}
/* ABC units --- (remember to enclose sections in <div id="ABC"></div>) */
/* ABC unit banners */
#ABC div.b1 { padding: 5px; border: 1px solid #AAAAAA; background-color: #b3dbceff; color: #FFFFFF; font-weight:bold; font-size:300%; }
#ABC div.b2 { padding: 5px; border: 1px solid #AAAAAA; background-color: #b3dbceaa; color: #888888; font-weight:bold; font-size:120%; }
#ABC div.b3 { padding: 5px; border: 1px solid #AAAAAA; background-color: #b3dbce71; color: #888888; font-weight:bold; font-size:100%; }
#ABC div.b4 { padding: 5px; border: 1px solid #AAAAAA; background-color: #b3dbce4b; color: #888888; font-weight:bold; font-size:90%; }
#ABC div.alert { padding: 5px; border: 1px solid #AAAAAA; background-color: #ffbf00; color: #000000; font-weight:bold; font-size:150%; line-height:150%}
/* ABC unit headers */
#ABC h1 { padding: 10px 10px 10px 15px; border: none; background-color: #b3dbceff; color: #000000; font-weight:700; font-size:200%; }
#ABC h2 { padding: 10px 10px 10px 30px; border: none; background-color: #b3dbceaa; color: #000000; font-weight:200; font-size:120%; }
#ABC h3 { padding: 10px 10px 10px 45px; border: none; background-color: #b3dbce71; color: #000000; font-weight:200; font-size:100%; }
#ABC h4 { padding: 10px 10px 10px 60px; border: none; background-color: #b3dbce4b; color: #000000; font-weight:150; font-size:90%; }
#ABC h5 { padding: 10px 10px 10px 75px; border: none; background-color: #b3dbce32; color: #000000; font-weight:150; font-size:90%; }
#ABC h6 { padding: 10px 10px 10px 90px; border: none; background-color: #b3dbce21; color: #000000; font-weight:100; font-size:90%; }
#ABC editsection.h2 { color: #000000; font-weight:200; } /* for edit tags */
#ABC h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { color: #000000; font-weight:200; } /* for edit tags */
#ABC h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #000000; font-weight:200; } /* for edit tags */
#ABC #toc h2 { padding: 0; border: none; background-color: #f9f9f9; color: #000000; font-weight: 600; font size: 80%} /* repair h2 header in TOC */
/* ================================================================================================================================ */
/* APB --- (remember to enclose page in <div id="APB"></div>)*/
/* APB Base color: #343571 HUE: 239 - New (09-2012)*/
/* palettes are generated from base in HSV space: H,S -10/step; V +10/step.*/
/* APB banners */
#APB div.b1 { padding: 5px; border: 1px solid #AAAAAA; background-color: #343571; color: #FFFFFF; font-weight:bold; font-size:300%; }
#APB div.b2 { padding: 5px; border: 1px solid #AAAAAA; background-color: #4D588A; color: #FFFFFF; font-weight:bold; font-size:200%; }
#APB div.b3 { padding: 5px; border: 1px solid #AAAAAA; background-color: #6C7FA3; color: #FFFFFF; font-weight:bold; font-size:150%; }
#APB div.b4 { padding: 5px; border: 1px solid #AAAAAA; background-color: #8FA7BD; color: #000000; font-weight:bold; font-size:100%; }
#APB div.alert { padding: 5px; border: 1px solid #AAAAAA; background-color: #ffbf00; color: #000000; font-weight:bold; font-size:150%; line-height:150%}
/* APB headers */
#APB h1 { padding: 10px 10px 10px 15px; border: none; background-color: #343571; color: #FFFFFF; font-weight:700; font-size:200%; }
#APB h2 { padding: 10px 10px 10px 30px; border: none; background-color: #4D588A; color: #FFFFFF; font-weight:600; font-size:150%; }
#APB h3 { padding: 10px 10px 10px 45px; border: none; background-color: #6C7FA3; color: #FFFFFF; font-weight:500; font-size:125%; }
#APB h4 { padding: 10px 10px 10px 60px; border: none; background-color: #8FA7BD; color: #FFFFFF; font-weight:400; font-size:100%; }
#APB h5 { padding: 10px 10px 10px 75px; border: none; background-color: #8FA7BD; color: #FFFFFF; font-weight:300; font-size:100%; }
#APB h6 { padding: 10px 10px 10px 90px; border: none; background-color: #8FA7BD; color: #FFFFFF; font-weight:300; font-size:100%; }
#APB h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { color: #FFFFFF; } /* for edit tags */
#APB h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #FFFFFF; } /* for edit tags */
#APB #toc h2 { padding: 0; border: none; background-color: #f9f9f9; color: #000000; font-weight: 600; font size: 80%; } /* repair h2 header in TOC */
/* APB Table background colors */
#APB td.sp { padding: 2px; margin: 0px; background-color: #FFFFFF; border: 0; }
#APB td.sc { padding: 5px; margin: 5px; border: 1px solid #000000; }
#APB td.alert { padding: 5px; border: 1px solid #AAAAAA; background-color: #ffbf00; color: #000000; font-weight:bold; font-size:150%; line-height:150%}
#APB tr.st { background-color: #AAAAAA; color: #FFFFFF; font-weight:bold; }
#APB tr.sh { background-color: #AFB0CC; color: #FFFFFF; }
#APB tr.s1 { background-color: #FAFAFF; color: #000000;}
#APB tr.s2 { background-color: #D3D3E5; color: #000000;}
/* BIO --- (remember to enclose page in <div id="BIO"></div>)*/
/* BIO Base color: #263A66 HUE: 221*/
/* BIO banners */
/* */
#BIO div.b1 { padding: 5px; border: 1px solid #AAAAAA; background-color: #263A66; color: #FFFFFF; font-weight:bold; font-size:300%; }
#BIO div.b2 { padding: 5px; border: 1px solid #AAAAAA; background-color: #3C5D7F; color: #FFFFFF; font-weight:bold; font-size:200%; }
#BIO div.b3 { padding: 5px; border: 1px solid #AAAAAA; background-color: #578299; color: #FFFFFF; font-weight:bold; font-size:150%; }
#BIO div.b4 { padding: 5px; border: 1px solid #AAAAAA; background-color: #78A8B2; color: #000000; font-weight:bold; font-size:100%; }
#BIO div.alert { padding: 5px; border: 1px solid #AAAAAA; background-color: #ffbf00; color: #000000; font-weight:bold; font-size:150%; line-height:150%}
/* BIO headers */
#BIO h1 { padding: 10px 10px 10px 15px; border: none; background-color: #263A66; color: #FFFFFF; font-weight:700; font-size:200%; }
#BIO h2 { padding: 10px 10px 10px 30px; border: none; background-color: #3C5D7F; color: #FFFFFF; font-weight:600; font-size:150%; }
#BIO h3 { padding: 10px 10px 10px 45px; border: none; background-color: #578299; color: #FFFFFF; font-weight:500; font-size:125%; }
#BIO h4 { padding: 10px 10px 10px 60px; border: none; background-color: #78A8B2; color: #FFFFFF; font-weight:400; font-size:100%; }
#BIO h5 { padding: 10px 10px 10px 75px; border: none; background-color: #78A8B2; color: #FFFFFF; font-weight:300; font-size:100%; }
#BIO h6 { padding: 10px 10px 10px 90px; border: none; background-color: #78A8B2; color: #FFFFFF; font-weight:300; font-size:100%; }
#BIO h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { color: #FFFFFF; } /* for edit tags */
#BIO h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #FFFFFF; } /* for edit tags */
#BIO #toc h2 { padding: 0; border: none; background-color: #f9f9f9; color: #000000; font-weight: 600; font size: 80%} /* repair h2 header in TOC */
/* BIO Table background colors */
#BIO td.sp { padding: 2px; margin: 0px; background-color: #FFFFFF; border: 0; }
#BIO td.sc { padding: 5px; margin: 5px; border: 1px solid #000000; } /* cell contents */
#BIO td.alert { padding: 5px; border: 1px solid #AAAAAA; background-color: #ffbf00; color: #000000; font-weight:bold; font-size:150%; line-height:150%}
#BIO tr.st { background-color: #AAAAAA; color: #FFFFFF; font-weight:bold; } /* section separator (superseded by using level 3 header) */
#BIO tr.sh { background-color: #AFB8CC; color: #FFFFFF; } /* table section header row HSV: 221 14 80*/
#BIO tr.s2 { background-color: #D3D9E5; color: #000000;} /* data row, dark HSV: 221 8 90*/
#BIO tr.s1 { background-color: #FAFCFF; color: #000000;} /* data row, light HSV: 221 2 100*/
/* CSB --- (remember to enclose page in <div id="CSB"></div>)*/
/* CSB Base color: #093F5C */
/* CSB banners */
#CSB div.b1 { padding: 5px; border: 1px solid #AAAAAA; background-color: #327378; color: #FFFFFF; font-weight:bold; font-size:300%; }
#CSB div.b2 { padding: 5px; border: 1px solid #AAAAAA; background-color: #70AFB8; color: #FFFFFF; font-weight:bold; font-size:200%; }
#CSB div.b3 { padding: 5px; border: 1px solid #AAAAAA; background-color: #9BBDCF; color: #FFFFFF; font-weight:bold; font-size:150%; }
#CSB div.b4 { padding: 5px; border: 1px solid #AAAAAA; background-color: #A5B0CC; color: #000000; font-weight:bold; font-size:100%; }
#CSB div.alert { padding: 5px; border: 1px solid #AAAAAA; background-color: #ffbf00; color: #000000; font-weight:bold; font-size:150%; line-height:150%}
/* CSB headers */
#CSB h1 { padding: 10px 10px 10px 15px; border: none; background-color: #327378; color: #FFFFFF; font-weight:700; font-size:200%; }
#CSB h2 { padding: 10px 10px 10px 30px; border: none; background-color: #70AFB8; color: #FFFFFF; font-weight:600; font-size:150%; }
#CSB h3 { padding: 10px 10px 10px 45px; border: none; background-color: #9BBDCF; color: #FFFFFF; font-weight:500; font-size:125%; }
#CSB h4 { padding: 10px 10px 10px 60px; border: none; background-color: #A5B0CC; color: #FFFFFF; font-weight:400; font-size:100%; }
#CSB h5 { padding: 10px 10px 10px 75px; border: none; background-color: #A5B0CC; color: #FFFFFF; font-weight:300; font-size:100%; }
#CSB h6 { padding: 10px 10px 10px 90px; border: none; background-color: #A5B0CC; color: #FFFFFF; font-weight:300; font-size:100%; }
#CSB h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { color: #FFFFFF; } /* for edit tags */
#CSB h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #FFFFFF; } /* for edit tags */
#CSB #toc h2 { padding: 0; border: none; background-color: #f9f9f9; color: #000000; font-weight: 600; font size: 80%} /* repair h2 header in TOC */
/* CSB Table background colors */
#CSB td.sp { padding: 2px; margin: 0px; background-color: #FFFFFF; border: 0; }
#CSB td.sc { padding: 5px; margin: 5px; border: 1px solid #000000; }
#CSB td.alert { padding: 5px; border: 1px solid #AAAAAA; background-color: #ffbf00; color: #000000; font-weight:bold; font-size:150%; line-height:150%}
#CSB tr.st { background-color: #327378; color: #FFFFFF; font-weight:bold; }
#CSB tr.sh { background-color: #70AFB8; color: #FFFFFF; }
#CSB tr.s1 { background-color: #EEEEEE; color: #000000;}
#CSB tr.s2 { background-color: #9BBDCF; color: #000000;}