MediaWiki:Truffle.css
From Penguingame Studio
Note: After publishing, 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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/**
* \file MediaWiki:Vector.css
* \brief CSS for the Vector skin.
* \author admin ([[User:Admin]])
* \author Newman2 ([[User:Newman2]])
* \warning 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;
}
td {
/* Fix for [https://twitter.com/thekirbylover/status/300053932607143937] */
text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
}
}
@media only screen and (max-device-width:480px) { /* Portrait iPhone/iPod touch */
div#mw-head,
div#mw-panel {
position:absolute !important;
}
td {
text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
}
}
@media only screen and (max-device-width:768px) { /* Landscape iPhone/iPod touch */
div#mw-head,
div#mw-panel {
position:absolute !important;
}
td {
text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
}
}
/**
* \brief iOS-like buttons
**/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-image: -moz-linear-gradient(top, #FFF 0%, #E48400 50%, #E48400 100%);
background-image: -o-linear-gradient(top, #FFF 0%, #E48400 50%, #E48400 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%, #E48400 50%, #E48400 100%);
background-image: linear-gradient(to bottom, #FFF 0%, #E48400 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, #E48400 0%, #A9A9A9 50%, #989898 100%);
background-image: -moz-linear-gradient(top, #E48400 0%, #A9A9A9 50%, #989898 100%);
background-image: -o-linear-gradient(top, #E48400 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;
border-bottom: 2px solid #E48400;
}
#mw-head {
color: #FFF;
text-align: right !important;
}
div#p-logo {
left: 0 !important;
padding-left: 0.5em;
}
div#p-personal {
background-color: black;
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: white !important;
font-weight: bold;
text-shadow: none !important;
}
div.body ul li a,
div.body ul li a:visited {
color: white !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:#E48400; background-image: -o-linear-gradient(bottom, #E48400 0%, #E48400 50%, #E48400 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:#E48400;}
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:#E48400;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:#E48400;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:#E48400; 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 #E48400;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;}
