Diferencia entre revisiones de «MediaWiki:Citizen.css»

Revisión actual - 23:31 27 dic 2023

/* All CSS here will be loaded for users of the Citizen skin */


/* Ancho y interlineado establecido para todos. */
:root {
    --width-layout: 1280px; 
     --line-height: 1.3;


/* No permitir efecto en las imagenes */
.citizen-body a.image:hover:not(.lazy):not(.new) > img {
  transform: none
}

#catlinks {
    display: none;
}


#ca-viewsource { display: none !important; } /* Eliminar ver fuente */
#ca-history { display: none !important;}     /* Eliminar ver historial de cambios */
#ca-talk { display: none !important; }       /* Eliminar discusion */

@@ Línea 2: / Línea 2: @@
-/* Ancho establecido para todos. */
+/* Ancho y interlineado establecido para todos. */
 :root {
-     --width-layout: 1280px; /* Slightly wider content */
+     --width-layout: 1280px;
-}
+     --line-height: 1.3;
@@ Línea 13: / Línea 13: @@
 }
-.wikitable tr:hover disable
+#catlinks {
+    display: none;
+}
@@ Línea 19: / Línea 21: @@
 #ca-history { display: none !important;}     /* Eliminar ver historial de cambios */
 #ca-talk { display: none !important; }       /* Eliminar discusion */
-body {
-  margin:0;
-  padding:0;
-  background: #ebebeb;
-}
-ul {
-  position:absolute;
-  top:50%;
-  left:50%;
-  transform:translate(-50%,-50%);
-  margin:0;
-  padding:0;
-  display:flex;
-}
-ul li {
-  list-style:none;
-}
-ul li a {
-  display:block;
-  position:relative;
-  width:100px;
-  height:100px;
-  line-height:100px;
-  font-size:40px;
-  text-align:center;
-  text-decoration:none;
-  color:#404040;
-  margin: 0 30px;
-  transition:.5s;
-}
-ul li a span {
-  position:absolute;
-  transition: transform .5s;
-}
-ul li a span:nth-child(1),
-ul li a span:nth-child(3){
-  width:100%;
-  height:3px;
-  background:#404040;
-}
-ul li a span:nth-child(1) {
-  top:0;
-  left:0;
-  transform-origin: right;
-}
-ul li a:hover span:nth-child(1) {
-  transform: scaleX(0);
-  transform-origin: left;
-  transition:transform .5s;
-}
-ul li a span:nth-child(3) {
-  bottom:0;
-  left:0;
-  transform-origin: left;
-}
-ul li a:hover span:nth-child(3) {
-  transform: scaleX(0);
-  transform-origin: right;
-  transition:transform .5s;
-}
-ul li a span:nth-child(2),
-ul li a span:nth-child(4){
-  width:3px;
-  height:100%;
-  background:#404040;
-}
-ul li a span:nth-child(2) {
-  top:0;
-  left:0;
-  transform:scale(0);
-  transform-origin: bottom;
-}
-ul li a:hover span:nth-child(2) {
-  transform: scale(1);
-  transform-origin: top;
-  transition:transform .5s;
-}
-ul li a span:nth-child(4) {
-  top:0;
-  right:0;
-  transform:scale(0);
-  transform-origin: top;
-}
-ul li a:hover span:nth-child(4) {
-  transform: scale(1);
-  transform-origin: bottom;
-  transition:transform .5s;
-}
-.facebook:hover {
-  color: #3b5998;
-}
-.facebook:hover span {
-  background: #3b5998;
-}
-.twitter:hover {
-  color: #1da1f2;
-}
-.twitter:hover span {
-  background: #1da1f2;
-}
-.instagram:hover {
-  color: #c32aa3;
-}
-.instagram:hover span {
-  background: #c32aa3;
-}
-.google:hover {
-  color: #dd4b39;
-}
-.google:hover span {
-  background: #dd4b39;
-}
-ul li a .twitter {
-  color: #1da1f2;
-}
-ul li a:hover:nth-child(3) {
-  color: #c32aa3;
-}
-ul li a:hover:nth-child(4) {
-  color: #dd4b39;
-}