MediaWiki:Wikia.css

/* Page Headers */ .WikiaPageHeader h1{ /* Page Headers */ border-radius: 2pc 1pc; font-family: 'Trebuchet MS'; font-variant: small-caps; font-weight: bold; text-shadow: 1px 1px rgba(0, 0, 0, 0.75); word-spacing: 1px; }

/* RIBBON */ .WikiHeader .navbackground { border: 1px solid #000; border: 1px solid rgba(122, 122, 122, 0.43); box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); } .WikiHeader > nav .marked { box-shadow: 0 0 0 rgba(0, 0, 0, 0.5),inset 0 -15px 30px rgba(0,0,0,0.3); } /* TOPS OF PROFILES */ .UserProfileMasthead .masthead-info hgroup { box-shadow: 0 0 0 rgba(0, 0, 0, 0),inset 0 -15px 30px rgba(0,0,0,0.3); }

.UserProfileMasthead .masthead-info .tag { background: Maroon; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.56), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); }

} /* End of tag properties */

/* ================    FOOTER ================ */

/* This footer is the one at bottom of articles */ .WikiaArticleFooter { padding:0; }

/* Footer in general */ /* This controls the whole horizontal strip that's found on the bottom of most pages. At a minimum, it includes the MyTools and Configuration sub menus, but many users will also have shortcuts to their favorite tools, like History and File Upload, in this area. */

.WikiaBarWrapper .toolbar, .WikiaFooter .toolbar { font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; text-transform:uppercase; letter-spacing:1.5px; z-index:1 }

.WikiaBarWrapper .toolbar a:hover, .WikiaFooter .toolbar a:hover { font-weight:normal; background:#ffae1a repeat scroll 0 0 transparent; border:none; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; text-transform:uppercase; letter-spacing:1.5px; }

/* ==============    MYTOOLS MENU ==============

Those elements not specified in the .WikiaFooter .tools-menu range are inherited from .Wikifooter .toolbar range. Thus the font for the MyTools menu is currently specified above. It wouldn't have to be; if one wanted to make the font in MyTools menu different from that of the rest of the (horizontal) footer tools menu, one would merely define it in the group below. */

/* ===============    MYTOOLS CONFIGURATION ===============   That is, the thing that pops up     when you hit "configuration" on the footer tool bar. */

.MyToolsConfiguration .options-list, .MyToolsConfiguration .search-box { background-color: #cd8400; color:#ffae1a; }

.MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:#cd8400; color:#ffae1a; }

.MyToolsConfiguration .popular-tools-group { background-image:none; color:#ffae1a; background-color:#cd8400; }

.MyToolsConfiguration .popular-tools-group .selected { background-image:none; background-color: #cd8400; color:#ffae1a; font-weight:normal; }

/* This is the headline for all things in a modal wrapper — mainly the Customize and picture boxes. Another way of defining the headlines of the modal wrappers, is to be specific, as in   .MyToolsConfiguration h1 */

.modalWrapper > h1 { font-style:normal; font-size: 20px; line-height: 110%; text-align:left; margin-bottom:10px; padding-bottom:10px; margin-left:15px; font-family:Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; text-transform:none; font-weight:normal; letter-spacing:0; }

/* The "modal wrapper" is the whole of the customization "box" */

.modalWrapper { /*background:transparent url(http://images.wikia.com/tardistest/images/6/6e/75opacitygrey.png); */ background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAALHRFWHRDcmVhdGlvbiBUaW1lAFRodSAyMSBNYXIgMjAxMyAwMzozNzoxOCAtMDYwMDD7FegAAAAHdElNRQfdAxUIJgiBBSKCAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAAtJREFUeNpj+H8GAALNAcxdVRF3AAAAAElFTkSuQmCC'); border-radius:10px; border:1px solid #A18AC1; box-shadow:0 0 40px #A18AC1; color:#A18AC1; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; text-transform:none; font-size:11pt; padding:3px; font-weight:normal; }

/* This is the bulk of the area INSIDE the configuration box, including everything but a small border, and the words "customize toolbox" */

.MyToolsConfiguration ul { border:1px solid #AAA; }

/* The following two lines referencing input was an attempt to change the input box in the configuration box. It doesn't appear to have worked, but it's not that crucial that I get it working. I'm leaving this as unsolved as of 13 Mar 11. */

.MyToolsConfiguration input[type="text"] { background-color: #D6E6F6; color:#A18AC1; }

.MyToolsConfiguration .placeholder { color:#A18AC1; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; }

/* The following creates a dropdown when text is entered in the search area. Matches other similar dropdowns on the wiki. */

.MyToolsConfiguration .autocomplete { background-color:#D6E6F6; border-radius:10px; border:1px solid #A18AC1; box-shadow:0 0 40px #A18AC1; color:#A18AC1; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; text-transform:uppercase; font-size:11pt; padding:3px; font-weight:bold; }

.MyToolsConfiguration .autocomplete .selected { background: #D9E6F6; color:#A18AC1; font-weight:bold; }

.MyToolsConfiguration li:hover { background: #D9E6F6; color:#A18AC1; font-weight:bold; }

/* Changing where the "edit section" button goes and what it looks like */

.editsection a { text-transform:lowercase; letter-spacing:1px; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-size:70%; font-style:italic; font-weight:bold; color:#1E3738; text-align: left; margin-left:-10px; }

/* ++++++++++++++++++    TALLY STYLING IN    THE RAIL ++++++++++++++++++   This styles the actual number in number of pages on wiki +++++++++++++++++++ */

.LatestPhotosModule .tally em, .WikiaPagesOnWikiModule .tally em { text-transform:uppercase; letter-spacing:0; font-weight:normal; line-height:1; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; color: #A18AC1; }

/* HotSpots Module: NOTE: no changes applied to severity, but that's where you'd put them */

.HotSpotsModule li div div { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); }

.HotSpotsModule li .hot-spot-severity-1 { /* the tag for most editors */

}

.HotSpotsModule li .hot-spot-severity-2 { /* the tag for 2nd most editors */

}

.HotSpotsModule li .hot-spot-severity-4 { /* the tag for 4th most editors */

}

/* 'MODULE MASTERY' CSS: END */

} div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { margin: 0px; padding: 2px; float: right; z-index:100; font-weight:normal; font-size:smaller; } /*

Texto expansible
Estas dos clases hacen que un texto oculto sea visible y se expanda al poner el ratón sobre otro texto. NOTA: Solo sirve para elementos de un mismo bloque de texto, es decir por ejemplo   Un ejemplo de uso: Esto lo ves Esto no lo veías Para mayor comodidad se ha creado plantilla:expansible */ /* allows for expanding hidden sig sections (experimental) -Dawg */ .textooculto { display: none; } .textovisible:hover .textooculto { display: inline; position:absolute; background:white;} /* hiddenStructure importado de w:en para permitir esconder automáticamente los parámetros vacíos en tablas */ .hiddenStructure { display: none; speak: none; }  /*  ==============    MYTOOLS MENU ==============   Those elements not specified in the .WikiaFooter .tools-menu range are inherited from .Wikifooter .toolbar range. Thus the font for the MyTools menu is currently specified above. It wouldn't have to be; if one wanted to make the font in MyTools menu different from that of the rest of the (horizontal) footer tools menu, one would merely define it in the group below. */ .WikiaBarWrapper .tools-menu, .WikiaFooter .tools-menu { background-color:#ffb733; border-radius:10px; border:1px solid #ffb733; box-shadow:0 0 40px #cc8400; color:#cc8400; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; text-transform:uppercase; padding:3px; letter-spacing:1.5px; } .WikiaBarWrapper .tools-menu a,                                               .WikiaFooter .tools-menu a { color: #ffae1a; font-weight:normal; } .WikiaBarWrapper .tools-menu a:hover, .WikiaFooter .tools-menu a:hover { background-color:#ffae1a ; font-weight:normal }
 * Muestra (pon el raton encima del texto): Esto lo ves Esto no lo veías

/* ===============    MYTOOLS CONFIGURATION ===============   That is, the thing that pops up     when you hit "configuration" on the footer tool bar. */ .MyToolsConfiguration .options-list, .MyToolsConfiguration .search-box { background-color: #e69500; color:#ffc967; } .MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:#e69500; color:#ffc967; } .MyToolsConfiguration .popular-tools-group { background-image:none; color:#e69500; background-color:#e69500; } .MyToolsConfiguration .popular-tools-group .selected { background-image:none; background-color: #e69500; color:##e69500; font-weight:normal; }

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* 'MODULE MASTERY' CSS: START Modules are the boxes that show up on the right of the Page */ .WikiaRail { color: #7f3300 } .WikiaRail .module { background: -webkit-linear-gradient(315deg, #7f3300, #ff934c, #7f3300); background: linear-gradient(135deg,#7f3300, #ff934c, #7f3300); border: 1px solid #888; border-radius: 2pc 1pc; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75); } .WikiaRail .module h1 { font-family: 'Trebuchet MS'; margin-bottom: 1px; text-transform: uppercase; } .WikiaRail .module .more { color: inherit; font-family: 'Trebuchet MS'; font-style: italic; text-shadow: 0 1px #000; } .WikiaRail .module .wikia-button { border: 1px solid #000; border: 1px solid rgba(122,122,122,0.43); border-radius: 2pc 1pc 3pc 2pc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); height: 15px; padding-bottom: 2px; text-align: center; text-shadow: 0 0 2px #000,1px 1px 9px #000; width: 246px; } /* NOTE: if there are more modules with buttons... this may become a pain */

/* Chat Module */ .ChatModule .chat-join { top: 105px; } .ChatModule .chat-whos-here { background: -webkit-linear-gradient(315deg, #993d00 50%, #000 50%); background: linear-gradient(135deg, #993d00 50%, #000 50%); background-size: 5px 5px; border: 1px solid #888; border-radius: 2pc; box-shadow: 0 0 10px #CCC; } .ChatModule .chat-whos-here .carousel-container { background-color: #000; background-color: rgba(255, 255, 255, 0.06); border-radius: 1pc; } .ChatModule .chat-headline .chat-total { border: 1px solid #888; line-height: 12px; }

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* CHAT SKIN CSS: START body { /* the whole page */ background-color: #ff934c; font-family: 'Trebuchet MS'; } .Chat { /* the region where the chatting shows up */ background-color: #ff934c; border-left: 2px solid #cc5100; border-top: 2px solid #cc5100; border-top-left-radius: 2pc; font-family: 'Trebuchet MS'; } .Chat .avatar { /* User pictures on the left side of the chat */ border: 1px solid #cc5100; border-radius: 0.5pc; box-shadow: 0 0 2px #ee7714; } .Chat .inline-alert { /* ~Inline alerts~ */ color: maroon; font-size: 14px; } .Chat .me-message { /* Changes what /me does */ color: #ff944d; } .Chat .username { /* Usernames in chat box */ color:maroon; text-shadow: 1px 1px 1px #000; text-transform: uppercase; } .Chat .you { /* Effects when you say something */ background: #ff934c; } .ChatHeader { /* Formats the main chat header */ background: -webkit-linear-gradient(45deg, #993d00, #ff934c, #993d00); background: linear-gradient(45deg, #993d00, #ff934c, #993d00); background-color: #ff934c; border: 1px solid #ffb27f; border-radius: 2pc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255, 255, 255, 0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .ChatHeader .private { /* Formats the private chat header */ font-family: 'Trebuchet MS'; margin-left: 10px; text-transform: uppercase; word-spacing: 2px; color:#ffa366; } .ChatHeader .User { /* Formats the username at top-right corner */ color:maroon; } .ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ background-color: #e55b00; border: 3px solid #800; border-radius: 2pc 1pc; box-shadow: 0 0 12px 0 #800, inset -2px 0 5px#3B5742, inset -10px -1px 16px #000; color: #d56a00 !important; }	color: #ffa366; font-style: italic; margin-left: 5px; text-shadow: 1px 1px #333; } .Rail .private { /* Private message bar */ background: -webkit-linear-gradient(315deg, #111 50%, #000 50%); background: linear-gradient(135deg, #111 50%, #000 50%); background-size: 5px 5px; border: 1px solid #888; border-radius: 1pc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255, 255, 255, 0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .Rail .public { /* Space behind the logo on the Rail */ background: -webkit-linear-gradient(315deg, #333 50%, #222 50%); background: linear-gradient(135deg, #333 50%, #222 50%); background-size: 5px 5px; border: 1px solid #888; border-radius: 1px 1pc 1pc 1px; } /* the user's username color in the users rail */ body.ChatWindow #Rail .username { color: maroon; } .Rail .selected{ /* Wiki logo or selected PM */ background: -webkit-linear-gradient(315deg, #ef7700 50%, #ff9023 50%); background: linear-gradient(135deg, #ef7700 50%, #ff9023 50%); background-size: 5px 5px; border: 1px solid #ff9023; border-radius: 1px 1pc 1pc 1px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 10px rgba(255, 255, 255, 0.03),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .Rail .splotch { /* Number of missed messages */ background-color: #e5a566; background-image: none; } .Rail .User:hover { background: #e5a566; border-radius: 1px 1pc 1pc 1px; box-shadow: 1px 1px 1px #ffa366; color: #eab784; } .User img{ /* User Avatars on right as well as own at top right */ border: 1px #ffa366; border-radius: 0.5pc; box-shadow: 0 0 2px #ffa366; } .UserStatsMenu .actions ul li { /* the 'body' of this menu */ border-radius: 1pc; color:#ffa366; text-shadow: 1px 1px 2px maroon; } .UserStatsMenu .actions ul li:hover { /* hovering over an option of this menu */ background: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.5), rgba(136, 136, 136, 0.5), rgba(85, 85, 85, 0.5)); background: linear-gradient(to right,rgba(85, 85, 85, 0.5), rgba(136, 136, 136, 0.5), rgba(85, 85, 85, 0.5)); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 10px rgba(255, 255, 255, 0.03),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .UserStatsMenu .actions ul li .label{ color:#ffa366; } .UserStatsMenu .info { /* The area of this menu behind the name */ background: -webkit-linear-gradient(315deg, #ffc04c, #e5ac44); background: linear-gradient(135deg, #ffa366, #ffa366); border-radius: 2pc 1pc 1pc 2pc; box-shadow: 0 6px 9px rgba(0, 0, 0, 0.75), inset 0 1px maroon,inset 0 10px rgba(255, 255, 255, 0.03),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .UserStatsMenu .info img { /* The picture on this menu */ border: 1px #ffa366; border-radius: 3pc 1pc 1pc; }	background: -webkit-linear-gradient(315deg, #ef7700, #ff9023, #ef7700); background: linear-gradient(135deg,#231F72, #ff9023, #ef7700); border: 1px solid #ff9023; border-radius: 2pc 1pc; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75); } .wordmark img { /* Wings of Fire WIKI logo */ margin-left: 5px; } .Write img { /* Picture to left of textbox */ border: 1px #ffa366; border-radius: 1pc; box-shadow: 0 0 5px #ffa366; } .Write [name="message"] { /* Smaller region within Textbox */ background: #ffa366; background: rgba(255, 255, 255, 0.03); border-radius: 1pc; } .Write .message { /* Textbox */ background: #ffa366; background-size: 1px 1px; border-radius: 10pc; padding: 20px; } /* CHAT SKIN CSS: END */
 * This chat skin is based
 * off of the 'Module Mastery'
 * CSS code.
 * 1) pingspan { /* Ping phrases (?) Chat Hacks */
 * 1) WikiaPage { /* Everything within the background border */