MediaWiki: Common.css

De enunpimpam
Saltar a: navegación, buscar
 
(No se muestran 17 ediciones intermedias del mismo usuario)
Línea 12: Línea 12:
 
  font-family: Raleway;
 
  font-family: Raleway;
 
  font-weight: 300;   
 
  font-weight: 300;   
 +
}
 +
ul {
 +
    font-family: 'Open Sans',sans-serif;
 +
    font-weight: 300;
 +
    line-height: 24px;
 +
    font-size: 16px;
 +
}
 +
 +
 +
 +
#enunpimpam{
 +
padding-bottom: 27px;
 +
max-width: 70%;
 
}
 
}
 
h1 {
 
h1 {
Línea 23: Línea 36:
 
     font-size: 22px;
 
     font-size: 22px;
 
}
 
}
 +
/* Animacion */
 +
 +
@-webkit-keyframes zoomIn {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
 +
    transform: scale3d(0.3, 0.3, 0.3);
 +
  }
 +
 +
  50% {
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
@keyframes zoomIn {
 +
  from {
 +
    opacity: 0;
 +
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
 +
    transform: scale3d(0.3, 0.3, 0.3);
 +
  }
 +
 +
  50% {
 +
    opacity: 1;
 +
  }
 +
}
 +
.zoomIn {
 +
  -webkit-animation-name: zoomIn;
 +
  animation-name: zoomIn;
 +
}
 +
.animated {
 +
  -webkit-animation-duration: 1s;
 +
  animation-duration: 1s;
 +
  -webkit-animation-fill-mode: both;
 +
  animation-fill-mode: both;
 +
}
 +
 +
 +
 +
.animated.delay-1s {
 +
  -webkit-animation-delay: 1s;
 +
  animation-delay: 1s;
 +
}
 +
 +
.animated.delay-2s {
 +
  -webkit-animation-delay: 2s;
 +
  animation-delay: 2s;
 +
}
 +
 +
.animated.delay-3s {
 +
  -webkit-animation-delay: 3s;
 +
  animation-delay: 3s;
 +
}
 +
 +
.animated.delay-4s {
 +
  -webkit-animation-delay: 4s;
 +
  animation-delay: 4s;
 +
}
 +
 +
.animated.delay-5s {
 +
  -webkit-animation-delay: 5s;
 +
  animation-delay: 5s;
 +
}
 +
 +
.animated.fast {
 +
  -webkit-animation-duration: 800ms;
 +
  animation-duration: 800ms;
 +
}
 +
 +
.animated.faster {
 +
  -webkit-animation-duration: 500ms;
 +
  animation-duration: 500ms;
 +
}
 +
 +
.animated.slow {
 +
  -webkit-animation-duration: 2s;
 +
  animation-duration: 2s;
 +
}
 +
 +
.animated.slower {
 +
  -webkit-animation-duration: 3s;
 +
  animation-duration: 3s;
 +
}
 +
 +
@media (print), (prefers-reduced-motion: reduce) {
 +
  .animated {
 +
    -webkit-animation-duration: 1ms !important;
 +
    animation-duration: 1ms !important;
 +
    -webkit-transition-duration: 1ms !important;
 +
    transition-duration: 1ms !important;
 +
    -webkit-animation-iteration-count: 1 !important;
 +
    animation-iteration-count: 1 !important;
 +
  }
 +
}
 +
 
.mw-headline {
 
.mw-headline {
 
   font-weight: 500;
 
   font-weight: 500;
 
}
 
}
 
html {
 
html {
  /* font-family: sans-serif; */
+
  font-family: 'Open Sans', sans-serif;
  font-family: 'Open Sans', sans-serif;
 
 
}
 
}
 
body {
 
body {
Línea 40: Línea 146:
 
}
 
}
 
strong {
 
strong {
font-weight: 600;
+
    font-weight: 600;
 
}
 
}
 
pre {
 
pre {
background-color: #eeeeee;
+
  background-color: #eeeeee;
padding: 6px 10px;
+
  padding: 6px 10px;
 
}
 
}
 
.cuidado {
 
.cuidado {
border-collapse: separate;
+
    border-collapse: separate;
 
     border-spacing: 0;
 
     border-spacing: 0;
 
     border-width: 3px;
 
     border-width: 3px;
Línea 55: Línea 161:
 
     border-style: solid;
 
     border-style: solid;
 
     border-color: #ff7979;
 
     border-color: #ff7979;
 +
    padding: 5px;
 +
    margin: 1em auto 1em auto
 +
}
 +
.advertencia {
 +
    border-collapse: separate;
 +
    border-spacing: 0;
 +
    border-width: 3px;
 +
    background-color: #f6f7c8;
 +
    solid: ;
 +
    border-radius: 5px;
 +
    border-style: solid;
 +
    border-color: #ffdc79;
 
     padding: 5px;
 
     padding: 5px;
 
     margin: 1em auto 1em auto
 
     margin: 1em auto 1em auto
Línea 66: Línea 184:
 
     color:#f4c613;
 
     color:#f4c613;
 
}
 
}
jumbotron h1{
+
.jumbotron h1{
padding-bottom: 16px;
+
    padding-bottom: 30px;
 
     margin-top: 0;
 
     margin-top: 0;
 +
}
 
.jumbotron p{
 
.jumbotron p{
font-size: 18px;
+
    font-size: 18px;
 
}
 
}
 
/* portada secciones*/
 
/* portada secciones*/
 
.seccion {
 
.seccion {
min-height: 305px;
+
    min-height: 130px;
 
}
 
}
 
#portada_sec .seccion:hover {
 
#portada_sec .seccion:hover {
background-color: #f4c613;
+
    background-color: #f4c613;
 +
    border-radius: 6px;
 +
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
 +
    transition: all 400ms linear;
 +
}
 +
/* portada Iconos*/
 +
.icons8 img{
 +
  width:48px
 +
}
 +
.fa-size {
 +
font-size: 48px
 +
}
 +
/*Notas de Alerta*/
 +
.alert > p > * {
 +
    vertical-align: middle;
 
}
 
}
 +
.nota {
 +
    font-size: 14px;
 +
    padding-left: 5px;

Revisión actual del 11:45 9 jun 2020

/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,600;0,800;1,500&display=swap');

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
.navbar-header a{
   font-family: Raleway;
   font-weight: 600;
}
.toc, #toc { display: none; }
.firstHeading .namespace {
 font-family: Raleway;
 font-weight: 300;   
}
ul {
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    line-height: 24px;
    font-size: 16px;
}



#enunpimpam{
padding-bottom: 27px;
max-width: 70%;
}
h1 {
   font-family: Raleway;
   font-weight: 600;
}
#portada p{
   font-size: 14px;
}
#portada h3{
    font-size: 22px;
}
/* Animacion */

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

.mw-headline {
   font-weight: 500;
}
html {
   font-family: 'Open Sans', sans-serif;
}
body {
   font-family: 'Open Sans', sans-serif;
}
p {
font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 24px;
    font-size: 16px;
}
strong {
    font-weight: 600;
}
pre {
   background-color: #eeeeee;
   padding: 6px 10px;
}
.cuidado {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 3px;
    background-color: #fde1e1;
    solid: ;
    border-radius: 5px;
    border-style: solid;
    border-color: #ff7979;
    padding: 5px;
    margin: 1em auto 1em auto
}
.advertencia {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 3px;
    background-color: #f6f7c8;
    solid: ;
    border-radius: 5px;
    border-style: solid;
    border-color: #ffdc79;
    padding: 5px;
    margin: 1em auto 1em auto
}
.fa-exclamation-circle {
    margin-right: 5px;
}
/* titulo portada */
.pimpam {
    font-weight: 700;
    color:#f4c613;
}
.jumbotron h1{
    padding-bottom: 30px;
    margin-top: 0;
}
.jumbotron p{
    font-size: 18px;
}
/* portada secciones*/
.seccion {
    min-height: 130px;
}
#portada_sec .seccion:hover {
    background-color: #f4c613;
    border-radius: 6px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transition: all 400ms linear;
}
/* portada Iconos*/
.icons8 img{
   width:48px
}
.fa-size {
font-size: 48px
}
/*Notas de Alerta*/
.alert > p > * {
    vertical-align: middle;
}
.nota {
    font-size: 14px;
    padding-left: 5px;