Difference between revisions of "MediaWiki:Vector.css"

From lex-wiki
Jump to navigation Jump to search
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */


/* NEW */
/**
div#mw-panel div.portal div.body ul li a {
* \file  MediaWiki:Vector.css
  color: #3D3D3D !important;
* \brief CSS for the Vector skin.
* \author  thekirbylover ([[User:thekirbylover]])
  line-height: 1.5em;
* \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) {
div#mw-panel div.portal div.body ul li:hover {
    /* Portrait iPhone/iPod touch */
  border-right: 3px solid darkred;
    div#mw-head,
    div#mw-panel {
        position:absolute !important;
    }
}
}
@media only screen and (max-device-width:568px) {
#mw-panel.collapsible-nav div.portal h5 {
    /* Landscape iPhone/iPod touch */
  color: darkred !important;
    div#mw-head,
  font-weight: bold !important;
    div#mw-panel {
  line-height: 2em;
        position:absolute !important;
    }
}
}
   
 
#p-personal li a {
 
  color: #3D3D3D !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,
div#footer #footer-icons li#footer-copyrightico a img {
input[type="button"]:active,
  display: none;
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"],
#p-personal {
html.client-gecko input[type="submit"] {
  width: 100%;
    padding: 1px 10px;
  background-color: #FFBB00;
  height: 30px;
  right:0px;
}
}
input {
#p-personal ul {
    font: 9pt "Helvetica Neue", Helvetica, sans-serif !important;
  float:right;
  padding-right: 10px;
}
}
input[type="button"],
div#p-search {
input[type="reset"],
  position: absolute;
input[type="submit"] {
  top: 2px;
    padding: 2px 12px;
  left: 10em;
}
}
 
div#simpleSearch {
 
  width:300PX;
 
 
div#content {
    margin-left: 10.5em;
    overflow-x: auto;
}
}
 
#p-edu {
 
  display: none;
 
 
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.vectorMenu div.menu {
div#mw-content-text>.mw-specialpagesgroup {
  right: 50px;
    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,
body, #mw-head, #mw-head-base, #mw-page-base {
div#mw-content-text>.mw-specialpagesgroup,
  background-color: #ECECEC !important
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;
/* reduction of gap in the begining of the page */
    font-size: 140%;
    margin: 0 -12px !important;
#left-navigation {
    padding: 0.3em 0 0.3em 0.4em !important;
  top: 1.5em;
}
}
td>div#mw-content-text>.mw-headline {
#right-navigation {
    margin: 10px 0 !important;
  margin-top: 1.5em;
}
}
div#mw-content-text>.mw-headline,
#content {
h2.mw-specialpagesgroup {
  padding-top: 5px;
    font-weight:bold;
    margin:0 -12px 0.6em -12px !important;
}
}
div#mw-head,
/* end: reduction of gap in the begining of the page */
div#mw-panel {
    position:fixed;
/* extension of searching window */
div#simpleSearch input#searchInput {
  width: 14em;
}
}
div#mw-panel {
/* bug fix: blue line in the upper tabs */
    height:100%;
div.vectorTabs span {
  background-image: none !important;
}
}
 
/* reduction of footer of pages */
body,div#mw-panel,div#p-logo{background-position:fixed; background-image:url("/w/images/1/1a/ScrollView_Texture.png") !important;}
#footer-info-lastmod, #footer-info-viewcount {display: none;}
#mw-head-base {margin-top:-5em;}
#mw-page-base, #mw-head{height:4.8em !important;}
div#footer ul li {
#mw-head{
  padding: 0px !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;
}
}
#mw-head{color:#FFF; text-align:right !important;}
/* NEW SKIN */
div#p-logo{left:0 !important; padding-left:0.5em;}
body {
 
  background-color: #ececec;
div#p-personal{background-color:#000; left:10em !important; top:0 !important; width:100% !important;}
  background-image: url();
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;}
body.page-Main_Page div#content {
 
  background-color: #ececec;
div.body ul li a, div.body ul li a:visited{color:#FFF !important;}
  margin-right: 0px;
 
  padding-right: 8px;
 
}
 
div.vectorMenu a, div.vectorTabs, div.vectorTabs a, div.vectorTabs li{background:transparent !important;}
#mw-page-base {  
div.vectorTabs, div.vectorTabs ul{margin-top:1px !important;}
  background-color: #ececec;
 
  background-image: url();
div.vectorTabs li{border-radius:0 !important; height:1.25em !important; line-height:1.25em !important;}
  height: 5em;
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;}
#mw-head-base {  
 
  background-color: #ececec;
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;}
  background-image: url();
div.vectorTabs li.selected a, div.vectorTabs li a:active{color:#FFF !important; padding-top:0 !important; text-shadow:0 -1px 0 #5e6164 !important;}
  height: 4em;
 
}
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;}
#content {
div.vectorTabs li:only-child,div.vectorTabs li:only-child a:hover{border-radius:0 0 3px 3px !important;}
  background-image: url();
div.vectorTabs span{background-image:none !important;}
  padding-top: 5px;
 
  margin-right:10px;
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;}
  -moz-border-radius: 5px;
 
  -webkit-border-radius: 5px;
div#left-navigation,div#right-navigation{top:2em !important;}
  -khtml-border-radius: 5px;
div#left-navigation{margin-left:3em !important;}
  border-radius: 5px;
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;}
#mw-panel div.portal div.body {
div.vectorTabs,div.vectorTabs *{height:1.25em; padding-top:0.1em !important;}
  margin: 0;
form#searchform{position:relative; bottom:7px;}
  padding-top: 0.5em;
 
  margin-left: 1.25em;
.vectorTabs, .vectorTabs ul, .vectorTabs a, .vectorTabs li, .vectorMenu a{border-radius:4px !important;}
  background-repeat: no-repeat;
div.vectorTabs *{padding-top:0 !important;}
  background-position: top left;
div.vectorTabs li:first a{border-radius:4px 0 0 4px !important;}
}
 
code{background-color:#EEE;}
div.vectorTabs {
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;}
  background-image: url();
div#content a:not(.new){color:#385487 !important;}
  padding-left: 1px;
div#content table.wikitable{color:#000 !important;}
  height: 2em;
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.vectorTabs ul {
div#footer ul li{color:#FFF !important;}
  background-image:url();
 
  height: 100%;
div.menu{padding-top:3px;}
}
div.menu>ul{box-shadow:0px 0px 15px rgba(0, 0, 0, 0.5);}
 
div.vectorTabs ul li {
div#userlogin,div#userLoginForm{border-width:0; margin:0;}
  background-color:white;
 
  background-image: url();
a[href^="cydia://"],.link-cydia{background-image:url("/w/images/thumb/9/91/Cydia.png/16px-Cydia.png");}
  margin-right:1px;
.plainlinks a[href^="cydia://"],.plainlinks .link-cydia{background-image:none}
  line-height: 0 !important;
body{background:#888 url("/w/images/1/1a/ScrollView_Texture.png") left top repeat; color:#FFF;}
  -moz-border-radius-topleft: 5px;
 
  -webkit-border-top-left-radius:: 5px;
#p-cactions h5 a{margin-top:12px;height:auto}
  -khtml-border-radius-topleft: 5px;
 
  border-top-left-radius: 5px;
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;}
  -moz-border-radius-topright: 5px;
#mw-panel h5{font-weight:bold !important; color:#FFF !important;}
  -webkit-border-top-right-radius:: 5px;
#footer{background-image:none!important;padding:3px 5px 3px 5px;line-height:32px}
  -khtml-border-radius-topright: 5px;
#footer-places{margin-top:-50px;float:right}
  border-top-right-radius: 5px;
#footer,#footer a:link,#footer a:hover,#footer a:active{color:#FFF;}
  height: 95%;
#footer a:visited{color:#4682B4;}
  margin: 0;
td.diff-context{background-color:#EEE;}
  margin-right:2px;
td.diff-addedline{background-color:#BFB;}
  padding: 0;
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;}
div.vectorTabs a span {
table.wikitable th{background-color:#F2F2F2;}
  padding-top: 0.5em;
 
}
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;}
div.vectorTabs li a {
 
  background-image: url();
table.wikitable tr:first-child>*:first-child{border-top-left-radius:8px;}
  height: 2em;
table.wikitable tr:first-child>*:last-child{border-top-right-radius:8px;}
  padding-left: 0.4em;
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;}
  padding-right: 0.4em;
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;}
div.vectorTabs li.selected {
table.wikitable tr>*:last-child{border:0 #B8BABF solid !important; border-bottom-width:1px !important;}
  background-image: url();
table.wikitable tr>*{border:1px #B8BABF solid !important; border-width:0 1px 1px 0 !important;}
  background-color:white;
 
  height: 100%;
table.wikitable td.nobborderplz, table.wikitable th.nobborderplz{border-bottom-width:0 !important;}
  -moz-border-radius-topleft: 5px;
table.wikitable td.nolborderplz, table.wikitable th.nolborderplz{border-left-width:0 !important;}
  -webkit-border-top-left-radius:: 5px;
table.wikitable td.norborderplz, table.wikitable th.norborderplz{border-right-width:0 !important;}
  -khtml-border-radius-topleft: 5px;
table.wikitable td.notborderplz, table.wikitable th.notborderplz{border-top-width:0 !important;}
  border-top-left-radius: 5px;
 
  -moz-border-radius-topright: 5px;
table.wikitable td.noradiusplz, table.wikitable th.noradiusplz{border-radius:0 !important;}
  -webkit-border-top-right-radius:: 5px;
table.wikitable td:first-child.notlradiusplz, table.wikitable th:first-child.notlradiusplz{border-top-left-radius:0 !important;}
  -khtml-border-radius-topright: 5px;
table.wikitable td:last-child.notrradiusplz, table.wikitable th:last-child.notrradiusplz{border-top-right-radius:0 !important;}
  border-top-right-radius: 5px;
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;}
 
#footer {
table.wikitable td:last-child.bborderplz, table.wikitable th:last-child.bborderplz{border-bottom:1px solid #B8BABF !important;}
  margin-left: 10em;
table.wikitable td:last-child.lborderplz, table.wikitable th:last-child.lborderplz{border-left:1px solid #B8BABF !important;}
  margin-top: 0;
table.wikitable td:last-child.rborderplz, table.wikitable th:last-child.rborderplz{border-right:1px solid #B8BABF !important;}
  padding: 0em;
table.wikitable td:last-child.tborderplz, table.wikitable th:last-child.tborderplz{border-top:1px solid #B8BABF !important;}
  background-image: url();
 
  background-position: top left;
table.wikitable td:first-child.tlradiusplz, table.wikitable th:first-child.tlradiusplz{border-top-left-radius:10px !important;}
  background-repeat: repeat-x;
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;}
div#content, div#footer {
 
  background-image: url() !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;}
#left-navigation {
li#footer-poweredbyico a:hover img{opacity:1;}
  top: 2em;
pre{border:1px dashed #2F6FAB;border:1px dashed rgba(47,111,171,0.5);background-color:#F9F9F9; background:rgba(249,249,249,0.5)}
  margin-left: 1em;
 
}
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;}
#right-navigation {
table.navbox{border:1px solid #AAA;}
  margin-top: 2em;
.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)}
#mw-panel.collapsible-nav #p-navigation {
.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow{background:#e6e6ff;background:rgba(230,230,255,0.5)}
  margin-left: 21px;
.navbox-even{background:#f7f7f7;background:rgba(247,247,247,0.5)}
}
.navbox-odd{background:transparent}
.navbox .mw-collapsible-toggle{width:6em}
#ca-watch.icon a, #ca-unwatch.icon a{
.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);}
  height: 0em !important;
.infobox.bordered td,.infobox.bordered th{border:1px solid #AAA;border:1px solid rgba(170,170,170,0.5)}
  padding-top: 2.5em !important;
.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)}
#simpleSearch {
.infobox.bordered .mergedrow td,.infobox.bordered .mergedrow th{border-right:1px solid #AAA;border-right:1px solid rgba(170,170,170,0.5)}
  margin-top: -0.25em !important;
div#toctitle h2, h1#firstHeading, .mw-headline{text-shadow:0px 1px 0px #FFF;}
}
 
div#footer{padding:6px !important;}
/* @noflip */
#footerinfo{float:left !important;}
#mw-head div.vectorMenu h5 {
div#footer #footer-info li{line-height:1.1em !important;}
  background-image: url();
ul#footer-places{float:right !important;}
}
ul#footer-info{float:left !important;}
ul#footer-icons{float:none !important; margin:-3.5% 45% 0 !important;}
/* @noflip */
div.vectorMenu h5 a {
  background-image: url();
  height:2em;
}
   
/* Edu portals banners */
div#p-edu img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
div#p-edu img:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
/* WikiEditor - hide not used special characters
    unless the built-in function removeFromToolbar() will be reliable) */
div[rel='latinextended'], div[rel='ipa'], div[rel='cyrillic'], div[rel='arabic'], div[rel='hebrew'], div[rel='bangla'], div[rel='telugu'], div[rel='sinhala'], div[rel='gujarati'], div[rel='thai'], div[rel='lao'], div[rel='khmer']  {display:none;}

Revision as of 15:36, 26 April 2013

/* 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;}
#mw-head-base {margin-top:-5em;}
#mw-page-base, #mw-head{height:4.8em !important;}
#mw-head{
    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;
}
#mw-head{color:#FFF; text-align:right !important;}
div#p-logo{left:0 !important; padding-left:0.5em;}

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;}

#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;}
#mw-panel h5{font-weight:bold !important; color:#FFF !important;}
#footer{background-image:none!important;padding:3px 5px 3px 5px;line-height:32px}
#footer-places{margin-top:-50px;float:right}
#footer,#footer a:link,#footer a:hover,#footer a:active{color:#FFF;}
#footer a:visited{color:#4682B4;}
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;}

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;}
#footerinfo{float:left !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;}
Retrieved from "http://lex-wiki.org/w/index.php?title=MediaWiki:Vector.css&oldid=54"