To get rid of this ad please Sign up/Login.
Difference between revisions of "MediaWiki:Vector.css"
| Line 134: | Line 134: | ||
.wikiFocusBox { | .wikiFocusBox { | ||
border: 1px solid rgb(101, 101, 101); | border: 1px solid rgb(101, 101, 101); | ||
background: rgb(250, 250, 250) | background: rgb(250, 250, 250); | ||
padding: 10px; | |||
} | } | ||
Revision as of 16:58, 13 December 2014
/* CSS placed here will affect users of the Vector skin */
body{
background:white;
}
#firstHeading{
margin-top:1em;
}
h2{
margin-top:1.5em;
}
h3{
margin-top:1.5em;
}
.breadcrumbs{
font-size:0.7em;
color:#666666;
}
.mw-body .breadcrumbs a:link:hover{
text-decoration:underline;
}
.skintest { color: red; }
.mw-body a:link { color: #0084b4; }
/* ##################################################
SMW specific settings
################################################## */
/* ##################################################
AddThis specific settings
################################################## */
#addthistoolbar {
float:right;
padding:5px;
padding-top:10px;
margin-left:10px;
margin-bottom:10px;
border-style:none;
border-width:0px;
background-color:transparent;
}
/* ##################################################
p-personal
################################################## */
#p-personal{
top:0;
right:0;
width:100%;
background:#222222;
padding:10px 1.5em;
}
#p-personal ul{
float:right;
padding:0;
}
#p-personal ul li a{
color:white
}
#p-personal ul li{
border-right:1px solid white;
padding-right:0.75em;
}
#p-personal ul li:last-child{
border-right:0;
padding-right:0;
}
#p------------------,
#p-------------------{
background:transparent !important;
height:1em;
}
#p-------------------label,
#p--------------------label{
display:none;
}
/* ##################################################
mw-navigation
################################################## */
#left-navigation{
display:none;
}
/* CSS placed here will affect users of the Vector skin */
.skintest { color: red; }
.mw-body a:link { color: #0084b4; }
/* ##################################################
SMW specific settings
################################################## */
/* ##################################################
AddThis specific settings
################################################## */
#addthistoolbar {
float:right;
padding:5px;
padding-top:10px;
margin-left:10px;
margin-bottom:10px;
border-style:none;
border-width:0px;
background-color:transparent;
}
/* ##################################################
wikiFocus specific settings
color palette:
@contentBackground = rgb(252, 252, 255)
@primaryLighterStill = rgb(237, 237, 237)
@primaryLightest = rgb(250, 250, 250)
################################################## */
table.smwtable th { background-color:rgb(237, 237, 237); } /* @primaryLighterStill */
th.headersort { background-color:rgb(237, 237, 237); } /* @primaryLighterStill */
.smwtable .row-odd {background-color:rgb(252, 252, 255); } /* @contentBackground */
.smwtable .row-even {background-color:rgb(250, 250, 250); } /* @primaryLightest */
.wikiFocusBox {
border: 1px solid rgb(101, 101, 101);
background: rgb(250, 250, 250);
padding: 10px;
}
.wikiFocusHeader {
color: red;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 14px;
line-height: 14px;
background-color: rgb(228, 228, 228);
padding: 10px;
margin: -4px -4px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
text-shadow: rgba(255,255,255,0.7) 0px 1px 0px;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.4)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 100%);
-webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
-khtml-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.2) 0px 1px 3px, #fff 0px 1px 0px;
}
body.vector-animateLayout #mw-head-base {
transition: margin-left 250ms ease 0s;
}
/* ##################################################
mw-head
################################################## */
#mw-head-base {
height: 5em;
margin-left: 10em;
margin-top: 2.4em;
}
#mw-head{
background:#3e5462;
}
/* ##################################################
p-personal
################################################## */
#p-personal{
top:0;
right:0;
width:100%;
background:#222222;
padding:5px 1.5em;
}
#p-personal ul{
float:right;
padding:0;
margin:0 12em 0 1.5em;
}
#p-personal ul li a{
color:white
}
#p-personal ul li{
margin-top:0.4em;
margin-bottom:0.2em;
}
/* ##################################################
mw-navigation
################################################## */
div#mw-panel{
top:2em;
padding-left:0;
width:11em;
padding-top:0;
background:white;
border-right: 1px solid #313131;
}
#mw-panel.collapsible-nav .portal{
margin-left:0;
margin-right:0;
border-top:1px solid #acacac;
background: #f1f1f1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f1f1f1 0%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1f1f1 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1f1f1 0%,#d6d6d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1f1f1 0%,#d6d6d6 100%); /* IE10+ */
background: linear-gradient(to bottom, #f1f1f1 0%,#d6d6d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-8 */
}
#mw-panel.collapsible-nav .portal h3{
padding:2px 0 1px 1.5em;
}
#mw-panel.collapsible-nav .portal.collapsed h3{
margin:0;
}
#mw-panel.collapsible-nav .portal.collapsed h3 a{
color:#262626;
text-transform:uppercase;
}
#mw-panel.collapsible-nav .portal.collapsed h3:hover{
text-decoration:none;
}
#mw-panel.collapsible-nav .portal.collapsed:hover,
#mw-panel.collapsible-nav .portal.expanded h3{
background: #454545; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzZhNmE2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #454545 0%, #666666 13%, #6b6b6b 17%, #6b6b6b 80%, #6a6a6a 83%, #666666 87%, #525252 97%, #444444 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(13%,#666666), color-stop(17%,#6b6b6b), color-stop(80%,#6b6b6b), color-stop(83%,#6a6a6a), color-stop(87%,#666666), color-stop(97%,#525252), color-stop(100%,#444444)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #454545 0%,#666666 13%,#6b6b6b 17%,#6b6b6b 80%,#6a6a6a 83%,#666666 87%,#525252 97%,#444444 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #454545 0%,#666666 13%,#6b6b6b 17%,#6b6b6b 80%,#6a6a6a 83%,#666666 87%,#525252 97%,#444444 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #454545 0%,#666666 13%,#6b6b6b 17%,#6b6b6b 80%,#6a6a6a 83%,#666666 87%,#525252 97%,#444444 100%); /* IE10+ */
background: linear-gradient(to bottom, #454545 0%,#666666 13%,#6b6b6b 17%,#6b6b6b 80%,#6a6a6a 83%,#666666 87%,#525252 97%,#444444 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#444444',GradientType=0 ); /* IE6-8 */
}
#mw-panel.collapsible-nav .portal.collapsed:hover h3 a,
#mw-panel.collapsible-nav .portal.expanded h3 a{
text-decoration:none;
color:white;
text-transform:uppercase;
}
#mw-panel.collapsible-nav .portal.expanded{
padding-top:0 !important;
padding-bottom:0 !important;
}
#mw-panel.collapsible-nav .portal.expanded h3{
padding-top:0.45em;
padding-bottom:0.45em;
margin:0;
}
#mw-panel.collapsible-nav .portal .body{
margin:0;
padding:0.6em 0 0.6em 1.25em;
background: #b2b2b2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYmViZWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjZjVmNWY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjZTdlN2U3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjYmViZWJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FjYWNhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) !important;
background: -moz-linear-gradient(top, #b2b2b2 0%, #bebebe 0%, #e7e7e7 2%, #f5f5f5 2%, #ffffff 3%, #ffffff 97%, #f5f5f5 98%, #e7e7e7 98%, #bebebe 99%, #acacac 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(0%,#bebebe), color-stop(2%,#e7e7e7), color-stop(2%,#f5f5f5), color-stop(3%,#ffffff), color-stop(97%,#ffffff), color-stop(98%,#f5f5f5), color-stop(98%,#e7e7e7), color-stop(99%,#bebebe), color-stop(100%,#acacac)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b2b2b2 0%,#bebebe 0%,#e7e7e7 2%,#f5f5f5 2%,#ffffff 3%,#ffffff 97%,#f5f5f5 98%,#e7e7e7 98%,#bebebe 99%,#acacac 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b2b2b2 0%,#bebebe 0%,#e7e7e7 2%,#f5f5f5 2%,#ffffff 3%,#ffffff 97%,#f5f5f5 98%,#e7e7e7 98%,#bebebe 99%,#acacac 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b2b2b2 0%,#bebebe 0%,#e7e7e7 2%,#f5f5f5 2%,#ffffff 3%,#ffffff 97%,#f5f5f5 98%,#e7e7e7 98%,#bebebe 99%,#acacac 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #b2b2b2 0%,#bebebe 0%,#e7e7e7 2%,#f5f5f5 2%,#ffffff 3%,#ffffff 97%,#f5f5f5 98%,#e7e7e7 98%,#bebebe 99%,#acacac 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#acacac',GradientType=0 ) !important; /* IE6-8 */
}
div#mw-panel div.portal div.body ul li a{
color:#303030;
}
div#mw-panel div.portal div.body ul li a:hover{
color:#7e7e7e;
}
#p-logo{
position:relative;
top:0;
left:0;
width:auto;
height:124px;
margin-bottom:11px;
}
#p-logo a{
background-repeat:no-repeat;
background-position: center 49%;
width:100%;
height:125px;
}
#p-USER-SIDEBAR{
display:none;
}
#left-navigation{
display:none;
}
div#simpleSearch {
width:10em;
height: 1.2em;
margin-top:5px;
}
div#simpleSearch button#searchButton {
padding: 0 0.4em 0.2em 0;
}
#p-search {
position: absolute;
right: 1.5em;
top: 0;
width: auto;
z-index: 100;
margin-left: 0;
margin-right: 0;
}
/* ##################################################
mw-head
################################################## */
div#mw-head {
background: url("http://www.entropiaplanets.com/styles/fusion/xenfocus/backgrounds/background2.jpg");
background-position:center 30%;
background-size: cover;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
#right-navigation {
margin-top: 9.8em;
width:100%;
}
div.vectorTabs{
float:none;
height:1.5em;
padding-right:0em;
background:white;
background:rgba(255,255,255,0.5);
border-top:1px solid rgba(0,0,0,0.5);
border-bottom:1px solid black;
}
div.vectorTabs ul{
float:right;
margin-right: 3em;
background:none;
}
div.vectorTabs ul li {
background:none;
}
div.vectorTabs li.selected{
background:none;
}
div.vectorTabs span{
background:none;
}
div.vectorTabs span a{
padding-top:0.3em;
}
div.vectorTabs li a{
color:black;
height:auto;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{
color:black;
font-weight:bold;
}
/*************/
div.vectorMenu{
position:absolute;
top:10.4em;
right:1.5em;
z-index:2;
background:none;
}
div.vectorMenu h3 a{
position:relative;
background:none;
height:1.7em;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
div.vectorMenu h3 a:after{
content: "\f0d7";
position: absolute;
bottom: 1em;
padding:0 0 0 0.5em;
color:black;
}
div.vectorMenu ul{
margin-top:-14px;
right:0;
border-color:#313131;
background-color:rgba(255,255,255,0.8)
}
div#mw-head div.vectorMenu > h3{
height:1.45em;
}
div.vectorMenu li a{
color:black;
}
div.vectorMenu li a:hover{
text-decoration:underline;
}
/*************/
#ca-unwatch.icon a,
#ca-watch.icon a{
background:none;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#ca-unwatch.icon a:before,
#ca-watch.icon a:before {
content: "\f005";
position: absolute;
bottom: 0.4em;
padding:0 0 0 0.5em;
color:black;
}
/* ##################################################
content
################################################## */
div#content{
border:none;
border-left: 1px solid #313131;
padding-top:0.25em;
}
#localNotice {
display:none;
position: absolute;
top: -15.5em;
left: 0;
width: 100%;
z-index:2;
}
/* ##################################################
tables
################################################## */
table.jquery-tablesorter{
border-top:0;
}
table.jquery-tablesorter th.headerSort{
background-color:#505050;
color:white;
border:0px;
border-right:1px solid #a8a8a8;
}
table.jquery-tablesorter th.headerSort:last-child{
border:0px;
}
.smwtable .row-even{
background:#e2e2e2;
}
/*******************/
.skin-vector table.ep_mainhead{
line-height:15px;
}
.skin-vector td.ep_mainheadtxt1{
color:#646464;
}
.skin-vector td.ep_mainheadtxt4{
color:#646464;
}
.skin-vector td.ep_mainheadtxt3{
color:#CC0000;
}
.skin-vector table.ep_mainhead{
background:none;
border:none;
padding:0;
margin:0;
border: 6px solid white;
border-top:0;
border-bottom:0;
}
.skin-vector table.ep_mainhead > tbody > tr > td{
background:#EEEEEE;
}
.skin-vector table.ep_mainhead > tbody > tr > td:first-child{
border-left: 1px solid #C3CBCF;
margin-left:6px;
}
.skin-vector table.ep_mainhead > tbody > tr > td:last-child{
border-right: 1px solid #C3CBCF;
margin-right:6px;
}
.skin-vector th.ep_datahead1{
background-color:#505050;
color:white;
border:0px;
border-right:1px solid #a8a8a8;
}
/* ##################################################
footer
################################################## */
div#footer{
background:#3a3a3a;
color:white;
padding: 0.6em 1.25em;
}
#footer a{
color:white;
text-decoration:underline;
}
div#footer ul li{
color:#7a7a7a;
display:inline;
padding-right:1em;
}
div#footer ul li#footer-info-copyright{
display:none;
}
/* ##################################################
forms stuff
################################################## */
.radioButtonItem {
font-size:0%;
padding-left:10px;
padding-right:10px;
}