MediaWiki:Wikia.css

a[href="/wiki/User:A10"] {color:#0000CC; font-weight: bold; } a[href="/wiki/Message_Wall:A10"] {color:#0000CC; font-weight: bold; } a[href="/wiki/User_blog:A10"] {color:#0000CC;font-weight: bold; } a[href="/wiki/Special:Contributions:A10"] {color:#0000CC; font-weight: bold; } a[href="/wiki/User:Sonorous"] {color:#0000CC; font-weight: bold; } a[href="/wiki/Message_Wall:Sonorous"] {color:#0000CC; font-weight: bold; } a[href="/wiki/User_blog:Sonorous"] {color:#0000CC;font-weight: bold; } a[href="/wiki/Special:Contributions:Sonorous"] {color:#0000CC; font-weight: bold; } a[href="/wiki/User:Duskfeather77"] {color:#336600;font-weight: bold; } a[href="/wiki/Message_Wall:Duskfeather77"] {color:#336600; font-weight:bold} a[href="/wiki/User_blog:Duskfeather77"] {color:#336600; font-weight: bold;} a[href="/wiki/Special:Contributions:Duskfeather77"] {color:#336600; font-weight: bold; }

/* START Rounded modules (Chat, Hot Spots, Community Messages, etc.) */ .module

/* borders around right menus */

.Destacado, .WikiaRail .module {

background: #CCFFCC; !important; border-radius: 3em; border:2px outset green; !important; } /* Page Headers */ .WikiaPageHeader h1{ /* Page Headers */ border-radius: 2pc 1pc; font-family: 'Trebuchet MS'; font-variant: big-caps; font-weight: bold; text-shadow: 1px 1px rgba(0, 0, 0, 0.75); word-spacing: 1px; } .WikiHeader .buttons .contribute { border-radius:1pc; box-shadow:0 2px 6px rgba(0,0,0,0.74),inset 0 1px rgba(244,244,244,0.3),inset 0 10px rgba(244,244,244,0.2),inset 0 10px 20px rgba(244,244,244,0.25),inset 0 -15px 30px rgba(0,0,0,0.3) } .WikiHeader .buttons .contribiute > img { background-color:green; margin-left:-3px } .WikiaPageHeader h1 { 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 } .Wall ul.comments > li.message > .speech-bubble-message:after { border-color:green green transparent transparent } .Wall .comments .SpeechBubble .msg-title a { text-shadow:1px 1px brown } .UserProfileMasthead .masthead-info { border-radius:13px 13px 2pc 2pc } /* Buttons */ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button, .paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active { border-radius:10px;} .WikiaRail .module { border-radius: 16px; box-shadow: 0 0 20px #888 inset; } /* WIKI-NAVIGATION RIBBON */ nav.WikiNav { background: green; border-radius: 5px 30px 0 0; border: 1px solid white;} .WikiHeader .navbackground { border: 1px solid #000; border: 1px solid rgba(122, 122, 122, 0.43); left: 0 !important; margin-left: -1px; width: 100% !important;} .WikiHeader .navbackground img { display:none;} .WikiHeader > nav li { border-bottom: none;} .WikiHeader > nav .marked { box-shadow: 0 0 0 rgba(0, 0, 0, 0.5),inset 0 -15px 30px rgba(0,0,0,0.3);} /* Credit to WOF Wiki for this, all the colors are different then the colors used from WOF */ .tag.usergroup-sysop { color:white !important; border-radius:2pc !important; background:-webkit-linear-gradient(45deg,green,white,green) !important; background:linear-gradient(45deg,#00009,#000066,#0066CC) !important; 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) !important; text-shadow:1px 1px 1px #666 !important } .tag.usergroup-bureaucrat { color:white !important; border-radius:2pc !important; background:-webkit-linear-gradient(45deg,green,white,green) !important; background:linear-gradient(45deg,#FF9933,#FF9933,#FF9933) !important; 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) !important; text-shadow:1px 1px 1px #666 !important } .tag.usergroup-rollback { color:white !important; border-radius:2pc !important; background:-webkit-linear-gradient(45deg,white,green,white) !important; background:linear-gradient(45deg,#FFCC00,yellow,gold) !important; 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) !important; text-shadow:1px 1px 1px #666 !important } .tag.usergroup-founder { color:white !important; border-radius:2pc !important; background:-webkit-linear-gradient(left,purple,indigo,white,purple,indigo,white,purple) !important; background:linear-gradient(to right,white,purple,indigo,white,purple,indigo,white) !important; 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) !important; text-shadow:1px 1px 1px #666 !important } .tag.usergroup-autoconfirmed { color:white !important; border-radius:2pc !important; background:-webkit-linear-gradient(45deg,green,white,green) !important; background:linear-gradient(45deg,green,white,green) !important; 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) !important; text-shadow:1px 1px 1px #666 !important } .tag.usergroup-inactive { color:white !important; border-radius:2pc !important; background:-webkit-linear-gradient(45deg,black,black,black) !important; background:linear-gradient(45deg,black,blue,black) !important; 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) !important; text-shadow:1px 1px 1px #666 !important } .tag.usergroup-newuser { color:black !important; border-radius:2pc !important; background:-webkit-linear-gradient(45deg,white,blue,white) !important; background:linear-gradient(45deg,#6C0048,#CA2694,#6C0449) !important; 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) !important; text-shadow:1px 1px 1px #666 !important } .tag.usergroup-chatmoderator { color:white !important; border-radius:2pc !important; background:-webkit-linear-gradient(45deg,green,white,green) !important; background:linear-gradient(45deg,green,white,green) !important; 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) !important; text-shadow:1px 1px 1px #666 !important } .tag.usergroup-blocked { color:white !important; border-radius:2pc !important; background:-webkit-linear-gradient(45deg,red,brown,red) !important; background:linear-gradient(45deg,red,white,brown) !important; 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) !important; text-shadow:1px 1px 1px #666 !important } /* Tabview */ .tabs li a { background: #00FF66; background: rgba(255, 255, 255, 0.25); border: 1px solid white; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 10px; box-shadow: inset 0 10px rgba(255, 255, 255, 0.25), inset 0 10px 20px rgba(255, 255, 255, 0.5), inset 0 -15px 30px rgba(0,0,0,0.2); color: #006633; margin-bottom: 3px; transition: .25s ease-in-out;} .tabs li a:hover{ box-shadow:inset 0 1px #33FF99, inset 0 -10px 20px rgba(255, 255, 255, 0.5), inset 0 15px 30px rgba(0,0,0,0.3); text-decoration:none;} .tabs .selected a { background: green; border: 1px white;} ul.tabs { background: #33FF33; border: 1px solid black; margin-bottom: 5px; margin-left: -1px; margin-right: -1px; padding: 3px;} /* Custom cursor */ body{ cursor:url('File:cursor.png'), pointer; }

/* RIBBON */ .WikiHeader .navbackground { border: 1px solid green; 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: green; 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:Trebuchet MS' text-transform:uppercase; letter-spacing:1.5px; z-index:1 } /* ==============    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: green; color:black; } .MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:white; color:black; } .MyToolsConfiguration .popular-tools-group .selected { background-image:none; background-color: green; color:blue; 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 */ /* The "modal wrapper" is the whole of the customization "box" */ /* 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 #e69500; } /* 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: green; color:blue } .MyToolsConfiguration .placeholder { color:blue; font-family: Trebuchet MS /* The following creates a dropdown when text is entered in the search area. Matches other similar dropdowns on the wiki. */

.MyToolsConfiguration .autocomplete { background-color:blue; border-radius:10px; border:1px solid #500; box-shadow:0 0 40px #ffc04c; color:purple font-family: verdana text-transform:lowercase; font-size:11pt; padding:3px; font-weight:bold; } .MyToolsConfiguration .autocomplete .selected { background: green; color:blue; font-weight:bold; } .MyToolsConfiguration li:hover { background:green; color:green; font-weight:bold; } /* Changing where the "edit section" button goes and what it looks like */ /* ++++++++++++++++++    TALLY STYLING IN    THE RAIL ++++++++++++++++++   This styles the actual number in number of pages on wiki +++++++++++++++++++ */ /* 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: verdana text-transform:lowercase; padding:3px; letter-spacing:1.5px; } .WikiaBarWrapper .tools-menu a,                                               .WikiaFooter .tools-menu a { color:green; font-weight:normal; } .WikiaBarWrapper .tools-menu a:hover, .WikiaFooter .tools-menu a:hover { background-color:green; font-weight:normal } /* ===============    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:green; color:aqua; } .MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:green; color:purple; } .MyToolsConfiguration .popular-tools-group { background-image:none; color:aqua; background-color:green; } .MyToolsConfiguration .popular-tools-group .selected { background-image:; background-color:green; color:white; font-weight:normal; } /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* 'MODULE MASTERY' CSS: START Modules are the boxes that show up on the right of the Page */ .WikiaRail { color: green } .WikiaRail .module { background: -webkit-linear-gradient(315deg,green, white, green;   background: linear-gradient(135deg,green, white, brown);    border: 1px solid white;    border-radius: 2pc 1pc;    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75); } .WikiaRail .module h1 {    font-family: 'verdana';    margin-bottom: 1px;    text-transform: lowercase } .WikiaRail .module .more {    color: inherit;    font-family: 'verdana';    font-style: italic;    text-shadow: 0 1px green; } .WikiaRail .module .wikia-button {    border: 1px solid green;    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 white,1px 1px 9px brown; 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(green 50%, #79FF79 50%); background: linear-gradient(135deg, #00A600 50%, green 50%); background-size: 5px 5px; border: 1px; border-radius: 2pc; } .ChatModule .chat-whos-here .carousel-container { background-color: green; background-color: rgba(255, 255, 255, 0.06); border-radius: 1pc; } .ChatModule .chat-headline .chat-total { border: 1px solid green; line-height: 12px; } /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* CHAT SKIN CSS: START .User img{ /* User Avatars on right as well as own at top right */ border: 1px green; border-radius: 0.5pc; box-shadow: 0 0 2px white; } .UserStatsMenu .info img { /* The picture on this menu */ border: 1px white; border-radius: 3pc 1pc 1pc; }	background: -webkit-linear-gradient(315deg, green, white, brown); background: linear-gradient(135deg,green, white, blue); border: 1px solid green; border-radius: 2pc 1pc; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75); } .wordmark img { /* Webkinz WIKI logo */ margin-left: 5px; } .Write img { /* Picture to left of textbox */ border: 1px green; border-radius: 1pc; box-shadow: 0 0 5px white; } /* CHAT SKIN CSS: END */ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* This will allow us to have special dropdown menus */ .custom-dropdown { padding: 1px 8px; } .custom-dropdown > :first-child:after { background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"); border-color: white transparent transparent; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 1px; margin-left: 4px; margin-top: 2px; position: relative; vertical-align: middle; width: 1px; } .custom-dropdown:hover { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: -1px; padding-bottom: 2px; } .custom-dropdown ul { list-style: none outside none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a { font-size: 12px; height: 14px; line-height: 14px; } /* Dropdown end */ /* The following code was added in a hurry... I (Heliosanctus) will try to put it where it should go at another time */ .WikiHeader > nav li { /* Cleans up how the tabs meet the ribbon */ border-bottom: none; } .share-button{ /* "Share" Button */ border-radius: 1pc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255, 255, 255, 0.1),inset 0 10px rgba(245, 255, 243, 0.1); }   background-size: 45px 45px; opacity: 1; } .avatar { /* Every instance of our avatar pic */ border: 1px solid green; border-radius: 10px; box-shadow: 1px 1px 7px white; } .WikiaFooter section { /* "Around Wikia's network */   border-radius: 5pc 1pc 0 1pc; } .Wall ul.comments > li.message > .speech-bubble-message { /* First comment on thread */    background: green;    background: rgba(48, 41, 120, 0.5);    border: 1px solid green ;    border-radius: 1pc; } .Wall ul.comments > li.message > .speech-bubble-message:after { /* triangle to user pic */    border-color: green } .Wall .comments .SpeechBubble .msg-title a {    text-shadow: 1px 1px white; } .UserProfileMasthead .masthead-info { /* User Box */    border-radius: 13px 13px 2pc 2pc; } .UserProfileMasthead .masthead-info hgroup { /* User Box Name bar */    background-color: white;    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);    border-radius: 13px; } /*  =================== CSS IMPORTS ===================   These imports must be above everything else in order to work =================== */ /* Whole page */ .WikiaPage .WikiaPageBackground { border-radius: 2pc 1pc; }
 * Muestra (pon el raton encima del texto): Esto lo ves Esto no lo veías
 * This chat skin is based
 * off of the 'Module Mastery'
 * CSS code.
 * 1) WikiaPage { /* Everything within the background border */
 * 1) WikiaPageBackground {