User:Soxra/monobook.css

/* Theme */
html, body {
 background:url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/bg-3d-org.png) !important;
}
.portlet#p-logo a, .portlet#p-logo a:hover {
 background-image:url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/khwiki-custom-logo.png) !important;
 height:170px;
 width:190px;
}

/* Fonts */
body { font:x-small 'Sheep Sans','Segoe UI',sans-serif;color:#2b2b2b; }
#content { font-family:'Segoe UI',sans-serif;color:#2b2b2b; }
#firstHeading, #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 { font-family:'Neutra Text'; font-variant:small-caps; }
.pBody { color:inherit; }
sup { line-height:0; }

/* Galleries */
ul.gallery { background:#f3f3f3 !important;border:1px solid #ccc;padding-bottom:0;display:inline-block;text-align:left; }
ul.gallery li { background:transparent !important;border-color:transparent !important; }
ul.gallery .gallerybox .thumb { background:#fcfcfc !important; }
ul.gallery .gallerybox img:hover { -webkit-transform:scale(1.1); }

/* Tabs */
#p-cactions li {
 background:none !important;
 border:none !important;
 border-radius:4px 4px 0 0 !important;
 padding-top:5px !important;
}
#p-cactions li a {
 background:-webkit-linear-gradient(top,#ddd,#fff) !important;
 border:none !important;
 border-radius:3px 3px 0 0 !important;
 font:15px 'Candara Bold';
 padding-top:4px !important;
 text-transform:lowercase;
}
#p-cactions li:not(.new) a {
 color:#555;
}
#p-cactions li a:hover {
 background:-webkit-linear-gradient(top,#aaa,#fff);
 text-decoration:underline !important;
}

/* Link colors */
#content a.mw-redirect { color:#8929b5 !important; }
#content a.mw-redirect:visited { color:#601d80 !important; }
#content a { color:#0645ad; }
#p-personal a:not(:hover) { color:#bdd3ed !important; }
#p-personal a:hover { color:#dbe7f4 !important; }
#content a:visited { color:#031073 !important; }
#content a:hover, #p-personal a:hover { color:#5f89cf !important; }
#content a.new { color:#ce0000; }
#content a.new:visited { color:#800000 !important; }
#content a.new:hover { color:#900000 !important; }
#content a.extiw { color:#5778ad !important; }

/* Input handlers */
input {
 font-family:'Segoe UI';
}
input[type="search"] {
  -webkit-appearance: textfield;
}
*:focus {
 outline:none;
}
*:disabled {
 cursor:not-allowed;
}
input[type='submit'], input[type='reset'], input[type='button'] {
 padding:1px 6px 3px;
 border:1px solid #c5c5c5;
 border-radius:4px;
 cursor:pointer;
 color:#222;
 background:#e7e7e7;
 background:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);
 opacity:0.8;
 text-shadow:1px 1px 2px #888;
}
input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
 border-color:#929292;
 opacity:1.0;
}
input[type='submit']:active, input[type='reset']:active, input[type='button']:active {
 padding:1px 5px 3px 7px;
}
.input-text-box {
 border:1px solid #999 !important;
 color:#555 !important;
 padding:3px !important;
}
.input-text-box:hover {
 border:1px solid #05398e !important;
 color:inherit !important;
}
.input-text-box:focus {
 border:1px solid #0645ad !important;
 box-shadow:0 0 5px #0645ad;
 color:inherit !important;
}
#searchInput {
 display:block;
 width:100%;
}

/* Navigation */
#p-Navigation, #p-search, #p-Interaction, #p-tb, #p-lang {
 border:1px solid #4a3800 !important;
 border-radius:6px !important;
}
#p-Navigation {
 background:#ebb200 url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_compass.png) no-repeat !important;
}
#p-search {
 background:#ebb200 url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_search.png) no-repeat !important;
}
#p-Interaction {
 background:#ebb200 url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_users.png) no-repeat !important;
}
#p-tb {
 background:#ebb200 url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_tools.png) no-repeat !important;
}
#p-lang {
 background:#ebb200 url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_lang.png) no-repeat !important;
 position:static !important;
}
#p-Navigation h5, #p-search h5, #p-Interaction h5, #p-tb h5, #p-lang h5 {
 background:none !important;
 font:14px bold 'Neutra Text';
 padding:4px 4px 4px 46px !important;
 position:static !important;
 text-transform:uppercase;
 width:auto !important;
}
#p-Navigation li, #p-search li, #p-Interaction li, #p-tb li, #p-lang li {
 padding:2px 5px !important;
}
#p-Navigation li a, #p-search li a, #p-Interaction li a, #p-tb li a, #p-lang li a {
 border:0 solid #ddd;
 border-width:0 0 1px;
 display:block;
 font:13px 'Perspective Sans';
 margin:0 1px !important;
 padding:2px 6px 4px !important;
 position:relative;
 width:auto;
}
#p-Navigation div ul a:hover, #p-search div ul a:hover, #p-Interaction div ul a:hover, #p-tb div ul a:hover, #p-lang div ul a:hover {
 color:#ebb200 !important;
}
#p-Navigation .pBody, #p-search .pBody, #p-Interaction .pBody, #p-tb .pBody, #p-lang .pBody {
 border:0 !important;
}
#p-Navigation li:last-child a, #p-search li:last-child a, #p-Interaction li:last-child a, #p-tb li:last-child a, #p-lang li:last-child a {
 border-bottom:0 !important;
}
#p-search .pBody {
 border-radius:0 0 7px 7px;
 padding:6px !important;
}
#p-personal ul {
 background:none !important;
 border:none !important;
}
#p-personal li {
 background:#000 !important;
 border:1px solid #eee !important;
 border-radius:3px;
 font:13px 'Neutra Text';
 font-variant:small-caps;
 padding:2px 4px !important;
 text-transform:lowercase !important;
}
#feedlinks { display:none !important; }
#footer {
 border:2px solid #ebb200 !important;
 margin:0 auto 6px !important;
 opacity:0.7;
 padding-top:1em !important;
 width:95% !important;
}
#footer:hover {
 opacity:1.0;
}
#footer #f-list {
 padding:3px 0 !important;
}

/* Thumbnails */
div.thumb div.magnify {
 display:none !important;
}
div.thumb div.thumbcaption {
 color:#2b2b2b;
}
div.thumb div.thumbinner {
 background:-webkit-linear-gradient(top,#f9f9f9,#eee);
 border:none !important;
 border-radius:5px;
 box-shadow:2px 2px 6px #7f7f7f; /* This is needed for browser compatibility */
 box-shadow:2px 2px 6px rgba(0,0,0,0.5);
 padding:5px !important;
}
div.thumb .thumbimage {
 border:none !important;
 border-radius:5px;
}
div.thumb .thumbimage:hover {
 -webkit-transform:scale(1.04);
}

/* Other */
#content {
 border-radius:0 !important;
 margin-top:38px !important;
}
.fullImageLink img {
 height:auto;
 max-width:100%;
}