MediaWiki:Common.css

The educational technology and digital learning wiki
Jump to navigation Jump to search

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
  1 /** CSS placed here will be applied to all skins */
  2 
  3 /*
  4 <pre>
  5  */
  6 
  7 .hiddenStructure {display: none}
  8 .hidden {display:none}
  9 .if {display: none}
 10 
 11 /*front page */
 12 /* CCFFFF = bright light blue */
 13 @media screen {
 14 #front_left {padding:3px; float:left; width:57%; border:1px solid #006699; background: #EBFFFF;}
 15 #front_right {float:left; width:40%; background: #FAF9EC; border:1px solid #996600; margin-left: 4px; padding: 3px;}
 16 div.front_title {background:#E2C4E8; font-size:large; border-bottom:1px solid #996600;border-top:1px solid #996600;}
 17 }
 18 
 19 @media print handheld {
 20 #front_left {}
 21 #front_right {}
 22 }
 23 
 24 /* Space out main section titles */
 25 h2 {margin-top:3.5ex;}
 26 h3 {margin-top:2ex;}
 27 
 28 #GooglesearchBody input{ font-size: 80%; }
 29 
 30 /* wikitable/prettytable class for skinning normal tables */
 31 
 32 table.wikitable,
 33 table.prettytable {
 34   margin: 1em 1em 1em 0;
 35   background: #f9f9f9;
 36   border: 1px #aaaaaa solid;
 37   border-collapse: collapse;
 38 }
 39 
 40 table.wikitable th, table.wikitable td,
 41 table.prettytable th, table.prettytable td {
 42   border: 1px #aaaaaa solid;
 43   padding: 0.2em;
 44 }
 45 
 46 table.wikitable th,
 47 table.prettytable th {
 48   background: #f2f2f2;
 49   text-align: center;
 50 }
 51 
 52 table.wikitable caption,
 53 table.prettytable caption {
 54   margin-left: inherit;
 55   margin-right: inherit;
 56 }
 57 
 58 .allpagesredirect {
 59   font-style: italic;
 60 }
 61 
 62 /* Overrides for semantic forms tables - SemanticForms/skins/SemanticForms.css */
 63 
 64 table.formtable {
 65  width: 100%;
 66  margin: 5px 0 0;
 67  padding: 0.3em 0.2em 0.2em 0.2em;
 68  background: transparent;
 69  border: 1px black solid;
 70 }
 71 
 72 table.formtable caption {
 73  text-align:left;
 74  font-size:12pt;
 75 }
 76 
 77 /* Infobox template style */
 78 
 79  .infobox {
 80    border: 1px solid #aaaaaa;
 81    width:270px;
 82    background-color: #f9f9f9;
 83    color: black;
 84    margin-bottom: 0.5em;
 85    margin-left: 1em;
 86    padding: 0.2em;
 87    float: right;
 88 }
 89 .infobox td,
 90 .infobox th {
 91    border: 2px none #aaaaaa;
 92    padding: 0.2em 0.5em;
 93    border-bottom: 1px solid #f0f0f0 !important;
 94 }
 95 .infobox caption {
 96    font-size: larger;
 97    margin-left: inherit;
 98 }
 99 .infobox.bordered {
100    border-collapse: collapse;
101 }
102 .infobox.bordered td,
103 .infobox.bordered th {
104    border: 1px solid #aaaaaa;
105 }
106 .infobox.bordered .borderless td,
107 .infobox.bordered .borderless th {
108    border: 0;
109 }
110 
111 .infobox.sisterproject {
112    width: 20em;
113    font-size: 90%;
114 }
115 
116 /* styles for bordered infobox with merged rows */
117 .infobox.bordered .mergedtoprow td,
118 .infobox.bordered .mergedtoprow th {
119    border: 0;
120    border-top: 1px solid #aaaaaa;
121    border-right: 1px solid #aaaaaa;
122 }
123 
124 .infobox.bordered .mergedrow td,
125 .infobox.bordered .mergedrow th {
126    border: 0;
127    border-right: 1px solid #aaaaaa;
128 }
129 
130 
131 /* Removes useless links from printout */
132 @media print {
133     .portlet, #privacy, #about, #disclaimer {display:none;}
134 }
135 
136 /* Banner Styles used in EduTech wiki 
137  - use class names like Banner_xxxx
138  */
139 
140 .Banner_incomplete {
141   float:right;
142   clear:right;
143   width:200px;
144   border:1px solid orange;
145   background-color:#FFFACD;
146   padding:7px; 
147   margin-bottom: 10px;
148   margin-left: 1em;
149 }
150 
151 .Banner_tutorial {
152   float:right;
153   clear:right;
154   width:200px;
155   border:1px solid blue;
156   background-color:#F8C9E4;
157   padding:7px; 
158   margin-bottom: 10px;
159   margin-left: 1em;
160 }
161 
162 .tut_goals{
163   background-color:#F8C9E4;
164   padding:7px; 
165   margin-bottom: 10px;
166   border:1px solid #AAAAAA;
167 }
168 
169 .Banner_copyright{
170   background-color:#d0f0c0;
171   padding:7px; 
172   margin-bottom: 10px;
173   border:1px solid #AAAAAA;
174 }
175 
176 /* Style for the source code tag */
177 
178 .actionscript{
179   background-color:#FFFFEE;
180   padding:7px; 
181   margin-bottom: 10px;
182   border:1px #AAAAAA solid;
183 }
184 
185 /* Tag cloud extension CSS */
186 
187 .tagcloud {
188 	width: 95%;
189 	text-align: center;
190 	background-color: #FDFDFD;
191 	border: 1px solid #EEEEEE;
192 	padding: 15px 10px 15px 10px;
193  }
194  .tagcloud a {
195 	color: #0052CB;
196 	margin-left: 10px;
197 	margin-right: 10px;
198 	font-weight: bold;
199  }
200 
201 /* See http://svn.wikimedia.org/svnroot/mediawiki/trunk/extensions/PageBy/README */
202 ul.pageby {
203     border:1px solid #60606F;
204     background-color:#E0E0EF;
205     font-size: 80%;
206     margin:1ex;
207     padding:1ex;
208     list-style-type:none;
209   }
210 
211 /* category tree - first is just for portlet - second for all trees */
212 #p-categorytree-portlet {font-size: 85% } 
213 .CategoryTreeTag {font-size: 85%; }
214 
215 /* Syntaxhighlight geshi */
216 div.mw-geshi {
217   border: 1px dotted grey;
218   padding: 2px; 
219   margin-left:1em;
220   margin-top:2px;
221   margin-right:2px;
222   margin-bottom:2px;
223   font-size: 120%
224 }
225 
226 code {
227   border: 1px solid #ddd;
228   padding: 1px 4px;
229   border-radius: 2px;
230 }
231 
232 /*
233 </pre>
234  */