User:Tm T/wikiaphone.css

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.

/* mobile skin has serious issues, so why not some copy from monobook, some of these are pointless, and some needed fixes are placed elsewhere for now, using a phone is not that fun for CSS development or whatever (: */

/** RESTORING WIKI FUNCTIONALITY VISIBILITY */

/* I want those edit links */
.editsection {
  display: block !important;
}

/* Actually, why not show rest of the wiki functionality too? */
body.mainpage h1#firstHeading, #content .printfooter, #column-one, #footer, #contentSub, #jump-to-nav, #content .toc, .sprite, .sprite-small, #bodyContent > div.main-page-tag-rcs {
  display: block;
}

/** RESTORATION ENDS HERE */

/* Reduce shiny white */
#content {
  background-color: #F0F0F0;
  padding: 2px !important;
}

/* ...and sidebar */
.portlet .pBody {
  background-color: #6F6E6D;
  border: 2px solid #282828;
  border-right: 2px solid #303030;
  border-top: 0;
  border-left: 0;
}

body {
  background: #424140;
}

/* inactive content tabs */
#p-cactions ul li, #p-cactions ul li a {  
  background: #848280;
}

/*.portlet a {
 *  color: #FFAA00 !important;
 *}
 */

/* sidebar headers */
.portlet h5 {
  color: #BCBAB8;
}
 
/* ensure redlink */
#p-cactions .new a {
  color: #BA0000 !important;
}
 
/* Some border niftyness to infobox */
.infobox {
  width: 100% !important;
  margin: 1px;
  background-color: #E0E0E0 !important;
  border: 1px solid #888888 !important;
/* Old Firefox needs it's own version for rounded borders */
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
/* So does old WebKit browsers */
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
/* ...now they all use this, including KHTML <3 */
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* eliminate white corners from ugly rounders */
.rtop, .rbottom {
  background: transparent;
}

#catlinks, .catlinks, #toc, .toc {
  border: 1px solid #C0C0C0 !important;
  background-color: #D0D0D0 !important;
} 

/* Also "raise" those OOU messageboxes a bit */
.ooumb {
  border-bottom: 2px solid #888888;
  border-right: 1px solid #A0A0A0;
  border-radius: 8px;
}
 
/**** Here's font size changes etc */

#globalWrapper {
  font-size: 0.6em;
}

.portlet {
  font-size: 100%;
}
 
#column-one {
  font-size: 95%;
}
 
#content {
  font-size: 95%;
  zoom: 80%; /* 30% is way too small here, unless I leave font-size to 250% which causes non-webkit browsers to have cat-size letters... */
}
 
#siteSub {
  font-family: Aurek-Besh, sans-serif;
  font-size: 65%;
  font-weight: normal;
  font-style: italic;
}