Database changes have finished applying - please report any issues you're (still) seeing to support@shoutwiki.com.
MediaWiki:Common.css
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 /* But slow to MediaWiki:Mobile.css
3 /* So copy this whole page to
4 /* http://cannabis.shoutwiki.com/wiki/MediaWiki:Mobile.css */
5
6 /* https://en.wikipedia.org/wiki/Wikipedia:Catalogue_of_CSS_classes
7 /* https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
8 /* https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector
9 /* https://phabricator.wikimedia.org/diffusion/?view=markup */
10
11 /* User CSS page changes can show up instantly or up to around 15 seconds with Ctrl-F5, etc...
12 /* CSS changes made here may take up to 5 minutes to show up. Often it is very fast.
13 /* Your user personal CSS page:
14 /* http://cannabis.shoutwiki.com/wiki/Special:MyPage/common.css
15 /* Additional measures to try after waiting longer for CSS changes here:
16 /* Try purging: https://www.mediawiki.org/wiki/Manual:Purge
17 /* Click on the history link, and substitute "purge" for "history" in the URL.
18 /* If nothing after days, go to http://www.shoutwiki.com/wiki/Special:Contact */
19
20
21 /* === Collapsible elements. Toggle link moved to left. ===
22 /* Margins around it adjusted.
23 /* https://community.fandom.com/wiki/Thread:1104268
24 /* https://community.wikia.com/wiki/Thread:499656
25 /* https://community.wikia.com/wiki/Help:Collapsing
26 /* https://cannabis.wikia.com/wiki/MediaWiki:Wikia.css
27 /* https://community.fandom.com/f/p/4400000000003097153
28 /* https://www.mediawiki.org/wiki/Manual:Collapsible_elements#Move_toggle_link_to_the_left */
29
30 .mw-collapsible span.mw-collapsible-toggle {
31 float: left;
32 margin-left: 0;
33 margin-right: 1em;
34 }
35
36
37 /* === Make bullet color and color of brackets around "edit" same as text color. ===
38 /* http://cannabis.shoutwiki.com/wiki/User:Timeshifter/Sandbox23
39 /* https://en.wikipedia.org/wiki/Wikipedia:Reference_desk/Computing#How_can_I_make_the_bullets_and_brackets_white_in_this_dark_background?
40 /* https://developer.mozilla.org/en-US/docs/Web/CSS/unset */
41
42 ul {list-style-image: unset;}
43 h1,h2,h3,h4,h5,h6 {color: unset;}
44
45
46 /* === Black background. Used mainly for small divs and tables ===
47 /* Plain text color, and link color, are also set.
48 /* Allows use on the news list, news archive, and on multiple wikis.
49 /* !important necessary on Shoutwiki and Wikia to override
50 /* class=wikitable colors */
51
52 .blackbackground {
53 background-color: black !important;
54 color: white !important;
55 padding: 3px;
56 }
57 .blackbackground a:link { color: lime !important; }
58 .blackbackground a:visited { color: palegreen !important; }
59
60 .blackbackground div.thumbinner {
61 background-color: inherit;
62 }
63 /* div.thumbinner is for background color
64 /* for transparent images and image captions */
65
66
67 /* === Dark background color. Link colors too. ===
68 /* https://community.fandom.com/wiki/Thread:1666538
69 /* https://cannabis.wikia.org/wiki/Template:News_list_beta/Sandbox (protected).
70 /* https://cannabis.wikia.org/wiki/Template:News_list_beta/Sandbox2 (protected).
71 /* https://cannabis.wikia.org/wiki/Template:News_list_beta/Sandbox3 (unprotected).
72 /* https://htmldog.com/guides/css/intermediate/pseudoclasses
73 /* https://htmldog.com/guides/css/intermediate/classid
74 /* https://en.wikipedia.org/wiki/Web_colors
75 /* Clear recent history to reset all links to unvisited color.
76 /* https://cannabis.wikia.org/wiki/Special:ThemeDesigner
77 /* Theme designer colors can be found via these methods:
78 /* Link text: Firefox > tools menu > web developer > eye dropper.
79 /* a:visited color in Qualaroo.css file from page save.
80 /* Used class=darkbackground here:
81 /* http://cannabis.shoutwiki.com/wiki/Template:News_list
82 /* Heading color CSS info:
83 /* http://cannabis.shoutwiki.com/wiki/User:Timeshifter/Sandbox23 */
84
85 .darkbackground {
86 background-color: maroon !important;
87 color: white !important;
88 padding: 3px;
89 }
90 .darkbackground a:link { color: lime !important; }
91 .darkbackground a:visited { color: palegreen !important; }
92
93 .darkbackground div.thumbinner {
94 background-color: inherit;
95 }
96 /* div.thumbinner is for background color
97 /* for transparent images and image captions */
98
99
100
101 /* === Dark background 2. class=darkbackground2. ===
102 /* It is not working on iPhone SE 2020 cell phone.
103 /* On both "full site" or "mobile" setting.
104 /* On Roswell template. */
105 .darkbackground2 {
106 background-color: darkviolet !important;
107 color: white !important;
108 padding: 3px;
109 }
110 .darkbackground2 a:link { color: lime !important; }
111 .darkbackground2 a:visited { color: palegreen !important; }
112
113 .darkbackground2 div.thumbinner {
114 background-color: inherit;
115 }
116 /* div.thumbinner is for background color
117 /* for transparent images and image captions */
118
119
120
121 /* === Yellow background. class=yellowbackground. ===
122 /* https://en.wikipedia.org/wiki/Help:Link_color */
123
124 .yellowbackground {
125 background-color: yellow !important;
126 color: black !important;
127 padding: 3px;
128 }
129 .yellowbackground a:link { color: blue !important; }
130 .yellowbackground a:visited { color: blue !important; }
131
132 .yellowbackground div.thumbinner {
133 background-color: inherit;
134 }
135 /* div.thumbinner is for background color
136 /* for transparent images and image captions */
137
138
139
140 /* === Long image filenames in categories, etc. ===
141 /* Long filenames are the default setting on the Commons. Via a default gadget.
142 /* https://commons.wikimedia.org/wiki/Special:Preferences#mw-prefsection-gadgets
143 /* https://commons.wikimedia.org/wiki/Special:Gadgets
144 /* https://commons.wikimedia.org/wiki/MediaWiki:Gadget-Long-Image-Names-in-Categories.css
145 /* More info: http://www.shoutwiki.com/wiki/Forum:Long_image_names_in_categories */
146
147 /* Long filenames on category pages */
148 #mw-category-media .galleryfilename-truncate,
149 /* Long filenames on special pages (new files etc.) */
150 .ns-special .galleryfilename-truncate {
151 white-space: normal;
152 overflow: visible;
153 display: inline;
154 }
155
156 #mw-category-media .galleryfilename-truncate:after,
157 .ns-special .galleryfilename-truncate:after {
158 content: '\A';
159 white-space: pre;
160 white-space: pre-wrap; /* Workaround for Chromium bug which seems to apply the rule to the whole line, breaking text wrapping with 'pre' */
161 }
162
163
164
165 /* === Easy method of auto numbering of table rows ===
166 /* Just add class="sortable autonumber" to top line of table wikitext.
167 /* This is Yair_rand's CSS (slightly adapted). See his CSS and comment:
168 /* See https://phabricator.wikimedia.org/T42618#434018 */
169
170 table.autonumber > tbody {
171 counter-reset: autonumbering;
172 }
173 table.autonumber > tbody > tr::before {
174 counter-increment: autonumbering;
175 content: counter(autonumbering);
176 }
177 table.autonumber > thead > tr::before {
178 content: " ";
179 }
180 table.autonumber > thead > tr::before, table.autonumber > tbody > tr::before
181 {
182 display: table-cell;
183 padding: 0.2em;
184 border: 1px solid;
185 vertical-align: middle;
186 text-align: center;
187 }
188
189
190
191 /* === Automatic row numbering of some tables ===
192 /* This is the hard method.
193 /* This method is no longer used here except in tests, sandboxes, etc..
194 /* This CSS is kept mainly so old revisions work for showing others.
195 /* For example:
196 /* http://cannabis.shoutwiki.com/w/index.php?title=2014list&oldid=21668
197 /* http://cannabis.shoutwiki.com/w/index.php?title=GMMcities&oldid=6398
198 /* Add class=rownumber to top line of table.
199 /* Add class=rownumber-value to first cell in each row.
200 /* Info: en.wikipedia.org/wiki/User:Timeshifter/Sandbox33
201 /* https://phabricator.wikimedia.org/T42618 */
202
203 table.rownumber {
204 counter-reset: tablerownumber;
205 }
206 table.rownumber td.rownumber-value:before {
207 content: counter(tablerownumber);
208 counter-increment: tablerownumber;
209 }
210
211
212
213 /* === CSS below is for the Casebook page, and is from here: ===
214 /* https://web.archive.org/web/20110317003137/https://open.umich.edu/wiki/MediaWiki:Common.css
215 /* Casebook: http://cannabis.shoutwiki.com/wiki/Casebook */
216
217 .greenSection {
218
219 border:1px solid #B8ec00;
220 background:#F9FFEE;
221 vertical-align:top;
222 color:#000;
223 padding:0.5em 0.5em;
224 -moz-border-radius: 15px;
225 border-radius: 15px;
226
227 }
228
229 .greenHeader {
230
231 margin:0;
232 background:#99CC9C;
233 font-size:120%;
234 font-weight:bold;
235 border:1px solid #B8ec00;
236 text-align:left;
237 color:#000;
238 padding:0.2em 0.4em;
239 -moz-border-radius: 15px;
240 border-radius: 15px;
241
242 }
243
244 .yellowSection {
245
246 border:1px solid #FFF000;
247 background:#FFFFEE;
248 vertical-align:top;
249 color:#000;
250 padding:0.5em 0.5em;
251 -moz-border-radius: 15px;
252 border-radius: 15px;
253
254 }
255
256 .yellowHeader {
257
258 margin:0;
259 background:#FFFFCC;
260 font-size:120%;
261 font-weight:bold;
262 border:1px solid #FFF000;
263 text-align:left;
264 color:#000;
265 padding:0.2em 0.4em;
266 -moz-border-radius: 15px;
267 border-radius: 15px;
268
269 }
270
271 .blueSection {
272
273 border:1px solid #95d0fc;
274 background:#EEF6FF;
275 vertical-align:top;
276 color:#000;
277 padding:0.5em 0.5em;
278 -moz-border-radius: 15px;
279 border-radius: 15px;
280
281 }
282
283 .blueHeader {
284
285 margin:0;
286 background:#CCE5FE;
287 font-size:120%;
288 font-weight:bold;
289 border:1px solid #95d0fc;
290 text-align:left;
291 color:#000;
292 padding:0.2em 0.4em;
293 -moz-border-radius: 15px;
294 border-radius: 15px;
295
296 }
297
298 .graySection {
299
300 border:1px solid #777777;
301 background:#dddddd;
302 vertical-align:top;
303 color:#000;
304 padding:0.5em 0.5em;
305 -moz-border-radius: 15px;
306 border-radius: 15px;
307
308 }
309
310 .grayHeader {
311
312 margin:0;
313 background:#bbbbbb;
314 font-size:120%;
315 font-weight:bold;
316 border:1px solid #444444;
317 text-align:left;
318 color:#000;
319 padding:0.2em 0.4em;
320 -moz-border-radius: 15px;
321 border-radius: 15px;
322
323 }
324
325 .orangeSection {
326
327 border:1px solid #ff7722;
328 background:#FFCC99;
329 vertical-align:top;
330 color:#000;
331 padding:0.5em 0.5em;
332 -moz-border-radius: 15px;
333 border-radius: 15px;
334
335 }
336
337 .orangeHeader {
338
339 margin:0;
340 background:#FF9657;
341 font-size:120%;
342 font-weight:bold;
343 border:1px solid #ff7722;
344 text-align:left;
345 color:#000;
346 padding:0.2em 0.4em;
347 -moz-border-radius: 15px;
348 border-radius: 15px;
349
350 }
351
352 .generated-sidebar, .portlet h5 {
353
354 font-weight:bold;
355
356 }
357
358 /* end of Casebook CSS */