1,512
edits
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/** 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; | |||
} |
edits