Difference between revisions of "MediaWiki:Common.css"

Revision as of 19:40, 31 May 2013

/* This stylesheet no longer needs to be manually minified. */

/* Make vector orange */
div.vectorTabs, div.vectorTabs li a, div.vectorMenu h5 a {
    background-image: url(/w/images/5/58/Tab-break.png);
}

#mw-head-base, #footer {
    background-image: url(/w/images/4/46/Border.png);
}

div.vectorTabs ul { 
    background-image: url(/w/images/5/58/Tab-break.png);
}

div.vectorTabs ul li {
    background-image: url(/w/images/7/77/Tab-normal-fade.png);
    background-color: transparent;
}

div.vectorTabs li.selected {
    background-image: url(/w/images/7/71/Tab-current-fade.png);
}

#mw-page-base {
    background: transparent url(/w/images/9/99/Page-fade.png) repeat-x;
}

#content { 
    background-color: transparent;
    background-image: url(/w/images/d/dd/Content-bg.png);
    border-left:1px solid #F2A858;
}


#mw-panel.collapsible-nav div.portal,
#mw-panel div.portal div.body { 
    background-image: url(/w/images/0/0f/Portal-break.png);
}

/* Need to set up new backgrounds here */
body {
    background-color: #F5F5F5;
    background-image: url(/w/images/9/9f/Background_Main_vector.png);
    background-attachment: fixed;
}

/* More padding for the little man icon in the corner */
#pt-userpage, #pt-anonuserpage, #pt-login { 
    padding-left: 20px !important;
}

/* Cover up visited link colour in personal bar */
#p-personal a:visited { 
    color: #3F56AD;
}

/* Adjust position of site notice */
#siteNotice div,
#siteNotice p { 
    margin: -0.5em 0em 1.5em 0em
}

.topicon { 
    position: absolute !important;
    top: -44px !important;
    right: 1px !important;
    display: block !important;
}

/* Account for additions to shared.css */
table.wikitable {
    border-collapse: separate;
}

.wikitable th, .wikitable td {
    border: none;
}

table.grid {
  border: 1px #79542B solid;
  border-collapse: collapse;
  padding:0.4em;
}

.grid th, .grid td {
  border: 1px #79542B solid;
  padding: 0.1em 0.8em;
  white-space: inherit;
}

/* Vector sidebar fixes */
/* Hide languages box per namespace & per page */

.ns--1 .portal#p-Languages,               /* Special */
.ns-0.page-Main_Page .portal#p-Languages, /* Main Page exception */
.ns-2 .portal#p-Languages,                /* User */
.ns-3 .portal#p-Languages,                /* User talk */
.ns-4 .portal#p-Languages,                /* Team Fortress Wiki */
.ns-5 .portal#p-Languages,                /* Team Fortress Wiki talk */
.ns-6 .portal#p-Languages,                /* File */
.ns-7 .portal#p-Languages,                /* File talk */
.ns-8 .portal#p-Languages,                /* MediaWiki */
.ns-9 .portal#p-Languages                 /* MediaWiki talk */
{ 
    display: none; 
}

/* Start Leyen override; FIXME: Rip this out into its own skin */
body {
  background: url(/w/images/7/74/Leyen_sidebar_background.png) repeat-y #f1f0ef !important;
}

#mw-panel {
  bottom: 0px !important;
}

#firstHeading {
  font-size: 1.7em !important;
}

#mw-page-base {
  background: transparent url(/w/images/6/63/Leyen_top_background.png) repeat-x !important;
}

#mw-head-base {
  background-image: url(/w/images/e/e6/Leyen_top_border.png) !important;
}

#content {
  background: url(/w/images/1/1b/Leyen_content_background.png) repeat-x #fdfdfd !important;
  border-left: 1px solid #878079 !important;
  border-bottom: 1px solid #878079 !important;
}

#footer {
  background: transparent url(/w/images/3/3f/Leyen_footer_background.png) bottom repeat-x !important;
  border-left: 1px solid #878079 !important;
}

#mw-panel div.portal h5 {
  color: #352d26 !important;
  font-weight: bold !important;
  font-size: 0.75em !important;
}

#mw-panel.collapsible-nav div.portal  ul li a,
#mw-panel div.portal div.body ul li a {
  color: #27211c !important;
}

#mw-panel.collapsible-nav div.portal,
#mw-panel div.portal div.body {
  background-image: url(/w/images/c/c7/Leyen_sidebar_separator.png) !important;
  background-repeat: repeat-x !important;
  width: 148px !important;
}

#p-logo
{
  background: url(/w/images/f/fb/Leyen_logo_background.png) no-repeat !important;
  height: 180px !important;
  left: 0 !important;
}

/* Responsive sidebar wide-version tweaks */
@media screen and (min-width: 982px) {
  #mw-panel.collapsible-nav div.portal {
    width: 158px !important;
  }
  body {
    background: url(/w/images/2/21/Leyen_sidebar_background_wide.png) repeat-y #f1f0ef !important;
  }
  #p-logo
  {
    background: url(/w/images/0/03/Leyen_logo_background_wide.png) repeat-x !important;
    width: 176px !important;
  }
}

#p-navigation, #p-Navigation {
  padding-top: 20px !important;
}

#p-personal li * {
  color: #393736 !important;
}

div.vectorTabs, div.vectorTabs ul, div.vectorMenu h5 a {
  background: none !important;
}

div.vectorTabs ul li, div.vectorTabs ul li * {
  margin: 0px !important;
  padding: 0px !important;
  background: none !important;
}

div.vectorMenu {
  background: url(/w/images/0/02/Leyen_dropdown.png) no-repeat left !important;
  width: 24px !important;
  height: 24px !important;
  margin-top: 16px !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
}

div.vectorMenu:hover {
  background-position: -24px 0px !important;
}

div.vectorMenu .menu {
  top: -16px !important;
}

div.vectorMenu ul {
  background: #4c4b49 url(/w/images/6/62/Leyen_tab_dropdown.png) top repeat-x !important;
  border-left: 1px solid #878079 !important;
  border-right: 1px solid #878079 !important;
  border-bottom: 1px solid #878079 !important;
  margin-left: 0px !important;
}

div.vectorMenu ul * {
  color: #fcfbfa !important;
}

div.vectorTabs ul li {
  background: url(/w/images/7/7f/Leyen_tab_off_left.png) bottom left no-repeat !important;
  padding-left: 10px !important;
  height: 24px !important;
  margin-top: 16px !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
}

div.vectorTabs ul li span {
  background: url(/w/images/4/49/Leyen_tab_off_right.png) bottom right no-repeat !important;
  padding-right: 10px !important;
  padding-left: 0px !important;
  padding-bottom: 0px !important;
  height: 24px !important;
}

div.vectorTabs ul li a {
  background: url(/w/images/5/5c/Leyen_tab_off_center.png) bottom repeat-x !important;
  margin-bottom: 0px !important;
  height: 20px !important;
  padding-top: 4px !important;
}

div.vectorTabs ul li.new {
  background-image: url(/w/images/8/88/Leyen_tab_new_off_left.png) !important;
}

div.vectorTabs ul li.new span {
  background-image: url(/w/images/a/ae/Leyen_tab_new_off_right.png) !important;
}

div.vectorTabs ul li.new a {
  background-image: url(/w/images/8/8e/Leyen_tab_new_off_center.png) !important;
}

div.vectorTabs ul li * {
  color: #edeceb !important;
  font-family: "TF2 Build" !important;
  font-size: 16px !important;
}

div.vectorTabs ul li:hover * {
  color: #fcfbfa !important;
}

div.vectorTabs ul li.selected {
  background: url(/w/images/f/f0/Leyen_tab_left.png) bottom left no-repeat !important;
}

div.vectorTabs ul li.selected span {
  background: url(/w/images/4/46/Leyen_tab_right.png) bottom right no-repeat !important;
}

div.vectorTabs ul li.selected a {
  background: url(/w/images/c/ce/Leyen_tab_center.png) bottom repeat-x !important;
}

div.vectorTabs ul li.selected * {
  color: #4d4743 !important;
  cursor: default !important;
}

div.vectorTabs ul li.selected.new * {
  color: #733c17 !important;
}

div.vectorTabs ul li span {
  -webkit-transform: rotate(-0.0000000001deg); /* Hack for Chrome to force antialias */
}

#p-search {
  background: url(/w/images/8/8e/Leyen_search_background.png) bottom no-repeat !important;
  width: 280px !important;
  height: 24px !important;
  margin-top: 16px !important;
}

#p-search form, #p-search input {
  margin-top: 0px !important;
}

#searchInput {
  border: 1px solid #998d82 !important;
  margin: 0px !important;
  background: #bcb3a9 !important;
  padding: 2px !important;
  margin-left: 2px !important;
  color: #514840 !important;
  font-size: 11px !important;
  border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  margin-left: 5px !important;
  width: 178px !important;
}

#searchGoButton {
  background: url(/w/images/b/b8/Leyen_search_button.png) top no-repeat !important;
  border: 0px !important;
  padding: 0px !important;
  height: 18px !important;
  width: 81px !important;
  cursor: pointer !important;
  text-indent: -5000px !important;
  position: relative !important;
  top: 2px! important;
}

#searchGoButton:hover {
  background-position: 0px -18px !important;
}

#mw-searchButton {
  display: none !important;
}
/* End Leyen override */