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 dotted grey;
 70  border-radius: 2px;
 71  background: #f9f9f9;
 72 }
 73 
 74 table.formtable caption {
 75  text-align:left;
 76  font-size:12pt;
 77 }
 78 
 79 /* Infobox template style */
 80 
 81  .infobox {
 82    border: 1px solid #aaaaaa;
 83    width:270px;
 84    background-color: #f9f9f9;
 85    color: black;
 86    margin-bottom: 0.5em;
 87    margin-left: 1em;
 88    padding: 0.2em;
 89    float: right;
 90 }
 91 .infobox td,
 92 .infobox th {
 93    border: 2px none #aaaaaa;
 94    padding: 0.2em 0.5em;
 95    border-bottom: 1px solid #f0f0f0 !important;
 96 }
 97 .infobox caption {
 98    font-size: larger;
 99    margin-left: inherit;
100 }
101 .infobox.bordered {
102    border-collapse: collapse;
103 }
104 .infobox.bordered td,
105 .infobox.bordered th {
106    border: 1px solid #aaaaaa;
107 }
108 .infobox.bordered .borderless td,
109 .infobox.bordered .borderless th {
110    border: 0;
111 }
112 
113 .infobox.sisterproject {
114    width: 20em;
115    font-size: 90%;
116 }
117 
118 /* styles for bordered infobox with merged rows */
119 .infobox.bordered .mergedtoprow td,
120 .infobox.bordered .mergedtoprow th {
121    border: 0;
122    border-top: 1px solid #aaaaaa;
123    border-right: 1px solid #aaaaaa;
124 }
125 
126 .infobox.bordered .mergedrow td,
127 .infobox.bordered .mergedrow th {
128    border: 0;
129    border-right: 1px solid #aaaaaa;
130 }
131 
132 
133 /* Removes useless links from printout */
134 @media print {
135     .portlet, #privacy, #about, #disclaimer {display:none;}
136 }
137 
138 /* Banner Styles used in EduTech wiki 
139  - use class names like Banner_xxxx
140  */
141 
142 .Banner_incomplete {
143   float:right;
144   clear:right;
145   width:200px;
146   border:1px solid orange;
147   background-color:#FFFACD;
148   padding:7px; 
149   margin-bottom: 10px;
150   margin-left: 1em;
151 }
152 
153 .Banner_tutorial {
154   float:right;
155   clear:right;
156   width:200px;
157   border:1px solid blue;
158   background-color:#F8C9E4;
159   padding:7px; 
160   margin-bottom: 10px;
161   margin-left: 1em;
162 }
163 
164 .tut_goals{
165   background-color:#F8C9E4;
166   padding:7px; 
167   margin-bottom: 10px;
168   border:1px solid #AAAAAA;
169 }
170 
171 .Banner_copyright{
172   background-color:#d0f0c0;
173   padding:7px; 
174   margin-bottom: 10px;
175   border:1px solid #AAAAAA;
176 }
177 
178 /* Style for the source code tag */
179 
180 .actionscript{
181   background-color:#FFFFEE;
182   padding:7px; 
183   margin-bottom: 10px;
184   border:1px #AAAAAA solid;
185 }
186 
187 /* Tag cloud extension CSS */
188 
189 .tagcloud {
190 	width: 95%;
191 	text-align: center;
192 	background-color: #FDFDFD;
193 	border: 1px solid #EEEEEE;
194 	padding: 15px 10px 15px 10px;
195  }
196  .tagcloud a {
197 	color: #0052CB;
198 	margin-left: 10px;
199 	margin-right: 10px;
200 	font-weight: bold;
201  }
202 
203 /* See http://svn.wikimedia.org/svnroot/mediawiki/trunk/extensions/PageBy/README */
204 ul.pageby {
205     border:1px solid #60606F;
206     background-color:#E0E0EF;
207     font-size: 80%;
208     margin:1ex;
209     padding:1ex;
210     list-style-type:none;
211   }
212 
213 /* category tree - first is just for portlet - second for all trees */
214 #p-categorytree-portlet {font-size: 85% } 
215 .CategoryTreeTag {font-size: 85%; }
216 
217 /* Syntaxhighlight geshi */
218 div.mw-geshi {
219   border: 1px dotted grey;
220   padding: 2px; 
221   margin-left:1em;
222   margin-top:2px;
223   margin-right:2px;
224   margin-bottom:2px;
225   font-size: 120%
226 }
227 
228 code {
229   border: 1px solid #ddd;
230   padding: 1px 4px;
231   border-radius: 2px;
232 }
233 
234 /*
235 </pre>
236  */