Difference between revisions of "MediaWiki:Common.css"

From MoiWiki
Jump to navigationJump to search
 
(One intermediate revision 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 */
  
/* Disable "Main page" h1 element. */
+
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');
body.page-Main_Page h1.firstHeading { display:none; }
+
 
 +
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;
 +
}
  
/* Disable footer. */
+
#sidebar .portlet li {
#footer { display:none; }
+
    font-size:14px;
 +
    margin:1px 0px;
 +
}
  
/* Increase height and center upper-left logo. */
+
#sidebar .portlet a {
#p-logo, #p-logo a, #p-logo a:hover { height:238px; width:117px; }
+
    color:#FFFFFF;
#p-logo { left:2.9em; top:10px; }
+
    text-shadow:2px 2px 3px #000, -1px -1px 2px #000;
#column-one { padding-top:260px; }
+
}
  
/* Disable external link marker. */
+
#p-personal a.new:visited, #p-personal li a, #p-personal a.new {
#bodyContent a.external { background:none; padding:0px; }
+
    color:white;
#bodyContent a.external, #bodyContent a.external[href ^="https://"] { background:none; padding:0px; }
+
}
  
/* Apply different background image */
+
#p-personal li a:hover {
body { background:#E0F5FA url(/images/header_hatched_background.png); }
+
    background-color: #222;
 +
    text-decoration: none;
 +
}
  
/* 1 more em space for left column to allow additional padding */
+
#p-logo {
#column-content { margin-left:-13.2em; }
+
    height:90px;
#content { margin-left:13.2em; }
+
}
#column-content #content { margin-left:13.2em; }
 
#column-one { padding-left:0.8em; }
 
#p-cactions { left: 13.5em; }
 
  
/* adjust spacing and border for left-side toolboxes */
+
#p-logo a, #p-logo a:hover {
.portlet { margin-bottom:0.75em; }
+
     height:90px;
.pBody {
+
     background-position-x:50% !important;
     border-radius:0.5em;
 
     -moz-border-radius:0.5em;
 
    -webkit-border-radius:0.5em;
 
 
}
 
}
  
/* rounded border on upper-left of content area */
+
div#column-one {
#content {
+
     padding-top:90px;
     border-top-left-radius:0.5em;
 
    -moz-border-radius-topleft:0.5em;
 
    -webkit-border-top-left-radius:0.5em;
 
 
}
 
}
  
/* A little bit larger default text size */
+
 
body { font-size: 12px; }
+
/* 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; }

Latest revision as of 09: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; }