Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m |
m |
||
| (62 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* Add code from jquery.makeCollapsible.css */ | /* Add code from jquery.makeCollapsible.css */ | ||
/* (see also jquery.makeCollapsible.js) */ | /* (see also jquery.makeCollapsible.js) */ | ||
| − | + | /* .mw-collapsible-toggle { float: right; } - removed float right to line up with other links in pubmed... | |
| − | .mw-collapsible-toggle { float: none; } | + | 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 */ | /* list-items go as wide as their parent element, don't float them inside list items */ | ||
| Line 10: | Line 12: | ||
.mw-collapsible-toggle-li { list-style: none; } | .mw-collapsible-toggle-li { list-style: none; } | ||
| − | .reference-box {border: 1px solid #999999; font-size:100%; padding:10px; margin-bottom:10px; margin-left:10px; width: | + | /* 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%;} | .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;} | tr.pubmed-bottom {border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;} | ||
| Line 21: | Line 81: | ||
text-decoration:underline; | text-decoration:underline; | ||
padding-right: 18px !important; | padding-right: 18px !important; | ||
| − | background: url(' | + | background: url('/abc/wp.gif') center right no-repeat !important; |
} | } | ||
| Line 29: | Line 89: | ||
#mw_content span.PDFlink a { | #mw_content span.PDFlink a { | ||
padding-right: 18px !important; | padding-right: 18px !important; | ||
| − | background: url(" | + | 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 */ | /* Suppress page titles sitewide */ | ||
| Line 53: | Line 168: | ||
background-color: #f9f9ff; | 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*/ | /* Add a task-box definition*/ | ||
| Line 68: | Line 201: | ||
padding:10px; margin-bottom:10px; | padding:10px; margin-bottom:10px; | ||
margin-left:10px; | margin-left:10px; | ||
| − | width: | + | width:90%; |
background-color: #DAE9F5; | 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 --- (remember to enclose page in <div id="APB"></div>)*/ | ||
| − | /* APB Base color: #343571 - New (09-2012)*/ | + | /* 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 banners */ | ||
| − | #APB div.b1 { padding: 5px; border: 1px solid #AAAAAA; background-color: # | + | #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: # | + | #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: # | + | #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: # | + | #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: # | + | #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 headers */ | ||
| − | #APB h1 { padding: 10px 10px 10px 15px; border: none; background-color: # | + | #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: # | + | #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: # | + | #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: # | + | #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: # | + | #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: # | + | #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: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 h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #FFFFFF; } /* for edit tags */ | ||
| Line 97: | Line 281: | ||
#APB td.sp { padding: 2px; margin: 0px; background-color: #FFFFFF; border: 0; } | #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.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: # | + | #APB tr.st { background-color: #AAAAAA; color: #FFFFFF; font-weight:bold; } |
| − | #APB tr.sh { background-color: # | + | #APB tr.sh { background-color: #AFB0CC; color: #FFFFFF; } |
| − | #APB tr.s1 { background-color: # | + | #APB tr.s1 { background-color: #FAFAFF; color: #000000;} |
| − | #APB tr.s2 { background-color: # | + | #APB tr.s2 { background-color: #D3D3E5; color: #000000;} |
/* BIO --- (remember to enclose page in <div id="BIO"></div>)*/ | /* BIO --- (remember to enclose page in <div id="BIO"></div>)*/ | ||
| − | /* BIO Base color: #263A66 */ | + | /* BIO Base color: #263A66 HUE: 221*/ |
/* BIO banners */ | /* BIO banners */ | ||
/* */ | /* */ | ||
| − | #BIO div.b1 { padding: 5px; border: 1px solid #AAAAAA; background-color: # | + | #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: # | + | #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: # | + | #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: # | + | #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: # | + | #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 headers */ | ||
| − | #BIO h1 { padding: 10px 10px 10px 15px; border: none; background-color: # | + | #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: # | + | #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: # | + | #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: # | + | #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: # | + | #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: # | + | #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: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 h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #FFFFFF; } /* for edit tags */ | ||
| Line 129: | Line 314: | ||
#BIO td.sp { padding: 2px; margin: 0px; background-color: #FFFFFF; border: 0; } | #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.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: # | + | #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 */ | + | #BIO tr.sh { background-color: #AFB8CC; color: #FFFFFF; } /* table section header row HSV: 221 14 80*/ |
| − | #BIO tr. | + | #BIO tr.s2 { background-color: #D3D9E5; color: #000000;} /* data row, dark HSV: 221 8 90*/ |
| − | #BIO tr. | + | #BIO tr.s1 { background-color: #FAFCFF; color: #000000;} /* data row, light HSV: 221 2 100*/ |
| Line 146: | Line 332: | ||
#CSB div.b3 { padding: 5px; border: 1px solid #AAAAAA; background-color: #9BBDCF; color: #FFFFFF; font-weight:bold; font-size:150%; } | #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.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: # | + | #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 headers */ | ||
| Line 162: | Line 348: | ||
#CSB td.sp { padding: 2px; margin: 0px; background-color: #FFFFFF; border: 0; } | #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.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.st { background-color: #327378; color: #FFFFFF; font-weight:bold; } | ||
Latest revision as of 12:22, 17 September 2020
/* 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;}