Difference between revisions of "MediaWiki:Common.css"

From "A B C"
Jump to navigation Jump to search
m
m
Line 47: Line 47:
 
     color: #BBBBBB;
 
     color: #BBBBBB;
 
}     
 
}     
 +
 +
/* Two column layout (see: http://matthewjamestaylor.com/blog/perfect-2-column-double-page.htm) */
 +
 +
.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:#eee; /* right column background colour */
 +
}
 +
.doublepage .colleft {
 +
right:50%; /* right column width */
 +
background:#fff; /* left column background colour */
 +
}
 +
.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  */
  
  

Revision as of 17:27, 25 September 2015

/* 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 "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%;}


.reference-box       {border: 1px solid #999999; font-size:100%; padding:10px; margin-bottom:10px; margin-left:10px; width: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;}
.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) */

	.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:#eee;		/* right column background colour */
	}
	.doublepage .colleft {
		right:50%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.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:80%;
  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;}

/* 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: #D62D1A; 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 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: #D62D1A; 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 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: #D62D1A; 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 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=7736"