MediaWiki:Vector.css
Jump to navigation
Jump to search
Note: After saving, 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)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Vector skin */
#ttb {
margin-top: -30px;
}
#tfctopbar {
font-family:'PT Sans', arial, serif;
background-color:#2d2d2d;
border-bottom:1px #000 solid;
font-size:13px;
font-weight:bold;
line-height:30px;
height:29px;
padding:0 6px;
margin: 0;
list-style:none;
}
#tfctopbar ul {
position: absolute;
list-style: none;
top: 30px;
text-align: left;
z-index:-1;
border: 1px solid #bebebe;
background: #fff;
-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
box-shadow: 0 2px 4px rgba(0,0,0,.2);
margin-left: -1px;
}
#tfctopbar li {
float: left;
margin-top: 1px;
}
#tfctopbar ul {
display:none;
list-style:none;
}
#tfctopbar a {
color:#bbbbbb;
text-decoration:none;
padding:0 9px;
display:block;
}
#tfctopbar .right.drop { margin-left: 31px; }
#tfctopbar .right {
float:right;
}
#tfctopbar .right a {
display:inline-block;
}
#tfctopbar a:hover {
color:#fff;
}
#tfctopbar li.drop:hover {
background: #fff;
border: 1px solid #bebebe;
border-bottom: none;
margin-top:0;
}
#tfctopbar li.drop:hover a {
color: #2d2d2d;
padding:0 8px;
}
#tfctopbar li.drop:hover ul {
display:block;
z-index: 5;
border-top: none;
margin-top: 0;
}
#tfctopbar ul li {
float:none;
line-height:30px;
}
#tfctopbar ul li a {
color:#2d2d2d;
padding:0 20px !important;
display:block !important;
}
#tfctopbar ul li:hover {
border:none;
}
#tfctopbar ul li:hover a {
color:#2d2d2d;
background-color:#f5f5f5;
}
#tfctopbar .content {
margin-left:40px;
display:block;
font-size:13px;
line-height:17px;
}
#tfctopbar .content a {
padding:0 !important;
font-weight:normal;
}
#tfctopbar .content a.new {
font-weight:bold;
}
#tfctopbar .inbox li:hover a {
background:transparent;
}
#tfctopbar .inbox {
width:300px;
padding:5px;
margin-left:-150px;
}
#tfctopbar .inbox li {
margin-bottom:8px;
}
#tfctopbar .inbox .head {
color:#595959;
font-weight:normal;
font-size:16px;
border-bottom: 1px solid #ececec;
}
#tfctopbar .inbox .head .right {
font-size:11px;
}
#tfctopbar .inbox .head .right a {
padding:0 4px !important;
}
.pmnum {
padding: 0px 4px !important;
height: 12px;
line-height: 12px;
background: #cf2020;
color: #fff !important;
font-size: 9px;
text-align: center;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position: absolute;
top: 3px;
left: -3px;
}
.b-icon {
width: 21px;
height: 21px;
margin-top: 4px;
margin-right:5px;
background-image: url(../wp-includes/images/admin-bar-sprite.png?d=20120830);
background-position: 0 -76px;
background-repeat: no-repeat;
float:left;
display:inline-block;
}
.f-icon {
width: 21px;
height: 21px;
margin-top: 6px;
margin-right:5px;
background-image:url(profile.png);
background-repeat: no-repeat;
float:left;
display:inline-block;
}
#tfctopbar li.drop:hover .outside-icon {
margin-left: -25px;
}
.meta {
font-size: 11px !important;
color:#a4a4a4;
}
.ipsUserPhoto {
width:30px;
height:30px;
float:left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.outside-icon {
position: absolute;
margin-left: -24px;
cursor: pointer;
height: 30px;
}
.m-icon {
width: 21px;
height: 21px;
margin-top: 6px;
margin-right:5px;
background-image:url(messages.png);
background-repeat: no-repeat;
float:left;
display:inline-block;
}
.n-icon {
width: 21px;
height: 21px;
margin-top: 6px;
margin-right:5px;
background-image:url(notifications.png);
background-repeat: no-repeat;
float:left;
display:inline-block;
}
.w-icon {
width: 21px;
height: 21px;
margin-top: 4px;
margin-right:5px;
background-image:url(wlogo.png);
background-repeat: no-repeat;
float:left;
display:inline-block;
}
#tfctopbar li .profile .ipsUserPhoto {
width: 55px;
height: 55px;
}
#tfctopbar li .profile {
width: 340px;
margin-left: -280px !important;
padding: 10px;
}
#tfctopbar li .profile form {
display: inline-block;
margin-left: 15px;
}
#tfctopbar li .profile li {
width: 270px;
margin-left:70px;
line-height: 24px;
}
#tfctopbar li .profile li.head {
margin: 0 0 10px;
width: 340px;
}
#tfctopbar li .profile a {
width: 130px;
display: inline-block !important;
padding: 0 !important;
font-weight: normal;
}
#tfctopbar .profile li:hover a {
background-color: transparent;
}
#tfctopbar .profile input {
padding: 2px 5px;
color: #666;
}
#tfctopbar .notifications {
width:300px;
padding:5px;
margin-left:-150px;
}
#tfctopbar .notifications li {
margin-bottom: 8px;
}
#tfctopbar .notifications li:hover a {
background:transparent;
}
#tfctopbar .notifications .head {
color:#595959;
font-weight:normal;
font-size:16px;
border-bottom: 1px solid #ececec;
}
#tfctopbar .notifications .meta {
display: block;
}
#tfctopbar .notifications .head .right {
font-size:11px;
}
#tfctopbar .notifications .head .right a {
padding:0 4px !important;
}
#tfctopbar .notifications .content {
font-weight: normal;
font-size: 12px;
line-height: 13px;
}
#tfctopbar .notifications .content a {
display: inline !important;
}
body {
background-image: url("https://tng.terrafirmacraft.com/images/6/65/Wiki_Background.png");
margin-top: 30px;
margin-top: 0;
}
/* Add the grass block background */
#mw-page-base {
background-color: #8DBDE9;
background-image: url("https://tng.terrafirmacraft.com/images/a/a5/Wiki_Header_Background.png");
height: 10em
}
/* Position the #content area and add the cloud detail image */
#mw-head-base {
background-position: left 6px;
background-repeat: repeat-x;
border: none;
height: 103px;
margin: -160px 10px 0 10.4em !important;
}
/* Position the header area and give it a fake 3D background to go over the top-right of the #content area */
#mw-head {
background-position: bottom right;
background-repeat: no-repeat;
height: 103px;
margin-top: 0 !important;
}
/* Set up the link colours and make tabs bold */
#p-personal a,
#mw-panel h5,
#footer ul li,
#mw-panel a:hover,
#mw-panel a:focus,
#footer a:hover,
#footer a:focus,
#ft a:hover,
#ft a:focus {
color: #FFF !important
}
#p-personal a.new,
#left-navigation li.new a,
#right-navigation #p-views li.new a {
color: #BA0000 !important
}
/* Position the first set of tabs (page/discussion/etc.) */
#left-navigation {
margin-left: 183px;
margin-top: 67px;
}
/* Give the user details area some colouring */
#p-personal {
background-color: rgba(69, 74, 76, 0.5);
border: 1px solid #191E22;
right: 0;
padding-right: 0.55em;
margin-top: 0
}
#p-personal li {
margin: 0.5em 0 0.5em 0.75em
}
#p-personal ul {
padding-left: 0
}
div.vectorTabs {
background-image: none;
}
div.vectorTabs ul li,
div.vectorMenu {
background-image: none;
background-color:#2d2d2d;
}
div.vectorTabs span {
background-image: none !important;
}
div.vectorTabs li span,
div.vectorMenu h5 {
background-position: right top !important;
height: 21px;
float: left;
}
div.vectorTabs li.selected,
div.vectorTabs li span:hover,
div.vectorMenu:hover h5 {
background-image: none;
}
/* Position the second set of tabs (read/edit/search/etc.) */
#right-navigation {
margin-top: 50px
}
#right-navigation .vectorTabs {
margin-top: 17px
}
/* Styling for the menu tab and its menu */
div.vectorMenu h5 {
margin-left: 0 !important
}
div.vectorMenu h5 a {
height: 36px;
background-position: 11px 15px;
padding-right: 6px;
padding-left: 7px
}
div.vectorMenu div.menu ul {
background: #E6EFF4
}
/* Position the general search area */
#p-search {
margin: 0 0 0 12px;
}
/* The suggestions shown under the search bar */
.suggestions:last-of-type {
width: 217px !important;
top: 112px !important;
right: 28px !important
}
.suggestions:last-of-type .suggestions-results,
.suggestions:last-of-type .suggestions-special {
background-color: #DBDADA;
border-color: #3C3B3B
}
.suggestions:last-of-type .suggestions-result-current {
background-color: highlight !important
}
/* Don't use vector's blue circle image for unordered lists, instead use the square black bullet points, which is obviously more fitting here */
ul {
list-style-image: none
}
/* Add white background to some areas */
#userlogin, #userloginForm, #asirra_ChallengeTableDiv {
background-color: #FFF;
}
/* Get rid of stupid white backgrounds on the diff area */
table.diff, td.diff-otitle, td.diff-ntitle {
background-color: transparent !important
}
/* Get rid of stupid white borders on page history */
#pagehistory li {
border-color: transparent
}
} */
/* Get rid of stupid white borders on galleries and replace the space they created with an actual margin */
li.gallerybox {
border: none;
margin: 2px
}
#p-logo a {
background-image: url("https://tng.terrafirmacraft.com/images/6/60/Wiki_Logo.png") !important;
}
/* Use the footer to add a fake 3D background over the bottom-left of the content area */
#footer {
background-repeat: no-repeat !important;
margin-top: -5px !important;
margin-left: 168px !important;
padding-top: 17px !important;
}
/*Text divider in sidebar*/
div#mw-panel div.portal h3, div#mw-panel div.portal h5 {
color: #1ec500;
font-weight:bold;
}
/* Fix Stuff */
#p-cactions-label {
height: 36px;
width: 24px;
}
div.vectorMenu h3#p-cactions-label span {
display:none;
}
div.vectorMenu div.menu {
margin-left: -6px;
}
div.vectorTabs ul li, div.vectorMenu {
}
/*My changes and CSS to keep, something more logical than the above...
/* ===================Dif page fixes==================*/
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-rcfilters-ui-filterMenuHeaderWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer,
.mw-rcfilters-ui-filterMenuSectionOptionWidget
{
background-color: #2e2e2e;
}
.mw-rcfilters-ui-itemMenuOptionWidget:hover
{
background-color: #171717;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: #ffffff;
background-color: #2e2e2e;
border-color: #ffffff;
}
/* ===============Tab edits========================== */
.vectorTabs
.vectorTabs ul {
background-image: none;
}
div.vectorTabs ul li{
background: #1f1e1e;
}
div.vectorTabs li.selected{
background: #2e2e2e;
}
div.vectorTabs li a {
padding: 11px 10px;
}
#left-navigation a,
#right-navigation #p-views a {
font-weight: bold;
}
#mw-head .vectorMenu h3 {
background-image: none;
}
#right-navigation .vectorMenu {
margin-top: 1em;
}
/*============== Content box =====================*/
#content {
background: #2e2e2e;
color:#ffffff;
}
div#content {
margin-left: 11.5em;
border: none;
}
/*===================Text Color Correction================*/
/*White text fixes*/
/* Fixes headers 1-4, page name, Page content list, sidebar and footer, wikitables, collapsible things, Diff table, topbar links, Template documentation editor*/
h1,
h2,
h3,
h4,
#mw-headline,
.tocnumber,
ca-nstab-main,
ca-edit,
#mw-panel a,
#mw-panel a:visited,
#footer a,
#mw-panel .portal .body li a:visited,
#mw-panel .portal .body li a,
.toccolours,
.wikitable,
.wikEdDiffDelete,
.diff-context,
#left-navigation a,
#right-navigation #p-views a,
.mw-warning,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle
.oo-ui-labelElement .oo-ui-labelElement-label
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label
.oo-ui-processDialog-location
.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label
.oo-ui-decoratedOptionWidget.oo-ui-iconElement
{
color: #ffffff;
}
/*Misc black text fixes*
/* Table heads */
th
{
color: #000000;
}
/*Missing Page color fixes*/
a.new:visited,
#p-personal a.new:visited
{
color: #ba0000;
}
/*Cyan text fixes*/
/*Fixes not visited links, */
a,
a.external
{
color: #42a4f5;
}
/* Lilac text fixes */
/* Fixes visited links */
a:visited,
a.external:visited,
.mw-parser-output a.external:visited
{
color: #b700f3;
}
/*=========================== Background color fixes ==================================*/
/* Fixes Category links, Thumbnail right, Contents list, area below the edit box, collapsible things,recent changes legend*/
#catlinks,
div.thumbinner,
.toc,
.toccolours,
.wikitable,
.wikEdConsoleWrapper
.mw-rcfilters-ui-changesListWrapperWidget
.mw-changeslist-legend,
.mw-warning,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-menuSelectWidget
.oo-ui-window-content
{
background-color: #171717;
}
/*Diff Page fixes*/
/*Recolor deletions */
.diff-deletedline .diffchange,
.diff-deletedline,
.wikEdDiffDelete
{
background: #880808;
border-color: #880808;
}
/*Diff background recolor*/
.diff-contentalign-left td,
.wikEdDiffFragment
{
background: #2e2e2e;
}
/*Recolor additions*/
.diff-addedline .diffchange,
.diff-addedline,
.wikEdDiffInsert
{
background: #007103;
border-color: #007103;
}
