Difference between revisions of "MediaWiki:Common.css"

Line 1: Line 1:
.wikitable td ul, .wikitable td ol, .wikitable td dl {
+
/* CSS placed here will affect users of the Metrolook skin */
    text-align: center;
+
@import "mediawiki.mixins";
 +
#mw-page-base
 +
{background-color: rgb(236,31,39) !important;
 +
background-image: none;}
 +
@media (max-width:768px)
 +
{#mw-page-base
 +
{background-color: rgb(236,31,39);}
 
}
 
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
+
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
    margin: 0em 0 0 0em;
+
{#mw-page-base
    padding: 0;
+
{background-color: rgb(236,31,39);}
 
}
 
}
#content {
+
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
    padding: 1.5em;
+
{#mw-page-base
    line-height: 1.5em;
+
{background-color: rgb(236,31,39);}
 
}
 
}
div#content a.external {
+
div.vectorTabs a:hover
    background:none !important;
+
{background-color: #c5a6ff;}
    padding: 0px !important;
+
div.onhoverbg:hover
 +
{background-color: #c5a6ff;}
 +
img.downarrow:hover
 +
{background-color: #c5a6ff;}
 +
div.vectorMenu:hover h5 span
 +
{background-color: #c5a6ff;}
 +
div.vectorMenu h5 span
 +
{background-color: rgb(236,31,39);}
 +
div.vectorMenu:hover h5 a
 +
{background-color: #c5a6ff;}
 +
div.vectorMenu h5 a
 +
{background-color: rgb(236,31,39);}
 +
div.vectorMenu:hover
 +
{background-color: #c5a6ff;}
 +
div.vectorMenu ul
 +
{border: solid 2px rgb(236,31,39);
 +
border-top: none;}
 +
@media (max-width: 768px)
 +
{#hamburgerIcon:hover
 +
{background-color: #c5a6ff;}
 +
img.editbutton:hover
 +
{background-color: #c5a6ff;}
 +
div.actionmenu ul
 +
{border-top: solid 2px rgb(236,31,39);}
 +
#left-navigation
 +
{background-color: rgb(236,31,39);}
 
}
 
}
#bs-left-column #bs-nav-sections.ui-tabs div.ui-tabs-panel {
+
div#footer #footer-icons li {
    background: #f2f2f2;
 
}
 
#bs-apps ul.bs-apps-child {
 
    background-color: grey;
 
}
 
#bs-apps ul.bs-apps-child li {
 
    background: lightgrey;
 
}
 
#content h1 {
 
    margin-bottom: 5px;
 
    position: absolute;
 
    top: 35px;
 
}
 
#footer {display:none;}
 
#toc { float: right };
 
#bs-apps li a {display:none;}
 
#bs-left-column .ui-tabs .ui-tabs-panel {
 
padding-left: 10px !important;
 
}
 
#bs-left-column, #bs-logo, #bs-logo a {
 
    margin-top: -1px;
 
    background-size: 112px;
 
}
 
#bs-menu-top-right > div, #bs-user-container > div {
 
    float: none;
 
    position: absolute;
 
    right: 0px;
 
    top: 10px;
 
}
 
#bs-button-user {
 
 
     display: none;
 
     display: none;
 
}
 
}
#ca-history {
+
#ca-unwatch.icon a {
    display: none !important;
 
}
 
#bs-cexport-button {
 
    display: none !important;
 
}
 
#bs-statebar-viewtoggler span {
 
 
     display: none;
 
     display: none;
 
}
 
}
#bs-nav-sections h5 {
 
    text-transform: none;
 
}
 
#firstHeading {
 
    display: none;
 
}
 
.icon24 {
 
    display: none;
 
}
 
 
 
#ca-talk {
 
#ca-talk {
    display: none !important;
 
}
 
#sb-LastEditor {
 
display: none !important;
 
}
 
#bs-content-column #left-navigation li a {display:none;}
 
#sb-PageAssignments-Top-link {display:none;}
 
#sb-PageAssignments-Top-icon {display:none;}
 
#bs-nav-item-text"About BlueSpice" {display:none;}
 
#n-aboutbluespice {
 
    display: none !important;
 
}
 
.bs-statebar-top-item {
 
    height: 30px !important;
 
}
 
#bs-nav-tabs {
 
    background: rgb(236,31,39);
 
}
 
#bs-data-after-content {
 
    background-color: #FFF;
 
    border-top: 2px solid black;
 
    clear: both;
 
}
 
#bs-apps li a {
 
    color: grey;
 
}
 
#searchform button {
 
    border: 1px solid rgb(236,31,39);
 
    background-color: rgb(236,31,39);
 
    border: 0.1px solid rgb(236,31,39);
 
}
 
#searchform input {
 
    padding: 0px 3px;
 
    width: 325px;
 
    border: 1px solid #eee;
 
}
 
#bs-left-column #bs-nav-tabs li.ui-state-default.ui-tabs-selected a, #bs-left-column #bs-nav-tabs li.ui-state-default.ui-state-active a, #bs-left-column #bs-nav-tabs li.ui-state-default.ui-state-hover a, #bs-left-column #bs-nav-tabs li.ui-state-default.ui-state-hover a:hover {
 
    color: black;
 
}
 
#bs-data-before-content, #bs-data-after-content {
 
    border-top: 1px solid rgb(236,31,39);
 
}
 
#bs-content-column #left-navigation li.selected a {
 
    color: black;
 
}
 
#bs-application {
 
    margin-top: -13px;
 
}
 
#bs-nav-sections {
 
    position: absolute;
 
    top: 77px;
 
    width: 276px;
 
}
 
#body.mediawiki #content a, body.mediawiki #content #toc a span {
 
    color: black;
 
}
 
#bs-content-column, #footer {
 
    margin-left: 131px;
 
}
 
#bs-statebar-viewtoggler {
 
    height: 26px;
 
}
 
#bs-logo, #bs-logo a {
 
    height: 83px;
 
}
 
#bs-statebar {
 
    height: 29px;
 
}
 
#bs-application {
 
    margin-top: -54px;
 
}
 
 
#bs-button-user ul#bs-personal-info {
 
 
     display: none;
 
     display: none;
}
 
#bs-left-column #bs-nav-sections, #bs-left-column #bs-nav-sections h5, #bs-left-column #bs-nav-sections a, #bs-left-column #bs-nav-sections .ui-widget-content a {
 
    width: 131px;
 
}
 
#bs-left-column, #bs-logo, #bs-logo a {
 
    width: 135px;
 
}
 
#ext-gen1018 {
 
    border-top-width: 1px;
 
}
 
right-navigation {
 
    padding-bottom: 2px;
 
}
 
bs-statebar-top-item span, .bs-statebar-top-item a, .bs-statebar-top-item a:visited {
 
    color: black;
 
}
 
/* Infobox template style */
 
.infobox {
 
    border: 1px solid #a2a9b1;
 
    border-spacing: 3px;
 
    background-color: #f8f9fa;
 
    color: black;
 
    /* @noflip */
 
    margin: 0.5em 0 0.5em 1em;
 
    padding: 0.2em;
 
    /* @noflip */
 
    float: right;
 
    /* @noflip */
 
    clear: right;
 
    font-size: 88%;
 
    line-height: 1.5em;
 
}
 
.infobox caption {
 
    font-size: 125%;
 
    font-weight: bold;
 
    padding: 0.2em;
 
}
 
.infobox td,
 
.infobox th {
 
    vertical-align: top;
 
    /* @noflip */
 
    text-align: left;
 
}
 
.infobox.bordered {
 
    border-collapse: collapse;
 
}
 
.infobox.bordered td,
 
.infobox.bordered th {
 
    border: 1px solid #a2a9b1;
 
}
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless th {
 
    border: 0;
 
}
 
 
.infobox.sisterproject {
 
    width: 20em;
 
    font-size: 90%;
 
}
 
 
.infobox.standard-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
}
 
.infobox.standard-talk.bordered td,
 
.infobox.standard-talk.bordered th {
 
    border: 1px solid #c0c090;
 
}
 
 
/* styles for bordered infobox with merged rows */
 
.infobox.bordered .mergedtoprow td,
 
.infobox.bordered .mergedtoprow th {
 
    border: 0;
 
    border-top: 1px solid #a2a9b1;
 
    /* @noflip */
 
    border-right: 1px solid #a2a9b1;
 
}
 
 
.infobox.bordered .mergedrow td,
 
.infobox.bordered .mergedrow th {
 
    border: 0;
 
    /* @noflip */
 
    border-right: 1px solid #a2a9b1;
 
}
 
 
/* Styles for geography infoboxes, eg countries,
 
  country subdivisions, cities, etc.            */
 
.infobox.geography {
 
    border-collapse: collapse;
 
    line-height: 1.2em;
 
    font-size: 90%;
 
}
 
 
.infobox.geography  td,
 
.infobox.geography  th {
 
    border-top: 1px solid #a2a9b1;
 
    padding: 0.4em 0.6em 0.4em 0.6em;
 
}
 
.infobox.geography .mergedtoprow td,
 
.infobox.geography .mergedtoprow th {
 
    border-top: 1px solid #a2a9b1;
 
    padding: 0.4em 0.6em 0.2em 0.6em;
 
}
 
 
.infobox.geography .mergedrow td,
 
.infobox.geography .mergedrow th {
 
    border: 0;
 
    padding: 0 0.6em 0.2em 0.6em;
 
}
 
 
.infobox.geography .mergedbottomrow td,
 
.infobox.geography .mergedbottomrow th {
 
    border-top: 0;
 
    border-bottom: 1px solid #a2a9b1;
 
    padding: 0 0.6em 0.4em 0.6em;
 
}
 
 
.infobox.geography .maptable td,
 
.infobox.geography .maptable th {
 
    border: 0;
 
    padding: 0;
 
}
 
 
/* Normal font styling for table row headers with scope="row" tag */
 
.wikitable.plainrowheaders th[scope=row] {
 
    font-weight: normal;
 
    /* @noflip */
 
    text-align: left;
 
}
 
/* ...unless they also use the hlist class */
 
.toc.hlist ul,
 
#toc.hlist ul,
 
.wikitable.hlist td ul,
 
.wikitable.hlist td ol,
 
.wikitable.hlist td dl {
 
    text-align: inherit;
 
}
 
.ritz .waffle .s0 {
 
    /* border-bottom: 1px SOLID #000000; */
 
    /* border-right: 1px SOLID #000000; */
 
    }
 
body.mediawiki h2 {
 
    font-size: 175%;
 
}
 
/* 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: #eee;
 
    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%;
 
}
 
#siteNotice, .site-notice {
 
    background-color: palegoldenrod;
 
}
 
#clickableAwesomeFont {
 
    cursor: pointer
 
 
}
 
}

Revision as of 18:33, 10 July 2018

/* CSS placed here will affect users of the Metrolook skin */
@import "mediawiki.mixins";
#mw-page-base
{background-color: rgb(236,31,39) !important;
background-image: none;}
@media (max-width:768px)
{#mw-page-base
	{background-color: rgb(236,31,39);}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
{#mw-page-base
	{background-color: rgb(236,31,39);}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)
{#mw-page-base
	{background-color: rgb(236,31,39);}
}
div.vectorTabs a:hover
{background-color: #c5a6ff;}
div.onhoverbg:hover
{background-color: #c5a6ff;}
img.downarrow:hover
{background-color: #c5a6ff;}
div.vectorMenu:hover h5 span
{background-color: #c5a6ff;}
div.vectorMenu h5 span
{background-color: rgb(236,31,39);}
div.vectorMenu:hover h5 a
{background-color: #c5a6ff;}
div.vectorMenu h5 a
{background-color: rgb(236,31,39);}
div.vectorMenu:hover
{background-color: #c5a6ff;}
div.vectorMenu ul
{border: solid 2px rgb(236,31,39);
border-top: none;}
@media (max-width: 768px)
{#hamburgerIcon:hover
	{background-color: #c5a6ff;}
img.editbutton:hover
	{background-color: #c5a6ff;}
div.actionmenu ul
	{border-top: solid 2px rgb(236,31,39);}
#left-navigation
	{background-color: rgb(236,31,39);}
}
div#footer #footer-icons li {
    display: none;
}
#ca-unwatch.icon a {
    display: none;
}
#ca-talk {
    display: none;
}