Difference between revisions of "MediaWiki:Common.css"

From GMOD
Jump to: navigation, search
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 h1.firstHeading {  
+
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 */
div.logos div.thumb, div.componentBox div.thumb { display: inline-block; width: 260px; text-align: center; }
+
.logos .thumb, .componentBox .thumb { display: inline-block; width: 260px; text-align: center; }
div.logos div.thumb { margin: 0 10px }
+
.logos .thumb { margin: 0 10px }
div.logos div.thumbinner, div.componentBox div.thumbinner { background: inherit; border: 1px solid transparent; }
+
.logos .thumbinner, .componentBox .thumbinner { background: inherit; border: 1px solid transparent; }
div.logos .thumbimage, div.componentBox .thumbimage { border: 1px solid transparent; }
+
.logos .thumbimage, .componentBox .thumbimage { border: 1px solid transparent; }
div.logos div.thumbinner div.magnify, div.componentBox div.thumbinner div.magnify { display: none; }
+
.logos .thumbinner .magnify, .componentBox .thumbinner .magnify { display: none; }
div.logos div.thumbinner div.thumbcaption, div.componentBox div.thumbinner div.thumbcaption { text-align: center; }
+
.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: bold;
+
   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%;
+
/*        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;
        /* font-weight: bold; */
 
 
  }
 
  }
 
 
/* ========================================================== */
 
/* ========================================================== */
 
/* 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) {
+
}
 +
@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) {
+
}
 +
@media only screen and (min-width: 480px) and (max-width: 767px) {
 +
.page-Main_Page .componentBox {
 
width: 50%;
 
width: 50%;
 
}
 
}
@media only screen and (min-width: 768px) {
+
}
width: 20em;
+
}
+
 
   
 
   
}}
 
 
 
.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;
 
}
 
}
 
+
#toc {
+
/*
margin: 1em 0;
+
}
+
 
+
 
.small {
 
.small {
 
font-size: 10px;
 
font-size: 10px;
line-height: 19px; /* ugly! */
+
line-height: 19px;
 
}
 
}
 
+
 
pre, .enter {
 
pre, .enter {
line-height: 19px; /* ugly!! */
+
line-height: 19px;
 
}
 
}
 
+
*/
## niceCategoryList lame css
+
/* niceCategoryList lame css
## table.category_link td { padding-left: 1 em; padding-right: 1 em; }
+
table.category_link td { padding-left: 1 em; padding-right: 1 em; }
 
+
*/
## for RSS feeds
+
 
.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; }