MediaWiki:Common.css
De Casiopea
Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.
- Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
- Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
- Opera: Presiona Ctrl+F5.
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Alegreya:ital,wght@0,400;0,600;1,400;1,600&family=Roboto+Mono:wght@400;500;700&display=swap'); /*------------ estilos temporales--(borrar)-----------------------------------------------------*/ .portada70{ background-image: url(https://wiki.ead.pucv.cl/images/9/9e/Ellipse-70.jpg); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; font-size: 110%; margin-top: -8px; text-shadow: 1px 1px 2px #000000; position: relative } .portada70 .logo70{ z-index: 100; filter: drop-shadow(2px 2px 1px rgba(0,0,0,.3)); } .portada70 .front{ z-index: 1000; } .portada70 *{ color: white !important; } .portada70 h1{ border-bottom: none; } .portada70 ul li { position: relative; padding-bottom: 10px; } .portada70 ul li a:hover{ color: salmon !important; } .portada70 ul { list-style: none; } .portada70 ul li:before{ content: ''; position: absolute; border-right:2px solid white; border-bottom:2px solid white; width:10px; height:10px; top: 13px; left: -20px; transform: translateY(-50%) rotate(-45deg); text-shadow: 1px 1px 2px #000000; } .portada70 a, .portada70 a:hover{ color: white; text-decoration: none; } .portada70 .wiki-btn{ background-color: rgba(0, 0, 0, .2); border-color: white; border-bottom: 1px solid white; padding: 0.7ex 1.5em; border-radius: 2px; margin-bottom: 2em; } .portada70 .wiki-btn>a{ text-transform: uppercase; font-weight: 400 !important; letter-spacing: 0.23ex; } .portada70 .wiki-btn:hover{ background-color: #FFFFFF20; } /*------------ estilos temporales--(borrar hasta aquí)--------------------------------------------*/ h1, h2, h3, h4, h5, h6, .firstHeading{ border-bottom: none !important; } li.smw-row .smw-field .smw-value a::after { content: " "; } a[href].new{color: rgba(0, 0, 0, .3) !important} a[href].new::after{content: " "} a[href].new::hover{text-decoration: underline; color: rgba(0, 0, 0, .5)} a:visited {color: #681603} /** ------------------------------------------------------------------ Imagenes */ hr { margin: 0 -1rem; border: 0; border-top: .013ex solid rgb(0 0 0 / 1%); background-color: rgba(0, 0, 0, .25); } img:not(.full-width) { max-width: 100%; height: auto; } pre{ white-space: pre } textarea, .mw-body #wpTextbox1, #pfForm textarea{ padding: 0; background-color: rgb(132 150 117 / 8%); font-family: 'Roboto Mono', monospace, mono; } widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #fff; background-color: #a63117; border-color: #7c1e09; } .mw-body .firstHeading { color: #a63117; } div.gallerytext, div.gallerytext p{ text-align: center !important; } /** ------------------------------------------------------------------ Plantillas */ .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid transparent; padding: 0.2em 0.4em; } table.plantilla { font-size: 95%; padding: 1em !important; margin: 2em auto; line-height: 120%; border: none; border-radius: 6px; } table.plantilla tbody tr { vertical-align: top; } table.chronogram tbody tr th, table.chronogram tbody tr td { border-top: 1px solid rgba(0, 0, 0, .2) !important; font-size: 13px; vertical-align: top; } table.plantilla tbody tr th { text-align: right; min-width: 110px; width: 20%; padding: 2px 1.5ex 0 0; color: rgba(0, 0, 0, .5); font-weight: normal; text-transform: uppercase; font-size: 10px; letter-spacing: 0.03ex; background-color: transparent; color: rgba(0, 0, 0, 0.3); font-weight: bold; } table.competencias { margin: 0 0 0 2em; border: none; border-collapse: collapse; } table.competencias tbody tr th { letter-spacing: normal; text-transform: uppercase; padding: 1.5em 0 1.5em 0; color: #b3b3b3; } table.competencias tbody tr td { background-color: transparent; vertical-align: top; padding: 1em; } table.competencias tbody tr td ul { padding-top: 0; margin-top: 0; } table.competencias tbody tr { border-bottom: 1px solid #CCC !important; } table.competencias tbody tr:last-child { border-bottom: 1px solid transparent !important; } table.competencias tbody tr th, table.competencias tbody tr td { background: transparent; } table.malla tbody tr td { font-size: 13px; vertical-align: top !important; } table.malla tbody tr td ul { padding: 0 0 2em 0; } table.malla tbody tr td ul ul { padding: 0; } table.malla tbody td.year { padding: 0; color: #c00; text-transform: uppercase; font-size: 0.8em; font-weight: bold; letter-spacing: -.06ex; } table.malla tbody tr th { color: #CCC; font-size: 1.3em; font-weight: normal; text-transform: uppercase; padding: 2em 0 1em; } table.nucleares { font-size: 10pt; } table.nucleares tr { border-top: 2px solic black; } table.nucleares td ul { margin: 0 0 0 -2em; } table.nucleares td, table.nucleares td ul li, { vertical-align: top; list-style: none; } td.Créditos { text-align: center; } td.Clave { font-weight: bold; font-family: Consolas, monospace; } td.Bibliografía, td.Competencias-Fundamentales, td.Competencias-Disciplinares, td.Competencias-Profesionales { vertical-align: top; font-size: .8em; line-height: 1.1em; } td.Bibliografía hr, td.Competencias-Fundamentales hr, td.Competencias-Disciplinares hr, td.Competencias-Profesionales hr { margin: 3px 0; border-color: #CCC; } .ficha { border-collapse: collapse; } .bio, td.bio { font: italic normal 85%/111%; } /* Formulario de solicitud de cuenta, para visualizar los campos del formulario -------------------- */ #wpUsername, #wpEmail, #wpRealName{ background-color: #f9f9f9; margin-left: 1em; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } /* formulario para subir nueva versión de archivo -------------------------------------------------- */ td.mw-input input{ border: 1px solid #CCC; border-radius: 4px; padding: 4px; } /* vcard para Plantilla: Personas ------------------------------------------------------------------ */ .vcard{ text-align: center; } .vcard .person-name{ display: inline-block; margin: 1ex 0px; font-size: 1.5em; letter-spacing: -0.03ex; color: black; font-weight: bold; } .vcard .titulo p, .vcard .titulo .bio, .vcard .titulo .url{ font-size: .8 120%; font-style: italic; text-align: center; } .vcard .fn .email a.external{ font-size: .75rem; text-transform: uppercase; letter-spacing: .3ex; } /* para la Plantilla: Listado de Profesores -------------------------------------------------------- */ .listado-profesores .nombre a{ font-weight: 300; } .listado-profesores small{ display: block; line-height: 120%; margin: 0px 0px 1em; font-size: 80%; font-weight: 400; } /* para la Plantilla: Ficha Personal --------------------------------------------------------------- */ .ficha-personal{ display: inline-block; min-height: 200px !important; } .ficha-personal .foto{ width: 150px; float: left; border-radius: 50%; } .ficha-personal .title h3{ font-size: 14px; font-weight: normal; } .ficha-personal .title .bio{ display: block; font-size: 12px; font-weight: normal; line-height: 110%; } /* tabla malla nueva, tabla de colores para asignaturas ---------------------------------------------- */ table.malla-nueva tr th, table.malla-nueva tr td{ vertical-align: top; } table.malla-nueva tr th{ padding: 1ex; } table.malla-nueva tr td{ padding: 0; } /* Ficha Asignatura: es una plantilla que se utiliza como Template para resultados semánticos */ .ficha-asignatura{ display: block; padding: 1ex; } .ficha-asignatura:hover{ background-color: #FFF; } .ficha-asignatura .clave, .ficha-asignatura .creditos{ float: left; color: #5C5C5C; background-color: transparent; border: none; margin: 0; font-weight: bolder; font-size: 10px; border: 1px solid transparent; } .ficha-asignatura .clave{ padding: .5ex; } .ficha-asignatura .creditos{ color: #FFF; background-color: rgba(0, 0, 0, 0.5); padding: 0.6ex 1.2ex 0.4ex 1.2ex; border-radius: 10px; text-shadow: 1px 1px 1px rgba(0,0,0,.5); } .ficha-asignatura .nombre-asignatura a{ display: block; clear: both; font-size: 14px; padding: .5ex; line-height: 110%; } .ficha-asignatura .nombre-asignatura a:hover{ background-color: transparent; text-decoration: underline; } /* Semantic Media Wiki ----------------------------------------------------------------------- */ .aviso, .mw-warning-with-logexcerpt, .smw-editpage-help { background-color: #fcfada; border: 3px solid rgba(0,0,0,.05) !important; padding: .3em 1em 0.5em 1em; margin-bottom: 2em !important; border-radius: 4px; line-height: 150%; font-weight: normal; } .nota{ font-size: 80%; line-height: 136%; font-style: italic; padding: 1ex 1em; background-color: #fffded; margin: 1em 0 1em 30%; border-radius: 4px; } /* Botones para la Wiki, span con un link interior -------------------------------------------- */ .wiki-btn{ display: inline-flex; padding: .7ex .5em .2ex .5em; border-radius: 5px; border: 1px solid rgba(0,0,0,.1); background-color: #ABABAB; white-space: nowrap; border-bottom: 6px solid rgba(0,0,0,.1); } .wiki-btn:hover{ background-color: #878787; } .wiki-btn>a{ font-weight: 700 !important; line-height:90%; color: white !important; text-decoration: none; white-space: nowrap; text-shadow: 2px 2px 0 rgba(0,0,0,.1); } .wiki-btn>a:hover, .wiki-btn>a:focus{color: #FFF !important; text-decoration:none !important} .wiki-btn.red{background-color: #AE2900;} .wiki-btn:hover.red{background-color: #8d2100;} .wiki-btn.green{background-color: #6ACA3C;} .wiki-btn:hover.green{background-color: #50992E;} .wiki-btn.blue{background-color: #05D2FA;} .wiki-btn:hover.blue{background-color: #059BE6;} /* hack para evitar el espacio superior en las tablas de plantillas por 4 quiebres de línea que no sé de dónde vienen o por qué se generan. Hay que identificar la causa porque este hack puede perjudicar otros elementos no anticipados */ #mw-content-text > p > br { display: none; } .pdf-btn{float:right} .pdf-btn > a.external.text { border: 1px solid #C00; display: inline-block; line-height: 100%; padding: 2px 4px; font-size: 12px; border-radius: 4px; margin-bottom: 1emM } .pdf-btn > a.external.text:hover{ text-decoration: none; color: white; background-color:#C00; } /* estilos auxiliares ----------------------------------------------------------------------- */ .mb{ margin-bottom: 2em } .img-circle{ border-radius:50%; } /* div para listar trabajos individuales */ .listado{ display:inline-block; vertical-align:top; width: 30%; min-width: 200px; height: 300px; overflow: scroll; padding: 1ex 1em; margin: .5em; border: 1px solid #EEE; box-shadow: 1px 1px 2px rgba(0,0,0,.2); border-radius: 5px; } /* licencias para archivos ----------------------------------------------------------------------- */ .licence{ padding: 1em 2ex; border: 1px solid #EEE; border-radius: 1ex; font-size: 75%; line-height: 120%; } .licence .image{ float: left; display: inline-block; margin-right: 1em; } .clearfix {overflow: auto;} .clearfix::after{ content: ""; clear: both; display: table; } /* Semantic Forms ----------------------------------------------------------------------- */ .pfImagePreviewWrapper{ display: inline-block; margin: 1em; } .pfImagePreviewWrapper img{ border-radius: 4px; } /* Plantilla Portafolio -------------------------------------------------------------- */ .portafolio .title { display: block; margin: 1em 0; } .portafolio p{ text-align: left !important; } .portafolio{ display:inline-block; vertical-align:top; width: 298px; padding: 10px 20px; margin: 0 10px 10px 0; border: 1px solid #eee; } .portafolio .thumb img{ width: 100%; height: auto; } .portafolio > .thumb > .text > p { line-height: 100%; } .portafolio .text{ font-size: 14px; line-height: 1em; margin: 0; } .portafolio .text .title{font-weight: bold !important; } .portafolio .text .name{text-style: italic !important;} /* Secure Poll ----------------------------------------------------------------------- */ #securepoll > .mw-parser-output p { font-weight: bolder} #securepoll > hr {margin: 2em 0} #securepoll > .securepoll-option-choose {margin: 1em 0} #securepoll > .securepoll-option-choose > input[type=radio]{display: inline-block; margin: 1ex 1em} #securepoll > .securepoll-option-choose > label, #securepoll > .securepoll-option-choose > label > .mw-parser-output{display:inline} #securepoll > input[type=submit] { background-color: #6ACA3C; font-weight: 700 !important; color: white; text-decoration: none; white-space: nowrap; text-shadow: 2px 2px 0 rgba(0,0,0,.1); display: inline-block; padding: 1ex 1em .4ex 1em; border-radius: 5px; border: 1px solid rgba(0,0,0,.1); white-space: nowrap; border-bottom: 6px solid rgba(0,0,0,.1); } #securepoll > input[type=submit]:hover{background-color: #50992E;} /* Plantilla Observación ------------------------------------------------------------------ */ .obs > p > a > img{ max-width: 80% } .obs > blockquote{ border: none; } .obs > blockquote > p { font-size: 1.7em; line-height: 120%; font-weight: 300 !important; } .obs #detalles{ display: inline-block; float: right; padding: 0 0 0 2em; } /* Utilidades ------------------------------------------------------------------ */ .center p{ text-align: center !important; }