MediaWiki:Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Clear the cache in Tools → Preferences

/** CSS placed here will be applied to all skins */
.onlyinprint,.noeditsection,.embedcode {display: none}
 
table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 1em;
  background: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
}
 
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaa solid;
  padding: 0.2em;
}
 
table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}
 
table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
}
 
/* Style for OERu1 table created by User:Mackiwg and OERu2 table created by User:Davelane */
 
table.oeru1, 
table.oeru2 {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;    
} 
 
table.oeru1, 
table.oeru2 {
    border: solid #ccc 1px;
    border-radius: 6px;
    box-shadow: 0 1px 1px #ccc;         
}
 
table.oeru1 tr:hover, 
table.oeru2 tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
 
table.oeru1 td, .oeru1 th, 
table.oeru2 td, .oeru2 th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 0.2em;
    text-align: left;
    vertical-align: top;
}
 
table.oeru1 th, 
table.oeru2 th {
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}
 
table.oeru1 td:first-child, table.oeru1 th:first-child,
table.oeru2 td:first-child, table.oeru2 th:first-child {
    border-left: none;
}
 
table.oeru1 th:first-child,
table.oeru2 th:first-child {
    border-radius: 6px 0 0 0;
}
 
table.oeru1 th:last-child,
table.oeru2 th:last-child {
    border-radius: 0 6px 0 0;
}
 
table.oeru1 th:only-child,
table.oeru2 th:only-child{
    border-radius: 6px 6px 0 0;
}
 
table.oeru1 tr:last-child td:first-child,
table.oeru2 tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
 
table.oeru1 tr:last-child td:last-child,
table.oeru2 tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}
 
/* specific oeru1 rules */
table.oeru1 th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
}
 
 
/* specific oeru2 rules */
table.oeru2 { 
	width: 90%;  
	border: 5px #666 solid;
	margin-left: auto;
	margin-right: auto;
}
table.oeru2 th, 
table.oeru2 td { padding: 20px; }
table.oeru2 th { background-color: #a1d17c !important; }
table.oeru2 td { background-color: #c0fa94 !important; }
table.oeru2 pre { 
	margin-left: 1.5em; 
	margin-right: 1.5em; 
}	
 
/* pseudo column layout using tables */
table.columns th, .WEbox-header {
	color: white;
	background: #428bca;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
table.columns th {
	margin: 0 0.5em;
}
table.columns tr th:first-child {
	margin-left: 0;
}
table.columns tr th:last-child {
	margin-right: 0;
}
table.columns td {
	vertical-align: top;
	padding: 0 1em;
}
.WEbutton {
	color: white;
	background-image: -webkit-linear-gradient(top,#428bca 0,#357ebd 100%);
	background-image: linear-gradient(to bottom,#428bca 0,#357ebd 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
	border-color: #2b669a;
	text-align: left;
	margin-top: 1ex;
	margin-right: 1em;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
}
.WEbutton a.external, .WEbutton a {
	color: white;
	text-decoration: none;
}
/* Template:Row and Template:Box to make rows and columns */
.WEbox {
    display:block;
    box-sizing: border-box;
    float: left;
    padding: 1ex 1em;
}
.WEbox100 {
    width: 98%;
}
.WEbox50 {
    width: 48%;
}
.WEbox33 {
    width: 32%;
}
.WEaccordion {
	color: white;
	background: #004aab;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 1px;
	margin: 1ex 0;
}
.WEaccordion .mw-collapsible-content {
	color: black;
	background: white;
	padding: 0.5em;
}
.WEaccordion .mw-collapsible-toggle {
	font-size: 0;
}
.WEaccordion .mw-collapsible-toggle::after {
	content: "▲";
	font-size: large;
	margin-right: 0.5em;
}
.WEaccordion .mw-collapsible-toggle-collapsed::after {
	content: "▼";
	font-size: large;
	margin-right: 0.5em;
}
.WEaccordionHead {
	margin-left: 4px;
	font: 300 130% "Open Sans",sans-serif;
}
.page-Main_Page h1.firstHeading {
    display: none !important;
}
 
.oeru_copyright {
  margin: 1em 1em 1em 1em;
  padding: 1em;
  background: #f6f9ed;
  border: 1px #aaa solid;
  border-collapse: collapse;
}
 
/* When <div class="nonumtoc"> is used on the table of contents,
   the ToC will display without numbers */
.nonumtoc .tocnumber, .noautonum .tocnumber { display: none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul, 
.nonumtoc .toc ul ul { 
    /* @noflip */margin: 0 0 0 2em; 
}
 
/* Prevent line breaks in silly places:
   1) Where desired
   2) Links when we don't want them to
   3) Bold "links" to the page itself
   4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
    white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
    white-space: normal;
}
 
/* CSS for Navigation Templates User:BrentSimpson */
 
table.tws {
width: 100%;
padding: 1px;
border: 2px solid #A3B0BF;
border-radius: 4px;
}
 
table.tws th {
    background: #E4EDF2;
    border: 1px solid #A3B0BF;
}
 
#ProjectNav {
    background-color: #FFF;
    border: 2px solid #A3B0BF;
    padding: 14px;
    margin: 16px 0 12px 0;
    padding-bottom: 35px;
}
 
#ProjectNavPages {
    margin: 24px 0 0 20px;
    text-align: center;
    padding: 0 14px 0 14px;
    border: 1px solid #A3B0BF;
    background-color:#E4EDF2;
    float: left;
    border-radius: 4px;
}
 
/* CSS for print (pdf aggregation) versions of iDevice templates. User:Kruhly*/
/* So far the CSS makes a reasonable iDevice but the pdf aggregator does not */
/* recognize all the html and thus does not render the iDevices properly */
/* See User:Kruhly edits of Template:Objectives print for details */
 
table.idevicetable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
  width: 100%;
}
 
 
table.ideviceinnertable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
 
table.idevicetable th, table.idevicetable td,
table.ideviceinnertable th, table.ideviceinnertable td {
  border: 0;
  padding: 0.2em;
  text-align: left;
}
 
table.idevicetable th {
  background: #f9f9f9;
  text-align: center;
}
 
table.ideviceinnertable th {
  background: #f9f9f9;
  text-align: left;
}
 
table.idevicetable caption,
table.ideviceinnertable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
  border: 2px solid #A3B0BF;
}
/* CSS for collapsible pedagogical templates User:Kruhly*/
 
table.WEidevice {
padding: 1px;
width:100%;
background: #F6F9ED;
}
 
.WEidevice.objectives,
.WEidevice.preknowledge,
.WEidevice.case_study,
.WEidevice.definition,
.WEidevice.competency,
.WEidevice.key_points,
.WEidevice.media,
.WEidevice.outcomes,
.WEidevice.review,
.WEidevice.summary,
.WEidevice.web_resources,
.WEidevice.wikipedia,
.WEidevice.wiktionary,
.WEidevice.howlong
 {
    border: 1px solid #AAAAAA;
}
.WEidevice.activity,
.WEidevice.assessment,
.WEidevice.discussion,
.WEidevice.reading,
.WEidevice.reflection,
.WEidevice.key_points {
   border: 1px solid #AAAAAA;
   border-radius: 8px;
}
 
table.WEidevice th {
    text-align:left;  
    font-weight: bolder;
}
.WEideviceinner{
    padding-left: 8ex;
    color: black;
}
.WEfeedback  {
    text-align:left;
    border: 0px;
}
 
.iframeonly { display: none; }
 
/* simplebox  style mostly from infobox */
 
table.simplebox {
    border: 4px solid green;
    background-color: #f9f9f9;
    color: black;
    margin-bottom: 1em;
    margin-left: 1em;
    padding: 0.2em;
    float: left;
    border-collapse: collapse;
    border-radius: 4px;
}
 
 
/* Infobox template style from Wikipedia */
 
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
    margin-left: inherit;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
@media print {
    .infobox.sisterproject {
        display: none;
    }
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* styles for Template:ContentInfobox User:BrentSimpson */
 
.DCnodisplay {
    display:none;
}
 
/* styles for Template:PutInTOC  User:Kruhly */
 
.PutInTOC { visibility:hidden; }
 
/* Styles for OERF User:Mackiwg */
 
#OER-ProjectNav {
    background-image:url('/images/9/96/Dunedin_panorama.jpg');
    background-repeat:no-repeat;
    background-color: #FFF;
    border: 2px solid #A3B0BF;
    padding: 14px;
    margin: 16px 0 12px 0;
    padding-bottom: 35px;
}
 
body.ns-104 h1.firstHeading {display: none;}
body.ns-104, body.ns-105 {background: none #f9f9f9;}
body.ns-104 #p-logo a, body.ns-105 #p-logo a {background-image: url(/images/oerf.png) !important;}
 
/* external link that opens in a new window */
#content .newwindowlinks { background: url(/skins/common/we/icons/external-link-new-window-ltr-icon.png) center right no-repeat; }
 
/* styles for scan page */
.scan_gradient_box
{
	padding:1cm;
	font-size:1.2em; 
	text-shadow:2px 2px 5px #b7b7b7; 
	text-align:center; 
	margin-left:auto;
	margin-right:auto; 
	width:80%; 
	height:auto; 
	border-radius:25px;
}
.scan_text_box
{
	border-radius:10px; 
	background-color:#FFFFFF; 
	display:inline-block; 
	font-size:1.2em; 
	text-shadow:2px 2px 5px #b7b7b7; 
	text-align:center; 
	width:20%; 
	bottom:2%; 
	height:auto; 
	border:1px solid #5b5b5b; 
	border-right-width:3px; 
	border-bottom-width:3px;
}
.WEiFrame {
	background-color: #ddd;
	padding: 20px;
}
.WEH5P {
	background-color: #FFC79E;
	padding: 20px;
}
/* for Claire's NZEXT courses */
.nzext-box {
	border: 2px solid #999; 
	border-radius: 5px; 
	padding: 8px;
}