MediaWiki:Common.css: Difference between revisions

From Tolkien Gateway
m (Grrr)
m (Collapsible tables?)
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Special characters list below edit window */
#editpage-specialchars a { text-decoration: none; }
/* Class to force links to be underlined 
To use: <span class="underlinelink">[[link]]</span>*/
.underlinelink a { text-decoration: underline ! important; }
/* Class to force links to be not underlined - See .underlinelink for use */
.nounderlinelink a { text-decoration: none ! important; }
.nounderlinelink a:hover { text-decoration: underline ! important; }
A:link {text-decoration: none}
A:visited{text-decoration:none}
A:active{text-decoration:none}
A:hover{text-decoration:underline}
A img {text-decoration: none !important;}
/* <pre><nowiki> */
/* <pre><nowiki> */
.infobox
{
  float: right;
  clear: right;
  margin: 0 0 .5em 1em;
  width: 250px;
  background: none;
  border-collapse: collapse;
  border-width: 0px;
  font-size: 0.8em;
  line-height: 1.5;
}
.infobox table.infoboxtable
{
  background:#f0f0f0;
  float:right;
  margin:0;
  width:100%;
  border-collapse:collapse;
}
.infobox td.infoboximage
{
  padding:0;
  text-align:center;
}
.infobox th.infoboxheading
{
  font-weight:bold;
  text-align:center;
  color:#ffffff;
  font-size:larger;
}
.infobox th.infoboxsubheading
{
  vertical-align:top;
  text-align:left;
  font-weight:normal;
}
.infobox td.infoboxlabel, .infobox td.infoboxcell
{
  vertical-align: middle;
/*  border-top:1px solid #999;
  border-bottom:1px solid #999; */
}


/* ugly hack to force normal height for infobox cells */
/* LINKS */
.infoboxcell p { margin-top: 0px; margin-bottom: 0px; }
/* .infoboxcell ul { list-style-type: disc; } */


.infoboxcell ul
A:link { text-decoration: none; }
{
A:visited { text-decoration: none; }
    padding-left: 10px;
A:active { text-decoration: none; }
    margin-left: 10px;
A:hover { text-decoration: underline; }
}


.infoboxcell ul li
.underlinelink a { text-decoration: underline !important; }
{
.nounderlinelink a { text-decoration: none !important; }
    padding-left: 0;
.nounderlinelink a:hover { text-decoration: underline !important; }
    margin-left: 0;
    list-style-type: square;
}
 
.infobox div.plainlinks
{
    color: #fff;
}
 
.infobox div.plainlinks a
{
    color: #f0f0f0;
}
#mp3-navlink #mp3-nav { display: none; }


#mp3-navlink { font-size: 1.1em; margin: auto; max-width: 600px; _width: expression(document.getElementById('mp3-nav-outer').offsetWidth > 600 ? '600px' : 'auto'); }
div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 2px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #fff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position:absolute;
        top:0px;
        right:3px;
        font-weight:normal;
        font-size:smaller;
}
/* userboxes */
.userbox
{
    float: left;
    border-width: 1px;
    border-style: solid;
    margin: 1px;
    width: 238px;
    padding: 0px;
}
.ubx-icon
{
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
}
.ubx-main
{
    font-size: 8pt;
    padding: 4pt;
    line-height: 1.25em;
}


/* SEQUENCE TEMPLATE */
/* SEQUENCE TEMPLATE */


td.seqwhite a {color: #FFFFFF !important;}
td.seqwhite a { color: #FFFFFF !important;}
td.seqwhite div span a {color: #FFFFFF !important;}
td.seqwhite div span a { color: #FFFFFF !important;}
td.seqcream a {color: #FFFDD0 !important;}
td.seqcream a { color: #FFFDD0 !important;}
td.seqcream div span a {color: #FFFDD0 !important;}
td.seqcream div span a { color: #FFFDD0 !important;}




Line 200: Line 43:


/* BULLET POINTS */
/* BULLET POINTS */
ul { margin-left: .7em; padding-left: .7em;}
ul { margin-left: .7em; padding-left: .7em; }
 


/* MAIN PAGE */
#MP-ONTDA { background: url('http://tolkiengateway.net/w/images/7/7d/MPArda.png') no-repeat right top; }
#MP-FQ { background: url('http://tolkiengateway.net/w/images/9/97/Little_Script.png') no-repeat right top; }
#MP-I { background: url('http://tolkiengateway.net/w/images/2/25/Little_Smaug.png') no-repeat right top; }
#MP-ONTDE { background: url('http://tolkiengateway.net/w/images/0/08/Little_Earth.png') no-repeat right top; }
#MP-GI { background: url('http://tolkiengateway.net/w/images/c/cc/Small_Fingolfin.png') no-repeat right top; }
#MP-FA { background: url('http://tolkiengateway.net/w/images/f/f0/Little_Fellowship.png') no-repeat right top; }
.MP-UL ul { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; list-style-position: inside; margin-left: 1.5em; text-indent: -2.5em; padding-left: 1em; }
.MP-ULPORTAL ul { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; }




/* MAIN PAGE */
/* COLLAPSIBLE TABLES */
#MP-ONTDA {background: url('http://tolkiengateway.net/w/images/7/7d/MPArda.png') no-repeat right top;}
#MP-FQ {background: url('http://tolkiengateway.net/w/images/9/97/Little_Script.png') no-repeat right top;}
table.collapsed tr.collapsible {
#MP-I {background: url('http://tolkiengateway.net/w/images/2/25/Little_Smaug.png') no-repeat right top;}
        display: none;
#MP-ONTDE {background: url('http://tolkiengateway.net/w/images/0/08/Little_Earth.png') no-repeat right top;}
}
#MP-GI {background: url('http://tolkiengateway.net/w/images/c/cc/Small_Fingolfin.png') no-repeat right top;}
#MP-FA {background: url('http://tolkiengateway.net/w/images/f/f0/Little_Fellowship.png') no-repeat right top;}
.collapseButton {               /* 'show'/'hide' buttons created dynamically by the            */
.MP-UL ul {margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; list-style-position: inside; margin-left: 0;}
        float: right;           /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;    /* are styled here so they can be customised.             */
        text-align: right;
        width: auto;
}


/* </nowiki></pre> */
/* </nowiki></pre> */

Revision as of 14:39, 27 October 2012

/* <pre><nowiki> */

/* LINKS */

A:link { text-decoration: none; }
A:visited { text-decoration: none; }
A:active { text-decoration: none; }
A:hover { text-decoration: underline; }

.underlinelink a { text-decoration: underline !important; }
.nounderlinelink a { text-decoration: none !important; }
.nounderlinelink a:hover { text-decoration: underline !important; }


/* SEQUENCE TEMPLATE */

td.seqwhite a { color: #FFFFFF !important;}
td.seqwhite div span a { color: #FFFFFF !important;}
td.seqcream a { color: #FFFDD0 !important;}
td.seqcream div span a { color: #FFFDD0 !important;}


/* REFERENCES TEMPLATE */
ol.references { font-size: 80%; }
.references-small { font-size: 70%;}
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }


/* EXTRA EDIT BUTTONS */
.XEBPopupTitle
{ 
  background-color: #FFFAEF;
  padding: 5px;
  font-size: medium;
text-align: center
  /* opacity: 0.9; */
}
.XEBMnuItm
{
}


/* BULLET POINTS */
ul { margin-left: .7em; padding-left: .7em; }


/* MAIN PAGE */
#MP-ONTDA { background: url('http://tolkiengateway.net/w/images/7/7d/MPArda.png') no-repeat right top; }
#MP-FQ { background: url('http://tolkiengateway.net/w/images/9/97/Little_Script.png') no-repeat right top; }
#MP-I { background: url('http://tolkiengateway.net/w/images/2/25/Little_Smaug.png') no-repeat right top; }
#MP-ONTDE { background: url('http://tolkiengateway.net/w/images/0/08/Little_Earth.png') no-repeat right top; }
#MP-GI { background: url('http://tolkiengateway.net/w/images/c/cc/Small_Fingolfin.png') no-repeat right top; }
#MP-FA { background: url('http://tolkiengateway.net/w/images/f/f0/Little_Fellowship.png') no-repeat right top; }
.MP-UL ul { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; list-style-position: inside; margin-left: 1.5em; text-indent: -2.5em; padding-left: 1em; }
.MP-ULPORTAL ul { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; }


/* COLLAPSIBLE TABLES */
 
table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {               /* 'show'/'hide' buttons created dynamically by the             */
        float: right;           /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;    /* are styled here so they can be customised.             */
        text-align: right;
        width: auto;
}

/* </nowiki></pre> */