MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */

/** * \file MediaWiki:Vector.css * \brief CSS for the Vector skin. * \author thekirbylover (User:thekirbylover) * \author 5urd (User:5urd) * \author Dialexio (User:Dialexio) * \warning This document contains CSS3 specific features. **/

/* Device Detection CSS for Mobile WebKit */ @media only screen and (min-device-width:768px) and (max-device-width:1024px) { /* iPad */ div#mw-head, div#mw-panel { position:absolute !important; } } @media only screen and (max-device-width:480px) { /* Portrait iPhone/iPod touch */ div#mw-head, div#mw-panel { position:absolute !important; } } @media only screen and (max-device-width:568px) { /* Landscape iPhone/iPod touch */ div#mw-head, div#mw-panel { position:absolute !important; } }

/** * \brief iOS-like buttons **/ button, input[type="button"], input[type="reset"], input[type="submit"] { background-image: -moz-linear-gradient(top, #FFF 0%, #E6E6E6 50%, #CECECE 100%); background-image: -o-linear-gradient(top, #FFF 0%, #E6E6E6 50%, #CECECE 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(0.5, #E6E6E6), color-stop(1, #CECECE)); background-image: -webkit-linear-gradient(top, #FFF 0%, #E6E6E6 50%, #CECECE 100%); background-image: linear-gradient(to bottom, #FFF 0%, #E6E6E6 50%, #CECECE 100%); border: 1px solid #4c4c4c !important; border-radius: 20px !important; padding: 2px 10px; } button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background-image: -ms-linear-gradient(top, #BABABA 0%, #A9A9A9 50%, #989898 100%); background-image: -moz-linear-gradient(top, #BABABA 0%, #A9A9A9 50%, #989898 100%); background-image: -o-linear-gradient(top, #BABABA 0%, #A9A9A9 50%, #989898 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #BABABA), color-stop(0.5, #A9A9A9), color-stop(1, #989898)); background-image: -webkit-linear-gradient(top, #BABABA 0%, #A9A9A9 50%, #989898 100%); background-image: linear-gradient(to bottom, #BABABA 0%, #A9A9A9 50%, #989898 100%); color: #000 !important; } html.client-gecko button, html.client-gecko input[type="button"], html.client-gecko input[type="reset"], html.client-gecko input[type="submit"] { padding: 1px 10px; } input { font: 9pt "Helvetica Neue", Helvetica, sans-serif !important; } input[type="button"], input[type="reset"], input[type="submit"] { padding: 2px 12px; }

div#content { margin-left: 10.5em; overflow-x: auto; }

div#mw-content-text>.mw-specialpagesgroup { font-size: 130% !important; padding: 0.3em 0 0.2em 1em !important; } body.page-Main_Page div#mw-content-text h2, div#mw-content-text>.mw-specialpagesgroup { background-color: #A6B1BA; background-image: -moz-linear-gradient(top, #909FAA 0%, #A6B1BA 50%, #B8C1C8 100%); background-image: -o-linear-gradient(top, #909FAA 0%, #A6B1BA 50%, #B8C1C8 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #909FAA), color-stop(0.5, #A6B1BA), color-stop(1, #B8C1C8)); background-image: -webkit-linear-gradient(top, #909FAA 0%, #A6B1BA 50%, #B8C1C8 100%); background-image: linear-gradient(to bottom, #909FAA 0%, #A6B1BA 50%, #B8C1C8 100%); border-bottom: 1px solid #999FA5 !important; border-top: 1px solid #717D85; box-shadow: 0 1px 0 #D3D6DB; } body.page-Main_Page div#mw-content-text h2>span, div#mw-content-text>.mw-specialpagesgroup, div#mw-content-text>.mw-specialpagesgroup>span.mw-headline { color: white !important; text-shadow: 0 1px #646A6E !important; } body.page-Main_Page div#mw-content-text h2 { font-weight: bold; font-size: 140%; margin: 0 -12px !important; padding: 0.3em 0 0.3em 0.4em !important; } td>div#mw-content-text>.mw-headline { margin: 10px 0 !important; } div#mw-content-text>.mw-headline, h2.mw-specialpagesgroup { font-weight:bold; margin:0 -12px 0.6em -12px !important; } div#mw-head, div#mw-panel { position:fixed; } div#mw-panel { height:100%; }

body,div#mw-panel,div#p-logo{background-position:fixed; background-image:url("/w/images/1/1a/ScrollView_Texture.png") !important;} background-color:#DFE1E6 !important; background-image: -moz-linear-gradient(top, #F4F5F7 0%, #DFE1E6 50%, #A8ACB9 100%); background-image: -o-linear-gradient(top, #F4F5F7 0%, #DFE1E6 50%, #A8ACB9 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F4F5F7), color-stop(0.5, #DFE1E6), color-stop(1, #A8ACB9)); background-image: -webkit-linear-gradient(top, #F4F5F7 0%, #DFE1E6 50%, #A8ACB9 100%); background-image: linear-gradient(to bottom, #F4F5F7 0%, #DFE1E6 50%, #A8ACB9 100%); border-bottom:2px solid #7a8091; } div#p-logo{left:0 !important; padding-left:0.5em;}
 * 1) mw-head-base {margin-top:-5em;}
 * 2) mw-page-base, #mw-head{height:4.8em !important;}
 * 3) mw-head{
 * 1) mw-head{color:#FFF; text-align:right !important;}

div#p-personal{background-color:#000; left:10em !important; top:0 !important; width:100% !important;} div#p-personal ul{height:16px; padding:2px 23% 0;} div#p-personal ul li{margin-top:0 !important; margin:0 0.69em !important;} div#p-personal a:link,div#p-personal a:visited{color:#FFF !important; font-weight:bold; text-shadow:none !important;}

div.body ul li a, div.body ul li a:visited{color:#FFF !important;}

div.vectorMenu a, div.vectorTabs, div.vectorTabs a, div.vectorTabs li{background:transparent !important;} div.vectorTabs, div.vectorTabs ul{margin-top:1px !important;}

div.vectorTabs li{border-radius:0 !important; height:1.25em !important; line-height:1.25em !important;} div.vectorTabs li a{color:#717880 !important; height:1.57em !important; text-shadow:0 1px 0 #dedfe3;} div.vectorTabs li a:active{background-color:#666D74 !important; background-image: -o-linear-gradient(bottom, #B0B3B7 0%, #666D74 50%, #81868B 100%) !important; background-image: -moz-linear-gradient(bottom, #B0B3B7 0%, #666D74 50%, #81868B 100%) !important; background-image: -ms-linear-gradient(bottom, #B0B3B7 0%, #666D74 50%, #81868B 100%) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(EndColorStr=#FFB0B3B7, startColorStr=#FF81868B)"; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #B0B3B7), color-stop(0.5, #666D74), color-stop(1, #81868B)) !important; background-image: -webkit-linear-gradient(bottom, #B0B3B7 0%, #666D74 50%, #81868B 100%) !important; background-image: linear-gradient(bottom, #B0B3B7 0%, #666D74 50%, #81868B 100%) !important;} div.vectorTabs li a:hover{background-color:transparent !important; border-radius:0 !important; padding-top:0 !important; text-decoration:underline !important;}

div.vectorTabs li.selected{background-color:#81868B !important; background-image: -o-linear-gradient(bottom, #666D74 0%, #81868B 50%, #B0B3B7 100%) !important; background-image: -moz-linear-gradient(bottom, #666D74 0%, #81868B 50%, #B0B3B7 100%) !important; background-image: -ms-linear-gradient(bottom, #666D74 0%, #81868B 50%, #B0B3B7 100%) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(EndColorStr=#FF666D74, startColorStr=#FFB0B3B7)"; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #666D74), color-stop(0.5, #81868B), color-stop(1, #B0B3B7)) !important; background-image: -webkit-linear-gradient(bottom, #666D74 0%, #81868B 50%, #B0B3B7 100%) !important; background-image: linear-gradient(bottom, #666D74 0%, #81868B 50%, #B0B3B7 100%) !important;} div.vectorTabs li.selected a, div.vectorTabs li a:active{color:#FFF !important; padding-top:0 !important; text-shadow:0 -1px 0 #5e6164 !important;}

div.vectorTabs li:first-child,div.vectorTabs li:first-child a:hover{border-radius:0 0 0 3px !important;} div.vectorTabs li:last-child,div.vectorTabs li:last-child a:hover{border-radius:0 0 3px 0 !important;} div.vectorTabs li:only-child,div.vectorTabs li:only-child a:hover{border-radius:0 0 3px 3px !important;} div.vectorTabs span{background-image:none !important;}

div.vectorTabs ul{background-color:#DADBDF; background-image: -o-linear-gradient(bottom, #B9BDC7 0%, #DADBDF 50%, #F6F6F7 100%) !important; background-image: -moz-linear-gradient(bottom, #B9BDC7 0%, #DADBDF 50%, #F6F6F7 100%) !important; background-image: -ms-linear-gradient(bottom, #B9BDC7 0%, #DADBDF 50%, #F6F6F7 100%) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(EndColorStr=#FFB9BDC7, startColorStr=#FFF6F6F7)"; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #B9BDC7), color-stop(0.5, #DADBDF), color-stop(1, #F6F6F7)) !important; background-image: -webkit-linear-gradient(bottom, #B9BDC7 0%, #DADBDF 50%, #F6F6F7 100%) !important; background-image: linear-gradient(bottom, #B9BDC7 0%, #DADBDF 50%, #F6F6F7 100%) !important; border:1px solid #909195; box-shadow:0 1px 0 #FFF; padding-top:0 !important; height:1.25em !important;}

div#left-navigation,div#right-navigation{top:2em !important;} div#left-navigation{margin-left:3em !important;} div#right-navigation{margin-right:3em !important; margin-top:0 !important; position:absolute; right:0;} div#p-cactions{background-color:transparent; bottom:17px; position:relative; height:7px; margin-top:29px;} div#p-search{padding-top:2px;} div.vectorTabs,div.vectorTabs *{height:1.25em; padding-top:0.1em !important;} form#searchform{position:relative; bottom:7px;}

.vectorTabs, .vectorTabs ul, .vectorTabs a, .vectorTabs li, .vectorMenu a{border-radius:4px !important;} div.vectorTabs *{padding-top:0 !important;} div.vectorTabs li:first a{border-radius:4px 0 0 4px !important;}

code{background-color:#EEE;} div#content, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6{color:#2c2f33 !important; text-shadow: 0px 1px 0px #FFF;} div#content a:not(.new){color:#385487 !important;} div#content table.wikitable{color:#000 !important;} td>table.wikitable{box-shadow:0 0 0 0 #000 !important;} div#content{background-image: -o-linear-gradient(bottom, #D0D2D8 19%, #D9DCE1 60%, #E2E5EA 80%) !important; background-image: -moz-linear-gradient(bottom, #D0D2D8 19%, #D9DCE1 60%, #E2E5EA 80%) !important; background-image: -ms-linear-gradient(bottom, #D0D2D8 19%, #D9DCE1 60%, #E2E5EA 80%) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(EndColorStr=#FFD0D2D8, startColorStr=#FFE2E5EA)"; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.19, #D0D2D8), color-stop(0.6, #D9DCE1), color-stop(0.8, #E2E5EA)) !important; background-image: -webkit-linear-gradient(bottom, #D0D2D8 19%, #D9DCE1 60%, #E2E5EA 80%) !important; background-image: linear-gradient(bottom, #D0D2D8 19%, #D9DCE1 60%, #E2E5EA 80%) !important; padding:12px !important;}

div#footer ul li{color:#FFF !important;}

div.menu{padding-top:3px;} div.menu>ul{box-shadow:0px 0px 15px rgba(0, 0, 0, 0.5);}

div#userlogin,div#userLoginForm{border-width:0; margin:0;}

a[href^="cydia://"],.link-cydia{background-image:url("/w/images/thumb/9/91/Cydia.png/16px-Cydia.png");} .plainlinks a[href^="cydia://"],.plainlinks .link-cydia{background-image:none} body{background:#888 url("/w/images/1/1a/ScrollView_Texture.png") left top repeat; color:#FFF;}


 * 1) p-cactions h5 a{margin-top:12px;height:auto}

html.client-webkit div.vectorTabs ul>li *, html.client-msie-1 div.vectorTabs ul>li *, html.client-msie-9 div.vectorTabs ul>li *{padding-top:1px !important;} td.diff-context{background-color:#EEE;} td.diff-addedline{background-color:#BFB;} td.diff-deletedline{background-color:#FFA;} table.diff{margin-bottom:10px;} table.diff, table.wikitable, .toc,#toc,.mw-warning,.catlinks{background-color:#FFF; border:1px solid #B8BABF; border-radius:10px; box-shadow:0 1px 0 #FFF; text-shadow:none;} table.wikitable th{background-color:#F2F2F2;}
 * 1) mw-panel h5{font-weight:bold !important; color:#FFF !important;}
 * 2) footer{background-image:none!important;padding:3px 5px 3px 5px;line-height:32px}
 * 3) footer-places{margin-top:-50px;float:right}
 * 4) footer,#footer a:link,#footer a:hover,#footer a:active{color:#FFF;}
 * 5) footer a:visited{color:#4682B4;}

table.wikitable{border-collapse:separate !important; border-spacing:0;} table.wikitable tbody tr:last-child>*, table.wikitable>tr:last-child>*{border-bottom-width:0 !important;}

table.wikitable tr:first-child>*:first-child{border-top-left-radius:8px;} table.wikitable tr:first-child>*:last-child{border-top-right-radius:8px;} table.wikitable tbody tr:last-child>*:first-child, table.wikitable>tr:last-child>*:first-child{border-bottom-left-radius:8px; border-bottom-width:0 !important;} table.wikitable tbody tr:last-child>*:last-child, table.wikitable>tr:last-child>*:last-child{border-bottom-right-radius:8px; border-bottom-width:0 !important;}

table.wikitable tr>*:first-child{border:1px #B8BABF solid !important; border-left-width:0 !important; border-top-width:0 !important;} table.wikitable tr>*:last-child{border:0 #B8BABF solid !important; border-bottom-width:1px !important;} table.wikitable tr>*{border:1px #B8BABF solid !important; border-width:0 1px 1px 0 !important;}

table.wikitable td.nobborderplz, table.wikitable th.nobborderplz{border-bottom-width:0 !important;} table.wikitable td.nolborderplz, table.wikitable th.nolborderplz{border-left-width:0 !important;} table.wikitable td.norborderplz, table.wikitable th.norborderplz{border-right-width:0 !important;} table.wikitable td.notborderplz, table.wikitable th.notborderplz{border-top-width:0 !important;}

table.wikitable td.noradiusplz, table.wikitable th.noradiusplz{border-radius:0 !important;} table.wikitable td:first-child.notlradiusplz, table.wikitable th:first-child.notlradiusplz{border-top-left-radius:0 !important;} table.wikitable td:last-child.notrradiusplz, table.wikitable th:last-child.notrradiusplz{border-top-right-radius:0 !important;} table.wikitable td:first-child.noblradiusplz, table.wikitable th:first-child.noblradiusplz{border-bottom-left-radius:0 !important;} table.wikitable td:last-child.nobrradiusplz, table.wikitable th:last-child.nobrradiusplz{border-bottom-right-radius:0 !important;}

table.wikitable td:last-child.bborderplz, table.wikitable th:last-child.bborderplz{border-bottom:1px solid #B8BABF !important;} table.wikitable td:last-child.lborderplz, table.wikitable th:last-child.lborderplz{border-left:1px solid #B8BABF !important;} table.wikitable td:last-child.rborderplz, table.wikitable th:last-child.rborderplz{border-right:1px solid #B8BABF !important;} table.wikitable td:last-child.tborderplz, table.wikitable th:last-child.tborderplz{border-top:1px solid #B8BABF !important;}

table.wikitable td:first-child.tlradiusplz, table.wikitable th:first-child.tlradiusplz{border-top-left-radius:10px !important;} table.wikitable td:last-child.trradiusplz, table.wikitable th:last-child.trradiusplz{border-top-right-radius:10px !important;} table.wikitable td:first-child.blradiusplz, table.wikitable th:first-child.blradiusplz{border-bottom-left-radius:10px !important;} table.wikitable td:last-child.brradiusplz, table.wikitable th:last-child.brradiusplz{border-bottom-right-radius:10px !important;}

li.gallerybox{background-color:#F9F9F9; background-color:rgba(249,249,249,0.5); border:2px #FFF; 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:0.7;} li#footer-poweredbyico a:hover img{opacity:1;} pre{border:1px dashed #2F6FAB;border:1px dashed rgba(47,111,171,0.5);background-color:#F9F9F9; background:rgba(249,249,249,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("/w/skins/common/images/Checker-16x16.png") repeat;} table.navbox{border:1px solid #AAA;} .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-color:#F9F9F9; background-color:rgba(255,255,255,0.7);} .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)} div#toctitle h2, h1#firstHeading, .mw-headline{text-shadow:0px 1px 0px #FFF;}

div#footer{padding:6px !important;} div#footer #footer-info li{line-height:1.1em !important;} ul#footer-places{float:right !important;} ul#footer-info{float:left !important;} ul#footer-icons{float:none !important; margin:-3.5% 45% 0 !important;}
 * 1) footerinfo{float:left !important;}