Difference between revisions of "MediaWiki:Common.css"

From MoiWiki
Jump to navigationJump to search
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/** CSS placed here will be applied to all skins */
 
/** CSS placed here will be applied to all skins */
 +
 +
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');
 +
 +
body {
 +
    font-size:11px;
 +
    font-family:"Open Sans", "Lucida Sans", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
 +
 +
    background-color:#246;
 +
 +
    background-image:url(/images/texture_mirror.png);
 +
    xbackground-repeat:no-repeat;
 +
    xbackground-position:left;
 +
}
 +
 +
.pBody {
 +
    background:transparent;
 +
    border:none;
 +
}
 +
 +
#sidebar .portlet > h3 {
 +
    font-weight:bold;
 +
    font-size:16px;
 +
    color:#FFFFFF;
 +
    text-shadow:2px 2px 3px #000, -1px -1px 2px #000;
 +
}
 +
 +
#sidebar .portlet li {
 +
    font-size:14px;
 +
    margin:1px 0px;
 +
}
 +
 +
#sidebar .portlet a {
 +
    color:#FFFFFF;
 +
    text-shadow:2px 2px 3px #000, -1px -1px 2px #000;
 +
}
 +
 +
#p-personal a.new:visited, #p-personal li a, #p-personal a.new {
 +
    color:white;
 +
}
 +
 +
#p-personal li a:hover {
 +
    background-color: #222;
 +
    text-decoration: none;
 +
}
 +
 +
#p-logo {
 +
    height:90px;
 +
}
 +
 +
#p-logo a, #p-logo a:hover {
 +
    height:90px;
 +
    background-position-x:50% !important;
 +
}
 +
 +
div#column-one {
 +
    padding-top:90px;
 +
}
 +
  
 
/* Disable "Main page" h1 element. */
 
/* Disable "Main page" h1 element. */
Line 6: Line 64:
 
/* Disable footer. */
 
/* Disable footer. */
 
#footer { display:none; }
 
#footer { display:none; }
 
/* Increase height and center upper-left logo. */
 
#p-logo, #p-logo a, #p-logo a:hover { height:238px; width:117px; }
 
#p-logo { left:3em; top:10px; }
 
#column-one { padding-top:260px; }
 
  
 
/* Disable external link marker. */
 
/* Disable external link marker. */
/* #bodyContent a.external { background:none; padding:0px; } */
+
#bodyContent a.external { background:none; padding:0px; }
 
+
#bodyContent a.external, #bodyContent a.external[href ^="https://"] { background:none; padding:0px; }
/* Apply different background image */
 
body { background:#E0F5FA url(/images/header_background.png); }
 
 
 
/* 1 more em space for left column to allow additional padding */
 
#column-content { margin-left:-13.2em; }
 
#content { margin-left:13.2em; }
 
#column-content #content { margin-left:13.2em; }
 
#column-one { padding-left:0.8em; }
 
#p-cactions { left: 12.5em; }
 
 
 
/* adjust spacing and border for left-side toolboxes */
 
.portlet { margin-bottom:0.75em; }
 
.pBody {
 
    border-radius:0.5em;
 
    -moz-border-radius:0.5em;
 
    -webkit-border-radius:0.5em;
 
}
 

Latest revision as of 08:20, 18 January 2021

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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');

body {
    font-size:11px;
    font-family:"Open Sans", "Lucida Sans", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;

    background-color:#246;

    background-image:url(/images/texture_mirror.png);
    xbackground-repeat:no-repeat;
    xbackground-position:left;
}

.pBody {
    background:transparent;
    border:none;
}

#sidebar .portlet > h3 {
    font-weight:bold;
    font-size:16px;
    color:#FFFFFF;
    text-shadow:2px 2px 3px #000, -1px -1px 2px #000;
}

#sidebar .portlet li {
    font-size:14px;
    margin:1px 0px;
}

#sidebar .portlet a {
    color:#FFFFFF;
    text-shadow:2px 2px 3px #000, -1px -1px 2px #000;
}

#p-personal a.new:visited, #p-personal li a, #p-personal a.new {
    color:white;
}

#p-personal li a:hover {
    background-color: #222;
    text-decoration: none;
}

#p-logo {
    height:90px;
}

#p-logo a, #p-logo a:hover {
    height:90px;
    background-position-x:50% !important;
}

div#column-one {
    padding-top:90px;
}


/* Disable "Main page" h1 element. */
body.page-Main_Page h1.firstHeading { display:none; }

/* Disable footer. */
#footer { display:none; }

/* Disable external link marker. */
#bodyContent a.external { background:none; padding:0px; }
#bodyContent a.external, #bodyContent a.external[href ^="https://"] { background:none; padding:0px; }