Diferencia entre revisiones de «MediaWiki:Vector.css»

Página de la interfaz de MediaWiki
imported>Jorge Abellán
mSin resumen de edición
(rm)
Etiqueta: Reversión manual
 
(No se muestran 8 ediciones intermedias de 2 usuarios)
Línea 1: Línea 1:
/* OCULTAR BARRA LATERAL */
/* Adjusted Vector Appearance */
#mw-panel{
body {
display:none;
        background-color: #f8f9fa;
top:3em;
}
}


#p-logo{
display:none;
}
/* MÁRGENES EN PORTADA */
body.page-Página_principal.action-view .mw-body{
    margin-left: 0;
    border-left:none;
    padding: 1.2em 1.5em 1.5em 1.5em;
}
body.page-Página_principal.action-view .mw-parser-output{
padding-top:3em;
}
body.page-Página_principal.action-view .mw-body .logo-container{
    padding-left: 3.5em;
}
/* MÁRGENES EN PÁGINAS */
.mw-body{
border-left:none;
margin-left:0;
padding-left:5em;
padding-right:5em;
}
#show-panel {
float:left;
    margin-left: 1em; top:0.5em;
    padding-top: 0.5em;
    font-size: 0.75em;
    line-height: 1.16666667;
    white-space: nowrap; border-radius: 2px;
    background: white;
    border: 1px solid white;
    padding: .2rem .4rem;
    font-weight: bold;
    list-style:none;
    position:absolute;
    cursor:pointer;
}
/* BORDE SUPERIOR CUERPO DE PÁGINA */
.mw-body {
border-top:1px solid #3A25FF;
}
#p-cactions-label{display:none}
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3{background-image:none}
/* POSICIÓN CUADRO DE BÚSQUEDA */
#p-search{
float:none;
margin-left:0;
margin-right:0;
top: 6.5em;
    right: 5em;
    position: absolute;
}
/* MARGEN SUPERIOR ENCABEZADOS Y BOTÓN DE AYUDA  */
.firstHeading{margin-top:3.5em;}
.mw-indicators{margin-top:7em;}
/* CINTA DE OPCIONES DE USUARIO Y CINTA DE OPCIONES PRINCIPAL */
#mw-page-base {
#mw-page-base {
height: 2.4em;
        background-color: #f8f9fa;
    background-image: none;
        background-image: none;
    background-color: #3A25FF;
}
 
#p-personal li{
padding-top:0.3em;
}
 
#pt-userpage, #pt-mytalk, #pt-preferences, #pt-mycontris, #pt-login, #pt-createaccount, #pt-watchlist{
    border-radius: 2px;
    background: white;
    border:1px solid white;
    padding: .2rem .4rem;
    font-weight:bold;
}
 
#pt-logout{
border-radius: 2px;
    background: white;
    border:1px solid white;
    color: #d40356;
    padding: .2rem .4rem;
    font-weight:bold;
}
 
#pt-userpage a, #pt-mytalk a, #pt-preferences a, #pt-mycontris a, #pt-login a, #pt-createaccount a, #pt-watchlist a{
color: #3a25ff;
text-decoration: none;
}
 
#pt-logout a, a.new{
color: #d40356;
text-decoration: none;
}
}
 
div#content {
#pt-notifications-alert, #pt-notifications-notice{
        border: 1px solid #fff;
margin-top: 0.2rem;
}
}
 
div.vectorTabs ul li {
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
        background-image: none;
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read{
        background-color: #fff;
opacity:1;
}
}
 
#p-views, #p-views *, #p-namespaces, #p-namespaces * {
.oo-ui-icon-bell, .mw-ui-icon-bell:before {
        background-image: none;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/cb/OOjs_UI_icon_bell-invert.svg);
}
}
 
div.vectorTabs ul li.selected  {
.oo-ui-icon-tray, .mw-ui-icon-tray:before {
        font-weight:bold;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d9/OOjs_UI_icon_tray-invert.svg);
}
}
 
div.vectorTabs ul li span a:hover {
#p-views li, #p-namespaces li{
        text-decoration: none;
height:auto;
}
}
 
#catlinks {
#p-views li a, #p-namespaces li a{
        border:none;
padding:0;
        padding:10px;
margin:0;
}
}


#p-views li{
.vectorTabs ul li {
    border-radius: 2px;
        background-color: #f8f9fa !important;
    background: #EEEAFF;
    border: 1px solid #fde8f0;
    color: #3a25ff;
    font-weight: 700;
    padding: .4rem .4rem .3rem .4rem;
    font-size: 17px;
    height: 20px;
    margin-left: 5px;
    font-family:'Segoe UI';
}
}


#p-namespaces li, #p-cactions{
#toc {
    border-radius: 2px;
        border:none;
    background: #3a25ff;
        padding:14px;
    border: 1px solid #3a25ff;
    color:white;
    font-weight: 700;
    padding: .4rem .4rem .3rem .4rem;
    font-size: 17px;
    height: 20px;
    margin-left: 5px;
    font-family:'Segoe UI';
}
}


.vectorMenu li{
/* Typography */
overflow:hidden;
/* Makes site-wide what has been implemented on a page-by-page basis */
}
 
.vectorTabs #ca-watch.icon a, .vectorTabs #ca-unwatch.icon a{
padding: 0.68em 0;
color: #EEEAFF;
}
 
#p-namespaces li {opacity:0.5;}
#p-namespaces .selected {opacity:1;}
 
#left-navigation{
margin-left:18em;
margin-top:4.3em;
}
#right-navigation{
margin-top:4.3em;
margin-right:5em;
}
 
#p-cactions{
background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a4/OOjs_UI_icon_expand-invert.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
width:30px;
}
 
#p-cactions .menu{
top: 1.9em;
border: 0;
    border-radius: 5px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
    padding: .4rem;
    margin: 0;
}
 
.button{
    border-radius: 2px;
    background: #EEEAFF;
    border: 1px solid #fde8f0;
    color: #3a25ff;
    font-weight: 700;
    padding: .4rem .8rem;
    font-size: 15px;
    height: 34px;
    margin-left: 5px;
    font-family:'Segoe UI';
}


.button img{
body {
padding-bottom:3px;
  font-family:'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
}


.button:focus, .button:hover, #p-views li:hover, #p-views li:focus, #p-views .selected{
div#content h1, div#content h2, div#content, #firstHeading {
    border-color: #3a25ff;
font-family:'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    outline: none;
}
}


.join{
.firstHeading {
    background: #3a25ff;
  border-bottom: none;
    border: 1px solid #3a25ff;
  margin-bottom:0.5em !important;
    color:white;
  padding-left:0;
  font-size: 2.4em !important;
  width:100%;
  margin:auto;
  border-collapse:collapse;
  vertical-align:top;
  line-height:100%;
  font-weight: 700;
}
}


.join:focus, .join:hover,  #p-namespaces li:hover, #p-namespaces li:focus{
.mw-body h2 {
    outline: none;
  margin-bottom: 1em;
}
}


.button a.external, .button a.external:visited, .button a, .button a:visited,
div#mw-panel div.portal#p-navigation div.body {
#p-views li a.external, #p-views li a.external:visited, #p-views li a, #p-views li a:visited{
  background-image:none;
color: #3a25ff;
text-decoration: none;
}
}


.join a.external, .join a.external:visited, .join a, .join a:visited,
div#content {
#p-namespaces li a.external, #p-namespaces li a.external:visited, #p-namespaces li a, #p-namespaces li a:visited{
  border: 1px solid #c8ccd1;
color: white;
text-decoration: none;
}
}


.logo-container {
#mw-head-base {
    width: 145px;
  border-bottom: 1px solid #c8ccd1;
    position:absolute;
    z-index:999;
}
}

Revisión actual - 14:34 22 ene 2023

/* Adjusted Vector Appearance */
body {
        background-color: #f8f9fa;
}

#mw-page-base {
        background-color: #f8f9fa;
        background-image: none;
}
div#content {
        border: 1px solid #fff;
}
div.vectorTabs ul li {
        background-image: none;
        background-color: #fff;
}
#p-views, #p-views *, #p-namespaces, #p-namespaces * {
        background-image: none;
}
div.vectorTabs ul li.selected  {
        font-weight:bold;
}
div.vectorTabs ul li span a:hover {
        text-decoration: none;
}
#catlinks {
        border:none;
        padding:10px;
}

.vectorTabs ul li {
        background-color: #f8f9fa !important;
}

#toc {
        border:none;
        padding:14px;
}

/* Typography */
/* Makes site-wide what has been implemented on a page-by-page basis */

body {
  font-family:'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div#content h1, div#content h2, div#content, #firstHeading {
	font-family:'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.firstHeading {
   border-bottom: none;
   margin-bottom:0.5em !important;
   padding-left:0;
   font-size: 2.4em !important;
   width:100%;
   margin:auto;
   border-collapse:collapse;
   vertical-align:top;
   line-height:100%;
   font-weight: 700;
}

.mw-body h2 {
  margin-bottom: 1em;
}

div#mw-panel div.portal#p-navigation div.body {
  background-image:none;
}

div#content {
  border: 1px solid #c8ccd1;
}

#mw-head-base {
  border-bottom: 1px solid #c8ccd1;
}