MediaWiki:Common.css

De Wikinoticias, la fuente libre de noticias
Ir a la navegación Ir a la búsqueda

Nota: Después de guardar, debes recargar la caché de tu navegador para ver los cambios:

  • Mozilla: Pulsa Recargar (o Ctrl-R)
  • Internet Explorer / Opera: Ctrl-F5
  • Safari: Cmd-R
  • Konqueror Ctrl-R.
/* <source lang="CSS">Los estilos CSS definidos aquí aplicarán a todas las pieles (skins) */

/* Evitar saltos de línea en lugares indeseados (links) */
 
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a { 
    white-space: nowrap;
}

span.nowraplinks { 
    white-space: nowrap;
}

/* Icono RSS */
 
*.rss {
  color: #FFFFFF;
  background-color: #FF5500;
  background-image: none !important;
  border-color: #FF5500;
  border-style: outset;
  text-decoration: none !important;
  padding-left: 0.2em;
  padding-right: 0.2em;
  border-width: 0.15em;
  font-size: 95%;
  line-height: 95%;
  font-family: verdana, sans-serif;
  font-weight: bold;
}
 
*.rss:hover { border-style:inset; }
 
/* Efectos con hover para tablas */
  
table.hovertr tr:hover { background: #FFCC66; }  /* no se puede aplicar un fondo de color */

tr.gris-hover { background: #EFEFEF }
tr.gris-hover:hover { background: #FFCC66; }

tr.blanco-hover { background:#FFFFFF }
tr.blanco-hover:hover { background: #FFCC66; } 

/* Arreglar el espacio en edit check boxes en editintros. */
 
.editOptions p { display:inline; }

/* Pre, S */

pre {
    padding: 1em;
    border: 1px solid #003399;
    color: #003399;
    background-color: #F4F6FE;
    line-height: 1.1em;
    overflow: auto;
}
s, strike { color: #777 }

/* Estilo del Sitenotice (MediaWiki:Sitenotice) */

#siteNotice table { background:transparent; }

/* Interlineado en títulos */

h1.firstHeading { line-height: 1em; }

/* Sacar links inútiles de versión impresa */

@media print {
    #privacy, #about, #disclaimer, #catlinks { display:none; }
}

/* Semiblanking */

.semiblanking { display: none; }

/* Icono Adobe para archivos .pdf (para Firefox y Opera) */

#bodyContent a[href$=".pdf"].external, 
#bodyContent a[href*=".pdf?"].external, 
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external, 
#bodyContent a[href*=".PDF?"].external, 
#bodyContent a[href*=".PDF#"].external {
    background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) center right no-repeat;
    padding-right: 16px;
}

/*Make js errors more noticeable (For EasyPeerReview) */
#mw-js-message.mw-js-message-mwapi-error { border: thick red solid ; font-size:larger}

/* Icono Adobe para archivos .pdf (para IE) */

span.PDFlink a {
    background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) center right no-repeat !important;
    padding-right: 17px !important;
}

/* Ocultar texto para los no administradores */
.para_admins {display: none}

/* Other comments/lqt stuff (needs js) */

.lqt_start_discussion span.ui-button-text {font-size: medium;font-weight: bold; color:black}
.lqt-talkpage-header { text-align: center }
.lqt-talkpage-header {border: none}
html body .lqt-edit-introduction {display: none}
html .lqt-post-wrapper {border-width: thin }
html .lqt-thread-topmost > .lqt-post-wrapper {border-width: thin }
.lqt_toc {margin-bottom: 2em;}
.lqt_threadlevel_commands {margin-top: 0.5em;}
.lqt_thread_heading {border-bottom: none }
.lqt_view_options {display: none }
html .lqt-thread-replies-interruption {border-left: thin solid silver }

.lqt-command-summarize {display: none !important}
/* End other comments lqt stuff */

/* Notice */

.notice { margin: 1em; padding: 0.2em; }

/* Messagebox */

.messagebox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   width: 85%;
   margin: 0 auto .4em;
   padding: 0.2em;
}

/* Referencias */

.references-small { font-size: 90%; }

/* Wikitable/Prettytable  */
 
table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}
 
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}
 
table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}
 
table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}

/* Mbox */

th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* Ambox: Noticias y páginas de proyecto */

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 */
}
 
/* rounded corners class for block elements */
.roundedCorners {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
 
}
 
.semiblanking {
 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%
}

/* Fmbox */
 
table.fmbox {
    margin: 4px auto; 
    width: 100%;
    border-collapse: collapse; 
    border: 1px solid #aaa;
    background: #f9f9f9;
}
table.fmbox-system {
    background: #f9f9f9;        /* default */
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Rojo oscuro */
    background: #ffdbdb;        /* Rojizo */
}
table.fmbox-editnotice {
    background: transparent;
}
 
/* Cmbox */

table.cmbox {
    margin: 4px auto;
    font-size: 94%;
    width: 85%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;
}

/* Tmbox */

table.tmbox {
    margin: 4px auto;
    width: 85%;
    border-collapse: collapse;
    border: 1px solid #c0c090;
    background: #f8eaba;
}

/* Recuadros de la portada */

span.portada-t {
   font-size: 150%;
   padding: 5px;
   border-right: 2px solid #99b2cc;
   border-bottom: 2px solid #99b2cc;
   border-left: 1px solid #99b2cc;
}

div.portada-r {
   border-top: 2px solid #99b2cc;
   border-right: 2px solid #99b2cc;
   border-bottom: 1px solid #99b2cc;
   border-left: 1px solid #99b2cc;
   margin-bottom: 3ex;
}

/* TOC Horizontal */

div.toc_breves {
          border-top: 1px solid #99b2cc;
          padding-top: 0.5em;
}
div.toc_breves .tocindent {
          margin: 0;
}
div.toc_breves table#toc ul {
          display: inline;
}
div.toc_breves table#toc ul li {
          display: inline;
}
div.toc_breves table#toc .toctoggle {
          display: none;
}
div.toc_breves table#toc ul li span.tocnumber {
          display: none;
}
div.toc_breves table#toc ul li:before {
          content: " ··· ";
}
div.toc_breves table#toc div#toctitle {
          display: inline;
}
div.toc_breves table#toc div#toctitle h2 {
          display: inline;
}
div.toc_breves table#toc {
          border: 0;
          padding: 0;
          background-color: #f9f9f9;
}

/* NavFrame */

.BoxenVerschmelzen,
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #a2a9b1;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    /* @noflip */
    float: left;
}
div.NavFrame div.NavHead {
    line-height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    /* @noflip */
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* Todas las páginas - redirecciones en itálicas */
.allpagesredirect{
    font-style: italic;
}

/* Plegables para usuarios con determinados permisos
   [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-bureaucrat.css]], [[MediaWiki:Group-editprotected.css]],
   [[MediaWiki:Group-editor.css]], [[MediaWiki:Group-reviewer.css]], [[MediaWiki:Group-autoreview.css]] and 
   [[Mediawiki:Group-autoconfirmed.css]]. */
.sysop-show,
.bureaucrat-show,
.editprotected-show,
.editor-show,
.reviewer-show,
.autoreview-show,
.autoconfirmed-show,
.user-show {
    display: none;
}

/* Estilo de imágenes */

div.thumbinner { background:#FFFFFF; border:0; }
div.thumbcaption { font-size:90%; }
div.magnify { display:none; }

/* Evitar que los títulos choquen con objetos flotantes */

h1, h2, h3, h4, h5, h6 {
    overflow: hidden;
}

/* Div based "warning" messages. */

div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}

/* Estilo de editnotices de flaggedrevs */

table.flaggedrevs_editnotice {
    margin: 4px auto; 
    width: 100%;
    border-collapse: collapse; 
    border: 1px solid #aaa;
    background: transparent;
}

/* Quitar viñetas cuando hay más de un mensaje de alerta */
 
ul.permissions-errors > li {
    list-style: none;
}
ul.permissions-errors {
    margin: 0;
}
 
/* Viñetas redondeadas y estéticas (div based) */

.nicebullets ul { 
    line-height: 1.5em;
    list-style-type: square;
    margin: .3em 0 0 1.5em;
    padding: 0;
    list-style-image: url('//upload.wikimedia.org/wikipedia/commons/9/90/Vector-bullet-icon.png');
}

/* Catheader / Infobox */

table.catdata {
    background: transparent;
    margin-left: 5px;
    margin-bottom:5px;
    width: 100%;
    border: 1px solid #a7d7f9;
    padding: 0px;
}

.catheader {
    background-color:#cfcfcf;
    padding: 1px 5px 1px 5px;
    line-height:2em;
    font-size:140%;
    text-align:left
}

.catsubheader {
    background-color:#dfdfdf;
    padding:1px 5px 1px 5px;
    font-size:90%;
    text-align:left;
}

.catcontent {
    font-size:90%;
    padding:5px;
}

table.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: .1em .1em .3em 0;
    padding: 0.2em;
    width:100%;
}

.infobox td,
.infobox th {
    vertical-align: top;
}

.infobox-campo {
    width: 33%;
    font-size: 85%;
    font-weight: bold;
    padding: 1px;
    background: #dfdfdf
}

.infobox-contenido {
    font-size: 85%;
}

/***************************************************************
 * PLEGABLES - MediaWiki 1.18+
 ***************************************************************/
/* MediaWiki 1.18 introdujo un nuevo sistema nativo de plegables.
Este es el CSS para personalizarlo y eventualmente reemplazar
al laberinto NavHead, NavFrame, NavToggle, NavContent, etc. */

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
    font-size: 90%;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

/***************************************************************
 * PLEGABLES - MediaWiki 1.17-
 ***************************************************************/

/* CSS para plegables, documentación en [[:en:Wikipedia:NavFrame]] */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* Tabber */

/*horizTabBox*/

div.horizTabBox ul.tabbernav li a {
 background-color:#7ec9fd;
margin-left: 15px;
border-bottom: solid 1px #7ec9fd;
padding-left:0.8em;
padding-right:0.8em;
-moz-border-radius:1em 1em 0 0; /* this should be replaced with images for browsers that don't support it somehow*/
/*webkit doesn't like too big radii or having it in the shorthand form. Make sure radi < 1.7em */
-webkit-border-top-left-radius:1em;
-webkit-border-top-right-radius:1em;
border-radius:1em 1em 0 0;
}

div.horizTabBox ul.tabbernav li.tabberactive a
{
 background-color: #bce1ff;
 border-bottom: 3px solid #bce1ff;
 margin-left:10px;
}
div.horizTabBox .tabbertab 
{
border:solid 2px #7ec9fd;
padding:0;
}
div.horizTabBox ul.tabbernav li a:hover
{
 color: #000;
 background: #bce1ff;
 border-bottom: 3px solid #bce1ff;
}

div.horizTabBox ul.tabbernav li.tabberactive a:hover
{
 color: #000;

}
div.horizTabBox {
 width:50%;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
 /*min-width:41em;
 max-width:47em;
 */
}

/* IMPORTANT: keep width:80% above or it will suck on IE*/


/* pict box */

div.pictChanger ul.tabbernav {line-height: 2.4;}
div.pictChanger ul.tabbernav li a {border: #CCC 1px solid}
div.pictChanger {width:400px;}
div.pictChanger div.tabbertab {text-align:left;}

div.tabberNoBorder div.tabbertab, 
div.tabberNoBorder ul.tabbernav {
    border: none;
}

/* 
Cosas por defecto genéricas - Traído de http://www.barelyfitz.com/projects/tabber/example.css
Ver http://www.barelyfitz.com/projects/tabber/
Código siguiente bajo la licencia MIT 
*/

.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
}
.tabberlive {
 margin-top:1em;
}

ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #CCC;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #ccc;
 border-bottom: none;
 background: #f2f7ff;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #fff9f2;
 border-color: #CCC;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/* 
If you don't want the tab size changing whenever a tab is changed you can set a fixed height:
"height:200px;"

If you set a fix height set overflow to auto and you will get a scrollbar when necessary:
"overflow:auto;"
*/

.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #CCC;
 border-top:0;
}

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* Esconder el espacio de nombres Comentarios Discusión: */
body.ns-100 #ca-talk {display:none;}
body.ns-101 #ca-edit {display:none;}
body.ns-101 #ca-addsection {display:none;}
body.ns-90 #ca-talk {display: none;} /*thread pseudo ns*/

/***** Imágenes de fondo en páginas de los espacios de nombres *****/
 
/* Especial */
.ns--1 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Especial */
.ns--2 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Principal */
.ns-0 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Discusión */
.ns-1 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Usuario */
.ns-2 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Usuario discusión */
.ns-3 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Proyecto */
.ns-4 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Proyecto discusión */
.ns-5 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Archivo */
.ns-6 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Archivo discusión */
.ns-7 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* MediaWiki */
.ns-8 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* MediaWiki discusión */
.ns-9 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Plantilla */
.ns-10 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Plantilla discusión */
.ns-11 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Ayuda */
.ns-12 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Ayuda discusión */
.ns-13 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Categoría */
.ns-14 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Categoría discusión */
.ns-15 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Portal */
.ns-100 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}
 
/* Portal discusión */
.ns-101 #content {
   border-left: 1px solid #A7D7F9;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/2/23/Wikinews_banner_5.png);
   background-repeat: no-repeat;
   background-position: right top;
}

/* Estilo para las etiquetas del filtro de edición */
.mw-tag-marker {
 font-family:sans-serif;
 font-style:italic;
 font-size:90%;
 background-color:#FFE599;
}

/* Estilo para los avisos de los filtros antiabusos */
.aviso_filtro {
   border: 1px solid #848484;
   margin: 19px 14px 19px 14px;
   padding: 0.8em 1.2em 0.8em 1.2em;
}

/* El vandalismo debe ser particularmente distinguible */
.mw-tag-marker-Posible_vandalismo, .mw-tag-marker-Spambot {
    background-color:#FEC29C;
}

/* </source> */

/* Arreglando tamaño de tipografía en bloques de texto monoespaciado <source> y páginas .css y .js.
   (https://bugzilla.wikimedia.org/show_bug.cgi?id=26204) */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript {
    font-family: monospace !important;
}

/* Ocultar cabecera de algunas páginas */
body.page-Wikinoticias_Sala_de_redacción .firstHeading,
body.page-Wikinoticias_Sala_de_redacción #contentSub,
body.page-Wikinoticias_Sala_de_redacción #siteSub,
body.page-Usuario_Jorge_Abellán .firstHeading,
body.page-Usuario_Jorge_Abellán #contentSub,
body.page-Usuario_Jorge_Abellán #siteSub,
body.page-Wikinoticias_Contacto .firstHeading,
body.page-Wikinoticias_Contacto #contentSub,
body.page-Wikinoticias_Contacto #siteSub {
    display: none !important;
}

/** Estilos para tablas.
    la idea es, si se quiere que la primera columna de la tabla esté alineada
    a la derecha, la segunda centrada  y la tercera a la izquierda, usar
    {| class="col1der col2cen col3izq"
    en vez de repetir "style='text-align:right'", etc, en '''cada''' celda
    Esto sólo se usa en Medallero. Debería divulgarse para aprovecharlo en más lugares
**/
table.col1der TD:first-child {text-align:right}
table.col1izq TD:first-child {text-align:left}
table.col1cen TD:first-child {text-align:center}

table.col2der TD:first-child + TD {text-align:right}
table.col2izq TD:first-child + TD {text-align:left}
table.col2cen TD:first-child + TD {text-align:center}

table.col3der TD:first-child + TD + TD {text-align:right}
table.col3izq TD:first-child + TD + TD {text-align:left}
table.col3cen TD:first-child + TD + TD {text-align:center}

table.col4der TD:first-child + TD + TD + TD {text-align:right}
table.col4izq TD:first-child + TD + TD + TD {text-align:left}
table.col4cen TD:first-child + TD + TD + TD {text-align:center}

table.col5der TD:first-child + TD + TD + TD + TD {text-align:right}
table.col5izq TD:first-child + TD + TD + TD + TD {text-align:left}
table.col5cen TD:first-child + TD + TD + TD + TD {text-align:center}

table.col6der TD:first-child + TD + TD + TD + TD + TD {text-align:right}
table.col6izq TD:first-child + TD + TD + TD + TD + TD {text-align:left}
table.col6cen TD:first-child + TD + TD + TD + TD + TD {text-align:center}

/* Estilo de la interfaz de edición */
input#wpSave, input#wpPreview, input#wpDiff{
    border:none;
    border-radius:2px;
    padding:0.3em;
    color:#ffffff;
    margin:3px;
}
input#wpSave {
   background-color:#2f5896;
}
input#wpPreview, input#wpDiff {
   background-color:#575859;
}
 
div.editOptions{
    color:#303030;
    padding:1em;
    background-color:#E7E8E9;
}
div.editOptions a{
    color:#3767B1;
}
input#wpSummary, div.editOptions, textarea#wpTextbox1{
    border:1px solid #C0C0C0;
}
input#wpSave:hover, input#wpPreview:hover, input#wpDiff:hover{
	box-shadow: 2px 2px 5px #C0C0C0;
}
input#wpSave:hover{
	background-color:#3a6fbd;
}
input#wpSave:active{
    background:#2f5896;
}
input#wpPreview:active, input#wpDiff:active{
    background:#7d7f7f;
}

/* TICKER EXPORTADO DE CA.WIKIQUOTE */
.ticker-container {
	height: 36px;
	overflow: hidden;
	border:1px solid #A9A9A9;
	border-left:none;
	border-radius:0 3px 3px 0;
}
.ticker-text {
	height: 150%;
    white-space:nowrap;
    display:inline-block;
}
 
.inicio-noticias {
  text-align: center;
  float: left;
  font-size: 100%;
  color: white;
  background: #808080;
  padding: 3px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px 0 0 3px;
  height: 32px;
  display:table;
}
.inicio-noticias b {
	display: table-cell;
	vertical-align: middle;
}

/* IMÁGENES REDONDEADAS */
.radius-img img {
	margin-bottom:7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}

/*



A PARTIR DE ESTE PUNTO COMIENZA EL CÓDIGO DE DISEÑO DE LA PROPUESTA DE PORTADA DE [[Usuario:Jorge Abellán/Portada]].
Dicho código se exporta de es.wikipedia.org y se incluye en el common.css de Wikinoticias para su posterior uso en cualquier otra página 



*/

/* Encabezados estándar */
.main-header {
	border-bottom-color: transparent;
	margin-bottom: 0.25em;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}

/* Listas no ordenadas */
.main-plainlist > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-plainlist li {
	margin-bottom: 0;
}

/* Enlaces-botones */
.main-top-right .mw-ui-quiet:hover,
.main-top-right .mw-ui-quiet:focus,
.main-footer .mw-ui-quiet:hover,
.main-footer .mw-ui-quiet:focus {
	color: #0645ad;
}

/* Eliminar la numeración de los encabezados creados por la opción «Numerar automáticamente los encabezados»
    en [[Especial:Preferencias#mw-prefsection-rendering]] */
.mw-headline-number {
    display: none;
}

/* Tabletas */
@media (min-width: 720px) {
	.main-wikimedia {
		padding-top: 1em;
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media (min-width: 720px) {
	.main-top {
		background-color: #f8f9fa;
		border: 1px solid #c8ccd1;
		border-radius: 5px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
		margin-bottom: 1em;
		padding: 1em;
	}
	
	.main-top-right > ul {
		display: flex;
		flex-wrap: wrap;
		align-items: center
	}
	
	.main-top-articleCount {
		margin-bottom: 0.5em;
	}
	
	body.skin-minerva .main-top-articleCount {
		display: block;
	}
	
	body.skin-minerva .main-top-mobileSearch {
		display: none;
	}
}

/* Computadoras */
@media (min-width: 1000px) {
	.main-wrapper {
		display: flex;
		margin: 0 -0.5em;
	}
	
	.main-wrapper-column {
		flex: 1;
		margin: 0 0.5em;
	}
	
	.main-wikimedia {
		padding-top: 1em;
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media (min-width: 1000px) {
	.main-top {
		align-items: center;
		background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bc/Wikinews_logo_banner.svg);
		background-size: 850px;
		background-position: right;
		background-repeat: no-repeat;
		display: flex;
		margin-bottom: 1em;
		margin-top: 0.5em;
		padding: 0 1.5em 0 0;
	}
	
	.main-top-left {
		background-image: linear-gradient(to right, #f8f9fa 0%, #f8f9fa 70%, rgba(248, 249, 250, 0) 100%);
		flex: 2;
		padding: 2em 0 2em 1.5em;
	}
	
	.main-top-right {
		flex: 3;
		margin-top: 2em;
		text-align: right;
	}
}

/* Reparto columnas al 55-45 % */
@media (min-width: 1000px) {
	.main-wrapper-column {
		width: 55%;
	}
	.main-wrapper-column + .main-wrapper-column {
		width: 45%;
	}
	.main-wrapper-column {
		flex: inherit;
	}
}

.main-top {
	font-size: 1rem;
	margin-top: 1em;
	padding-bottom: 1.5em;
}

.main-top-left > p {
	font-size: 0.875rem;
	margin: 0;
}

.main-top-right {
	font-size: 0.875rem;
	margin-top: 0.5em;
}

.main-top-right > ul {
	display: none;
	margin-top: 0.5em;
}

.main-top-right .mw-ui-button.mw-ui-quiet {
	padding-right: 0;
}

.main-top-header {
	border-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
}

.main-top-articleCount {
	margin-bottom: 0;
}

body.skin-minerva .main-top-articleCount {
	display: none;
}

.main-top-mobileSearch {
	display: none;
	margin-top: 1em;
}

body.skin-minerva .main-top-mobileSearch {
	display: block;
}

.main-top-mobileSearchButton {
	background: #fff;
	border: none;
	box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );
	color: #72777d;
	font-weight: normal;
	max-width: none;
	text-align: left;
	width: 100%;
}

/* bugfix in skin-modern */
body.skin-modern .main-top-header {
	line-height: 1.8rem;
	font-size: 1.8rem;
}


/* SECCIÓN - Nuevo diseño de plantilla [[Plantilla:Portada:Sección]] */
.main-box {
	background: #fff;
	border: solid #c8ccd1;
	border-width: 1px 0;
	border-radius: 15px;
	box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.15 );
	margin: 0 -1rem 1rem;
	padding: 1rem;
}

.main-box > p:last-child {
	 margin-bottom: 0;
}

/* Recurso del día */
.main-box-image-only > .main-box-content {
	margin: 0.5rem -1rem 0;
	text-align: center;
}

.main-box-image-only > .main-box-content img {
	height: auto;
	max-width: 100%;
}

.main-box-imageCaption {
	text-align: center;
}

.main-box-imageCaption > p {
	display: inline-block;
	margin-bottom: 0;
	text-align: left;
}

/* Sección */
.main-box-section {
	color: #72777d;
	line-height: 1.25;
	margin-top: -.125em; /* Equilibrando el límite superior de nombre de sección debido a line-height: 1.25; */
}

/* Encabezado */
.main-box-header {
	margin-top: -.15em; /* Equilibrando el límite superior del encabezado debido a line-height: 1.3; */
}

.main-box-header a {
	color: inherit;
}

.main-box-section + .main-box-header { /* Cuando existe el nombre, restablecer el margen al valor estándar */
	margin-top: 0;
}

.main-box-header a:focus,
.main-box:hover .main-box-header a,
.main-box:hover .main-featuredLists-item > a {
	color: #0645ad;
}

/* Pie */
.main-footer {
	display: flex;
	justify-content: flex-end;
	margin-top: 1rem;
	position: relative;
}

.main-footer:empty {
	display: none;
}

.main-footer-actions {
	flex: 1;
}

.main-footer-actions > ul {
	align-items: center;
	display: flex;
}

/* Menú */
.main-footer-menu {
	align-items: stretch;
	display: flex;
}

.main-footer-menuToggle {
	align-items: center;
	display: flex;
	float: none;
	height: 100%;
	opacity: 0.87;
}

.main-footer-menuToggle:hover {
	opacity: 0.51;
}

/* Desplegable */
.main-footer-menuDropdown {
	background: #fff;
	border: 1px solid #a2a9b1;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );
	max-width: 15em;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 100;
}

.main-footer-menuDropdown .mw-ui-button {
	text-align: left;
	width: 100%;
}

/*
Teléfonos móviles
*/
@media (max-width: 719px) {
	.main-box-responsive-image > .floatleft,
	.main-box-responsive-image > .floatright {
		float: none;
		margin-left: -1rem;
		margin-right: -1rem;
		text-align: center;
	}
	
	.main-box-responsive-image > .floatleft > a,
	.main-box-responsive-image > .floatright > a {
		display: block;
	}
}

/*
Tabletas
*/
@media (min-width: 720px) {
	.main-box {
		border-radius: 2px;
		border-width: 1px;
		margin-bottom: 1rem;
		margin-left: 0;
		margin-right: 0;
	}
}

/*
Computadoras
*/
@media (min-width: 1000px) {
	.main-box {
		margin-bottom: 1rem;
		padding: 1rem;
	}
	
	.main-box-image-only > .main-box-content {
		margin-left: -1rem;
		margin-right: -1rem;
	}
}

/* PORTADA WIKIPEDIA CATALÁN */
.caja-flex {
 display:flex;
 flex-wrap:wrap;
 flex-direction:row;
 min-width:100% 
}
.reqport {
 box-shadow:0 0 0.3rem #999;
 padding:10px;
 margin-bottom:10px;
 border-radius:5px;
 flex:1 1 0 
}
.portada-imagen-flex {
 position:relative;
 overflow:hidden;
 width:100%;
 height:100%;
}
.portada-imagen-flex img {
 position:absolute;
 display:block;
 width:100%;
 min-width:100%;
 height:auto;
 min-height:100%;
 object-fit:cover;
 margin:0 
}
.mf-mobile-only {
 display:none 
}
* {
 margin:0 
}
.portada-slider {
 overflow:hidden;
 width:100%;
 max-width:2000px;
 height:100%;
 min-height:45vh;
 min-width:350px;
 border-radius:5px;
}
.portada-slider ul {
 width:100%;
 margin:0;
 padding:0;
 display:table;
 table-layout:fixed;
 height:100% 
}
.portada-slider ul li {
 display:table-cell;
 vertical-align:top;
 position:relative;
 width:33.33333%;
 height:100%;
 transition:all 1000ms ease 
}
.portada-slider-div-contenido {
 overflow:hidden;
 width:100%;
 height:100%;
 position:absolute;
 top:0 
}
.portada-slider-contenido {
 display:block;
 height:100%;
 width:100%;
 position:relative;
 z-index:3;
 padding:15px 20px;
 box-sizing:border-box;
 color:#fff 
}
.portada-slider-contenido * {
 font-size:110%;
 opacity:0;
 margin:0;
 width:100%;
 position:relative 
}
.portada-slider-titulo {
 font-family:Myriad Pro;
 font-size:190%;
 line-height: 1.2;
 font-weight:bold;
 margin-bottom:2px;
 top:2px 
}
.portada-slider-descripcion {
 top:2px;
 font-size:13.5px 
}
.portada-imagen {
}
.portada-imagen img {
 position:absolute;
 display:block;
 width:100%;
 min-width:auto;
 height:auto;
 min-height:100%;
 object-fit:cover;
 margin:0 
}
.portada-slider ul:hover li {
 width:10% 
}
.portada-slider ul:hover li:hover {
 width:60% 
}
.portada-slider ul:hover li:hover .portada-slider-contenido {
 background:rgba(0,0,0,0.7) 
}
.portada-slider ul:hover li:hover .portada-slider-contenido * {
 opacity:1 
}
.portada-slider-contenidoimagen {
 display:block;
 height:100%;
 width:100%;
 position:relative;
 z-index:3;
 padding:0;
 box-sizing:border-box;
 color:#fff 
}
.portada-slider-contenidoimagen * {
 opacity:0;
 margin:0;
 width:100%;
 position:relative 
}
.portada-slider ul:hover li:hover .portada-slider-contenidoimagen {
 background:rgba(0,0,0,0) 
}
.portada-slider ul:hover li:hover .portada-slider-contenidoimagen * {
 opacity:1 
}
.portada-slider-titulo a {
	color:white;
	font-weight:bold;
}
.portada-slider-descripcion a {
	color:white;
	font-weight:bold;
}

/* Cronologia */
.portada-cronologia-item {
	border-left:2px solid rgba(40,133,111,255);
	border-right:0;
}

.portada-cronologia-item:last-child {
  border-width:0 0 0 2px;
  border-image: linear-gradient(to bottom, rgba(40, 132, 109, 1) 60%, rgba(40, 132, 109, 0)) 1 100%;
}

.portada-cronologia-avuifa {
 display:inline-block;
 position:relative;
 padding:5px 10px 5px 10px;
 border-top-right-radius:5px;
 border-bottom-right-radius:5px;
 background:rgba(40,133,111,255);
 color:white;
 font-family:Myriad Pro;
 font-weight:bold;
}
.portada-cronologia-avuifa:after {
 position:absolute;
 left:-8px;
 top:10px;
 height:10px;
 width:10px;
 border-radius:10px;
 border:2px solid rgba(40,133,111,255);
 background:white;
 content:' ';
}

.portada-cronologia-efemeride {
 padding:10px 0px 10px 10px;
}


/* REDISEÑO Plantilla:Tema y Plantilla:Ubicación */

.tema-img img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	border: 1px solid #c8ccd1;
}
 
.banner-image {
    position: relative;
    overflow: hidden;
    height: auto;
}
 
.banner-image img {
	margin-bottom:7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	border: 1px solid #c8ccd1;
	border-left: 15px solid #0080FF;
}
 
.banner-box {
    position: absolute;
    z-index: 2;
    color: white;
    text-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em;
    left: 5%;
    text-align: left;
}
 
.banner-box a {
    color: white !important;
    font-weight: bold;
}
 
.banner-box .name {
	margin-top: 4em;
	padding-left: 0.8em;
    font-size: 2em;
    width: 250px;
    white-space: nowrap;
    line-height: 1.2em;
    font-weight: bold;
    font-family: 'Myriad Pro';
}

.banner-box .namebr {
	margin-top: 3em;
	padding-left: 0.8em;
    font-size: 2em;
    width: 250px;
    white-space: nowrap;
    line-height: 1em;
    font-weight: bold;
    font-family: 'Myriad Pro';
}

.banner-box .largo {
	margin-top: 5em;
	padding-left: 0.8em;
    font-size: 1.4em;
    width: 250px;
    white-space: nowrap;
    line-height: 1em;
    font-weight: bold;
    font-family: 'Myriad Pro';
}

.name-ubi {
    font-size: 1.3em;
    width: 250px;
    white-space: nowrap;
    line-height: 1em;
    font-weight: bold;
    font-family: 'Myriad Pro';
}