Difference between revisions of "User:Kirb/skin.css"

From The iPhone Wiki
Jump to: navigation, search
(updated ios theme - still more work to do)
(more webkit goodness (will work on fixing the tab borders soon))
Line 22: Line 22:
 
/* More iOS-like theme
 
/* More iOS-like theme
 
* [UNFINISHED - more fixes soon] */
 
* [UNFINISHED - more fixes soon] */
#p-logo a{background-image:url(/wiki/images/thumb/2/2b/Theiphonewiki.png/120px-Theiphonewiki.png)!important}
+
#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}
 
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}
 
#content{background:#C5CCD4 url(/wiki/images/d/d6/Pinstripes_loop.png) top left repeat!important}
 
#mw-page-base{background:transparent!important}
 
#mw-page-base{background:transparent!important}
 
#p-cactions{background-color:white}
 
#p-cactions{background-color:white}
.vectorTabs li{background:#17171B url(/wiki/images/e/ea/ViewFlipside.png) top left repeat!important}
+
.vectorTabs a,.vectorTabs li{background:transparent!important;border-top-left-radius:8px;border-top-right-radius:8px}
.vectorTabs a{background:transparent!important}
+
.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 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{background:#C5CCD4 url(/wiki/images/d/d6/Pinstripes_loop.png) -1px -1px repeat!important}
 
.vectorTabs .selected a{color:black!important}
 
.vectorTabs .selected a{color:black!important}
 
#mw-panel h5{font-weight:bold!important;color:white!important}
 
#mw-panel h5{font-weight:bold!important;color:white!important}
#mw-head{background:black;color:white;text-align:right!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}

Revision as of 03:43, 7 January 2012

/* 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}