|
|
(No se muestran 12 ediciones intermedias de 3 usuarios) |
Línea 1: |
Línea 1: |
| /* TÍTULOS Y ENCABEZADOS EN 'SEGOE UI' */ | | /* Adjusted Vector Appearance */ |
| .mw-body h1, .mw-body-content h1, .mw-body-content h2{
| | body { |
| font-family:'Segoe UI';
| | background-color: #f8f9fa; |
| font-weight:700;
| |
| } | | } |
|
| |
|
| /* OCULTAR BARRA LATERAL */
| |
| #mw-panel{
| |
| display:none;
| |
| 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;
| |
| }
| |
|
| |
| /* OCULTAR ELEMENTOS EN PORTADA */
| |
| body.page-Página_principal.action-view .firstHeading,
| |
| body.page-Página_principal.action-view #contentSub,
| |
| body.page-Página_principal.action-view #siteSub,
| |
| body.page-Página_principal.action-view #catlinks,
| |
| /* body.page-Página_principal #p-namespaces, */
| |
| body.page-Página_principal.action-view #footer-info-lastmod {
| |
| display: none !important;
| |
| }
| |
|
| |
| #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;
| |
| } | | } |
| | | div#content { |
| #pt-userpage a, #pt-mytalk a, #pt-preferences a, #pt-mycontris a, #pt-login a, #pt-createaccount a, #pt-watchlist a{ | | border: 1px solid #fff; |
| color: #3a25ff;
| |
| text-decoration: none;
| |
| } | | } |
| | | div.vectorTabs ul li { |
| #pt-logout a, a.new{
| | background-image: none; |
| color: #d40356;
| | background-color: #fff; |
| text-decoration: none;
| |
| } | | } |
| | | #p-views, #p-views *, #p-namespaces, #p-namespaces * { |
| #pt-notifications-alert, #pt-notifications-notice{ | | background-image: none; |
| margin-top: 0.2rem;
| |
| } | | } |
| | | div.vectorTabs ul li.selected { |
| #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
| | font-weight:bold; |
| #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read{
| |
| opacity:1;
| |
| } | | } |
| | | div.vectorTabs ul li span a:hover { |
| .oo-ui-icon-bell, .mw-ui-icon-bell:before { | | text-decoration: none; |
| background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/cb/OOjs_UI_icon_bell-invert.svg);
| |
| } | | } |
| | | #catlinks { |
| .oo-ui-icon-tray, .mw-ui-icon-tray:before {
| | border:none; |
| background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d9/OOjs_UI_icon_tray-invert.svg);
| | padding:10px; |
| } | | } |
|
| |
|
| #p-views li, #p-namespaces li{
| | .vectorTabs ul li { |
| height:auto;
| | background-color: #f8f9fa !important; |
| } | | } |
|
| |
|
| #p-views li a, #p-namespaces li a{ | | #toc { |
| padding:0;
| | border:none; |
| margin:0;
| | padding:14px; |
| } | | } |
|
| |
|
| #p-views li{
| | /* Typography */ |
| border-radius: 2px;
| | /* Makes site-wide what has been implemented on a page-by-page basis */ |
| 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{
| | body { |
| border-radius: 2px;
| | font-family:'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| background: #3a25ff;
| |
| 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{
| | div#content h1, div#content h2, div#content, #firstHeading { |
| overflow:hidden; | | font-family:'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; |
| } | | } |
|
| |
|
| #p-namespaces li {opacity:0.5;}
| | .firstHeading { |
| #p-namespaces .selected {opacity:1;}
| | border-bottom: none; |
| | | margin-bottom:0.5em !important; |
| #left-navigation{
| | padding-left:0; |
| margin-left:18em;
| | font-size: 2.4em !important; |
| margin-top:4.3em;
| | width:100%; |
| }
| | margin:auto; |
| #right-navigation{
| | border-collapse:collapse; |
| margin-top:4.3em;
| | vertical-align:top; |
| margin-right:5em;
| | line-height:100%; |
| | font-weight: 700; |
| } | | } |
|
| |
|
| #p-cactions{
| | .mw-body h2 { |
| background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a4/OOjs_UI_icon_expand-invert.svg);
| | margin-bottom: 1em; |
| background-repeat: no-repeat;
| |
| background-position: center;
| |
| background-size: 20px 20px;
| |
| width:30px;
| |
| } | | } |
|
| |
|
| #p-cactions .menu{ | | div#mw-panel div.portal#p-navigation div.body { |
| top: 1.9em;
| | background-image:none; |
| 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{
| |
| padding-bottom:3px;
| |
| }
| |
| | |
| .button:focus, .button:hover, #p-views li:hover, #p-views li:focus, #p-views .selected{
| |
| border-color: #3a25ff;
| |
| outline: none;
| |
| }
| |
| | |
| .join{
| |
| background: #3a25ff;
| |
| border: 1px solid #3a25ff;
| |
| color:white;
| |
| }
| |
| | |
| .join:focus, .join:hover, #p-namespaces li:hover, #p-namespaces li:focus{
| |
| outline: none;
| |
| }
| |
| | |
| .button a.external, .button a.external:visited, .button a, .button a:visited,
| |
| #p-views li a.external, #p-views li a.external:visited, #p-views li a, #p-views li a:visited{
| |
| color: #3a25ff;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .join a.external, .join a.external:visited, .join a, .join a:visited,
| |
| #p-namespaces li a.external, #p-namespaces li a.external:visited, #p-namespaces li a, #p-namespaces li a:visited{
| |
| color: white;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .logo-container {
| |
| width: 145px;
| |
| position:absolute;
| |
| z-index:999;
| |
| }
| |
| | |
| /* PIE DE PÁGINA */
| |
| .footer{
| |
| background-color:#1F1F1F;
| |
| padding:1.5em 2.5em;
| |
| margin:0 -24px 0 -24px;
| |
| font-family:'Segoe UI';
| |
| color:white;
| |
| font-weight:600;
| |
| line-height: 1.2;
| |
| text-decoration:none;
| |
| }
| |
| | |
| .copy{
| |
| background-color:#000000;
| |
| padding:1.5em 2.5em;
| |
| margin:0 -24px -24px -24px;
| |
| font-family:'Segoe UI';
| |
| color:white;
| |
| font-size:90%;
| |
| line-height: 1.2;
| |
| }
| |
| | |
| .copy a.external{
| |
| color:#d2e6f8;
| |
| text-decoration:none;
| |
| }
| |
| | |
| .copy a.external:hover{
| |
| color:#EEEEEE;
| |
| }
| |
| | |
| .list{
| |
| float:right;
| |
| margin:2em 0 0 0;
| |
| }
| |
| | |
| .footer a{
| |
| color:white;
| |
| }
| |
| | |
| .footer a:hover{
| |
| color:#EEE;
| |
| }
| |
| | |
| .list img{
| |
| margin:0 10px;
| |
| height:40px;
| |
| width:auto;
| |
| }
| |
| | |
| #footer{
| |
| margin-left:1em;
| |
| }
| |
| | |
| | |
| /* CONTENIDO PRINCIPAL PÁGINAS OFICIALES */
| |
| .main {
| |
| background-color: #EEEAFF;
| |
| font-family:'Segoe UI';
| |
| margin:60px -24px auto -24px;
| |
| padding:40px 90px;
| |
| }
| |
| | |
| .main .col{
| |
| position: relative;
| |
| width: 50%;
| |
| }
| |
| | |
| .main h2{
| |
| font-size: 1.5rem;
| |
| text-transform: uppercase;
| |
| border: none;
| |
| color: #3a25ff;
| |
| font-weight: 500;
| |
| padding-top: .5rem;
| |
| margin-bottom: 1rem;
| |
| font-family:'Segoe UI';
| |
| border-bottom:0;
| |
| }
| |
| | |
| .main h1{
| |
| font-size: 2.5rem;
| |
| font-weight: 700;
| |
| padding-right: 3rem;
| |
| font-family:'Segoe UI';
| |
| border-bottom:0;
| |
| }
| |
| | |
| .section{
| |
| font-family:'Segoe UI';
| |
| max-width:62rem;
| |
| }
| |
| | |
| #inicio{margin:3.5rem auto;}
| |
| #objetivos, #eventos{margin:0 auto 1.5em;}
| |
| | |
| .section h2{
| |
| font-size: 1.4375rem;
| |
| font-weight: 700;
| |
| padding: 0;
| |
| margin: 1rem 0;
| |
| font-family:'Segoe UI';
| |
| text-decoration:none;
| |
| border:0;
| |
| }
| |
| | |
| .section h3{
| |
| font-size: .9375rem;
| |
| color: #6d7378;
| |
| font-weight: 700;
| |
| font-family:'Segoe UI';
| |
| text-transform: uppercase;
| |
| }
| |
| | |
| .section h4{
| |
| font-size: 17px;
| |
| padding-top:0;
| |
| margin-bottom: 0;
| |
| margin-top:0;
| |
| font-weight: 700;
| |
| text-transform:none;
| |
| color:black;
| |
| }
| |
| | |
| #eventos p, #objetivos p{
| |
| display: block;
| |
| margin:0;
| |
| font-size: .9375rem;
| |
| line-height: 1.466;
| |
| padding: 0;
| |
| }
| |
| | |
| #inicio h2{
| |
| margin-top:0;
| |
| }
| |
| | |
| #inicio p{
| |
| line-height: 1.8125rem;
| |
| font-size: 1.125rem;
| |
| margin: 0;
| |
| }
| |
| | |
| #inicio img{
| |
| float:right;
| |
| margin:auto auto auto 2.5rem;
| |
| height:auto;
| |
| }
| |
| | |
| hr{
| |
| background-color: #a7d7f9;
| |
| margin:auto -24px;
| |
| }
| |
| | |
| .flex{
| |
| display: flex;
| |
| flex-direction: row;
| |
| flex-wrap: nowrap;
| |
| justify-content: space-between;
| |
| margin-bottom:1.5em;
| |
| }
| |
| | |
| .section .col{
| |
| position: relative;
| |
| width: 32%;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| | |
| .btn a{
| |
| padding-top: 32px;
| |
| color: #3a25ff;
| |
| font-size: 15px;
| |
| font-weight: 700;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .section .col .item{
| |
| background: #f8f9fa;
| |
| border-radius: 5px;
| |
| margin: 0;
| |
| padding: 40px 20px;
| |
| z-index:0;
| |
| }
| |
| | |
| #eventos a, #objetivos a{
| |
| color: black;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .home-project-logo img {
| |
| max-height: 60px;
| |
| width: auto;
| |
| margin-bottom:15px;
| |
| }
| |
| | |
| .focus{
| |
| background-color: #fff;
| |
| overflow: hidden;
| |
| display: block;
| |
| border: 1px solid #e5e5e5;
| |
| transition: all .25s ease;
| |
| border-radius: 5px;
| |
| }
| |
| | |
| .focus:hover {
| |
| box-shadow: 0 5px 20px 0 rgba(0,0,0,.15);
| |
| }
| |
| | |
| .focus .card{
| |
| height: 100%;
| |
| display: block;
| |
| position: relative;
| |
| }
| |
| | |
| .focus .bg-img-container {
| |
| width: 100%;
| |
| height: 12.5rem;
| |
| display: block;
| |
| }
| |
| | |
| .focus .bg-img-container .bg-img{
| |
| width: 100%;
| |
| height: 100%;
| |
| background-size: cover;
| |
| background-position: center center;
| |
| transition: .3s all;
| |
| }
| |
| | |
| .focus .card-content {
| |
| padding: 1.5rem;
| |
| height: 100%;
| |
| display: block;
| |
| }
| |
| | |
| #objetivos h2{
| |
| margin-bottom: .3125rem;
| |
| font-size: 1.5rem;
| |
| font-weight: 700;
| |
| }
| |
| | |
| /* IMÁGENES REDONDEADAS */
| |
| .rounded img{
| |
| border-radius: 5px;
| |
| }
| |
| | |
| | |
| /* OCULTAR O MOSTRAR SEGÚN USER RIGHTS */
| |
| .sysop-show,
| |
| .bureaucrat-show,
| |
| .autoconfirmed-show,
| |
| .user-show {
| |
| display: none;
| |
| }
| |
| | |
| /* OMBOX */
| |
| table.ombox {
| |
| margin: 4px auto;
| |
| width: 85%;
| |
| border-collapse: collapse;
| |
| border: 1px solid #aaa;
| |
| background: #f9f9f9;
| |
| }
| |
| | |
| table.pp {
| |
| text-align:center;
| |
| width:100%;
| |
| clear:both;
| |
| margin-top:.5em;
| |
| font-size:90%
| |
| }
| |
| | |
| /* AMBOX */
| |
| table.ambox {
| |
| width: 80%;
| |
| margin: 0 auto;
| |
| border-collapse: collapse;
| |
| background: #f8fcff; | |
| border: 1px solid #aaa;
| |
| border-left: 15px solid #39f; /* Barra azul predeterminada */
| |
| }
| |
| table.ambox th, table.ambox td { /* Celda(s) de mensajes */
| |
| padding: 0.25em 0.5em; /* 0.5em left/right */
| |
| }
| |
| table.ambox td.ambox-image { /* Celda de img a la izquierda */
| |
| width: 52px;
| |
| padding: 2px 0px 2px 0.5em; /* 0.5em left, 0px right */
| |
| text-align: center;
| |
| }
| |
| table.ambox td.ambox-imageright { /* Celda de img a la derecha */
| |
| width: 52px;
| |
| padding: 2px 0.5em 2px 0px; /* 0px left, 0.5em right */
| |
| text-align: center;
| |
| }
| |
| table.ambox-notice {
| |
| border-left: 15px solid #0080FF; /* Azul */
| |
| }
| |
| table.ambox-serious {
| |
| border-left: 15px solid #C00; /* Rojo */
| |
| }
| |
| table.ambox-content {
| |
| border-left: 15px solid #F63; /* Naranja */
| |
| }
| |
| table.ambox-style {
| |
| border-left: 15px solid #FC3; /* Amarillo */
| |
| }
| |
| table.ambox-merge {
| |
| border-left: 15px solid #95B; /* Purpura */
| |
| }
| |
| table.ambox-license {
| |
| border-left: 15px solid #088A08; /* Verde */
| |
| }
| |
| table.ambox-protection {
| |
| border-left: 15px solid #BBA; /* Gris */
| |
| } | | } |
|
| |
|
| /* VISIBILIDAD MÓVIL */
| | div#content { |
| @media (min-width: 720px) {
| | border: 1px solid #c8ccd1; |
| .mf-mobile-only {
| |
| display:none
| |
| }
| |
| } | | } |
|
| |
|
| /* PLANTILLA FICHA-EVENTO */
| | #mw-head-base { |
| .event img {
| | border-bottom: 1px solid #c8ccd1; |
| width: 100%;
| |
| height: auto;
| |
| } | | } |