Difference between revisions of "MediaWiki:Common.css"

From "A B C"
Jump to navigation Jump to search
m
m
Line 46: Line 46:
  
 
div.resource .name {
 
div.resource .name {
font-size: 1.1rem;
+
font-size: 1rem;
 +
font-weight: 500;
 
}
 
}
  
 
div.resource .content {
 
div.resource .content {
font-size: 0.9rem;
+
font-size: 0.8rem;
 
}
 
}
  

Revision as of 03:54, 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;
}

.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 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;}