MediaWiki:Common.css: Difference between revisions

Revision as of 19:44, 6 September 2022

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

/*----- General -------*/

body {
       margin-left: auto;
       margin-right: auto;
       max-width: 1120px;
}

body.skin-vector #head, body.skin-vector #mw-head {
       right: auto;
       left: auto;
       max-width: 1120px;
}

body.skin-vector #mw-panel {
       right: auto;
       left: auto;
}

div#mw-panel {
    width: 176px;
}

div#content {
       padding: 16px;
       padding-right: 15px;
}

div#content>div {
       font-size: 12.8px;
       line-height: 19.2px;
}

div#footer, #mw-head-base, div#content {
    margin-left: 176px;
}

/*... make position:absolute of the copyright message work */
ul#footer-info {
    position:relative;
}

#left-navigation {
    left: 176px;
}

/*----- Position of Header and footer (looks only nice if not logged on) ----*/
div#left-navigation,
div#right-navigation {
       margin-top:4px;
       margin-bottom:0;
}

div#mw-head-base {
       height: 50px;
}

div#p-search {
       margin-right: 0.5em;
}

nav#p-personal {
      margin-top: 35px;
}

footer#footer {
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0;
}

#footer-info-copyright {
    position: absolute;
    right: 220px;
}


/*----- Tables ----*/
table.LcdSpecTable {
	margin: 1em;
	background-color: #f9f9f9;
	border-bottom: 1px #aaa solid;
	border-right: 1px #aaa solid;
	color: black;
}
table.LcdSpecTable > tr > th,
table.LcdSpecTable > tr > td,
table.LcdSpecTable > * > tr > th,
table.LcdSpecTable > * > tr > td {
	border-top: 1px #aaa solid;
	border-left: 1px #aaa solid;
	padding: 0.2em;
        padding-left: 1em;
        padding-right: 1em;
	text-align: left;
}
table.LcdSpecTable > tr > td,
table.LcdSpecTable > * > tr > td {
	background-color: white;
}
table.LcdSpecTable > tr > th,
table.LcdSpecTable > * > tr > th {
	background-color: #f2f2f2;
}
table.LcdSpecTable > caption {
	font-weight: bold;
}

/*--- LedSwitchingTimes table with caption ----*/

div.LedSwitchTimes {
	margin-top: 1.5em;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	width: 30em;
	float: left;
}
div.LedSwitchTimes p {
	padding-left: 1em;
	padding-right: 1em;
	text-align: justify;
}
div.LedSwitchTimes table {
        border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	margin-left: auto;
	margin-right: auto;
}
div.LedSwitchTimes table th,
div.LedSwitchTimes table td {
        border-top: 1px solid #333;
	border-left: 1px solid #333;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1.2em;
	padding-right: 1.2em;
}
div.LedSwitchTimes table th {
	font-weight: normal;
	background-color: #ddf;
}
div.LedSwitchTimes table th.first {
	background-color: white;
	border: 0;
}
div.LedSwitchTimes table td {
        text-align: center;
	line-height: 1.2em;
}


table.dyntable tr td {
        text-align: center;
        padding-left: 8px;
        padding-right: 8px;
}

table.dyntable td.Page {
        text-align: left;
}

.inline-tip {
       background-color: #cfc;
       color: #666;
       cursor:help;
}

/*----- Side panel ----------*/

div#mw-panel {
        padding-left: 0;
}

div#mw-panel h3 {
       font-size: 14px;
       font-weight: 600;
       margin-left: 8px;
       background-image: none;
}

div#mw-panel li {
       font-size: 14px;
       line-height: 14px;
       padding-left: 0.8em;
}

div#mw-panel li#n-Home {
       font-weight: 500;
       padding-left: 0;
}

div#mw-panel ul.vector-menu-content-list {
       padding-top: 0;
}

nav.vector-menu-portal {
       padding-top: 0;
       padding-bottom: 0;
}

/*----- Change tiny icon for external links ----*/
div#content a.external[href ^="https://"] {
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC);
}