User:Soxra/monobook.css: Difference between revisions
From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
(Or, y'know, don't work.) |
(Wheeeeee!) |
||
Line 1: | Line 1: | ||
/* Theme */ | /* Theme */ | ||
body { | body { | ||
background:url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/bg-3d-org.png) !important; | background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/bg-3d-org-b.png) !important; | ||
font-size:x-small; | font-size: x-small; | ||
} | } | ||
.portlet#p-logo a, .portlet#p-logo a:hover { | .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; | background-image: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/khwiki-custom-logo-b.png) !important; | ||
height:170px; | height: 170px; | ||
width:190px; | width: 190px; | ||
} | } | ||
/* Fonts */ | /* Fonts */ | ||
body | body { | ||
#firstHeading, #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 { font-family:' | font-family: 'Segoe UI',sans-serif; | ||
.pBody { color:inherit; } | } | ||
sup { line-height:0; } | #content { | ||
font: 14px 'PF DinDisplay Pro Light',sans-serif; | |||
color: #333 !important; | |||
} | |||
pre, code, tt, kbd, samp { | |||
font-family: Consolas,'Courier New',monospace; | |||
} | |||
#firstHeading, #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 { | |||
font-family: 'Fedra Sans Std Normal','Gotham Book',serif; | |||
font-variant: small-caps; | |||
} | |||
.pBody { color: inherit; } | |||
sup { line-height: 0; } | |||
.mw-rollback-link { | .mw-rollback-link { | ||
font-family:Consolas,monospace; | font-family: Consolas,monospace; | ||
font-size:75%; | font-size: 75%; | ||
opacity:0.25; | opacity: 0.25; | ||
} | } | ||
.mw-rollback-link:hover { | .mw-rollback-link:hover { | ||
opacity:0.75; | opacity: 0.75; | ||
} | } | ||
/* Galleries */ | /* Galleries */ | ||
ul.gallery { background:#f3f3f3 !important;border:1px solid #ccc;padding-bottom:0;display:inline-block;text-align:left; } | 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 li { background: transparent !important;border-color: transparent !important; } | ||
ul.gallery .gallerybox .thumb { background:#fcfcfc !important; } | ul.gallery .gallerybox .thumb { background: #fcfcfc !important; } | ||
ul.gallery .gallerybox img:hover { -webkit-transform:scale(1.1); } | ul.gallery .gallerybox img:hover { -webkit-transform: scale(1.1); } | ||
/* Tabs */ | /* Tabs */ | ||
#p-cactions li { | #p-cactions li { | ||
background:none !important; | background: none !important; | ||
border:none !important; | border: none !important; | ||
border-radius:4px 4px 0 0 !important; | border-radius: 4px 4px 0 0 !important; | ||
padding-top:5px !important; | padding-top: 5px !important; | ||
} | } | ||
#p-cactions li a { | #p-cactions li a { | ||
background:-webkit-linear-gradient(top,#ddd,#fff) !important; | background: -webkit-linear-gradient(top,#ddd,#fff) !important; | ||
border:none !important; | border: none !important; | ||
border-radius:3px 3px 0 0 !important; | border-radius: 3px 3px 0 0 !important; | ||
font:15px 'Candara Bold'; | font: 15px 'Candara Bold'; | ||
padding-top:4px !important; | padding-top: 4px !important; | ||
text-transform:lowercase; | text-transform: lowercase; | ||
} | } | ||
#p-cactions li:not(.new) a { | #p-cactions li:not(.new) a { | ||
color:#555; | color: #555; | ||
} | } | ||
#p-cactions li a:hover { | #p-cactions li a:hover { | ||
background:-webkit-linear-gradient(top,#aaa,#fff); | background: -webkit-linear-gradient(top,#aaa,#fff); | ||
text-decoration:underline !important; | text-decoration: underline !important; | ||
} | } | ||
/* Link colors */ | /* Link colors */ | ||
#content a.mw-redirect { color:#8929b5 !important; } | #content a.mw-redirect { color: #8929b5 !important; } | ||
#content a.mw-redirect:visited { color:#601d80 !important; } | #content a.mw-redirect:visited { color: #601d80 !important; } | ||
#content a { color:#0645ad; } | #content a, #footer a { color: #0645ad; } | ||
#p-personal a:not(:hover) { color:#bdd3ed !important; } | #p-personal a:not(:hover) { color: #bdd3ed !important; } | ||
#p-personal a:hover { color:#dbe7f4 !important; } | #p-personal a:hover { color: #dbe7f4 !important; } | ||
#content a:visited { color:#031073 !important; } | #content a:visited, #footer a:visited { color: #031073 !important; } | ||
#content a:hover, #p-personal a:hover { color:#5f89cf !important; } | #content a:hover, #footer a:visited, #p-personal a:hover { color: #5f89cf !important; } | ||
#content a.new { color:#ce0000; } | #content a.new { color: #ce0000; } | ||
#content a.new:visited { color:#800000 !important; } | #content a.new:visited { color: #800000 !important; } | ||
#content a.new:hover { color:#900000 !important; } | #content a.new:hover { color: #900000 !important; } | ||
#content a.extiw { color:#5778ad !important; } | #content a.extiw { color: #5778ad !important; } | ||
/* Input handlers */ | /* Input handlers */ | ||
input, select, label { | input, select, label { | ||
font-family:inherit; | font-family: inherit; | ||
} | } | ||
input[type="search"] { | input[type="search"] { | ||
-webkit-appearance: textfield; | |||
} | } | ||
*:focus { | *:focus { | ||
outline:none; | outline: none; | ||
} | } | ||
*:disabled { | *:disabled { | ||
cursor:not-allowed; | cursor: not-allowed; | ||
} | } | ||
.input-text-box { | .input-text-box, input[type=text], input[type=password] { | ||
border:1px solid #999 !important; | border: 1px solid #999 !important; | ||
color:#555 !important; | border-radius: 4px; | ||
padding: | box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1); | ||
color: #555 !important; | |||
padding: 5px !important; | |||
} | } | ||
.input-text-box:hover { | .input-text-box:hover { | ||
border:1px solid #05398e !important; | border: 1px solid #05398e !important; | ||
color:inherit !important; | color: inherit !important; | ||
} | } | ||
.input-text-box:focus { | .input-text-box:focus { | ||
border:1px solid #0645ad !important; | border: 1px solid #0645ad !important; | ||
box-shadow:0 0 5px #0645ad; | box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 5px #0645ad; | ||
color:inherit !important; | color: inherit !important; | ||
} | |||
#searchBody .searchButton { | |||
display: inline !important; | |||
margin-bottom: 2px !important; | |||
width: 45%; | |||
} | } | ||
#searchInput { | #searchInput { | ||
display:block; | display: block; | ||
width:100%; | padding: 6px !important; | ||
width: 100%; | |||
} | |||
input[type='submit'], input[type='reset'], input[type='button'] { | |||
padding-top: 3px !important; | |||
} | } | ||
input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover { | input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover { | ||
border-color:#0645ad !important; | border-color: #0645ad !important; | ||
box-shadow:0 0 5px #0645ad !important; | box-shadow: 0 0 5px #0645ad !important; | ||
} | } | ||
/* Navigation */ | /* Navigation */ | ||
#p-Navigation { | #p-Navigation { | ||
background: | background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_compass.png) no-repeat !important; | ||
} | } | ||
#p-search { | #p-search { | ||
background: | background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_search.png) no-repeat !important; | ||
} | } | ||
#p-Interaction { | #p-Interaction { | ||
background: | background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_users.png) no-repeat !important; | ||
} | } | ||
#p-tb { | #p-tb { | ||
background: | background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_tools.png) no-repeat !important; | ||
} | } | ||
#p-lang { | #p-lang { | ||
background: | background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_lang.png) no-repeat !important; | ||
position:static !important; | position: static !important; | ||
} | |||
#p-Navigation, #p-search, #p-Interaction, #p-tb, #p-lang { | |||
background-color: #90a6be !important; | |||
border: 1px solid #5b778c !important; | |||
border-radius: 6px !important; | |||
} | } | ||
#p-Navigation h5, #p-search h5, #p-Interaction h5, #p-tb h5, #p-lang h5 { | #p-Navigation h5, #p-search h5, #p-Interaction h5, #p-tb h5, #p-lang h5 { | ||
background:none !important; | background: none !important; | ||
font: | font: 16px bold 'Neutra Text'; | ||
padding:4px 4px | padding: 6px 4px 4px 48px !important; | ||
position:static !important; | position: static !important; | ||
text-transform:uppercase; | text-transform: uppercase; | ||
width:auto !important; | width: auto !important; | ||
} | } | ||
#p-Navigation li, #p-search li, #p-Interaction li, #p-tb li, #p-lang li { | #p-Navigation li, #p-search li, #p-Interaction li, #p-tb li, #p-lang li { | ||
padding: | padding: 0 5px !important; | ||
margin: 0 !important; | |||
} | |||
#p-Navigation em, #p-search em, #p-Interaction em, #p-tb em, #p-lang em { | |||
right: 12px; | |||
top: 3px; | |||
} | } | ||
#p-Navigation li a, #p-search li a, #p-Interaction li a, #p-tb li a, #p-lang li a { | #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: 0 solid #ddd; | ||
border-width:0 0 1px; | border-width: 0 0 1px; | ||
display:block; | display: block; | ||
font:13px ' | font: 13px 'PF DinDisplay Pro Light'; | ||
margin:0 1px !important; | margin: 0 1px !important; | ||
padding: | padding: 7px 12px !important; | ||
position:relative; | position: relative; | ||
width:auto; | text-shadow: none !important; | ||
width: auto; | |||
} | |||
#p-Navigation div ul, #p-search div ul, #p-Interaction div ul, #p-tb div ul, #p-lang div ul { | |||
padding: 6px 0 !important; | |||
} | |||
#p-Navigation ul a:hover, #p-search ul a:hover, #p-Interaction ul a:hover, #p-tb ul a:hover, #p-lang ul a:hover, #p-Navigation ul li.hover > a, #p-search ul li.hover > a, #p-Interaction ul li.hover > a, #p-tb ul li.hover > a, #p-lang ul li.hover > a { | |||
background: rgba(0, 0, 0, 0.04) !important; | |||
color: #5b778c !important; | |||
} | |||
ul.sub-menu { | |||
border: none !important; | |||
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4); | |||
margin-top: -32px !important; | |||
} | } | ||
ul.sub-menu ul.sub-menu { | |||
margin-left: 190px !important; | |||
} | } | ||
#p-Navigation .pBody, #p-search .pBody, #p-Interaction .pBody, #p-tb .pBody, #p-lang .pBody { | #p-Navigation .pBody, #p-search .pBody, #p-Interaction .pBody, #p-tb .pBody, #p-lang .pBody { | ||
border:0 !important; | 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 { | #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; | border-bottom: 0 !important; | ||
} | } | ||
#p-search .pBody { | #p-search .pBody { | ||
border-radius:0 0 | border-radius: 0 0 5px 5px !important; | ||
padding:6px !important; | padding: 6px !important; | ||
} | } | ||
#p-personal ul { | #p-personal ul { | ||
background:none !important; | background: none !important; | ||
border:none !important; | border: none !important; | ||
} | } | ||
#p-personal li { | #p-personal li { | ||
background:#000 !important; | background: #000 !important; | ||
border:1px solid #eee !important; | border: 1px solid #eee !important; | ||
border-radius:3px; | border-radius: 3px; | ||
font: | font: 15px 'Neutra Text'; | ||
font-variant:small-caps; | font-variant: small-caps; | ||
padding:2px 4px !important; | padding: 2px 4px !important; | ||
text-transform:lowercase !important; | text-transform: lowercase !important; | ||
} | } | ||
#feedlinks { display:none !important; } | #feedlinks { display: none !important; } | ||
#footer { | #footer { | ||
border:2px solid # | border: 2px solid #5b778c !important; | ||
margin:0 auto 6px !important; | margin: 0 auto 6px !important; | ||
opacity:0.7; | opacity: 0.7; | ||
padding-top:1em !important; | padding-top: 1em !important; | ||
width:95% !important; | width: 95% !important; | ||
} | } | ||
#footer:hover { | #footer:hover { | ||
opacity:1.0; | opacity: 1.0; | ||
} | } | ||
#footer #f-list { | #footer #f-list { | ||
padding:3px 0 !important; | padding: 3px 0 !important; | ||
} | } | ||
/* Thumbnails */ | /* Thumbnails */ | ||
div.thumb div { | div.thumb div { | ||
color:#2b2b2b !important; | color: #2b2b2b !important; | ||
} | } | ||
div.thumb div.thumbinner { | div.thumb div.thumbinner { | ||
background:-webkit-linear-gradient(top,#ffe07e,#ebb200); | background: -webkit-linear-gradient(top,#ffe07e,#ebb200); | ||
} | } | ||
/* Other */ | /* Other */ | ||
#content { | #content { | ||
border-radius:0 !important; | border-radius: 0 !important; | ||
margin-top:38px !important; | margin-top: 38px !important; | ||
} | |||
pre { | |||
max-height: 400px; | |||
overflow-y: auto; | |||
} | } | ||
.fullImageLink img { | .fullImageLink img { | ||
height:auto; | height: auto; | ||
max-width:100%; | max-width: 100%; | ||
} | } |
Revision as of 01:09, 8 August 2012
/* Theme */
body {
background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/bg-3d-org-b.png) !important;
font-size: x-small;
}
.portlet#p-logo a, .portlet#p-logo a:hover {
background-image: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/khwiki-custom-logo-b.png) !important;
height: 170px;
width: 190px;
}
/* Fonts */
body {
font-family: 'Segoe UI',sans-serif;
}
#content {
font: 14px 'PF DinDisplay Pro Light',sans-serif;
color: #333 !important;
}
pre, code, tt, kbd, samp {
font-family: Consolas,'Courier New',monospace;
}
#firstHeading, #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {
font-family: 'Fedra Sans Std Normal','Gotham Book',serif;
font-variant: small-caps;
}
.pBody { color: inherit; }
sup { line-height: 0; }
.mw-rollback-link {
font-family: Consolas,monospace;
font-size: 75%;
opacity: 0.25;
}
.mw-rollback-link:hover {
opacity: 0.75;
}
/* 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, #footer a { color: #0645ad; }
#p-personal a:not(:hover) { color: #bdd3ed !important; }
#p-personal a:hover { color: #dbe7f4 !important; }
#content a:visited, #footer a:visited { color: #031073 !important; }
#content a:hover, #footer a:visited, #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, select, label {
font-family: inherit;
}
input[type="search"] {
-webkit-appearance: textfield;
}
*:focus {
outline: none;
}
*:disabled {
cursor: not-allowed;
}
.input-text-box, input[type=text], input[type=password] {
border: 1px solid #999 !important;
border-radius: 4px;
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
color: #555 !important;
padding: 5px !important;
}
.input-text-box:hover {
border: 1px solid #05398e !important;
color: inherit !important;
}
.input-text-box:focus {
border: 1px solid #0645ad !important;
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 5px #0645ad;
color: inherit !important;
}
#searchBody .searchButton {
display: inline !important;
margin-bottom: 2px !important;
width: 45%;
}
#searchInput {
display: block;
padding: 6px !important;
width: 100%;
}
input[type='submit'], input[type='reset'], input[type='button'] {
padding-top: 3px !important;
}
input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {
border-color: #0645ad !important;
box-shadow: 0 0 5px #0645ad !important;
}
/* Navigation */
#p-Navigation {
background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_compass.png) no-repeat !important;
}
#p-search {
background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_search.png) no-repeat !important;
}
#p-Interaction {
background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_users.png) no-repeat !important;
}
#p-tb {
background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_tools.png) no-repeat !important;
}
#p-lang {
background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_lang.png) no-repeat !important;
position: static !important;
}
#p-Navigation, #p-search, #p-Interaction, #p-tb, #p-lang {
background-color: #90a6be !important;
border: 1px solid #5b778c !important;
border-radius: 6px !important;
}
#p-Navigation h5, #p-search h5, #p-Interaction h5, #p-tb h5, #p-lang h5 {
background: none !important;
font: 16px bold 'Neutra Text';
padding: 6px 4px 4px 48px !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: 0 5px !important;
margin: 0 !important;
}
#p-Navigation em, #p-search em, #p-Interaction em, #p-tb em, #p-lang em {
right: 12px;
top: 3px;
}
#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 'PF DinDisplay Pro Light';
margin: 0 1px !important;
padding: 7px 12px !important;
position: relative;
text-shadow: none !important;
width: auto;
}
#p-Navigation div ul, #p-search div ul, #p-Interaction div ul, #p-tb div ul, #p-lang div ul {
padding: 6px 0 !important;
}
#p-Navigation ul a:hover, #p-search ul a:hover, #p-Interaction ul a:hover, #p-tb ul a:hover, #p-lang ul a:hover, #p-Navigation ul li.hover > a, #p-search ul li.hover > a, #p-Interaction ul li.hover > a, #p-tb ul li.hover > a, #p-lang ul li.hover > a {
background: rgba(0, 0, 0, 0.04) !important;
color: #5b778c !important;
}
ul.sub-menu {
border: none !important;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
margin-top: -32px !important;
}
ul.sub-menu ul.sub-menu {
margin-left: 190px !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 5px 5px !important;
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: 15px 'Neutra Text';
font-variant: small-caps;
padding: 2px 4px !important;
text-transform: lowercase !important;
}
#feedlinks { display: none !important; }
#footer {
border: 2px solid #5b778c !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 {
color: #2b2b2b !important;
}
div.thumb div.thumbinner {
background: -webkit-linear-gradient(top,#ffe07e,#ebb200);
}
/* Other */
#content {
border-radius: 0 !important;
margin-top: 38px !important;
}
pre {
max-height: 400px;
overflow-y: auto;
}
.fullImageLink img {
height: auto;
max-width: 100%;
}