MediaWiki:Common.css
Jump to navigation
Jump to search
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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
/* But slow to MediaWiki:Mobile.css
/* So copy this whole page to
/* http://cannabis.shoutwiki.com/wiki/MediaWiki:Mobile.css */
/* https://en.wikipedia.org/wiki/Wikipedia:Catalogue_of_CSS_classes
/* https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
/* https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector
/* https://phabricator.wikimedia.org/diffusion/?view=markup */
/* User CSS page changes can show up instantly or up to around 15 seconds with Ctrl-F5, etc...
/* CSS changes made here may take up to 5 minutes to show up. Often it is very fast.
/* Your user personal CSS page:
/* http://cannabis.shoutwiki.com/wiki/Special:MyPage/common.css
/* Additional measures to try after waiting longer for CSS changes here:
/* Try purging: https://www.mediawiki.org/wiki/Manual:Purge
/* Click on the history link, and substitute "purge" for "history" in the URL.
/* If nothing after days, go to http://www.shoutwiki.com/wiki/Special:Contact */
/* === Collapsible elements. Toggle link moved to left. ===
/* Margins around it adjusted.
/* https://community.fandom.com/wiki/Thread:1104268
/* https://community.wikia.com/wiki/Thread:499656
/* https://community.wikia.com/wiki/Help:Collapsing
/* https://cannabis.wikia.com/wiki/MediaWiki:Wikia.css
/* https://community.fandom.com/f/p/4400000000003097153
/* https://www.mediawiki.org/wiki/Manual:Collapsible_elements#Move_toggle_link_to_the_left */
.mw-collapsible span.mw-collapsible-toggle {
float: left;
margin-left: 0;
margin-right: 1em;
}
/* === Make bullet color and color of brackets around "edit" same as text color. ===
/* http://cannabis.shoutwiki.com/wiki/User:Timeshifter/Sandbox23
/* https://en.wikipedia.org/wiki/Wikipedia:Reference_desk/Computing#How_can_I_make_the_bullets_and_brackets_white_in_this_dark_background?
/* https://developer.mozilla.org/en-US/docs/Web/CSS/unset */
ul {list-style-image: unset;}
h1,h2,h3,h4,h5,h6 {color: unset;}
/* === Black background. Used mainly for small divs and tables ===
/* Plain text color, and link color, are also set.
/* Allows use on the news list, news archive, and on multiple wikis.
/* !important necessary on Shoutwiki and Wikia to override
/* class=wikitable colors */
.blackbackground {
background-color: black !important;
color: white !important;
padding: 3px;
}
.blackbackground a:link { color: lime !important; }
.blackbackground a:visited { color: palegreen !important; }
.blackbackground div.thumbinner {
background-color: inherit;
}
/* div.thumbinner is for background color
/* for transparent images and image captions */
/* === Dark background color. Link colors too. ===
/* https://community.fandom.com/wiki/Thread:1666538
/* https://cannabis.wikia.org/wiki/Template:News_list_beta/Sandbox (protected).
/* https://cannabis.wikia.org/wiki/Template:News_list_beta/Sandbox2 (protected).
/* https://cannabis.wikia.org/wiki/Template:News_list_beta/Sandbox3 (unprotected).
/* https://htmldog.com/guides/css/intermediate/pseudoclasses
/* https://htmldog.com/guides/css/intermediate/classid
/* https://en.wikipedia.org/wiki/Web_colors
/* Clear recent history to reset all links to unvisited color.
/* https://cannabis.wikia.org/wiki/Special:ThemeDesigner
/* Theme designer colors can be found via these methods:
/* Link text: Firefox > tools menu > web developer > eye dropper.
/* a:visited color in Qualaroo.css file from page save.
/* Used class=darkbackground here:
/* http://cannabis.shoutwiki.com/wiki/Template:News_list
/* Heading color CSS info:
/* http://cannabis.shoutwiki.com/wiki/User:Timeshifter/Sandbox23 */
.darkbackground {
background-color: maroon !important;
color: white !important;
padding: 3px;
}
.darkbackground a:link { color: lime !important; }
.darkbackground a:visited { color: palegreen !important; }
.darkbackground div.thumbinner {
background-color: inherit;
}
/* div.thumbinner is for background color
/* for transparent images and image captions */
/* === Dark background 2. class=darkbackground2. ===
/* It is not working on iPhone SE 2020 cell phone.
/* On both "full site" or "mobile" setting.
/* On Roswell template. */
.darkbackground2 {
background-color: darkviolet !important;
color: white !important;
padding: 3px;
}
.darkbackground2 a:link { color: lime !important; }
.darkbackground2 a:visited { color: palegreen !important; }
.darkbackground2 div.thumbinner {
background-color: inherit;
}
/* div.thumbinner is for background color
/* for transparent images and image captions */
/* === Yellow background. class=yellowbackground. ===
/* https://en.wikipedia.org/wiki/Help:Link_color */
.yellowbackground {
background-color: yellow !important;
color: black !important;
padding: 3px;
}
.yellowbackground a:link { color: blue !important; }
.yellowbackground a:visited { color: blue !important; }
.yellowbackground div.thumbinner {
background-color: inherit;
}
/* div.thumbinner is for background color
/* for transparent images and image captions */
/* === Long image filenames in categories, etc. ===
/* Long filenames are the default setting on the Commons. Via a default gadget.
/* https://commons.wikimedia.org/wiki/Special:Preferences#mw-prefsection-gadgets
/* https://commons.wikimedia.org/wiki/Special:Gadgets
/* https://commons.wikimedia.org/wiki/MediaWiki:Gadget-Long-Image-Names-in-Categories.css
/* More info: http://www.shoutwiki.com/wiki/Forum:Long_image_names_in_categories */
/* Long filenames on category pages */
#mw-category-media .galleryfilename-truncate,
/* Long filenames on special pages (new files etc.) */
.ns-special .galleryfilename-truncate {
white-space: normal;
overflow: visible;
display: inline;
}
#mw-category-media .galleryfilename-truncate:after,
.ns-special .galleryfilename-truncate:after {
content: '\A';
white-space: pre;
white-space: pre-wrap; /* Workaround for Chromium bug which seems to apply the rule to the whole line, breaking text wrapping with 'pre' */
}
/* === Easy method of auto numbering of table rows ===
/* Just add class="sortable autonumber" to top line of table wikitext.
/* This is Yair_rand's CSS (slightly adapted). See his CSS and comment:
/* See https://phabricator.wikimedia.org/T42618#434018 */
table.autonumber > tbody {
counter-reset: autonumbering;
}
table.autonumber > tbody > tr::before {
counter-increment: autonumbering;
content: counter(autonumbering);
}
table.autonumber > thead > tr::before {
content: " ";
}
table.autonumber > thead > tr::before, table.autonumber > tbody > tr::before
{
display: table-cell;
padding: 0.2em;
border: 1px solid;
vertical-align: middle;
text-align: center;
}
/* === Automatic row numbering of some tables ===
/* This is the hard method.
/* This method is no longer used here except in tests, sandboxes, etc..
/* This CSS is kept mainly so old revisions work for showing others.
/* For example:
/* http://cannabis.shoutwiki.com/w/index.php?title=2014list&oldid=21668
/* http://cannabis.shoutwiki.com/w/index.php?title=GMMcities&oldid=6398
/* Add class=rownumber to top line of table.
/* Add class=rownumber-value to first cell in each row.
/* Info: en.wikipedia.org/wiki/User:Timeshifter/Sandbox33
/* https://phabricator.wikimedia.org/T42618 */
table.rownumber {
counter-reset: tablerownumber;
}
table.rownumber td.rownumber-value:before {
content: counter(tablerownumber);
counter-increment: tablerownumber;
}
/* === CSS below is for the Casebook page, and is from here: ===
/* https://web.archive.org/web/20110317003137/https://open.umich.edu/wiki/MediaWiki:Common.css
/* Casebook: http://cannabis.shoutwiki.com/wiki/Casebook */
.greenSection {
border:1px solid #B8ec00;
background:#F9FFEE;
vertical-align:top;
color:#000;
padding:0.5em 0.5em;
-moz-border-radius: 15px;
border-radius: 15px;
}
.greenHeader {
margin:0;
background:#99CC9C;
font-size:120%;
font-weight:bold;
border:1px solid #B8ec00;
text-align:left;
color:#000;
padding:0.2em 0.4em;
-moz-border-radius: 15px;
border-radius: 15px;
}
.yellowSection {
border:1px solid #FFF000;
background:#FFFFEE;
vertical-align:top;
color:#000;
padding:0.5em 0.5em;
-moz-border-radius: 15px;
border-radius: 15px;
}
.yellowHeader {
margin:0;
background:#FFFFCC;
font-size:120%;
font-weight:bold;
border:1px solid #FFF000;
text-align:left;
color:#000;
padding:0.2em 0.4em;
-moz-border-radius: 15px;
border-radius: 15px;
}
.blueSection {
border:1px solid #95d0fc;
background:#EEF6FF;
vertical-align:top;
color:#000;
padding:0.5em 0.5em;
-moz-border-radius: 15px;
border-radius: 15px;
}
.blueHeader {
margin:0;
background:#CCE5FE;
font-size:120%;
font-weight:bold;
border:1px solid #95d0fc;
text-align:left;
color:#000;
padding:0.2em 0.4em;
-moz-border-radius: 15px;
border-radius: 15px;
}
.graySection {
border:1px solid #777777;
background:#dddddd;
vertical-align:top;
color:#000;
padding:0.5em 0.5em;
-moz-border-radius: 15px;
border-radius: 15px;
}
.grayHeader {
margin:0;
background:#bbbbbb;
font-size:120%;
font-weight:bold;
border:1px solid #444444;
text-align:left;
color:#000;
padding:0.2em 0.4em;
-moz-border-radius: 15px;
border-radius: 15px;
}
.orangeSection {
border:1px solid #ff7722;
background:#FFCC99;
vertical-align:top;
color:#000;
padding:0.5em 0.5em;
-moz-border-radius: 15px;
border-radius: 15px;
}
.orangeHeader {
margin:0;
background:#FF9657;
font-size:120%;
font-weight:bold;
border:1px solid #ff7722;
text-align:left;
color:#000;
padding:0.2em 0.4em;
-moz-border-radius: 15px;
border-radius: 15px;
}
.generated-sidebar, .portlet h5 {
font-weight:bold;
}
/* end of Casebook CSS */