Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
a[href="/wiki/User:Bunnylove14"] {color:#00BFFF; font-weight: bold; }
a[href="/wiki/Message_Wall:TheUltraGamer"] {color:#00BFFF; font-weight: bold; }
a[href="/wiki/User_blog:TheUltraGamer"] {color:#00BFFF; font-weight: bold; }
a[href="/wiki/Special:Contributions/TheUltraGamer"] {color:#00BFFF; font-weight: bold; }
a[href="/wiki/Message_Wall:Bunnylove14"] {color:#00BFFF; font-weight: bold; }
a[href="/wiki/User:TheUltraGamer"] { color:#00BFFF; font-weight: bold; }
a[href="/wiki/User_blog:Bunnylove14"] {color:#00BFFF; font-weight: bold; }
a[href="/wiki/Special:Contributions/Bunnylove14"] {color:#00BFFF; font-weight: bold; }
/* 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 ;
.sprite.edit-pencil {background: url(Screen Shot 2015-09-29 at 7.09.31 AM)
/*
*/
/*********************************************/
/*** Article Comments - Staff Highlighting ***/
/*********************************************/
.comments li[data-user="Randomized"] > blockquote:after {
background: transparent !important;
border-color: transparent aqua purple transparent !important;
color: black !important;
}
/*
*/
}
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('http://images.wikia.com/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;
}
/*</nowiki></pre>
==Traido de Inci==
===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 <nowiki><span></nowiki>'''''
Un ejemplo de uso:
<nowiki><span class="textovisible">Esto lo ves <span class="textooculto">Esto no lo veías</span></span></nowiki>
;Muestra (pon el raton encima del texto):<span class="textovisible">Esto lo ves <span class="textooculto">Esto no lo veías</span></span>
Para mayor comodidad se ha creado [[plantilla:expansible]]
<pre><nowiki>*/
/* 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
* This chat skin is based
* off of the 'Module Mastery'
* CSS code.
*/
.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;
}
#WikiaPage { /* Everything within the background border */
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);
}
#WikiaPageBackground {
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;
}