User:Chixpy/myskin.css

/* */ /* UNDER CONSTRUCTION, So some element are mising and it didn't work on IE
 * Basada en la Skin MonoBook.
 * Modificada Chixpy para su uso personal en Inciclopedia
 * Modificada Chixpy para su uso personal en Inciclopedia

/* -                                       ESTILOS EN GENERAL -

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

/* Enlaces

/* Enlaces normales */ a { color: #cc0; background: transparent; text-decoration: none; }

/* Enlaces visitados */ a:visited { color: #88f; }

/* Enlaces activos (que existe la página) */ a:active { color: #cc0; }

/* Enlaces nuevos (que no existe la página) */ a.new,
 * 1) p-personal a.new { color:#0a0; }

/* Enlaces nuevos y visitados (que no existe la página    pero ya se ha pulsado sobre ellos) */ a.new:visited,
 * 1) p-personal a.new:visited { color:#0a0; }

/* Enlaces cuando se pone el ratón encima*/ a:hover { color: #ff0; text-decoration: underline; }

/* Enlaces en el momento de pulsar sobre ellos */ a.stub { color: #cc0; }

/* Imágenes img { border: none; padding: 0; margin: 0; vertical-align: middle; }

/* Párrafos de texto p { margin: 0.4em 0em 0.5em 1em; line-height: 1.5em; text-indent: -1em; }

/* Imágenes dentro de párrafos de texto p img { margin: 0; }

/* Barras Horizontales hr { height: 2px; color: #378; border: 0; margin: 0.2em 0 0.2em 0; }

/* Títulos en general h1, h2, h3, h4, h5, h6 { color: #0c0; background: transparent; font-weight: bold; margin: 0 auto 0 auto; padding-top: 0.5em; padding-bottom: 0.17em; font-variant:small-caps; clear:left; text-align: center; }

/* Títulos de 1º orden */ h1 {font-size: 200%;}

/* Títulos de 2º orden */ h2 {font-size: 175%;}

/* Títulos de 3º orden */ h3 {font-size: 150%;}

/* Títulos de 4º orden */ h4 {font-size: 125%;}

/* Títulos de 5º orden */ h5 {font-size: 100%;}

/* Títulos de 6º orden */ h6 {font-size: 75%;}

/* Listas

/* Listas desordenadas (Listas sin númeración ) */ ul { line-height: 1.5em; list-style-type: disc; margin: 0.3em 0 0 1.5em; padding:0; text-indent:0; }

/* Listas ordenadas (Listas con númeración 1, 2, 3,...) */ ol { line-height: 1.5em; margin: 0.3em 0 0 3.2em; padding:0; list-style-image: none; }

/* Lineas de las listas */ li { margin-bottom: 0.1em; }

/* Lista de definiciones */ dl{ margin-top: 0.2em; margin-bottom: 0.5em; }

/* Lista de definiciones: Término */ dt { font-weight: bold; margin-bottom: 0.1em; }

/* Lista de definiciones: Definición */ dd { line-height: 1.5em; margin-left: 4em; margin-bottom: 0.1em; text-indent: -2em; }

/* Formularios

/* Caja para agrupar formularios*/ 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: #888; background: #000; padding: 5px; margin: 0 0 .5em 0; }

/* Formularios: ¿?*/ 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; }

/* La verdad no sé*/ select { border: 1px solid #436; color: #255; vertical-align: top; }

/* Otros tipos de texto

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

/* Codigo Fuente (Usado en las citas, creo) */ code { background-color: #112; color:#888; }

/* Texto con formato (Usado para código fuente) */ pre { padding: 1em; border: 1px dashed #444; color: #888; background-color: black; line-height: 1.1em; width: auto; overflow: auto; white-space:pre; }

/* ¿? */ q { font-family: Times, "Times New Roman", serif; font-style: italic; }

/* Sin uso por ahora blockquote { font-family: Times, "Times New Roman", serif; font-style: italic; }*/

/* -                                       ESTRUCTURAS GENERALES -

/* Esto sería innecesario, pero... --- html{ width: 100%; margin: 0; padding: 0; }

/* Página en general - body { font: x-small sans-serif; margin: 0; padding: 0; background: #002; color: #080; }

/* Div que contiene la página entera -    font-size:127%; width: 100%; margin: 0; padding: 0; }
 * 1) globalWrapper {
 * 1) globalWrapper {

/* Columna de los enlaces ---   float:left; height:100px; width:1px; padding-top:175px }
 * 1) column-one {
 * 1) column-one {

/* Columna principal --   width:100%; float:right; margin:120px 0 0px -175px; }
 * 1) column-content {
 * 1) column-content {

/* Columna Google ---   visibility:hidden; display:none; }
 * 1) column-google{
 * 1) column-google{

/* -                                ESTILOS DE LA CAJA DE ARTÍCULOS - /* Estilo general */ margin: 0 0 0 175px; /*175px -> Este margen es para dejar espacio a los menús */ padding: 1em 1em 1em 1em; background: #003; border: 5px outset #228; position:relative; z-index:0; }
 * 1) content {

/* Estructura que engloba todo en contenido */ background: transparent; }
 * 1) bodyContent {

/* Título principal del artículo */ .firstHeading { margin-bottom:0.1em; border-bottom: 3px ridge #0c0; -moz-border-radius-bottomleft:2em; -moz-border-radius-bottomright:2em; line-height: 1.5em; }

/* Subtítulo del artículo: Estructura contenedora*/ /* Si de muestra pone: De Inciclopedia debajo del título principal*/ display: none; }
 * 1) siteSub {

/* Subtítulo del artículo: Estilo*/ font-size: 84%; line-height: 1.2em; margin: 0 0 1.4em 1em; color: #769; width: auto; }
 * 1) contentSub {

/* Enlaces de volver a la página madre de una subpágina*/ span.subpages { display: block; }

/* Encabezados (Titulos) del artículo*/ /* Normalmente solo el espacio de separación*/ margin-bottom: 0.3em; }
 * 1) bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
 * 2) bodyContent h3,
 * 3) bodyContent h4,
 * 4) bodyContent h5 {

/* Mensaje de notificación de Cambios en su discusión */ .usermessage { background-color: #EEE6FF; border: 1px solid #C03; color: #255; font-weight: bold; margin: 2em 0em 1em 0em; padding: 0.5em 1em; vertical-align: middle; }

text-align: center; font-size: 95%; padding: 0 0.9em 0 0.9em; } .error { color: #C03; font-size: larger; }   border:1px solid #769; background-color:#EEE6FF; padding:5px; margin-top: 1em; clear: both; } /* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */ .documentDescription { /* The summary text describing the document */ font-weight: bold; display: block; margin: 1em 0em; line-height: 1.5em; } .documentByLine { text-align: right; font-size: 90%; font-weight: normal; color: #769; clear: both; }
 * 1) siteNotice {
 * 1) siteNotice p { margin: 0; padding: 0; }
 * 1) catlinks {

/* -                                  CAJAS DE MENÚS -

/* CAJAS MENÚS: GENERAL Estilos generales de las caja del los menús: Navegación, Buscar, Herramientas, Wikia y  el menu de arriba (usuario, discusión) .portlet { margin: 0; padding: 0; width: 165px; overflow: hidden; background: #003; border: 5px inset #228; text-align:center; clear:left; }

/* CAJAS MENÚS: TÍTULO 4 (¿SIN USO?) Esto modifica los Títulos de 4º grado de las cajas de los menús. Pero no sé donde se usa.... .portlet h4 { font-size: 95%; font-weight: normal; white-space: nowrap; background: #f00; }

/* CAJAS MENÚS: TÍTULO 4 Esto modifica los Títulos de 5º grado de las cajas de los menús. Son los títulos de los menús .portlet h5 { display: inline; padding: 0.5em 0 0 0; font-weight: bold; white-space: nowrap; margin: 0; text-decoration: none; }

/* CAJAS MENÚS: TÍTULO 6 (¿SIN USO?) Esto modifica los Títulos de 6º grado de las cajas de los menús. Pero no sé donde se usa.... .portlet h6 { background: #DDD5EE; border: 3px groove #9CC; padding: 0em 0em 0em 0em; text-transform: lowercase; font-size: 1em; height: 1.2em; font-weight: normal; white-space: nowrap; background: #f00; }

/* Esto modifica la caja interior de los menús donde están los enlaces */ .pBody { display: block; margin: 0; font-size: 95%; background: #DDD5EE; border-collapse: collapse; border: 2px solid #378; padding: 3px; background: #003; border: 5px ridge #228; line-height: 1.5em; }

.portlet h1, .portlet h2, .portlet h3, .portlet h4 { margin: 0; padding: 0; } .portlet ul { display:block; line-height: 1.5em; list-style-type: none; font-size:95%; padding:0; margin: 0; } .portlet li { padding:0; margin: 0; }

/* CAJA ENLACES WIKI {   clear:left; }
 * 1) p-nbx
 * 1) p-nbx

/* CAJA WIKIA {   display:none; }
 * 1) p-wikicities-nav
 * 1) p-wikicities-nav

/*   position:absolute; top: 100px; width: 75%; left: 175px; margin: 0; white-space:nowrap; line-height: .3em; overflow: visible; background: transparent; border:none; border-collapse: collapse; /*Tengo que mirar a ver qué es esto...*/ padding: 0 0 3px 1em; list-style: none; font-size: 95%; clear: right; text-align:left; }
 * the page-related actions- page/talk, edit etc
 * 1) p-cactions {
 * 1) p-cactions {

list-style: none; }   display: inline; border: 5px inset #228; border-bottom: none; padding: 0 0 .5em 0; margin: 0 0.3em 0 0; overflow: auto; -moz-border-radius-topleft: 1em; -moz-border-radius-topright: 1em; }   color: #ff0; border: 5px outset #228; border-bottom: 5px #003 solid; padding: 0 0 .5em 0; background: #003; }   background-color: transparent; color:#C03; border: none; padding: 0 .8em .3em 0.8em; text-decoration: none; text-transform: lowercase; position: relative; z-index: 3; margin: 0; }   z-index: 4; color:#ff0; }   z-index: 3; text-decoration: none; }   padding-left: 0.4em; padding-right: 0.4em; } /* offsets to distinguish the tab groups */ li#ca-talk { margin-right: 1.6em; } li#ca-watch, li#ca-watch { margin-left: 1.6em; }
 * 1) p-cactions .hiddenStructure { display: none; }
 * 2) p-cactions ul {
 * 1) p-cactions li {
 * 1) p-cactions li.selected {
 * 1) p-cactions li a {
 * 1) p-cactions .selected a {
 * 1) p-cactions .new a { color:#f00; }
 * 2) p-cactions li a:hover {
 * 1) p-cactions h5 { display: none; }
 * 2) p-cactions li.istalk { margin-right: 0; }
 * 3) p-cactions li.istalk a { padding-right: 0.5em; }
 * 4) p-cactions #ca-addsection a {

/* emulate center */ .center { width: 100%; text-align: center; }   margin-left: auto; margin-right: auto; }
 * .center * {

.visualClear { clear: both; }

/* small for tables and similar */ .small, .small * { font-size: 94%; } table.small { font-size: 100% }

/*
 * content styles

/* Menu de la Tabla de Contenidos */ border: 2px dashed #228; background: #003; -moz-border-radius:2em; padding: 10px; font-size: 95%; float: left; margin: 25px 0 25px 0; position: relative; z-index: 3; }   margin-top: 0.7em; font-size: 94%; } div.editsection{ clear:left; }
 * 1) toc {
 * 1) toc .tocindent { margin-left: 2em; }
 * 2) toc .tocline { margin-bottom: 0px; }
 * 3) toc p { margin: 0 }
 * 4) toc .toctoggle { font-size: 94%; }
 * 5) toc .editsection {

/* images */ div.floatright, table.floatright { clear: right; float: right; margin: 0 0.5em 0.5em 0.3em; position: relative; border: transparent; } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; margin: 0.3em 0.5em 0.5em 0; position: relative; border: transparent; } div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb { margin-bottom: 0.5em; position: relative; z-index: 1; border: none; width: auto; } div.thumb div { border: 2px solid #378; padding: 1px !important; background-color: transparent; font-size: 94%; text-align: center; overflow: hidden; margin: 5px; } div.thumb div a img { border:1px solid #769; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4; padding: 0.3em 0 0.1em 0; } div.magnify { float: right; border: none !important; background: none !important; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; } div.tright { margin-left: 10px; clear: right; float: right; position: relative; z-index: 3; } div.tleft { float: left; margin-right: 10px; position: relative; z-index: 3; clear: left; } .urlexpansion, .hiddenStructure { display: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; }

/*
 * classes for special content elements like town boxes
 * intended to be referenced directly from the wiki src

/* /* table standards */ table.rimage { float:right; position:relative; margin-left:1em; margin-bottom:1em; text-align:center; } .toccolours { border:1px solid #769; background-color:#EEE6FF; padding:5px; font-size: 95%; } div.townBox { position:relative; float:right; background:transparent; margin-left:1em; border: 1px #769; padding:0.3em; width: 200px; overflow: hidden; clear: right; } div.townBox dl { padding: 0; margin: 0 0 0.3em 0; font-size: 96%; } div.townBox dl dt { background: transparent; margin: 0.4em 0 0 0; } div.townBox dl dd { margin: 0.1em 0 0 1.1em; background-color: #EEE6FF; }
 * User styles

/* .special li { line-height: 1.4em; margin: 0; padding: 0; }
 * edit views etc

/* Page history styling */ /* the auto-generated edit comments */ .autocomment { color: #769; } margin-left: 1.4em; margin-right: 0.4em; }   background-color:#EEE6FF; border:1px dashed #769; }
 * 1) pagehistory span.user {
 * 1) pagehistory span.minor { font-weight: bold; }
 * 2) pagehistory li { border: 1px solid transparent; }
 * 3) pagehistory li.selected {

/* table.diff { background:transparent; } td.diff-otitle { background:#000; } td.diff-ntitle { background:#000; } td.diff-addedline { background:#030; font-size: smaller; } td.diff-deletedline { background:#800; font-size: smaller; } td.diff-context { background:#000; font-size: smaller; } span.diffchange { color: #fff; }
 * Diff rendering

/*    background: url(external.png) center right no-repeat; padding-right: 13px; } .link-https { background: url("lock_icon.gif") center right no-repeat; padding-right: 16px; } .link-mailto { background: url("mail_icon.gif") center right no-repeat; padding-right: 18px; }   background: url("news_icon.png") center right no-repeat; padding-right: 18px; } .link-ftp { background: url("file_icon.gif") center right no-repeat; padding-right: 18px; } .link-irc { background: url("discussionitem_icon.gif") center right no-repeat; padding-right: 18px; } /* disable interwiki styling */ color: #378; background: transparent; padding: 0; } /* this can be used in the content area to switch off special external link styling */ background: none !important; padding: 0; }
 * keep the transparentspace in front of the ^=, hides rule from konqueror
 * this is css3, the validator doesn't like it when validating as css2
 * 1) bodyContent a[href ^="http://"],
 * 2) bodyContent a[href ^="gopher://"] {
 * 1) bodyContent a[href ^="gopher://"] {
 * 1) bodyContent a[href ^="https://"],
 * 1) bodyContent a[href ^="mailto:"],
 * 1) bodyContent a[href ^="news://"] {
 * 1) bodyContent a[href ^="ftp://"],
 * 1) bodyContent a[href ^="irc://"],
 * 1) bodyContent a.extiw,
 * 2) bodyContent a.extiw:active {
 * 1) bodyContent a.external { color: #378; }
 * 1) bodyContent .plainlinks a {

/*
 * Logo properties

position:absolute; /*needed to use z-index */ z-index: 0; background:#eef; /*background: url(http://inciclopedia.wikia.com/images/d/d2/Tio1.jpg);*/ background-position:center; top: 0; left: 0; margin: 0; padding:5px 0 0 7px; height: 160px; width: 158px; overflow: hidden; border: 5px ridge gold; -moz-border-radius:87px; }   display: block; height: 155px; width: 155px; background-repeat: no-repeat; background-position: 35% 50% !important; text-decoration: none; }
 * 1) p-logo {
 * 1) p-logo h5 { display: none; }
 * 2) p-logo a,
 * 3) p-logo a:hover {

/*
 * the navigation portlet

position:relative; z-index:3; }
 * 1) p-nav {

/*   position:absolute; z-index:3; top:25px; right:0px; height:50px; text-align:center; width:auto; padding: 0 0 0 0 !important; margin: 0 0 0 175px !important; }
 * Search portlet
 * 1) p-search {
 * 1) p-search {


 * 1) p-search h5 { display: none; }

padding: 0px; text-align: center; border:none; } input.searchButton { margin-top:1px; padding: 0 0 0 0px !important; font-size: 95%; cursor: pointer; }   border: 1px solid #378; width: 280px; margin: 0 10px 0 0 ; font-size: 95%; float:left; }
 * 1) p-search .pBody {
 * 1) searchInput {

/*
 * the personal toolbar

width:100%; height:25px; white-space:nowrap; padding: 0; margin: 0; position: absolute; right: 0px; top: 0px; border: none; background: #004; overflow: visible; line-height: 1.2em; }
 * 1) p-personal {

display: none; }
 * 1) p-personal h5 {

padding: 0px; margin: 0; border: none; overflow: visible; background: none; } /* this is the ul contained in the portlet */ border: none; line-height: 2em; color: #045; padding: 0 0 0 0; margin: 0 14px; text-align: center; float: right; text-transform: lowercase; background: none; }
 * 1) p-personal .portlet,
 * 2) p-personal .pBody {
 * 1) p-personal ul {

border: none; display: inline; color: #378; overflow: visible; line-height: 1.2em; background: none; margin-left: 2px; padding: 1px 3px; }   text-decoration: none; color: #378; border: none; font-weight: bold; padding: 3px 10px; margin: 0; background: none; }   text-decoration: underline; }
 * 1) p-personal .pBody li {
 * 1) p-personal .pBody li a {
 * 1) p-personal li a:hover {

/*   position:relative; z-index:3; }
 * the remaining portlets
 * 1) p-tbx,
 * 2) p-lang {
 * 1) p-lang {


 * 1) p-nav, #p-search, #p-lang, #p-tb, #p-wikicities-nav { float: left; clear: left; margin: 0; }

/*   background-color: transparent; border-top: 2px solid #769; border-bottom: 2px solid #769; margin: 0.6em 0em 1em 0em; padding: 0.4em 0em 1.2em 0em; text-align: center; font-size: 90%; clear: both; overflow:auto; }   display: inline; margin: 0 1.3em; } /* hide from incapable browsers */ head:first-child+body #footer li { white-space: nowrap; } margin: 0 8px; position: relative; top: -2px; /* Bump it up just a tad */ }   float: right; height: 1%; }   float: left; height: 1%; }
 * footer
 * 1) footer {
 * 1) footer {
 * 1) footer li {
 * 1) f-poweredbyico, #f-copyrightico {
 * 1) f-poweredbyico {
 * 1) f-copyrightico {

/* js pref toc */ float: left; margin: 1em 1em 1em 1em; width: 13em; }   background-color:#EEE6FF; border:1px dashed #769; }   display: block; color: #378; }   clear: both; float: left; margin-top: 1em; } div.prefsectiontip { font-size: 95%; margin-top: 1em; } fieldset.operaprefsection { margin-left: 15em }
 * 1) preftoc {
 * 1) preftoc li { border: 1px solid #769; }
 * 2) preftoc li.selected {
 * 1) preftoc a,
 * 2) preftoc a:active {
 * 1) prefcontrol {

/* /* tabs: border on the a, not the div */ border: 1px solid #769; border-bottom: none; } /* footer icons need a fixed width */ overflow-x: auto; width: 100%; padding-bottom: 25px; }
 * IE/Mac fixes, hope to find a validating way to move this
 * to a separate stylesheet. This would work but doesn't validate:
 * @import("IEMacFixes.css");
 * > html #p-cactions li { border:none; }
 * > html #p-cactions li a {
 * > html #p-cactions li.selected a { border-color: #C03; }
 * > html #f-poweredbyico,
 * > html #f-copyrightico { width: 88px; }
 * > html #bodyContent,
 * > html #bodyContent pre {

/* more IE fixes */ /* float/negative margin brokenness */ display: inline; margin-bottom: 0; }
 * html #footer {margin-top: 0;}
 * html #column-content {
 * html div.editsection { font-size: smaller; }
 * 1) pagehistory li.selected { position: relative; }

/* Mac IE 5.0 fix; floated content turns invisible */ float: none; }   position: absolute; left: 0; top: 0; }   margin-left: 13.2em; }
 * > html #column-content {
 * > html #column-one {
 * > html #footer {

.printfooter { display: none; } /* */