Difference between revisions of "MediaWiki:Common.css"
From GMOD
m |
m |
||
Line 1: | Line 1: | ||
/** CSS placed here will be applied to all skins */ | /** CSS placed here will be applied to all skins */ | ||
− | + | ||
/* Don't display Main Page on main page. Code from the MediaWiki Manual FAQ. */ | /* Don't display Main Page on main page. Code from the MediaWiki Manual FAQ. */ | ||
− | body.page-Main_Page | + | body.page-Main_Page .firstHeading { |
display:none; | display:none; | ||
} | } | ||
− | + | ||
/* some hacks to get the floating logos to look nice */ | /* some hacks to get the floating logos to look nice */ | ||
− | + | .logos .thumb, .componentBox .thumb { display: inline-block; width: 260px; text-align: center; } | |
− | + | .logos .thumb { margin: 0 10px } | |
− | + | .logos .thumbinner, .componentBox .thumbinner { background: inherit; border: 1px solid transparent; } | |
− | + | .logos .thumbimage, .componentBox .thumbimage { border: 1px solid transparent; } | |
− | + | .logos .thumbinner .magnify, .componentBox .thumbinner .magnify { display: none; } | |
− | + | .logos .thumbinner .thumbcaption, .componentBox .thumbinner .thumbcaption { text-align: center; } | |
− | + | ||
html, body { font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; } | html, body { font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; } | ||
tt, pre, .enter { | tt, pre, .enter { | ||
font-family: "Lucida Console", Monaco,"Courier New", Courier, monospace; | font-family: "Lucida Console", Monaco,"Courier New", Courier, monospace; | ||
} | } | ||
− | + | ||
.floatL { float: left; } | .floatL { float: left; } | ||
.clearL { clear: left; } | .clearL { clear: left; } | ||
Line 24: | Line 24: | ||
.clearR { clear: right; } | .clearR { clear: right; } | ||
.clear { clear: both } | .clear { clear: both } | ||
− | + | ||
.C { text-align: center; } | .C { text-align: center; } | ||
.R, .R td { text-align: right; } | .R, .R td { text-align: right; } | ||
.noborder { border: 0 none;} | .noborder { border: 0 none;} | ||
.zero { margin: 0; padding: 0; border: 0 none; } | .zero { margin: 0; padding: 0; border: 0 none; } | ||
− | + | ||
/* Used in Site Guidelines page to highlight guidelines */ | /* Used in Site Guidelines page to highlight guidelines */ | ||
.guideline { | .guideline { | ||
background: #eeffee; /* light green */ | background: #eeffee; /* light green */ | ||
− | font-weight: | + | font-weight: 500; |
border: 1px solid #9999ff; | border: 1px solid #9999ff; | ||
padding: 0.5em; | padding: 0.5em; | ||
} | } | ||
− | + | ||
− | + | ||
/* Adding wikitable and prettytable from wikipedia. */ | /* Adding wikitable and prettytable from wikipedia. */ | ||
/* wikitable/prettytable class for skinning normal tables | /* wikitable/prettytable class for skinning normal tables | ||
Line 47: | Line 47: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
− | + | ||
.wikitable th, .wikitable td { | .wikitable th, .wikitable td { | ||
border: 1px #aaa solid; | border: 1px #aaa solid; | ||
padding: 0.2em 0.4em; | padding: 0.2em 0.4em; | ||
} | } | ||
− | + | ||
.wikitable th { | .wikitable th { | ||
background: #f2f2f2; | background: #f2f2f2; | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | + | ||
.wikitable caption { | .wikitable caption { | ||
margin-left: inherit; | margin-left: inherit; | ||
Line 63: | Line 63: | ||
font-weight: bold; | font-weight: bold; | ||
} */ | } */ | ||
− | + | ||
.prettytable code { | .prettytable code { | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
− | + | ||
/* ======================================================= */ | /* ======================================================= */ | ||
/* Special settings for Chado table descriptions, themselves | /* Special settings for Chado table descriptions, themselves | ||
* shown in mediawiki tables. */ | * shown in mediawiki tables. */ | ||
− | + | ||
.chadotable { | .chadotable { | ||
background: #ffddbb; | background: #ffddbb; | ||
} | } | ||
− | + | ||
.chadotable th { | .chadotable th { | ||
background: #ffccaa; | background: #ffccaa; | ||
} | } | ||
− | + | ||
− | + | ||
/* ======================================================= */ | /* ======================================================= */ | ||
/* Highlight parts of shell script interactions */ | /* Highlight parts of shell script interactions */ | ||
− | + | ||
/* Highlight text that needs to be typed by the user. */ | /* Highlight text that needs to be typed by the user. */ | ||
div.enter { | div.enter { | ||
Line 90: | Line 90: | ||
background-color: #F9F9F9; | background-color: #F9F9F9; | ||
} | } | ||
− | + | ||
.enter { | .enter { | ||
font-weight: bold; | font-weight: bold; | ||
color: #004444; | color: #004444; | ||
} | } | ||
− | + | ||
/* Highlight commands that users should not do. */ | /* Highlight commands that users should not do. */ | ||
.dont { | .dont { | ||
background-color: #ffff77; | background-color: #ffff77; | ||
} | } | ||
− | + | ||
/* ========================================================= */ | /* ========================================================= */ | ||
/* Tutorial Headers */ | /* Tutorial Headers */ | ||
− | + | ||
.tutorialheader { | .tutorialheader { | ||
font-size: 160%; | font-size: 160%; | ||
Line 115: | Line 115: | ||
padding: 1em; | padding: 1em; | ||
} | } | ||
− | + | ||
− | + | ||
/* ========================================================= */ | /* ========================================================= */ | ||
/* Styles for the WikiCategoryTagCloud extension. */ | /* Styles for the WikiCategoryTagCloud extension. */ | ||
.tagcloud { | .tagcloud { | ||
− | + | /* width: 98%; */ | |
text-align: center; | text-align: center; | ||
background-color: #FDFDFD; | background-color: #FDFDFD; | ||
Line 131: | Line 131: | ||
margin-left: 10px; | margin-left: 10px; | ||
margin-right: 10px; | margin-right: 10px; | ||
− | |||
} | } | ||
− | |||
/* ========================================================== */ | /* ========================================================== */ | ||
/* Indent a whole section, without any other emphasis. */ | /* Indent a whole section, without any other emphasis. */ | ||
− | + | ||
.indent { | .indent { | ||
margin: 0 2em; | margin: 0 2em; | ||
} | } | ||
− | + | ||
/* ========================================================== */ | /* ========================================================== */ | ||
/* Emphasize a whole section | /* Emphasize a whole section | ||
Line 146: | Line 144: | ||
* For example, font size may be increased, or the border color changed. | * For example, font size may be increased, or the border color changed. | ||
*/ | */ | ||
− | + | ||
.emphasisbox { | .emphasisbox { | ||
margin: 2em 10%; | margin: 2em 10%; | ||
Line 153: | Line 151: | ||
background-color: #ffffdd; | background-color: #ffffdd; | ||
} | } | ||
− | + | ||
/* ========================================================== */ | /* ========================================================== */ | ||
/* Quote box | /* Quote box | ||
* Less emphasis than, well, an emphasis box! | * Less emphasis than, well, an emphasis box! | ||
*/ | */ | ||
− | + | ||
.quotebox { | .quotebox { | ||
margin: 1em; | margin: 1em; | ||
Line 164: | Line 162: | ||
border-left: 3px #cccccc solid; | border-left: 3px #cccccc solid; | ||
} | } | ||
− | + | ||
/* ========================================================== */ | /* ========================================================== */ | ||
/* Image cloud at bottom of home page (and maybe elsewhere?) | /* Image cloud at bottom of home page (and maybe elsewhere?) | ||
*/ | */ | ||
− | + | ||
.imagecloud img { | .imagecloud img { | ||
padding-bottom: 0.5em; | padding-bottom: 0.5em; | ||
padding-right: 0.5em; | padding-right: 0.5em; | ||
} | } | ||
− | + | ||
/* ========================================================== */ | /* ========================================================== */ | ||
/* Get rid of the default MediaWiki book. We are not an encyclopedia. To restore it, comment out the body statement below. | /* Get rid of the default MediaWiki book. We are not an encyclopedia. To restore it, comment out the body statement below. | ||
*/ | */ | ||
body { background: #f3f3f3; } | body { background: #f3f3f3; } | ||
− | + | ||
/* ========================================================== */ | /* ========================================================== */ | ||
/* Floating links box on the component pages */ | /* Floating links box on the component pages */ | ||
Line 193: | Line 191: | ||
width: 150px; | width: 150px; | ||
} | } | ||
− | + | ||
.componentBox li a { /* display: block; */ } | .componentBox li a { /* display: block; */ } | ||
.componentBox ul, .componentBox ol { list-style-type: none; list-style-image: none; margin: 0 } | .componentBox ul, .componentBox ol { list-style-type: none; list-style-image: none; margin: 0 } | ||
.componentBox .compBoxHdr { margin-top: 0.5em; color: #000; background: #ADD8E6; padding: 0.5em; font-weight: bold; } | .componentBox .compBoxHdr { margin-top: 0.5em; color: #000; background: #ADD8E6; padding: 0.5em; font-weight: bold; } | ||
− | + | ||
.page-Main_Page .componentBox { | .page-Main_Page .componentBox { | ||
− | text-align: left; | + | text-align: left; |
− | width: 20em; | + | width: 20em; |
− | + | } | |
+ | @media only screen and (max-width: 479px) { | ||
+ | .page-Main_Page .componentBox { | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | + | } | |
+ | @media only screen and (min-width: 480px) and (max-width: 767px) { | ||
+ | .page-Main_Page .componentBox { | ||
width: 50%; | width: 50%; | ||
} | } | ||
− | + | } | |
− | + | ||
− | + | ||
− | |||
− | |||
.page-Main_Page .compBoxHdr { | .page-Main_Page .compBoxHdr { | ||
text-align: center; | text-align: center; | ||
Line 219: | Line 217: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
− | + | ||
.page-Main_Page .componentBox .rss li { | .page-Main_Page .componentBox .rss li { | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
− | + | ||
.page-Main_Page .componentBox ul ul { | .page-Main_Page .componentBox ul ul { | ||
font-weight: normal; | font-weight: normal; | ||
padding-left: 1em; | padding-left: 1em; | ||
} | } | ||
− | + | ||
− | + | /* | |
− | + | ||
− | + | ||
− | + | ||
.small { | .small { | ||
font-size: 10px; | font-size: 10px; | ||
− | line-height: 19px; | + | line-height: 19px; |
} | } | ||
− | + | ||
pre, .enter { | pre, .enter { | ||
− | line-height: 19px; | + | line-height: 19px; |
} | } | ||
− | + | */ | |
− | + | /* niceCategoryList lame css | |
− | + | table.category_link td { padding-left: 1 em; padding-right: 1 em; } | |
− | + | */ | |
− | + | ||
.RSSReader-head { | .RSSReader-head { | ||
text-align: center; | text-align: center; | ||
Line 263: | Line 258: | ||
} | } | ||
#content .rss h3 a { color: #4E507F } | #content .rss h3 a { color: #4E507F } | ||
− | + | ||
cite { font-style: normal; } | cite { font-style: normal; } | ||
.hcite .journal { font-style: italic; } | .hcite .journal { font-style: italic; } | ||
.hcite .volume { font-weight: bold; } | .hcite .volume { font-weight: bold; } | ||
− | + | ||
/* class for news footer items. Adding clear */ | /* class for news footer items. Adding clear */ | ||
.newsfooter { | .newsfooter { | ||
Line 278: | Line 273: | ||
clear: both; | clear: both; | ||
} | } | ||
− | + | ||
.intro { font-size: 1.25em; } | .intro { font-size: 1.25em; } |
Revision as of 22:25, 25 September 2013
/** CSS placed here will be applied to all skins */ /* Don't display Main Page on main page. Code from the MediaWiki Manual FAQ. */ body.page-Main_Page .firstHeading { display:none; } /* some hacks to get the floating logos to look nice */ .logos .thumb, .componentBox .thumb { display: inline-block; width: 260px; text-align: center; } .logos .thumb { margin: 0 10px } .logos .thumbinner, .componentBox .thumbinner { background: inherit; border: 1px solid transparent; } .logos .thumbimage, .componentBox .thumbimage { border: 1px solid transparent; } .logos .thumbinner .magnify, .componentBox .thumbinner .magnify { display: none; } .logos .thumbinner .thumbcaption, .componentBox .thumbinner .thumbcaption { text-align: center; } html, body { font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; } tt, pre, .enter { font-family: "Lucida Console", Monaco,"Courier New", Courier, monospace; } .floatL { float: left; } .clearL { clear: left; } .floatR { float: right; } .clearR { clear: right; } .clear { clear: both } .C { text-align: center; } .R, .R td { text-align: right; } .noborder { border: 0 none;} .zero { margin: 0; padding: 0; border: 0 none; } /* Used in Site Guidelines page to highlight guidelines */ .guideline { background: #eeffee; /* light green */ font-weight: 500; border: 1px solid #9999ff; padding: 0.5em; } /* Adding wikitable and prettytable from wikipedia. */ /* wikitable/prettytable class for skinning normal tables .wikitable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } .wikitable th, .wikitable td { border: 1px #aaa solid; padding: 0.2em 0.4em; } .wikitable th { background: #f2f2f2; text-align: center; } .wikitable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } */ .prettytable code { background-color: transparent; } /* ======================================================= */ /* Special settings for Chado table descriptions, themselves * shown in mediawiki tables. */ .chadotable { background: #ffddbb; } .chadotable th { background: #ffccaa; } /* ======================================================= */ /* Highlight parts of shell script interactions */ /* Highlight text that needs to be typed by the user. */ div.enter { padding: 1em; border: 1px dashed #2F6FAB; background-color: #F9F9F9; } .enter { font-weight: bold; color: #004444; } /* Highlight commands that users should not do. */ .dont { background-color: #ffff77; } /* ========================================================= */ /* Tutorial Headers */ .tutorialheader { font-size: 160%; margin: 0px auto; /* center it */ background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; vertical-align: middle; } .tutorialheader td { padding: 1em; } /* ========================================================= */ /* Styles for the WikiCategoryTagCloud extension. */ .tagcloud { /* width: 98%; */ text-align: center; background-color: #FDFDFD; border: 1px solid #EEEEEE; padding: 15px 10px 15px 10px; } .tagcloud a { color: #0052CB; margin-left: 10px; margin-right: 10px; } /* ========================================================== */ /* Indent a whole section, without any other emphasis. */ .indent { margin: 0 2em; } /* ========================================================== */ /* Emphasize a whole section * Details of this may change over time as other types of boxes are added. * For example, font size may be increased, or the border color changed. */ .emphasisbox { margin: 2em 10%; padding: 1em; border: 2px #004040 solid; background-color: #ffffdd; } /* ========================================================== */ /* Quote box * Less emphasis than, well, an emphasis box! */ .quotebox { margin: 1em; padding: .5em 1em; border-left: 3px #cccccc solid; } /* ========================================================== */ /* Image cloud at bottom of home page (and maybe elsewhere?) */ .imagecloud img { padding-bottom: 0.5em; padding-right: 0.5em; } /* ========================================================== */ /* Get rid of the default MediaWiki book. We are not an encyclopedia. To restore it, comment out the body statement below. */ body { background: #f3f3f3; } /* ========================================================== */ /* Floating links box on the component pages */ .componentBox { float: right; margin-left: 1em; margin-bottom: 1em; padding-left: 0.5em; padding-right: 0.5em; border: 1px solid #888888; color: #000; background-color: #fafafa; text-align: center; width: 150px; } .componentBox li a { /* display: block; */ } .componentBox ul, .componentBox ol { list-style-type: none; list-style-image: none; margin: 0 } .componentBox .compBoxHdr { margin-top: 0.5em; color: #000; background: #ADD8E6; padding: 0.5em; font-weight: bold; } .page-Main_Page .componentBox { text-align: left; width: 20em; } @media only screen and (max-width: 479px) { .page-Main_Page .componentBox { width: 100%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .page-Main_Page .componentBox { width: 50%; } } .page-Main_Page .compBoxHdr { text-align: center; } .page-Main_Page .componentBox ul { font-weight: bold; } .page-Main_Page .componentBox .rss li { font-weight: normal; } .page-Main_Page .componentBox ul ul { font-weight: normal; padding-left: 1em; } /* .small { font-size: 10px; line-height: 19px; } pre, .enter { line-height: 19px; } */ /* niceCategoryList lame css table.category_link td { padding-left: 1 em; padding-right: 1 em; } */ .RSSReader-head { text-align: center; padding: 0.2em; border-bottom: 0.1em solid #aaa; } div.rss { margin: 0 0 20px 0; padding: 5px; border: 1px solid #D0D6F0; } div.rss h3 { background: #D0D6F0; padding: 2px 5px; margin: 0; } #content .rss h3 a { color: #4E507F } cite { font-style: normal; } .hcite .journal { font-style: italic; } .hcite .volume { font-weight: bold; } /* class for news footer items. Adding clear */ .newsfooter { font-size: .9em; text-align: center; background-color: #ddd; border: 1px solid #aaa; padding-left: 1em; padding-right: 1em; clear: both; } .intro { font-size: 1.25em; }