User:Kirb/skin.css

From The iPhone Wiki
< User:Kirb
Revision as of 03:43, 7 January 2012 by Kirb (talk | contribs) (more webkit goodness (will work on fixing the tab borders soon))
Jump to: navigation, search

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* User:thekirbylover's CSS for The iPhone Wiki; feel free to use any or all of this
 * To use on your own PC: install Stylish and add a style that loads on www.theiphonewiki.com
 * and enter the following in the text box: 
 * @import "/wiki/index.php?title=User:Thekirbylover/skin.css&action=raw&ctype=text/css";
 */

/* Cydia icon next to links to Cydia.app */
a[href^="cydia://"]{background-image:url(/wiki/images/thumb/9/91/Cydia.png/16px-Cydia.png)}
.plainlinks a[href^="cydia://"]{background-image:none}

/* My custom iPhone Wiki logo 
 * (note: moves sidebar up a bit so the iPhone looks like it's going off the screen) */
/* disabled for now
#p-logo a{background-image:url(/wiki/images/4/43/Thekirbylover%27s_iPhone_Wiki_logo.png)!important}
#p-logo,#p-logo a{height:135px}
#mw-panel{padding-top:0}
#left-navigation{top:2em}
#right-navigation{margin-top:2em}
#mw-page-base{height:4.5em}
*/

/* More iOS-like theme 
 * [UNFINISHED - more fixes soon] */
#p-logo a{background-image:url(/wiki/images/thumb/2/2b/Theiphonewiki.png/120px-Theiphonewiki.png)!important;
-webkit-box-reflect:below -40px -webkit-gradient(linear,left top,left bottom,from(transparent),
color-stop(0.7,transparent),to(rgba(255,255,255,0.8)))}
body{background:#73757C url(/wiki/images/1/1a/ScrollView_Texture.png) left top repeat;color:white}
#content{background:#C5CCD4 url(/wiki/images/d/d6/Pinstripes_loop.png) top left repeat!important}
#mw-page-base{background:transparent!important}
#p-cactions{background-color:white}
.vectorTabs a,.vectorTabs li{background:transparent!important;border-top-left-radius:8px;border-top-right-radius:8px}
.vectorTabs li{border-top:1px solid white}
.vectorTabs a:link,.vectorTabs a:hover,.vectorTabs a:active,.vectorTabs a:visited,
#mw-panel a:link,#mw-panel a:hover,#mw-panel a:active,#mw-panel a:visited,
#p-personal a:link,#p-personal a:hover,#p-personal a:active,#p-personal a:visited{color:white!important}
.vectorTabs .selected{background:#C5CCD4 url(/wiki/images/d/d6/Pinstripes_loop.png) -1px -1px repeat!important}
.vectorTabs .selected a{color:black!important}
#mw-panel h5{font-weight:bold!important;color:white!important}
#mw-head{background:#17171B url(/wiki/images/e/ea/ViewFlipside.png) top left repeat!important;color:white;text-align:right!important}
#footer-places{margin-top:-50px;float:right}
#footer,#footer a:link,#footer a:hover,#footer a:active{color:white}