MediaWiki:Wikia.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color:aqua; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* END Rounded avatar images in chat module */ /* START Rounded modules (Chat, Hot Spots, Community Messages, etc.) */ .module { border-radius: 1em 1em 1em 1em; } /* START Rounded avatar images in chat module */ .ChatModule .avatar { /* START Rounded avatar images in chat module */ border-radius: 10px ; } a[href="/wiki/User:Cat5"] {color:#EF52B2; font-weight: bold; } a[href="/wiki/Message_Wall:Cat5"] {color:#EF52B2; font-weight: bold; } a[href="/wiki/User_blog:Cat5"] {color:#EF52B2; font-weight: bold; } a[href="/wiki/Special:Contributions/Cat5"] {color:#EF52B2; font-weight: bold; } /* Custom cursor */ body{ cursor:url('https://images.wikia.nocookie.net/webkinz/images/4/4c/Cursor.png'), pointer; } /* 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; } /* Custom cursor */ body{ cursor:url('File:cursor.png'), pointer; } /* RIBBON */ .WikiHeader .navbackground { border: 1px solid orange; 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: aqua; 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:Comic Sans MS' text-transform:lowercase; 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: purple; color:blue; } .MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:white; color:purple; } .MyToolsConfiguration .popular-tools-group .selected { background-image:none; background-color: aqua; color:purple; 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: aqua; color:purple } .MyToolsConfiguration .placeholder { color:blue; font-family: verdana /* 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: purple; 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:purple; font-weight:normal; } .WikiaBarWrapper .tools-menu a:hover, .WikiaFooter .tools-menu a:hover { background-color:purple; 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: purple color:aqua; } .MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:purple; color:purple; } .MyToolsConfiguration .popular-tools-group { background-image:none; color:aqua; background-color:purple; } .MyToolsConfiguration .popular-tools-group .selected { background-image:purple; background-color: purple; color:aqua; 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,aqua,purple,purple;   background: linear-gradient(135deg,aqua, aqua, purple);    border: 1px solid purple;    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 purple; } .WikiaRail .module .wikia-button {    border: 1px solid aqua;    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 purple,1px 1px 9px aqua; 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(purple blue 50%, aqua 50%); background: linear-gradient(135deg, purple 50%, red 50%); background-size: 5px 5px; border: 1px solid white; border-radius: 2pc; box-shadow: 0 0 10px purple; } .ChatModule .chat-whos-here .carousel-container { background-color: purple; background-color: rgba(255, 255, 255, 0.06); border-radius: 1pc; } .ChatModule .chat-headline .chat-total { border: 1px solid aqua; line-height: 12px; } /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* CHAT SKIN CSS: START .User img{ /* User Avatars on right as well as own at top right */ border: 1px purple; border-radius: 0.5pc; box-shadow: 0 0 2px purple; } .UserStatsMenu .info img { /* The picture on this menu */ border: 1px white; border-radius: 3pc 1pc 1pc; }	background: -webkit-linear-gradient(315deg, purple, aqua, yellow); background: linear-gradient(135deg,purple, white, aqua); border: 1px solid purple; 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 purple; border-radius: 1pc; box-shadow: 0 0 5px aqua; } /* 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 purple; border-radius: 10px; box-shadow: 1px 1px 7px purple; } .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: purple;    background: rgba(48, 41, 120, 0.5);    border: 1px solid aqua ;    border-radius: 1pc; } .Wall ul.comments > li.message > .speech-bubble-message:after { /* triangle to user pic */    border-color: purple } .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 {