Diferencia entre revisiones de «MediaWiki:Common.css»

De CEBES Perquín
Línea 66: Línea 66:
 
}
 
}
  
.portada_rw
+
#portal {
{
+
    width: 20%;
width:100%;
+
    float: left;
margin-top: 0px;
 
 
}
 
}
  
.portada_rw .topTitleRed
+
@media only screen and (max-width: 860px) {
{
+
 
height:25px;
+
    .columna-izquieda {
color:#ffffff;
+
        width: auto;
font-weight:bold;
+
        float: left;
background:#294f98;  
+
        padding: 10px;
border:1px solid #abd1fe;  
+
    } 
padding-top:5px;
+
   
width: 100%;
+
    .columna-derecha {
margin-top: 1em;
+
        float: left;
-moz-background-clip:
+
        width: auto;
-moz-initial; -moz-background-origin:
+
        padding: 10px;
-moz-initial; -moz-background-inline-policy:
+
        display: block;
-moz-initial; vertical-align: top;
+
    }
-moz-border-radius-topleft: 4px;
 
-moz-border-radius-topright: 4px;
 
-moz-border-radius-bottomright: 0px;
 
-moz-border-radius-bottomleft: 0px;
 
 
}
 
}
  
.portada_rw .bottomContent
+
@media only screen and (max-width: 550px) {
{
+
    #portal {
margin-left:2px;
+
        display: none;
width:96%;
+
    }
-moz-border-radius-bottomright: 4px;
 
-moz-border-radius-bottomleft: 4px;
 
color:#000000;
 
background:#d9eafe;  
 
border:1px solid #acd1fe;
 
border-top:0px;
 
padding-left:5px;
 
margin-top:-5px;
 
 
}
 
}
  
.portada_rw .bottomContentRed
+
@media only screen and (max-width: 450px) {
{
+
    #p-logo-text {
margin-left:2px;
+
        /*display: none; */
width:96%;
+
        display: true;
-moz-border-radius-bottomright: 4px;
+
    }
-moz-border-radius-bottomleft: 4px;  
 
color:#c12306;  
 
background:#d9eafe;
 
border:1px solid #acd1fe;
 
border-top:0px;
 
padding-left:5px;
 
margin-top:-5px;
 
 
}
 
}
  
.Main_topTitleRed
+
@media only screen and (max-width: 1099px) {
{
+
      #siteNotice {
height:25px;
+
        display: none;  
color:#ffffff;
+
      }
font-weight:bold;
 
background:#294f98;
 
border:1px solid #abd1fe;  
 
padding-top:0px;
 
width: 100%;
 
margin-top: 1em;
 
-moz-background-clip:
 
-moz-initial; -moz-background-origin:
 
-moz-initial; -moz-background-inline-policy:
 
-moz-initial; vertical-align: top;
 
-moz-border-radius-topleft: 4px;
 
-moz-border-radius-topright: 4px;
 
-moz-border-radius-bottomright: 0px;
 
-moz-border-radius-bottomleft: 0px;
 
 
}
 
}
  
.Main_bottomContent
+
 
{
+
#mw-content-container {
margin-left:2px;
+
        background-image: none !important;
width:97%;
 
-moz-border-radius-bottomright: 4px;
 
-moz-border-radius-bottomleft: 4px;
 
color:#020415;
 
background:#ffffff;
 
border:1px solid #d0e5f8;
 
border-top:0px;
 
padding-left:5px;
 
margin-top:-5px;
 
 
}
 
}

Revisión del 20:46 9 dic 2020

/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/* Oculta título y categorías en la Portada */
body.page-Portada h1.firstHeading, body.page-Portada #catlinks-sidebar { display:none; }

/* Oculta artículos destacados de la versión móvil en la versión de escritorio */
/* Common.css no se tiene en cuenta en la versión móvil (Mobile.css) */
#destacados-movil {
	display: none;
}

/* Cambia fuente de epígrafes */
.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
    font-family: 'Helvetica Neue','Nimbus Sans','Helvetica','Arial',sans-serif;
    font-weight: bold;
}
.mw-body h1 {
    font-size: 1.8em;	/* Default: 2.0em */
	font-family: 'Times New Roman',serif;	/* Default: 'Linux Libertine' */
}
.mw-body h2 {
    font-size: 1.5em;	/* Default: 1.7em */
}
.mw-body h3 {
    font-size: 1.35em;	/* Default: 1.5em */
}
.mw-body h4 {
    font-size: 1.25em;	/* Default: 1.35em */
}
.mw-body h5 {
    font-size: 1.2em;	/* Default: 1.25em */
}
.mw-body h6 {
    font-size: 1.15em;	/* Default: 1.2em */
}
/* Oculta fecha de última modificacion en pie de páginas */
/*
#lastmod {
    display:none;
}
*/

/* Responsive two column layout */
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

#portal {
    width: 20%;
    float: left;
}

@media only screen and (max-width: 860px) {

    .columna-izquieda {
        width: auto;
        float: left;
        padding: 10px;
     }   
    
    .columna-derecha {
        float: left;
        width: auto;
        padding: 10px;
        display: block;
    }
}

@media only screen and (max-width: 550px) {
     #portal {
        display: none;
     }
}

@media only screen and (max-width: 450px) {
     #p-logo-text {
        /*display: none;  */
        display: true;
     }
}

@media only screen and (max-width: 1099px) {
      #siteNotice {
        display: none; 
      }
}


#mw-content-container {
        background-image: none !important;
}