MediaWiki:Common.css: Difference between revisions

Revision as of 07:17, 15 September 2016

/* CSS placed here will be applied to all skins */

/* custom icon for external links to drivecomic.com and patreon.com */

a.external[href*="drivecomic.com"],#mw-panel a[href*="drivecomic.com"]{
background-image:url(http://drive.mcslp.net/images/a/a4/Externallogo.gif);
}

a.external[href*="patreon.com"],#mw-panel a[href*="patreon.com"]{
background-image:url(http://drive.mcslp.net/images/6/68/Patreon.png);
}

a.external[href*="patreon.com"],a.external[href*="drivecomic.com"],#mw-panel a[href*="patreon.com"],#mw-panel a[href*="drivecomic.com"]{
background-size:auto 0.85em !important;
background-position: center right;
background-repeat: no-repeat;
padding-right: 1em;
}

/* no external link arrow for links to this wiki */
a.external[href*="drive.mcslp.net"] {
    background: none !important;
    padding-right: 0 !important;
}

/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    /* @noflip */
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    /* @noflip */
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/****************************************************
 * Styles for the starry box (copyright template) *
 ****************************************************/

.starry{background-image:url('/images/6/69/Alnilam-Stars-Pattern.png');} /* starry background image */

.starry img{
display:block;
margin:auto;
max-width:100%; /* make image fit into box */
height:auto;
}

.copyright a.external.free{
text-overflow: ellipsis;
max-width: 30ch; /* shorten links */
overflow: hidden;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
}

/*******************************************************************
 * Styles for the Nav (navigation box) template                    *
 *******************************************************************/

.nav{
white-space: nowrap;
color:white;
text-transform: uppercase;
background:darkred;
font-family: Consolas, Courier New, monospace;
display:table;
margin:auto;
padding:2px 10px;
transform: perspective(10px) rotateX(4deg); /* transform rectangle into trapez */
box-shadow: 0px 1px 5px rgb(0, 0, 0);
background:linear-gradient(darkred,darkred,rgba(255,10,10,.9));
}

.navcontent{
transform: perspective(10px) rotateX(-4deg); /* don't let transformation of .nav affect the font */
}

.navcontent a{
text-shadow:0 0 4px #000;
color:white;
text-decoration:none;
display:inline-block;
padding-left: 2ch;
margin-left: -2ch;
padding-right: 2ch;
margin-right: -2ch;
}

.navcontent a:hover{
text-shadow:0 0 4px #fff;
}

.navcontent a.new{
color: #BA0000;
}