User:FrozenPlum/timeless.css

/* backup of existing site styles */

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

/* position: sticky; hace que las barras sigan. Border-radius sirve para redondear las cajas */ @media (min-width: 1100px) { #site-navigation.sidebar-chunk { /*position: sticky;*/ top: 4em; padding: 1.0em 1.0em 0; margin: 0.1em 0; border-radius: 15px; }   .right-navigation { /*position: sticky;*/ top: 4em; margin: 0.1em 0; } }

/* Quitamos el espacio de padding de la barra derecha. */	 padding: 1.0em 1.0em 0; margin: 0.1em 0; border-radius: 15px; }
 * 1) mw-related-navigation .sidebar-chunk {

/* Sidebars resaltan on hover. Border-radius sirve para redondear el resaltado */ border-color: #FFFF00; border-radius: 15px; }
 * 1) mw-related-navigation .sidebar-chunk:hover, #mw-site-navigation .sidebar-chunk:hover {

/* Reducimos el margen al final del body de cada sidebar chunk */ margin-bottom: 1em; }
 * 1) mw-site-navigation .sidebar-chunk .mw-portlet-body, #mw-related-navigation .sidebar-chunk .mw-portlet-body {

/* Making the sidebar look like buttons */ cursor: pointer; font-weight: bold; /* border-bottom: none; quita las lineas horizontales */ /*background-image: url("https://upload.wikimedia.org/wikipedia/commons/c/ca/Blue-folder-open.png");*/ background-image: url("https://static.miraheze.org/commonswiki/8/83/Play-16px-blue.png"); background-position: left; background-repeat: no-repeat; height: auto; padding-top: 2px; padding-left: 18px; padding-right: 10px; }
 * 1) mw-site-navigation .sidebar-chunk h3 {

cursor: pointer; font-weight: bold; background-image: url("https://static.miraheze.org/commonswiki/8/83/Play-16px-blue.png"); background-position: left; background-repeat: no-repeat; height: auto; padding-top: 2px; padding-left: 18px; padding-right: 2px; }
 * 1) mw-related-navigation .sidebar-chunk h3 {

/* Sombreado en hover de título de sidebar */ background-color: #ddd; border-radius: 5px; }
 * 1) mw-site-navigation .sidebar-chunk h3:hover, #mw-related-navigation .sidebar-chunk h3:hover {

/* Para que mwe-lastmodified se vaya más a la derecha */ @media screen and (max-width: 770px) { #mwe-lastmodified { font-size: 12px; word-wrap: normal; max-width: 110px; max-height: 30px; transform: translateY(-22px); } }