MediaWiki:Common.css: Difference between revisions

Revision as of 06:58, 8 February 2017

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


/* custom icon for external links to drivecomic.com, sheldoncomics.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*="sheldoncomics.com"],#mw-panel a[href*="sheldoncomics.com"]{
background-image:url(http://drive.mcslp.net/images/6/69/Sheldonarthur.png);
background-size:contain !important;
background-position: center right;
background-repeat: no-repeat;
padding-right: 1.75em;
}

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;
}

/*hide Categories from Main Page*/
body.page-Main_Page #catlinks { display : none }

/* 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;
}

/**********
 * mobile * 
 **********/


@media handheld,screen and (max-width: 600px),screen and (max-device-width: 600px){

.mw-body{
margin-left:0 !important;
}

#mw-panel{
position:initial !important;
top:0 !important;
width:100% !important;
}

#mw-panel .portal{
float:left;
}

#p-search{
width:80%;
margin-left:5%;
position: absolute;
top: 1.5em;
}

#simpleSearch{
width:100% !important;
font-size:130%;
height:initial;
}

#searchInput{
font-size:inherit !important;
}

#right-navigation{
float:none;
}

#right-navigation,#left-navigation,body{
padding-top: 2em;
}

#left-navigation{
margin-left:1.5%;
}

.mw-body-content{
font-size:initial !important;
}

#p-cactions,#p-views{
float:right;
}

#p-personal ul{
padding:0;
}

#p-personal li,.body .h3,.body ul li{
font-size:0.85em
}

}


/****************************
*  drivecomic.com mimicry   *
****************************/

@media screen and (min-width: 1000px){

.page-User_Ret_Samys_common_css html{
background: url(http://drive.mcslp.net/images/6/69/Alnilam-Stars-Pattern.png);
}

body.page-User_Ret_Samys_common_css{
background: linear-gradient(rgba(0,0,0,.9),transparent,transparent);
}

.page-User_Ret_Samys_common_css #mw-page-base{
background:transparent;
}

.page-User_Ret_Samys_common_css #mw-page-base:after {     
content:'\A';     
position:absolute;     
background:white;     
top:0; 
bottom:0;     
left:0;      
height:5px;
width:100%;
}


.page-User_Ret_Samys_common_css #personal,.page-User_Ret_Samys_common_css #right-navigation,.page-User_Ret_Samys_common_css #mw-panel{
width:14%;
}

.page-User_Ret_Samys_common_css #content{
margin: auto !important;
width: 70% !important;
border-radius: 10px !important;
box-shadow: 0 0 15px black,0 0 10px rgba(0,0,255,.3) inset !important;
color: #02425B !important;
font-family: "Trebuchet MS", Helvetica, sans-serif !important;
font-weight: 500 !important;
left: 0 !important;
right: 0 !important;
position:absolute !important;
z-index:5 !important;
}

.page-User_Ret_Samys_common_css #content b,.page-User_Ret_Samys_common_css #content strong,.page-User_Ret_Samys_common_css #content a{
/*color: black;*/
font-weight:900;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.page-User_Ret_Samys_common_css #left-navigation,.page-User_Ret_Samys_common_css #right-navigation{
margin-top:3em !important;
}

.page-User_Ret_Samys_common_css .vectorTabs{
background:initial !important;
position: absolute !important;
z-index: 2 !important;
margin: auto !important;
padding:0 !important;
left: 0 !important;
right: 0 !important;
display: table !important;
background: rgb(200,40,40) !important;
height: 2em !important;
}

.page-User_Ret_Samys_common_css #right-navigation .vectorTabs{
transform: translateX(50%);
}

.page-User_Ret_Samys_common_css #left-navigation .vectorTabs{
transform: translateX(-50%);
}

.page-User_Ret_Samys_common_css #left-navigation .vectorTabs:before {
content: "\A";
background: rgb(200,40,40);
width: 2em;
height: 4.8em;
transform: rotate(45deg);
position: absolute;
left: -2em;
z-index: -1;
}

.page-User_Ret_Samys_common_css #right-navigation .vectorTabs:after{
content: "\A";
background: rgb(200,40,40);
width: 2em;
height: 4.8em;
transform: rotate(-45deg);
position: absolute;

z-index: -1;
}

.page-User_Ret_Samys_common_css .vectorTabs ul, .vectorTabs ul li,.vectorTabs ul li span{
margin: 0 !important;
padding: 0 !important;
background:initial !important;
}

.page-User_Ret_Samys_common_css .vectorTabs ul{
padding-top:.4em !important;
}

.page-User_Ret_Samys_common_css .vectorTabs a{
white-space: nowrap;
color: white !important;
text-transform: uppercase;
font-family: Consolas,Courier New,monospace;
padding-left:.7em !important;
padding-right:.7em !important;
padding-top:0 !important;
font-size:1em !important;
height:1em !important;
overflow:hidden !important;
border-left:solid white 2px;
border-right:solid white 2px;
}

.page-User_Ret_Samys_common_css .vectorTabs li.icon a{
line-height: 3em !important;
max-width: 5px !important;
overflow: hidden !important;
}

.page-User_Ret_Samys_common_css .vectorMenu{
top:-.5em;
z-index:6;
}
}