Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 23:31, 2 November 2023

/* El CSS colocado en esta página será aplicado a todas las apariencias */

:root{
  --color-border1: rgba(0,164,160,0.5);
  --color-border2: rgba(200,75,75,0.2);
  --color-border3: #12222f;
  --color-border4: #24444f;
}

.mw-body-content {font-size: 0.8em;}
#left-navigation {margin-left: 23em !important;}

hr{background-color: var(--color-border3);}

/*Agregado para skin Minerva*/
.header-container.header-chrome {background: #111;}
.overlay-enabled, .mw-body {background-color: #000;}
.minerva-footer{    background: #111;}
#mw-mf-page-center {    background-color: #transparent;}
.header .branding-box{opacity: 1;}
.mw-ui-icon-with-label-desktop {    color: #fda;}
.mw-ui-icon-element:not(.disabled):hover {background-color: rgba(0,0,0,0.03);}
.mw-ui-icon-with-label-desktop:hover, .mw-ui-icon-with-label-desktop:focus, .mw-ui-icon-with-label-desktop:active, .mw-ui-icon-with-label-desktop:visited{color: #fda;}
.mw-ui-icon-element.disabled, .language-selector.disabled {color: #999;}
.mw-ui-icon-element.disabled, .language-selector.disabled{opacity: 0.5;}
.mainbox{float: left; margin-right: 5px; margin-bottom: 5px; flex: 1 1 20rem; border: 1px solid var(--color-border3);box-shadow: 0px 0px 8px 5px var(--color-border3);}
.mainbox .cabecera{font-size: 105%; padding: 3px 0px 0px 0px; text-indent: 0.5em; color: #fff;background: linear-gradient(to top,rgba(0,0,0,0.5),rgba(62,117,158,0.3));text-shadow: 0 -2px 8px #666, 0 2px 8px #666;}
.mainbox ul{list-style: none none;}

/*Ultuima version de vector*/
.vector-menu-tabs .selected{background: transparent; background-image: linear-gradient(to top,#000 0,#000 1px,transparent 100%);}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {color: #fda;
    text-decoration: underline;}
.portal .body li a:visited, .vector-menu-portal .body li a:visited { color: #fda; }
.portal h3, .vector-menu-portal h3 {color: #fff;}
.vector-menu-dropdown h3 {    color: #fff;}
#p-logo a { background-size: 200px; width: 23em !important;     background-position: 154px 44px;}
#mw-panel {   top: -36px;}
#searchInput {    background-color: #ffffff;}
@media (max-width: 1080px){ #mw-panel {display: none;} .mw-body, #mw-data-after-content {  margin-left: 0em;}}
.mw-footer li {color: #ffffff;}


.grid-container {display: grid; grid-template-areas: ' contenido contenido  contenido derecha';}
@media only screen and (max-width: 70rem){.grid-container {grid-template-areas: ' contenido contenido' 'derecha derecha'}}

.mw_metadata th, .mw_metadata td {    background-color: #000;}



/*Ocultar el título de la página principal*/
body.page-ZeroG_Commander_Wiki.action-view h1.firstHeading, body.page-ZeroG_Commander_Wiki.action-submit h1.firstHeading { display: none; }
.vector-menu-tabs li {
    background-image: url(/skins/Vector/resources/skins.vector.styles/images/tab-normal-fade.png?1cc52);
    background-image: linear-gradient(to top,#000 0,#000 1px,transparent 100%);}

html, body{background: #222; color: #fff;    
background-image: url('/resources/assets/splash_002_7_80.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;}
#mw-page-base{background: transparent;}
#mw-head-base{background-color: rgba(0,0,0,0.6);    height: 5em;}
#mw-page-content{background-color: #000;}
#mw-navigation{background-color: #222;}
div#content{color: #fff;background-color: rgba(0,0,0,0.9); border: 1px solid #444;}
div#footer ul li{color: #444;}
#mw-panel.collapsible-nav .portal h3 a{color: #999;}
#toc, .toc, .mw-warning{background-color: #000;}
#p-logo{ left: 200px; top: -200px;}
#p-logo a{ width: 13em;}
div.vectorTabs, div.vectorTabs span, div.vectorTabs li.selected{background: #000;}
div.vectorTabs span a{color: #ddd;}
.mw-body a.external:visited {color: #999;}

h1,h2,h3,h4,h5,h6{color: #fff;}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {color: #fff;}
div.vectorTabs ul li{background: #000;}
#left-navigation { margin-left: 31em;}

a{/*color:#ddd;*/color:#fda;}
a:visited{color:#fdb;}
a.new:visited, #p-personal a.new:visited {color: #f00;}
a.new:visited, #p-personal a.new {color: #f00;}
.portal .body li a, .vector-menu-portal .body li a {color:#ddd;}

div#mw-panel div.portal div.body ul li a{color: #ddd;}
div#mw-panel div.portal div.body ul li a:visited{color: #ddd;}
div#mw-panel div.portal h3 {color: #999;
padding: 4px 0 3px 1.5em;
background-position: left center;
    background-repeat: no-repeat;
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMTMuMDAyIDYuMDAxbC01IDUuMDAxLTUtNS4wMDF6IiBmaWxsPSIjNzk3OTc5Ii8+PC9zdmc+);}

.catlinks {
    border: 1px solid #fff;
    background-color: #333;
}

.oo-ui-dropdownInputWidget select {background-color: #000;}
.oo-ui-dropdownWidget {background-color: #000;}


.editOptions {background-color: #000;}

table.wikitable{background-color: #111; color:#fff;}
table.wikitable > tr > th, table.wikitable > * > tr > th {background-color: #111; color: #fff;}



fieldset#mw-searchoptions {   
   background-color: #111;
   border-top-width: 1;
}


div.thumbinner {border: 1px solid #444;background-color: #000;}
html .thumbimage {border: 1px solid #444;}

ul#filetoc {background-color: #000;}

.tablaInfobox{float:right; clear:right; width:250px; background:#1d1d1d; border-collapse:collapse; border:1px solid #none; font-size:smaller; line-height:1.5; margin: 20px;}

/*Titulo*/
.tablaInfobox tr:first-child td{text-align:center; font-size:larger; color:#FFFFFF; background:#222; border-top:1px solid #none; border-bottom:1px solid #none;}
.tablaInfobox .cabecera{text-align:center; color:#FFF; background:#222; border-top:1px solid #none; border-bottom:1px solid #none;}

.mw-search-profile-tabs {background: transparent;}
.mw-search-profile-tabs div.search-types ul li.current a {    color: #aaa;}



.tableBlue, .tableRed{
    background-color: rgba(125,154,200,0.1);
    border-spacing: 1px;    
    font-size: 11px;
    /*border-collapse: collapse;*/
}
.tableBlue.fixed, .tableRed.fixed{table-layout: fixed;}
.tableRed{background-color: rgba(200,100,100,0.1);}

.tableBlue th, .tableRed th{padding:1px 3px 1px 3px;width: 30px;font-weight: normal; height: 20px; white-space: nowrap;max-width: 100px; overflow: hidden;text-overflow: ellipsis;}
.tableBlue tbody th, .tableRed tbody th{text-align: left;white-space: nowrap;}
.tableBlue.ordenable th:hover, .tableRed.ordenable th:hover{cursor: pointer; color: #fff;}

.tableRed td, .tableBlue td{
    width: 30px;
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px 3px 3px 3px;
    background-color: rgba(125,154,200,0.1);
    overflow-x: hidden;
}
.tableRed td{background-color: rgba(200,75,75,0.2);}
.tableRed td:nth-child(1), .tableBlue td:nth-child(1) {
    background-size: 26px;
    background-repeat: no-repeat;
    width: 20px;
}
.tableRed tr.rollover td, .tableBlue tr.rollover td{color: #ffffff;cursor: pointer;}
.tableRed tr.rollover:hover td, .tableBlue tr.rollover:hover td{/*background-color: #000;*/text-shadow: 0px -2px 8px #fff, 0px 2px 8px #fff;}
.tableRed td.zero, .tableBlue td.zero{color: #666666 !important;}


.tableBlue tr.seleccionado td{background-color: rgba(255,255,255,0.2);}
.tableRed tr.seleccionado td{background-color: rgba(200,100,100,0.5);}

.mw-datatable th {background-color: #000;}
.mw-datatable td {background-color: #000;}
.mw-datatable tr:hover td {background-color: #000;
}


#pagehistory li.selected {
    background-color: #000;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border: 1px solid #444;    
}

table.wikitable > tr > td, table.wikitable > * > tr > td {
    background-color: rgba(125,154,200,0.1);    
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}