|
|
| (4 intermediate revisions by the same user not shown) |
| 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;
| |
| }
| |
