Difference between revisions of "MediaWiki:Common.css"

From "A B C"
Jump to navigation Jump to search
m
m
 
(101 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: 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; }
  
−
td.pubmed-top      {border-top: 1px solid #999999; border-bottom: 0px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; font-size:100%}
+
/* for coding exercises with collapsible format */
−
td.pubmed-bottom {border-top: 0px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; font-size:80%}
+
.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 */
 
/* Suppress page titles sitewide */
Line 22: Line 156:
 
/* Add dashed lines and grey background to GeShi highlighted code*/
 
/* Add dashed lines and grey background to GeShi highlighted code*/
 
div.mw-geshi {
 
div.mw-geshi {
−
   padding: 1em;  
+
   padding-top: 10px;
−
   margin: 1em 0;  
+
  padding-left: 10px;
−
   border: 1px dashed #2f6fab;
+
  padding-right: 10px;
−
   background-color: #f9f9f9;
+
  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  --- (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 banners */
−
#APB div.b1    { padding: 5px; border: 1px solid #AAAAAA; background-color: #324578; color: #FFFFFF; font-weight:bold; font-size:300%; }
+
#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: #7080B8; color: #FFFFFF; font-weight:bold; font-size:200%; }
+
#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: #9B9BCF; color: #FFFFFF; font-weight:bold; font-size:150%; }
+
#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: #B5A5CC; color: #000000; font-weight:bold; font-size:100%; }
+
#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: #C8FFE5; color: #293136; font-weight:bold; font-size:150%; }
+
#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: #324578; color: #FFFFFF; font-weight:700; font-size:200%; }
+
#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: #7080B8; color: #FFFFFF; font-weight:600; font-size:150%; }
+
#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: #9B9BCF; color: #FFFFFF; font-weight:500; font-size:125%; }
+
#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: #B5A5CC; color: #FFFFFF; font-weight:400; font-size:100%; }
+
#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: #B5A5CC; color: #FFFFFF; font-weight:300; 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: #B5A5CC; 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: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 50: Line 280:
 
/* APB Table background colors */
 
/* APB Table background colors */
 
#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   { 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: #324578; color: #FFFFFF; font-weight:bold; }
+
#APB tr.st  { background-color: #AAAAAA; color: #FFFFFF; font-weight:bold; }
−
#APB tr.sh  { background-color: #7080B8; color: #FFFFFF; }
+
#APB tr.sh  { background-color: #AFB0CC; color: #FFFFFF; }
−
#APB tr.s1  { background-color: #EEEEEE; color: #000000;}
+
#APB tr.s1  { background-color: #FAFAFF; color: #000000;}
−
#APB tr.s2  { background-color: #9B9BCF; color: #000000;}
+
#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 HUE: 221*/
 
/*    BIO banners  */
 
/*    BIO banners  */
−
#BIO div.b1    { padding: 5px; border: 1px solid #AAAAAA; background-color: #325C78; color: #FFFFFF; font-weight:bold; font-size:300%; }
+
/*  */
−
#BIO div.b2    { padding: 5px; border: 1px solid #AAAAAA; background-color: #7097B8; color: #FFFFFF; font-weight:bold; font-size:200%; }
+
#BIO div.b1    { padding: 5px; border: 1px solid #AAAAAA; background-color: #263A66; color: #FFFFFF; font-weight:bold; font-size:300%; }
−
#BIO div.b3    { padding: 5px; border: 1px solid #AAAAAA; background-color: #9BACCF; color: #FFFFFF; font-weight:bold; font-size:150%; }
+
#BIO div.b2    { padding: 5px; border: 1px solid #AAAAAA; background-color: #3C5D7F; color: #FFFFFF; font-weight:bold; font-size:200%; }
−
#BIO div.b4    { padding: 5px; border: 1px solid #AAAAAA; background-color: #A8A5CC; color: #000000; font-weight:bold; font-size:100%; }
+
#BIO div.b3    { padding: 5px; border: 1px solid #AAAAAA; background-color: #578299; color: #FFFFFF; font-weight:bold; font-size:150%; }
−
#BIO div.alert { padding: 5px; border: 1px solid #AAAAAA; background-color: #C8FFE5; color: #293136; 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 headers  */
−
#BIO h1 { padding: 10px 10px 10px 15px; border: none; background-color: #325C78; color: #FFFFFF; font-weight:700; font-size:200%; }
+
#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: #7097B8; color: #FFFFFF; font-weight:600; font-size:150%; }
+
#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: #9BACCF; color: #FFFFFF; font-weight:500; font-size:125%; }
+
#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: #A8A5CC; color: #FFFFFF; font-weight:400; font-size:100%; }
+
#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: #A8A5CC; color: #FFFFFF; font-weight:300; 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: #A8A5CC; 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: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 80: Line 313:
 
/* BIO Table background colors */
 
/* BIO Table background colors */
 
#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   { padding: 5px; margin: 5px; border: 1px solid #000000; }
+
#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: #325C78; color: #FFFFFF; font-weight:bold; }
+
#BIO tr.st  { background-color: #AAAAAA; color: #FFFFFF; font-weight:bold; } /* section separator (superseded by using level 3 header) */
−
#BIO tr.sh  { background-color: #7097B8; color: #FFFFFF; }
+
#BIO tr.sh  { background-color: #AFB8CC; color: #FFFFFF; } /* table section header row HSV: 221 14 80*/
−
#BIO tr.s1 { background-color: #EEEEEE; color: #000000;}
+
#BIO tr.s2 { background-color: #D3D9E5; color: #000000;} /* data row, dark  HSV: 221  8 90*/
−
#BIO tr.s2 { background-color: #9BACCF; color: #000000;}
+
#BIO tr.s1 { background-color: #FAFCFF; color: #000000;} /* data row, light  HSV: 221 2 100*/
  
  
Line 92: Line 326:
  
 
/* CSB  --- (remember to enclose page in <div id="CSB"></div>)*/
 
/* CSB  --- (remember to enclose page in <div id="CSB"></div>)*/
 +
/* CSB Base color: #093F5C */
 
/* CSB banners */
 
/* CSB banners */
 
#CSB div.b1    { padding: 5px; border: 1px solid #AAAAAA; background-color: #327378; color: #FFFFFF; font-weight:bold; font-size:300%; }
 
#CSB div.b1    { padding: 5px; border: 1px solid #AAAAAA; background-color: #327378; color: #FFFFFF; font-weight:bold; font-size:300%; }
Line 97: 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: #C8FFE5; color: #293136; font-weight:bold; font-size:150%; }
+
#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 112: Line 347:
 
/* CSB Table background colors */
 
/* CSB Table background colors */
 
#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   { 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;}
Retrieved from "http://steipe.biochemistry.utoronto.ca/abc/index.php?title=MediaWiki:Common.css&oldid=11489"