Catsville

Name: Catsville

Author: TheOasis
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: cat sidebar silly topbar

Supports top bar menu *: yes
Supports side bar menu *: yes
* depends on tags: topbar and sidebar

Description:

Cat theme specially for cat lovers
Color transition!

How to install

go to: your wiki admin panel » appearance » themes
choose External CSS theme
supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/catsville

Code

+ show the code

- hide the code

body{
    background-color:#b5ffd2;
    background-size: 220px 220px;
    font: 0.8em Verdana, arial, helvetica,sans-serif;
        animation-name: example;
        animation-duration: 30s;
        animation-iteration-count: infinite;
}
 
@keyframes example {
  0%   {background-color: #b5ffd2;}
 
  50%  {background-color: #fee7ff;}
 
  100% {background-color: #b5ffd2;}
 
}
 
a { color: #40bec9;     background: inherit; text-decoration:none;}
a:hover { color: #00dbff;  background:inherit; text-decoration: none;    border-bottom: dashed 1px #00dbff;}
 
.bodyimg{ float:left; padding: 4px 5px 3px 10px;}
.hide{display:none;}
 
.orng{ background:inherit; color:#ffc9f2;}
.brown{ background:inherit; color:#b1f3ff;}
 
#container { margin: 0 auto 0 auto; width:100%;}
 
#borderimg {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(http://oasis-cat.wikidot.com/local--files/main:start/border.png) 30 round;
}
 
h1{
 color:#a1aeff;
 font:normal 250%  "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}
 
h2{
        padding-left: 1em;
  color:#a1c9ff;
  font:normal 150% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}
 
h3{
    margin:36px 0 0 32px;
    padding:0;
  color:#a1e3ff;
  font:normal 130% "Century Gothic", georgia, Verdana, Arial, Helvetica, sans-serif;
}
 
#header{
 width:100%;
 height:200px;
 color:#2287ff;
 text-align:center;
 padding:0 0 8px 0;
 margin:0; border-bottom:solid 1px #ff62d2;
}
 
#header-extra-div-1{
 width:140px;
 height:148px;
 
 background: url(http://oasis-cat.wikidot.com/local--files/main:start/meowleft.png); background-repeat:no-repeat;
 padding:0;
 margin:0;
position: absolute;
top:2em; left:0;
}
 
#header-extra-div-2{
 width:140px;
 height:148px;
 
 background:  url(http://oasis-cat.wikidot.com/local--files/main:start/meowright.png); background-repeat:no-repeat;
 padding:0;
 margin:0;
    position: absolute;
top:2em; right:0;
}
 
#header-extra-div-3{
    position: absolute;
    top:0; left:0; right:0;
    width: 100%;
    height: 2em;
    background: #f189ff;
     border-bottom: 1px solid  #e9c9ff;
}
 
#header h1{
    padding-top: 60px;
    font-size: 250%;
}
#header h2{
    font-size: 220%;
}
#login-status, #login-status a {
    color: #ead2ed;
    font-weight:bold;
}
 
#account-options a,#account-options, a#account-topbutton{
    color: #ab007b;
    font-weight: normal;
}
 
#login-status{
    top: 3px;
}
 
#login-status .printuser a {
    display:none;
}
#login-status a:hover{
    background-color: #f96ee4;
}
#account-options a:hover{
    background-color: #ead2ed;
}    
 
#login-status{
    right: 22em;
}
 
#search-top-box{
    top: 2px;
    z-index: 50;
    background-color: transparent;
}
 
#top-bar{
  text-align:center;
  padding: 0;
 
  background: #ffe1ef url(http://oasis-cat.wikidot.com/local--files/main:start/navbck.png);
  color:#e4c7eb;
  border-top: 1px solid  #ffe1ef;  border-bottom: 1px solid  #f8c1ff;
    left: 0; right: 0;
    /*padding-left: 20%;*/
    width: 100%;
}
 
#top-bar ul{
    padding-left: 20%;
}
#top-bar ul li{
    margin: 0;
}
#top-bar ul li a{
 margin:0;
 text-align:center;
 text-decoration:none;
 padding: 8px 1em;
 color:#edaaca;
 border-left:1px solid #bd1164;
 background: #ffe1ef url(http://oasis-cat.wikidot.com/local--files/main:start/navbck.png);
 line-height:30px;
 font:normal 100% verdana, "Century Gothic",  Arial, Helvetica, sans-serif;
}
 
#top-bar a:hover{
 color:#ab007b;
 background: #ffebfc url(http://oasis-cat.wikidot.com/local--files/main:start/navbck.png); border-bottom:0;
}
#page-content{
  color:#ab007b;
  background: #ffebfc;
  padding:0;
  margin:1em;
}
 
#content-wrap{
    overflow: hidden;
}
 
#side-bar{
  width:24%;
  height:100%;
  float:left;
  padding: 0;
  margin:0;
  background: #ffebfc;
  color:#ab007b;    
    border-right: 1px solid #b662b1;
}
 
#side-bar p{ line-height:1.5em; padding: 2px 8px 0 14px; margin:0;}
 
#side-bar ul{
  margin: 12px 0 2px 0;
  padding:0;
  list-style:none;
}
 
#side-bar li {
  margin:0 0 4px 18px;
  padding:0;
  list-style:none;
}
 
#side-bar a { background:inherit; color:#ff52db; font-size:100%;}
#side-bar a:hover { background:inherit; color:#ab67a9;}
 
#side-bar h1{
  background:#ffe1ef url(http://oasis-cat.wikidot.com/local--files/main:start/navbck.png);
  color:#e0aac8;
  margin: 24px 0 0 0;
  padding: 10px 10px 10px 10px;
  border-top:1px solid #b662b1;
  border-bottom:1px solid #b662b1;
  font-size: 130%;
}
 
#main-content{ 
    margin:0; 
    margin-left: 24%; 
    background:#ffebfcd3; 
 
    color:#ab007b;
    padding:1em; 
 
}
 
#main-content p{
    line-height: 1.3em;
}
 
#footer{
  margin:0;
 
  clear:both;
  text-align:left;
  background: #ffebfc;
  color:#e0aac8;
  padding: 8px 1em;
  border-top: 1px solid  #b662b1;
}
 
#footer a{
color:#edaaca;
}
 
#footer a:hover{
 color:#ab007b;
}
#footer p{
    margin: 0;
    padding:0;
  font:normal 100%  Verdana, Arial,Helvetica, serif;
}