Diferencia entre revisiones de «Usuario:Hasley/sandbox/styles.css»

(Se ha deshecho la revisión 4519 de Hasley (disc.))
Etiqueta: Deshacer
Sin resumen de edición
 
(No se muestran 12 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
.tile {
.wp20-menu ul {
  display: block;
display: flex;
  float: left;
columns: 1;
  background-color: #525252;
flex-wrap: wrap;
  width: 150px;
list-style: none;
  height: 150px;
margin: 0;
  cursor: pointer;
  box-shadow: inset 0px 0px 1px #FFFFCC;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 14pt;
  margin: 0 10px 10px 0;
  overflow: hidden;
}
}
 
.wp20-menu li {
.tile-content {
flex: 1 0 30%;
  width: 100%;
background-color: #eee;
  height: 100%;
margin: 1px;
  padding: 0;
border-top: 3px solid;
  padding-bottom: 30px;
padding: .5em .5em;
  vertical-align: top;
text-align: center;
  padding: 10px 15px;
line-height: 1.15;
  overflow: hidden;
font-size: 1.5em;
  text-overflow: ellipsis;
color: #111;
  position: relative;
word-spacing: -1px;
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  line-height: 11pt;
  color: #000000;
  color: #ffffff;
  line-height: 16px;
}
}
 
.wp20-menu li:nth-child(1) {
.tile-double {
border-color: #3e3e3e;
  display: block;
  float: left;
  background-color: #525252;
  width: 310px;
  height: 150px;
  cursor: pointer;
  box-shadow: inset 0px 0px 1px #FFFFCC;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 14pt;
  margin: 0 10px 10px 0;
  overflow: hidden;
}
}
/*
.wp20-menu-selected-1 li:nth-child(1) {
.tile .bg-color-blue {
background-color: #3e3e3e;
  background-color: #2d89ef !important;
color: #fefefe;
}
}
.tile .bg-color-blueLight {
.wp20-menu li:nth-child(2) {
  background-color: #eff4ff !important;
border-color: #009eff;
}
}
.tile .bg-color-blueDark {
.wp20-menu-selected-2 li:nth-child(2) {
  background-color: #2b5797 !important;
background-color: #009eff;
}
}
.tile .bg-color-green {
.wp20-menu li:nth-child(3) {
  background-color: #00a300 !important;
border-color: #c1e7ff;
}
}
.tile .bg-color-greenLight {
.wp20-menu-selected-3 li:nth-child(3) {
  background-color: #99b433 !important;
background-color: #c1e7ff;
color: #fefefe;
}
}
.tile .bg-color-greenDark {
.wp20-menu li:nth-child(4) {
  background-color: #1e7145 !important;
border-color: #69c25f;
}
}
.tile .bg-color-red {
.wp20-menu-selected-4 li:nth-child(4) {
  background-color: #b91d47 !important;
background-color: #69c25f;
}
}
.tile .bg-color-yellow {
.wp20-menu li:nth-child(5) {
  background-color: #ffc40d !important;
border-color: #2471a0;
}
}
.tile .bg-color-orange {
.wp20-menu-selected-5 li:nth-child(5) {
  background-color: #e3a21a !important;
background-color: #2471a0;
color: #fefefe;
}
}
.tile .bg-color-orangeDark {
.wp20-menu li:nth-child(6) {
  background-color: #da532c !important;
border-color: #c62e77;
}
}
.tile .bg-color-pink {
.wp20-menu-selected-6 li:nth-child(6) {
  background-color: #9f00a7 !important;
background-color: #c62e77;
color: #fefefe;
}
}
.tile .bg-color-pinkDark {
 
  background-color: #7e3878 !important;
.wp20-menu-selected-1 li:nth-child(1) a,
.wp20-menu-selected-3 li:nth-child(3) a,
.wp20-menu-selected-5 li:nth-child(5) a,
.wp20-menu-selected-6 li:nth-child(6) a {
color: inherit;
}
}
.tile .bg-color-purple {
 
  background-color: #603cba !important;
.wp20-menu li small {
display: block;
margin-top: .5em;
font-size: 60%;
}
}
.tile .bg-color-darken {
 
  background-color: #1d1d1d !important;
.wp20-menu-helptranslate {
}
font-size: smaller;
.tile .bg-color-lighten {
  background-color: #d5e7ec !important;
}
.tile .bg-color-white {
  background-color: #ffffff !important;
}
.tile .bg-color-grayDark {
  background-color: #525252 !important;
}
.tile .bg-color-magenta {
  background-color: #ff0097 !important;
}
.tile .bg-color-teal {
  background-color: #00aba9 !important;
}
.tile .bg-color-redLight {
  background-color: #ee1111 !important;
}
}
*/

Revisión actual - 00:48 13 jul 2022

.wp20-menu ul {
	display: flex;
	columns: 1;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
}
.wp20-menu li {
	flex: 1 0 30%;
	background-color: #eee;
	margin: 1px;
	border-top: 3px solid;
	padding: .5em .5em;
	text-align: center;
	line-height: 1.15;
	font-size: 1.5em;
	color: #111;
	word-spacing: -1px;
}
.wp20-menu li:nth-child(1) {
	border-color: #3e3e3e;
}
.wp20-menu-selected-1 li:nth-child(1) {
	background-color: #3e3e3e;
	color: #fefefe;
}
.wp20-menu li:nth-child(2) {
	border-color: #009eff;
}
.wp20-menu-selected-2 li:nth-child(2) {
	background-color: #009eff;
}
.wp20-menu li:nth-child(3) {
	border-color: #c1e7ff;
}
.wp20-menu-selected-3 li:nth-child(3) {
	background-color: #c1e7ff;
	color: #fefefe;
}
.wp20-menu li:nth-child(4) {
	border-color: #69c25f;
}
.wp20-menu-selected-4 li:nth-child(4) {
	background-color: #69c25f;
}
.wp20-menu li:nth-child(5) {
	border-color: #2471a0;
}
.wp20-menu-selected-5 li:nth-child(5) {
	background-color: #2471a0;
	color: #fefefe;
}
.wp20-menu li:nth-child(6) {
	border-color: #c62e77;
}
.wp20-menu-selected-6 li:nth-child(6) {
	background-color: #c62e77;
	color: #fefefe;
}

.wp20-menu-selected-1 li:nth-child(1) a,
.wp20-menu-selected-3 li:nth-child(3) a,
.wp20-menu-selected-5 li:nth-child(5) a,
.wp20-menu-selected-6 li:nth-child(6) a {
	color: inherit;
}

.wp20-menu li small {
	display: block;
	margin-top: .5em;
	font-size: 60%;
}

.wp20-menu-helptranslate {
	font-size: smaller;
}
Obtenido de «https://wikisp.org/wiki/index.php?title=Usuario:Hasley/sandbox/styles.css&oldid=5601»