MediaWiki:Common.css
From WikiEducator
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; }