Database changes have finished applying - please report any issues you're (still) seeing to support@shoutwiki.com.

MediaWiki:Common.css

From Cannabis
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 */