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

From The iPhone Wiki
Jump to: navigation, search
(various wiki styles, tabs, buttons, switches)
m (minor tab fixup)
Line 29: Line 29:
 
#p-cactions{background-color:transparent;height:7px;margin-top:29px}
 
#p-cactions{background-color:transparent;height:7px;margin-top:29px}
 
#p-cactions h5 a{margin-top:12px;height:auto}
 
#p-cactions h5 a{margin-top:12px;height:auto}
.vectorTabs,.vectorTabs ul,.vectorTabs a,.vectorTabs li,.vectorMenu a{background:transparent!important;border-top-left-radius:8px;border-top-right-radius:8px}
+
.vectorTabs,.vectorTabs ul,.vectorTabs a,.vectorTabs li,.vectorMenu a{background:transparent!important;border-top-left-radius:8px;border-top-right-radius:8px;margin-top:1px!important}
 
.vectorTabs a:link,.vectorTabs a:hover,.vectorTabs a:active,.vectorTabs a:visited,
 
.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,
 
#mw-panel a:link,#mw-panel a:hover,#mw-panel a:active,#mw-panel a:visited,
Line 71: Line 71:
 
.infobox.bordered .mergedrow td,.infobox.bordered .mergedrow th{border-right:1px solid #AAA;border-right:1px solid rgba(170,170,170,0.5)}
 
.infobox.bordered .mergedrow td,.infobox.bordered .mergedrow th{border-right:1px solid #AAA;border-right:1px solid rgba(170,170,170,0.5)}
 
input[type=button],input[type=submit]{padding:4px 12px;font-family:"Helvetica Neue",Helvetica,sans-serif;font-weight:bold;border:3px solid #282726;margin:0 0 3px 0;text-shadow:0 1px 0 #cecece;background:linear-gradient(#e2e2e2 50% #acadae, 50% #82807e,#8c8a88));background:-moz-linear-gradient(#e2e2e2 50% #acadae, 50% #82807e,#8c8a88));background:-webkit-gradient(linear,left top,left bottom,from(#e2e2e2),color-stop(0.5,#acadae),color-stop(0.5,#82807e),to(#8c8a88));background:-o-linear-gradient(#e2e2e2 50% #acadae,50% #82807e,#8c8a88));background:-ms-linear-gradient(#e2e2e2 50% #acadae,50% #82807e,#8c8a88));background-origin:padding-box;-moz-background-origin:padding-box;-webkit-background-origin:padding-box;-o-background-origin:padding-box;background-clip:border-box;-moz-background-clip:border-box;-webkit-background-clip:border-box;-o-background-clip:border-box;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;opacity:0.8}
 
input[type=button],input[type=submit]{padding:4px 12px;font-family:"Helvetica Neue",Helvetica,sans-serif;font-weight:bold;border:3px solid #282726;margin:0 0 3px 0;text-shadow:0 1px 0 #cecece;background:linear-gradient(#e2e2e2 50% #acadae, 50% #82807e,#8c8a88));background:-moz-linear-gradient(#e2e2e2 50% #acadae, 50% #82807e,#8c8a88));background:-webkit-gradient(linear,left top,left bottom,from(#e2e2e2),color-stop(0.5,#acadae),color-stop(0.5,#82807e),to(#8c8a88));background:-o-linear-gradient(#e2e2e2 50% #acadae,50% #82807e,#8c8a88));background:-ms-linear-gradient(#e2e2e2 50% #acadae,50% #82807e,#8c8a88));background-origin:padding-box;-moz-background-origin:padding-box;-webkit-background-origin:padding-box;-o-background-origin:padding-box;background-clip:border-box;-moz-background-clip:border-box;-webkit-background-clip:border-box;-o-background-clip:border-box;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;opacity:0.8}
  +
.searchButton{opacity:0.99!important}
 
input[type=button]:hover,input[type=submit]:hover,input[type=button].cancel,input[type=submit].cancel,input[type=button]:active,input[type=submit]:active,input[type=button].cancel:active input[type=submit].cancel:active{opacity:1}
 
input[type=button]:hover,input[type=submit]:hover,input[type=button].cancel,input[type=submit].cancel,input[type=button]:active,input[type=submit]:active,input[type=button].cancel:active input[type=submit].cancel:active{opacity:1}
 
input[type=button]:active,input[type=submit]:active,input[type=button].cancel:active,input[type=submit].cancel:active{color:#fff;text-shadow:none;background:linear-gradient(#081f6f,#10006d);background:-moz-linear-gradient(#081f6f,#10006d);background:-webkit-gradient(linear,left top,left bottom,from(#aaaee5),color-stop(0.5,#1f3b97),color-stop(0.5,#081f6f),to(#10006d));background:-o-linear-gradient(#081f6f,#10006d);background:-ms-linear-gradient(#081f6f,#10006d)}
 
input[type=button]:active,input[type=submit]:active,input[type=button].cancel:active,input[type=submit].cancel:active{color:#fff;text-shadow:none;background:linear-gradient(#081f6f,#10006d);background:-moz-linear-gradient(#081f6f,#10006d);background:-webkit-gradient(linear,left top,left bottom,from(#aaaee5),color-stop(0.5,#1f3b97),color-stop(0.5,#081f6f),to(#10006d));background:-o-linear-gradient(#081f6f,#10006d);background:-ms-linear-gradient(#081f6f,#10006d)}

Revision as of 15:25, 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 (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}
*/

/* Beta iPhone Wiki theme
 * some by Balloonhead66 - thanks!
 * [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:transparent;height:7px;margin-top:29px}
#p-cactions h5 a{margin-top:12px;height:auto}
.vectorTabs,.vectorTabs ul,.vectorTabs a,.vectorTabs li,.vectorMenu a{background:transparent!important;border-top-left-radius:8px;border-top-right-radius:8px;margin-top:1px!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 a{color:black!important}
.vectorTabs a:hover,.vectorTabs a:focus{background:#777!important;background:rgba(128,128,128,0.4)!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}

table.diff{background:white;background:rgba(255,255,255,0.5)}
td.diff-otitle,td.diff-ntitle{background:white;background:rgba(255,255,255,0)}
td.diff-context{background:#EEE;background:rgba(238,238,238,0.5)}
td.diff-addedline{background:#CFC;background:rgba(204,255,204,0.5)}
td.diff-deletedline{background:#FFA;background:rgba(255,255,170,0.5)}
.toc,#toc,.mw-warning,.catlinks,table.wikitable{border:1px solid #AAA;border:1px solid rgba(170,170,170,0.5);background:#f9f9f9;background:rgba(249,249,249,0.5)}
table.wikitable th{background:#f2f2f2;background:rgba(242,242,242,0.3)}
li.gallerybox{background:#f9f9f9;background:rgba(249,249,249,0.5);border:2px white;border:2px rgba(255,255,255,0.5)}
li.gallerybox div.thumb{border:1px solid #CCC;border:1px solid rgba(204,204,204,0.5)}
li#footer-poweredbyico a img{opacity:.7}
li#footer-poweredbyico a:hover img{opacity:1}
pre{border:1px dashed #2f6fab;border:1px dashed rgba(47,111,171,0.5);background:#f9f9f9;background:rgba(249,249,249,0.5)}
h4.mw-specialpagesgroup{background:gainsboro;background:rgba(220,220,220,0.5)}
div.thumbinner{border:1px solid #CCC;border:1px solid rgba(204,204,204,0.5);background:#f9f9f9;background:rgba(249,249,249,0.5)}
.gallerybox .thumb img,.filehistory a img,#file{background:#eee url(/wiki/skins/common/images/Checker-16x16.png) repeat}
table.navbox{border:1px solid #AAA;border:1px solid rgba(170,170,170,0.5)}
.navbox,.navbox-subgroup,.navbox-list{background:#f9f9f9;background:rgba(249,249,249,0.5)}
.navbox th,.navbox-title{background:#CCF;background:rgba(204,204,255,0.5)}
.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title{background:#DDF;background:rgba(221,221,255,0.5)}
.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow{background:#e6e6ff;background:rgba(230,230,255,0.5)}
.navbox-even{background:#f7f7f7;background:rgba(247,247,247,0.5)}
.navbox-odd{background:transparent}
.navbox .mw-collapsible-toggle{width:6em}
.infobox{border:1px solid #AAA;border:1px solid rgba(170,170,170,0.5);background:#f9f9f9;background:rgba(249,249,249,0.5)}
.infobox.bordered td,.infobox.bordered th{border:1px solid #AAA;border:1px solid rgba(170,170,170,0.5)}
.infobox.standard-talk{border:1px solid #c0c090;border:1px solid rgba(192,192,144,0.5);background-color:#f8eaba}
.infobox.standard-talk.bordered td,.infobox.standard-talk.bordered th{border:1px solid #c0c090;border:1px solid rgba(192,192,144,0.5)}
.infobox.bordered .mergedtoprow td,.infobox.bordered .mergedtoprow th{border-top:1px solid #AAA;border-top:1px solid rgba(170,170,170,0.5);border-right:1px solid #AAA;border-right:1px solid rgba(170,170,170,0.5)}
.infobox.bordered .mergedrow td,.infobox.bordered .mergedrow th{border-right:1px solid #AAA;border-right:1px solid rgba(170,170,170,0.5)}
input[type=button],input[type=submit]{padding:4px 12px;font-family:"Helvetica Neue",Helvetica,sans-serif;font-weight:bold;border:3px solid #282726;margin:0 0 3px 0;text-shadow:0 1px 0 #cecece;background:linear-gradient(#e2e2e2 50% #acadae, 50% #82807e,#8c8a88));background:-moz-linear-gradient(#e2e2e2 50% #acadae, 50% #82807e,#8c8a88));background:-webkit-gradient(linear,left top,left bottom,from(#e2e2e2),color-stop(0.5,#acadae),color-stop(0.5,#82807e),to(#8c8a88));background:-o-linear-gradient(#e2e2e2 50% #acadae,50% #82807e,#8c8a88));background:-ms-linear-gradient(#e2e2e2 50% #acadae,50% #82807e,#8c8a88));background-origin:padding-box;-moz-background-origin:padding-box;-webkit-background-origin:padding-box;-o-background-origin:padding-box;background-clip:border-box;-moz-background-clip:border-box;-webkit-background-clip:border-box;-o-background-clip:border-box;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;opacity:0.8}
.searchButton{opacity:0.99!important}
input[type=button]:hover,input[type=submit]:hover,input[type=button].cancel,input[type=submit].cancel,input[type=button]:active,input[type=submit]:active,input[type=button].cancel:active input[type=submit].cancel:active{opacity:1}
input[type=button]:active,input[type=submit]:active,input[type=button].cancel:active,input[type=submit].cancel:active{color:#fff;text-shadow:none;background:linear-gradient(#081f6f,#10006d);background:-moz-linear-gradient(#081f6f,#10006d);background:-webkit-gradient(linear,left top,left bottom,from(#aaaee5),color-stop(0.5,#1f3b97),color-stop(0.5,#081f6f),to(#10006d));background:-o-linear-gradient(#081f6f,#10006d);background:-ms-linear-gradient(#081f6f,#10006d)}
input[type=button].cancel,input[type=submit].cancel{background:linear-gradient(#5c5c5b,20% #1e1b16 50% #081f6f,#1e1b16);background:-moz-linear-gradient(#5c5c5b,20% #1e1b16 50% #081f6f,#1e1b16);background:-webkit-gradient(linear,left top,left bottom,from(#5c5c5b),color-stop(0.2,#1e1b16),color-stop(0.5,#081f6f),to(#1e1b16));background:-o-linear-gradient(#5c5c5b,20% #1e1b16 50% #081f6f,#1e1b16);background:-ms-linear-gradient(#5c5c5b,20% #1e1b16 50% #081f6f,#1e1b16);margin-top:6px}

/* CSS3 iPhone switches */
.iswitch{position:relative;width:72px;height:25px;border:1px solid #888;border-radius:12px;-webkit-user-select:none;cursor:default}
.iswitch .on,.iswitch .off{position:absolute;top:0;width:50px;height:25px;border-radius:14px;font:bold 14px/25px "Helvetica Neue",Helvetica,sans-serif;text-align:center;color:white;text-shadow:0 -1px 0 rgba(20,20,20,0.5)}
.iswitch .on{left:0;border-top-right-radius:0;padding-right:15px;border-bottom-right-radius:0;background:linear-gradient(#4D8DE8,#4D8DE8,#6DA9F7);background:-moz-linear-gradient(#4D8DE8,#4D8DE8,#6DA9F7);background:-webkit-gradient(linear,left top,left bottom,from(#4D8DE8),color-stop(0.5,#4D8DE8),to(#6DA9F7));background:-o-linear-gradient(#4D8DE8,#4D8DE8,#6DA9F7);background:-ms-linear-gradient(#4D8DE8,#4D8DE8,#6DA9F7)}
.iswitch .off{right:0;color:#808080;padding-left:15px;border-top-left-radius:0;border-bottom-left-radius:0;background:linear-gradient(#F1F1F1,#F4F4F4,#F1F1F1);background:-moz-linear-gradient(#F1F1F1,#F4F4F4,#F1F1F1);background:-webkit-gradient(linear,left top,left bottom,from(#F1F1F1),color-stop(0.5,#F4F4F4),to(#F1F1F1));background:-o-linear-gradient(#F1F1F1,#F4F4F4,#F1F1F1);background:-ms-linear-gradient(#F1F1F1,#F4F4F4,#F1F1F1)}
.iswitch .knob{position:absolute;top:0;left:47px;width:24px;height:23px;border:1px solid #B2B2B2;border-radius:13px;background:-moz-linear-gradient(#D7D7D7,#FDFDFD);background:-webkit-gradient(linear,left top,left bottom,from(#D7D7D7),to(#FDFDFD));background:-o-linear-gradient(#D7D7D7,#FDFDFD);background:-ms-linear-gradient(#D7D7D7,#FDFDFD)}
.iswitch .knob:hover{background:-moz-linear-gradient(#D8D8D8,#FDFDFD);background:-webkit-gradient(linear,left top,left bottom,from(#D8D8D8),to(#FCFCFC));background:-o-linear-gradient(#D8D8D8,#FCFCFC);background:-ms-linear-gradient(#D8D8D8,#FCFCFC)}
.iswitch .knob:active{border:1px solid #9C9C9C;background:-moz-linear-gradient(#AAA,#DDD);background:-webkit-gradient(linear,left top,left bottom,from(#AAA),to(#DDD));background:-o-linear-gradient(#AAA,#DDD);background:-ms-linear-gradient(#AAA,#DDD)}