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, #content { font-family:'Fedra Sans Std Book','Segoe UI',sans-serif;color:#2b2b2b; }
body {
#firstHeading, #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 { font-family:'Neutra Text','Gotham Book',serif; font-variant:small-caps; }
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;
-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:3px !important;
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-search, #p-Interaction, #p-tb, #p-lang {
border:1px solid #4a3800 !important;
border-radius:6px !important;
}
#p-Navigation {
#p-Navigation {
  background:#ebb200 url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_compass.png) no-repeat !important;
  background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_compass.png) no-repeat !important;
}
}
#p-search {
#p-search {
  background:#ebb200 url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_search.png) no-repeat !important;
  background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_search.png) no-repeat !important;
}
}
#p-Interaction {
#p-Interaction {
  background:#ebb200 url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_users.png) no-repeat !important;
  background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_users.png) no-repeat !important;
}
}
#p-tb {
#p-tb {
  background:#ebb200 url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_tools.png) no-repeat !important;
  background: url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_tools.png) no-repeat !important;
}
}
#p-lang {
#p-lang {
  background:#ebb200 url(http://i545.photobucket.com/albums/hh366/StewieK/KHWiki/nav_lang.png) no-repeat !important;
  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:14px bold 'Neutra Text';
  font: 16px bold 'Neutra Text';
  padding:4px 4px 4px 46px !important;
  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:2px 5px !important;
  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 'Perspective Sans';
  font: 13px 'PF DinDisplay Pro Light';
  margin:0 1px !important;
  margin: 0 1px !important;
  padding:2px 6px 4px !important;
  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;
}
}
#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 {
ul.sub-menu ul.sub-menu {
  color:#ebb200 !important;
  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 7px 7px;
  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:13px 'Neutra Text';
  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 #ebb200 !important;
  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%;
}