Diferencia entre revisiones de «Plantilla:SuenaWiki/styles.css»

De Wikimedia Small Projects
Sin resumen de edición
Sin resumen de edición
 
Línea 1: Línea 1:
/* atr https://dev.to/dcodeyt/creating-beautiful-html-tables-with-css-428l */
/* atr https://dev.to/dcodeyt/creating-beautiful-html-tables-with-css-428l */
* {
.suenawiki {
  font-family: Ubuntu;
  font-family: Ubuntu;
  border-radius: 2px;
  border-radius: 2px;
}
}


.mw-editsection {
.suenawiki mw-editsection {
display: none;
display: none;
}
}


.mw-collapsible-text {
.suenawiki mw-collapsible-text {
color: #fff;
color: #fff;
}
}


h2, h3 {
.suenawiki h2, h3 {
padding: .6rem;
padding: .6rem;
color: #fff;
color: #fff;
background: linear-gradient(135deg, #2c001e 20%, #772953 100%);
background: var( --color-surface-4 );
}
}


body {
.suenawiki body {
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
   background: #ccc;
   background: var( --color-surface-4 );
}
}
   
   
.nav ul {
.suenawiki nav ul {
   list-style: none;
   list-style: none;
   background-color: #262626;
   background-color: #262626;
Línea 32: Línea 32:
   margin: 0;
   margin: 0;
}
}
.nav li {
.suenawiki nav li {
   font-family: 'Oswald', sans-serif;
   font-family: 'Oswald', sans-serif;
   font-size: 1.2em;
   font-size: 1.2em;
Línea 39: Línea 39:
}
}
   
   
.nav a {
.suenawiki a {
   text-decoration: none;
   text-decoration: none;
   color: #fff !important;
   color: #fff !important;
Línea 45: Línea 45:
}
}
   
   
.nav li:hover {
.suenawiki nav li:hover {
   background-color: #5e2750;
   background-color: #5e2750;
   transition: .3s background-color;
   transition: .3s background-color;

Revisión actual - 23:10 7 jul 2023

/* atr https://dev.to/dcodeyt/creating-beautiful-html-tables-with-css-428l */
.suenawiki {
 font-family: Ubuntu;
 border-radius: 2px;
}

.suenawiki mw-editsection {
	display: none;
}

.suenawiki mw-collapsible-text {
	color: #fff;
}

.suenawiki h2, h3 {
	padding: .6rem;
	color: #fff;
	background: var( --color-surface-4 );
}

.suenawiki body {
  margin: 0;
  padding: 0;
  background: var( --color-surface-4 );
}
 
.suenawiki nav ul {
  list-style: none;
  background-color: #262626;
  text-align: center;
  padding: 0;
  margin: 0;
}
.suenawiki nav li {
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  line-height: 40px;
  height: 40px;
}
 
.suenawiki a {
  text-decoration: none;
  color: #fff !important;
  display: block;
}
 
.suenawiki nav li:hover {
  background-color: #5e2750;
  transition: .3s background-color;
}
/*
.nav a.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}
*/
@media screen and (min-width: 600px) {
  .nav li {
    width: 120px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
  }
 
  /* Option 1 - Display Inline */
  .nav li {
    display: inline-block;
    margin-right: -4px;
  }
 
  /* Options 2 - Float
  .nav li {
    float: left;
  }
  .nav ul {
    overflow: auto;
    width: 600px;
    margin: 0 auto;
  }
  .nav {
    background-color: #444;
  }
  */
}