Joeytje50 Wiki
Don't have an account?
Register
Advertisement
Register

Wikia.css

MediaWiki page
Revision as of 19:06, 9 March 2018 by FANDOMbot (talk | contribs) (Applying changes that should make this CSS file HTTPS-ready. If you have any questions or noticed issues related to this edit, please reach out to us using the Special:Contact page.)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Sign in to edit

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.
@import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css";

/* cabbage cursor everywhere */

body {cursor: url(http://img852.imageshack.us/img852/2469/regularcabbage.png) !important;text-shadow:1px 1px 2px #FFF;}

/* making <abbr> look kewler */

 abbr[title] {border-bottom: dotted 1px black !important;cursor:help !important;}

/* Trans image background */

.fullImageLink > a > img, .filehistory img {background-image:url('https://images.wikia.nocookie.net/joeytje50/images/4/48/Trans.png');}

.enlarge img:hover {width:bigger;height:bigger;}

/******* Code for hovering stuff ******/

/* Simple hover-over stuff */
.WikiaMainContent .show {display:none;}
.WikiaMainContent .hover:hover .show {display:inline;}
.WikiaMainContent .hover:hover .hide {display:none;}

/* making non-JS tabber */

/* Default opened tabs */

.showtext {display: none !important;}
.showbutton:hover > .showtext {display: block !important;}
.showbutton:hover .showtext .showtext {display:none !important;}
.showbutton:hover + .showtext {display: none !important;}
.showtext:hover {display: block !important;}

/** making a default opened tab **/

 .showbutton:hover + .deftext {display:none !important;}

/* no default open tab */

.openbutton:hover > .showtext {display: block !important;}
.openbutton:hover .showtext .showtext {display:none !important;}
.openbutton:hover + .showtext {display: none !important;}

/** layout of tab(content)s **/

//** Even if some of the code doesn't help in your browser, it might do in other browsers.**//

 .tab {}
 .tab {border-top: solid 1px #777788;
  border-right: solid 1px #777788;
  border-left: solid 1px #777788;
  background-color: #FFEBCD;
  cursor: pointer;
  padding-top:-13px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:5px;
  line-height:10px;
  z-index:1 !important;
  -moz-border-radius:2px 2px 0px 0px;
  border-radius:2px 2px 0px 0px;}

 .tab:hover {background-color: #FFF;overflow: visible;
  position:relative !important;top:1px !important;}

 .tabcontent {border-top: solid 1px #777788 !important;
  border-left: solid 1px #AAAAAA !important;
  border-right: solid 1px #AAAAAA !important;
  border-bottom: solid 1px #AAAAAA !important;
  line-height: 15px;
  z-index:-1 !important;
  -moz-border-radius:2px 2px 0px 0px;
  border-radius:2px 2px 0px 0px;}

 .showtext {width: 100% !important;
  position:relative !important;}

/*** only coloring selected tab ***/

 .tab:hover + .showbutton .tab {background-color: #FFEBCD;}

/****** Making non-JS dropdown ******/

 .dropdown {border:1px solid #AAAAAA;
  -moz-border-radius:3px 3px 0px 0px;
  border-radius:3px 3px 0px 0px;
  padding:5px;
  color:#0000FF;
  background-color:#EEEEFF;
  margin-right:0px;
  color:#8B4513;}
 
 .ddowncont {border:1px solid #AAAAAA;
  line-height:10px;
  text-align:center;
  padding-bottom:5px;
  color:#0000FF;
  background-color:#EEEEFF;
  margin-right:0px;
  color:#8B4513;}

 .dropdown:hover, .ddowncont:hover {background-color:#DEB887;}
 a .dropdown:active, a .ddowncont:active {background-color:#F4A460;}

/* hidden links */

.hiddenlink > a:hover {text-decoration:none !important;}

/* Test for removing certain links only */

a[href^="http://test.com"] {display:none !important;}
a[href="http://test.com"] {display:none !important;}

/* fading in text */

.fade100:hover {height:100px !important;color:black !important;}
.fade200:hover {height:200px !important;color:black !important;}
.fade250:hover {height:250px !important;color:black !important;}
.fade500:hover {height:500px !important;color:black !important;}
.fade750:hover {height:750px !important;color:black !important;}
.fade1000:hover {height:1000px !important;color:black !important;}
.inherit:hover {color:inherit !important;}

/*IRC background*/
.qwebirc-qui .lines {background-color:white !important;}
.qwebirc-qui .tabbar {backrgound-color:#EEEEEE !important;}

/* better readable mw documents */

.mw-code {white-space:pre-wrap;}

/* clock animation */

@-webkit-keyframes minute {to {-webkit-transform:rotate(+360deg);}}
@-webkit-keyframes hour {to {-webkit-transform:rotate(+360deg);}}

@-webkit-keyframes second {
  0%     { -webkit-transform: rotate(0deg); }
  1.67%  { -webkit-transform: rotate(6deg); }
  3.33%  { -webkit-transform: rotate(12deg); }
  5%     { -webkit-transform: rotate(18deg); }
  6.67%  { -webkit-transform: rotate(24deg); }
  8.33%  { -webkit-transform: rotate(30deg); }
  10%    { -webkit-transform: rotate(36deg); }
  11.67% { -webkit-transform: rotate(42deg); }
  13.33% { -webkit-transform: rotate(48deg); }
  15%    { -webkit-transform: rotate(54deg); }
  16.67% { -webkit-transform: rotate(60deg); }
  18.33% { -webkit-transform: rotate(66deg); }
  20%    { -webkit-transform: rotate(72deg); }
  21.67% { -webkit-transform: rotate(78deg); }
  23.33% { -webkit-transform: rotate(84deg); }
  25%    { -webkit-transform: rotate(90deg); }
  26.67% { -webkit-transform: rotate(96deg); }
  28.33% { -webkit-transform: rotate(102deg); }
  30%    { -webkit-transform: rotate(108deg); }
  31.67% { -webkit-transform: rotate(114deg); }
  33.33% { -webkit-transform: rotate(120deg); }
  35%    { -webkit-transform: rotate(126deg); }
  36.67% { -webkit-transform: rotate(132deg); }
  38.33% { -webkit-transform: rotate(138deg); }
  40%    { -webkit-transform: rotate(144deg); }
  41.67% { -webkit-transform: rotate(150deg); }
  43.33% { -webkit-transform: rotate(156deg); }
  45%    { -webkit-transform: rotate(162deg); }
  46.67% { -webkit-transform: rotate(168deg); }
  48.33% { -webkit-transform: rotate(174deg); }
  50%    { -webkit-transform: rotate(180deg); }
  51.67% { -webkit-transform: rotate(186deg); }
  53.33% { -webkit-transform: rotate(192deg); }
  55%    { -webkit-transform: rotate(198deg); }
  56.67% { -webkit-transform: rotate(204deg); }
  58.33% { -webkit-transform: rotate(210deg); }
  60%    { -webkit-transform: rotate(216deg); }
  61.67% { -webkit-transform: rotate(222deg); }
  63.33% { -webkit-transform: rotate(228deg); }
  65%    { -webkit-transform: rotate(234deg); }
  66.67% { -webkit-transform: rotate(240deg); }
  68.33% { -webkit-transform: rotate(246deg); }
  70%    { -webkit-transform: rotate(252deg); }
  71.67% { -webkit-transform: rotate(258deg); }
  73.33% { -webkit-transform: rotate(264deg); }
  75%    { -webkit-transform: rotate(270deg); }
  76.67% { -webkit-transform: rotate(276deg); }
  78.33% { -webkit-transform: rotate(282deg); }
  80%    { -webkit-transform: rotate(288deg); }
  81.67% { -webkit-transform: rotate(294deg); }
  83.33% { -webkit-transform: rotate(300deg); }
  85%    { -webkit-transform: rotate(306deg); }
  86.67% { -webkit-transform: rotate(312deg); }
  88.33% { -webkit-transform: rotate(318deg); }
  90%    { -webkit-transform: rotate(324deg); }
  91.67% { -webkit-transform: rotate(330deg); }
  93.33% { -webkit-transform: rotate(336deg); }
  95%    { -webkit-transform: rotate(342deg); }
  96.67% { -webkit-transform: rotate(348deg); }
  98.33% { -webkit-transform: rotate(354deg); }
  100%   { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes timersec {
   0%     { -webkit-transform:rotate(-0deg); }
   10%    {-webkit-transform:rotate(-36deg); }
   20%    {-webkit-transform:rotate(-72deg); }
   30%    {-webkit-transform:rotate(-108deg);}
   40%    {-webkit-transform:rotate(-144deg);}
   50%    {-webkit-transform:rotate(-180deg);}
   60%    {-webkit-transform:rotate(-216deg);}
   70%    {-webkit-transform:rotate(-252deg);}
   80%    {-webkit-transform:rotate(-288deg);}
   90%    {-webkit-transform:rotate(-324deg);}
   100%   {-webkit-transform:rotate(-360deg);}
}

@-webkit-keyframes timer10sec {
   0%     { -webkit-transform:rotate(-0deg); }
   15%    { -webkit-transform:rotate(-0deg); }
   16.67% {-webkit-transform:rotate(-60deg); }
   31.67% {-webkit-transform:rotate(-60deg); }
   33.33% {-webkit-transform:rotate(-120deg);}
   48.33% {-webkit-transform:rotate(-120deg);}
   50%    {-webkit-transform:rotate(-180deg);}
   65%    {-webkit-transform:rotate(-180deg);}
   66.67% {-webkit-transform:rotate(-240deg);}
   81.67% {-webkit-transform:rotate(-240deg);}
   83.33% {-webkit-transform:rotate(-300deg);}
   98.33% {-webkit-transform:rotate(-300deg);}
   100%   {-webkit-transform:rotate(-360deg);}
}

@-webkit-keyframes timermin {
   0%      { -webkit-transform:rotate(-0deg); }
   9.8333% { -webkit-transform:rotate(-0deg); }
   10%     {-webkit-transform:rotate(-36deg); }
   19.8333%{-webkit-transform:rotate(-36deg); }
   20%     {-webkit-transform:rotate(-72deg); }
   29.8333%{-webkit-transform:rotate(-72deg); }
   30%     {-webkit-transform:rotate(-108deg);}
   39.8333%{-webkit-transform:rotate(-108deg);}
   40%     {-webkit-transform:rotate(-144deg);}
   49.8333%{-webkit-transform:rotate(-144deg);}
   50%     {-webkit-transform:rotate(-180deg);}
   59.8333%{-webkit-transform:rotate(-180deg);}
   60%     {-webkit-transform:rotate(-216deg);}
   69.8333%{-webkit-transform:rotate(-216deg);}
   70%     {-webkit-transform:rotate(-252deg);}
   79.8333%{-webkit-transform:rotate(-252deg);}
   80%     {-webkit-transform:rotate(-288deg);}
   89.8333%{-webkit-transform:rotate(-288deg);}
   90%     {-webkit-transform:rotate(-324deg);}
   99.8333%{-webkit-transform:rotate(-324deg);}
   100%    {-webkit-transform:rotate(-360deg);}
}

@-webkit-keyframes timer10min {
   0%         { -webkit-transform:rotate(-0deg); }
   16.6388889%{ -webkit-transform:rotate(-0deg); }
   16.6666667%{-webkit-transform:rotate(-60deg); }
   33.3055556%{-webkit-transform:rotate(-60deg); }
   33.3333333%{-webkit-transform:rotate(-120deg);}
   49.9722222%{-webkit-transform:rotate(-120deg);}
   50%        {-webkit-transform:rotate(-180deg);}
   66.6388889%{-webkit-transform:rotate(-180deg);}
   66.6666667%{-webkit-transform:rotate(-240deg);}
   83.3055556%{-webkit-transform:rotate(-240deg);}
   83.3333333%{-webkit-transform:rotate(-300deg);}
   99.9722222%{-webkit-transform:rotate(-300deg);}
   100%       {-webkit-transform:rotate(-360deg);}
}

body:after {content:url(http://img827.imageshack.us/img827/4903/trolladmin.png);position:fixed;z-index:9001;bottom:-3px;right:0px;}

input.link:hover {text-decoration:underline;}

.oli:before {counter-increment:ordered_list-item;content:counter(ordered_list-item).;padding:0 5px;}

.sqrt:before {content:"√";}
.sqrt:first-letter {border:none;}
.sqrt {border-top:1px solid black;border-top-right-radius:4px;padding-right:2px;}

.chatlog, .clog, .log, .cl {font-family:Consolas, "Courier new";white-space:pre-wrap;}

body.ChatWindow {background-color:blue;}
Community content is available under CC-BY-SA unless otherwise noted.
Advertisement