Usuario:Chixpy/myskin.css

/* Skin basada en menus creada por [[wikipedia:es:user:Chixpy]].

ESTA INCOMPLETA

Lo siento por la falta de acentos, pero hay un par de razones por las que no los uso aqui (La extensión que uso no reconoce UTF-8 (;_;) ).

* Probada solo con SeaMonkey, por tanto deberia funcionar en FireFox.
* Debe ser previsualizada con la skin "myskin" con la skin "monobook" no funciona
  como debiera.

Para refrescar solo el CSS:
[http://es.wikipedia.org/w/index.php?title=Usuario:Chixpy/myskin.css&action=raw&ctype=text/css]

*/

/*</nowiki></pre>
==Estilo generales del texto==
<pre><nowiki>*/

/*</nowiki></pre>
===Tablas===
<pre><nowiki>*/

table {
    font-size: 100%;
    background: transparent;
}

/*</nowiki></pre>
===Enlaces===
<pre><nowiki>*/

/*</nowiki></pre>
====Enlace normal====
<pre><nowiki>*/
a {
  background: transparent;
  text-decoration: none;
}

/*</nowiki></pre>
====Enlace cuando se pasa el raton por encima====
<pre><nowiki>*/
a:hover { text-decoration: underline; }

/*</nowiki></pre>
====Enlace a esbozo====
<pre><nowiki>*/
a.stub {color:#f0f;}

/*</nowiki></pre>
===Imagen===
<pre><nowiki>*/
img {
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

/*</nowiki></pre>
====Imagen dentro de un parrafo de texto====
<pre><nowiki>*/
p img { margin: 0 0.5em; }


/*</nowiki></pre>
====Linea horizontal====
<pre><nowiki>*/
hr {
    clear:both;
    height: 2px;
    margin: 0.2em 0;
}

/*</nowiki></pre>
===Titulos===
<pre><nowiki>*/

/*</nowiki></pre>
====Propiedades generales====
<pre><nowiki>*/
h1, h2, h3, h4, h5, h6 {
  background: transparent;
  font-weight: bold;
  margin: 0.5em auto;
  padding: 0.5em 0;
  font-variant:small-caps;
  text-align: center;
  color: #228;
}

/*Link a editar sección*/
.editsection{
  position:relative;
  float:left;
  font-size:small;
}

/*</nowiki></pre>

====Titulos de 1er orden====
<pre><nowiki>*/
h1 {
  font-size: 200%;
  border: 1px ridge;
  clear: both;
}

/*</nowiki></pre>
====Titulos de 2o orden====
<pre><nowiki>*/
h2 {
  font-size: 175%;
  clear: both;
  border-top: 3px ridge;
}

/*</nowiki></pre>
====Titulos de 3er orden====
<pre><nowiki>*/
h3 {font-size: 150%;}

/*</nowiki></pre>
====Titulos de 4o orden====
<pre><nowiki>*/
h4 {font-size: 125%;}

/*</nowiki></pre>
====Titulos de 5o orden====
<pre><nowiki>*/
h5 {font-size: 100%;}

/*</nowiki></pre>
====Titulos de 6o orden====
<pre><nowiki>*/
h6 {font-size: 75%;}

/*</nowiki></pre>
===Lista===
<pre><nowiki>*/

/*</nowiki></pre>
====Lista desordenadas====
Son las listas sin numeracion.
<pre><nowiki>*/

ul { 
    line-height: 1.5em;
    list-style-type: disc;
    margin: 0.3em 0 0 1.5em;
    padding: 0 2em 0 0;
    text-indent:0;
}

/*</nowiki></pre>
====Lista ordenadas====
Son las listas con numeracion 1, 2, 3,...).
<pre><nowiki>*/
ol {
    line-height: 1.5em;
    margin: 0.3em 0 0 1.5em;
    padding:0 2em 0 0;
    list-style-image: none;
}

/*</nowiki></pre>
====Lineas de las listas====
Tanto de las ordenadas como de las desordenadas
<pre><nowiki>*/
li { margin: 0 0 0.1em 1em; }

/*</nowiki></pre>
====Lista de definiciones====
<pre><nowiki>*/
dl{
    margin-top: 0.2em;
    margin-bottom: 0.5em;
}

/*</nowiki></pre>
=====Termino de la lista de definiciones=====
<pre><nowiki>*/
dt { 
    font-weight: bold; 
    margin-bottom: 0.1em;
}

/*</nowiki></pre>
=====Definicion de la lista de definiciones=====
Usado en las discusiones para indentar.
<pre><nowiki>*/
dd {
    line-height: 1.5em;
    margin-left: 2em;
    margin-bottom: 0.1em;
    text-indent: 0;
}


/*</nowiki></pre>
===Formularios===
<pre><nowiki>*/

/*</nowiki></pre>
====Caja que agrupa formularios====
<pre><nowiki>*/

fieldset {
    border: 1px solid #045;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
    line-height: 1.5em;
}

/* Formularios */
form {
    border: none;
    margin: 5px 5px 5px 5px;
    padding: 0;
}

/* Formularios: Titulo */
legend {
    background: transparent;
    padding: 0.5em;
    font-size: 95%;
}

/* Formularios: Cuadro para introducir texto */
textarea {
    border: 2px inset #769;  
    color: #000;
    background: #ccc;
    padding: 5px;
    margin: 0 0 .5em 0;
}

/* Formularios: historysubmit */
input.historysubmit {
    padding: 0 0.3em 0.3em 0.3em !important;
    font-size: 94%;
    cursor: pointer;
    height: 1.7em !important;
    margin-left: 1.6em;
}

/* Formularios: Checkboxes y radiobuttons*/
input[type="radio"],
input[type="checkbox"] { border:none; }


/* Select */
select {
    border: 1px solid #436;  
    color: #255;
    vertical-align: top;
}

/*</nowiki></pre>
===Otros tipos de texto===
<pre><nowiki>*/

/* Abreviaturas y acronimos */
abbr, acronym, math, .explain {
    border-bottom: 1px dotted Black;
    background: transparent;
    cursor: help;
}

img.tex{
    background: transparent;
    color:white;
}

/* Codigo Fuente */
code { 
  background-color: #aaa;
}

/* Texto con formato (Usado para codigo fuente y mono espacio) */
pre {
  padding: 1em;
  border: 1px dashed #444;
  background: #aaa;
  color: #000;
  max-height:400px;
  line-height: 1em;
  overflow: auto;
}

/* Cita corta (no usado por ahora como debe)*/
q {
    font-family: Times, "Times New Roman", serif;
    font-style: italic;
}

/* Cita larga (casi sin uso)*/
blockquote {
    font-family: Times, "Times New Roman", serif;
    font-style: italic;
}

/*</nowiki></pre>
==Estructuras principales===
<pre><nowiki>*/
body{
  margin:0;  
  padding:0;  
}

#column-content {
  margin: 24px 0 0 0;
  padding: 24px 160px 0 0;
}

#column-one {  
  position:fixed;
  top:0;
  right:160px;
  left:0;
  margin:0;
  height:24px;
  background: #ccc;
  opacity:.75;
  overflow:auto;
}

/*</nowiki></pre>
==Herramientas===
<pre><nowiki>*/

/*</nowiki></pre>
===Sistema de menus====
<pre><nowiki>*/
 
.pBody {
  position:fixed;
  display: none;
  padding: 0 1em;
  margin: 0 0 0 -1em;
  border: 1px solid;
  background: #ccc;
}

.pBody a {
  background: transparent;
}
.portlet:hover .pBody {
  display: block !important;
}

/*</nowiki></pre>
===Menus herramientas====
<pre><nowiki>*/

.portlet {
  float:left;
  padding: 0 1em;
  font-size: small;
  border:1px solid #000;
}

.portlet h5 {margin:0; padding:0;}

.portlet:hover {
  background: #ff0;
}

/*Ocultamos título de menu para páginas*/
#p-cactions {border:none;}
#p-cactions h5 {display:none; border:none; margin:0; padding:0;}
#p-cactions .pBody {
  position:fixed;
  top:24px;
  right: 160px;
  left:0;
  padding: 0 0 0 1em;
  display:inline;
  border:none;
  font-weight: bold;
  font-variant:small-caps;
  text-align: center;
  font-size: small;
}

/*</nowiki></pre>
===Opciones menus====
<pre><nowiki>*/

.portlet ul {
    display:block;
    line-height: 1.5em;
    list-style-type: none;
    padding: 0;
    margin: 0 -1em 0 -2em;
}

.portlet li {
    padding: 0 1em;
}

.portlet ul li:hover{
  background: #ff0;
}

#p-cactions ul { display:inline; }
#p-cactions li { display:inline; }

/*</nowiki></pre>
===Logo====
<pre><nowiki>*/
#p-logo{
  position: fixed !important;
  margin:0;
  padding:0;
  top:0 !important;
  right: 0 !important;
  width: 160px !important;
  height: 160px !important;
  display: block !important;
/*  background: url(images/3/3d/ChixpyLogo.png) !important;*/
}

#p-logo a {
/*  background: url(images/3/3d/ChixpyLogo.png) !important;*/
  width: 160px !important;
  height: 160px !important;
}

/*</nowiki></pre>
==Contenido===
<pre><nowiki>*/
#content {
  border:3px outset #888;
  -moz-border-radius: 1em;
  padding:0 1em;
}

/*</nowiki></pre>
==Miscelanea===
<pre><nowiki>*/

.floatleft,
.tleft{
  float:left;
  clear:left;
  margin-right: 1em;
}

.floatright,
.tright{
  float:right;
  clear:right;
  margin-left: 1em;
}

#siteSub,
.printfooter{
  display:none;
}
/*</nowiki></pre>
===Thumbnails===
<pre><nowiki>*/

.thumb{
  border: 3px inset;
  padding: 0 .5em;
  -moz-border-radius: 1em;
  background:#ccc;
}

.thumbinner{
}

.thumbimage{
  margin-bottom:.5em;
}

.thumbcaption{
  font-size:small;
  text-align:center;
}

.magnify{ display:none }

/*</nowiki></pre>
===Cuadro licencia===
<pre><nowiki>*/
#footer {
  background: #fff;
  border-top: 1px solid #fabd23;
  border-bottom: 1px solid #fabd23;
  margin: .6em 160px 1em 0;
  padding: .4em 0 1.2em 0;
  text-align: center;
  font-size: 90%;
}
#footer li {
  display: inline;
  margin: 0 1.3em;
}
/* hide from incapable browsers */
head:first-child+body #footer li { white-space: nowrap; }
#f-poweredbyico, #f-copyrightico {
	margin: 0 8px;
	position: relative;
	top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
	float: right;
	height: 1%;
}
#f-copyrightico {
	float: left;
	height: 1%;
}

/*</nowiki></pre>
===Comparacion de diferencias===
<pre><nowiki>*/
table.diff {
  border: 1px solid;
  -moz-border-radius: 1em;
}
td.diff-otitle {
  -moz-border-radius: 1em;
}
td.diff-ntitle {
  -moz-border-radius: 1em;
}
td.diff-addedline {
  background:#0f0;
  font-size: smaller;
  border: solid 2px black;
}
td.diff-deletedline {
  background:#f00;
  font-size: smaller;
  border: dotted 2px black;
}
td.diff-context {
  font-size: smaller;
  background:#aaa;
}
span.diffchange {
  color: #dd0;
  font-weight: bold;
  padding:0 .5em;
  background: #aaa;
}

/*</nowiki>/pre>
===Galerias de imagenes===
<pre><nowiki>*/

table.gallery {
 margin: 0 auto;
}

table.gallery tr {
 vertical-align: top;
}

table.gallery td {
  vertical-align: top;
  text-align:center;
  padding: .5em 0 0 0;
}

table.gallery td.galleryheader {
	text-align: center;
	font-weight: bold;
}

div.gallerybox {
	margin: 2px;
	width:  150px;
}

div.gallerybox div.thumb {
	text-align: center;
	border: 1px solid #ccc;
	margin: 2px;
}

div.gallerytext {
	font-size: 94%;
	padding: 2px 4px;
}

/*</nowiki>/pre>
===Categorias===
<pre><nowiki>*/
.catlinks{
  background:#aaf;
  border: 1px #008 dashed;
  padding: 0.5em ;
  -moz-border-radius:1em;
}

/*</nowiki></pre>
===Tabla de contenidos===
<pre><nowiki>*/
#toc {
  position:fixed;
  right:0;
  top:160px;
  bottom:0;  
  text-align:left;
  font-size:x-small; 
  padding:0;
  margin:0;
  border:none;
  width:160px;
  background: #ccc;
}

#toc td{
  overflow: auto;
}

#toc ul{
  list-style:none;
  padding:0;
  margin:0;
}

.toctoggle {display:none;}

#toctitle h2 {
  border:none;
  font-size:small;
}

/*</nowiki></pre>
===Notificaciones===
<pre><nowiki>*/
.usermessage {
	background-color: #ffce7b;
	border: 1px solid #ffa500;
	color: black;
	font-weight: bold;
	margin: 2em 0 1em;
	padding: .5em 1em;
	vertical-align: middle;
}
#siteNotice {
	text-align: center;
	font-size: 95%;
	padding: 0 .9em;
}
#siteNotice p {
	margin: 0;
	padding: 0;
}
.error {
	color: red;
	font-size: larger;
}
.errorbox, .successbox {
	font-size: larger;
	border: 2px solid;
	padding: .5em 1em;
	float: left;
	margin-bottom: 2em;
	color: #000;
}
.errorbox {
	border-color: red;
	background-color: #fff2f2;
}
.successbox {
	border-color: green;
	background-color: #dfd;
}
.errorbox h2, .successbox h2 {
	font-size: 1em;
	font-weight: bold;
	display: inline;
	margin: 0 .5em 0 0;
	border: none;
}