Difference between revisions of "MediaWiki:Vector.css"

From Explore Analytics: The Wiki
Jump to navigation Jump to search
Line 83: Line 83:
  
 
/* Default style for navigation boxes */
 
/* Default style for navigation boxes */
table.navbox {
+
.navbox {                     /* Navbox container style */
/* Navbox container style */
+
    border: 1px solid #aaa;
border: 1px solid #aaa;
+
    width: 100%;
width: 100%;
+
    margin: auto;
margin: auto;
+
    clear: both;
clear: both;
+
    font-size: 88%;
font-size: 88%;
+
    text-align: center;
text-align: center;
+
    padding: 1px;
padding: 1px;
 
 
}
 
}
table.navbox + table.navbox {
+
.navbox-inner,
/* Single pixel border between adjacent navboxes */
+
.navbox-subgroup {
margin-top: -1px;
+
    width: 100%;
/* (doesn't work for IE6, but that's okay) */
 
 
}
 
}
.navbox th,
+
.navbox-group,
 
.navbox-title,
 
.navbox-title,
 
.navbox-abovebelow {
 
.navbox-abovebelow {
text-align: center;
+
    padding: 0.25em 1em;     /* Title, group and above/below styles */
/* Title and above/below styles */
+
    line-height: 1.5em;
padding-left: 1em;
+
    text-align: center;
padding-right: 1em;
 
 
}
 
}
th.navbox-group {
+
th.navbox-group {             /* Group style */
/* Group style */
+
    white-space: nowrap;
white-space: nowrap;
+
    /* @noflip */
/* @noflip */
+
    text-align: right;
text-align: right;
 
 
}
 
}
 
.navbox,
 
.navbox,
 
.navbox-subgroup {
 
.navbox-subgroup {
background: #fdfdfd;
+
    background: #fdfdfd;     /* Background color */
 
}
 
}
 
.navbox-list {
 
.navbox-list {
/* Must match background color */
+
    line-height: 1.8em;
border-color: #fdfdfd;
+
    border-color: #fdfdfd;    /* Must match background color */
 
}
 
}
 
.navbox th,
 
.navbox th,
 
.navbox-title {
 
.navbox-title {
/* Level 1 color */
+
    background: #ccccff;      /* Level 1 color */
background: #ccccff;
 
 
}
 
}
 
.navbox-abovebelow,
 
.navbox-abovebelow,
 
th.navbox-group,
 
th.navbox-group,
 
.navbox-subgroup .navbox-title {
 
.navbox-subgroup .navbox-title {
/* Level 2 color */
+
    background: #ddddff;      /* Level 2 color */
background: #ddddff;
 
 
}
 
}
 
.navbox-subgroup .navbox-group,
 
.navbox-subgroup .navbox-group,
 
.navbox-subgroup .navbox-abovebelow {
 
.navbox-subgroup .navbox-abovebelow {
/* Level 3 color */
+
    background: #e6e6ff;      /* Level 3 color */
background: #e6e6ff;
 
 
}
 
}
 
.navbox-even {
 
.navbox-even {
/* Even row striping */
+
    background: #f7f7f7;      /* Even row striping */
background: #f7f7f7;
 
 
}
 
}
 
.navbox-odd {
 
.navbox-odd {
/* Odd row striping */
+
    background: transparent;  /* Odd row striping */
background: transparent;
+
}
 +
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
 +
    margin-top: -1px;         /* (doesn't work for IE6, but that's okay)      */
 
}
 
}
 
.navbox .hlist td dl,
 
.navbox .hlist td dl,
Line 150: Line 144:
 
.navbox td.hlist ol,
 
.navbox td.hlist ol,
 
.navbox td.hlist ul {
 
.navbox td.hlist ul {
/* Adjust hlist padding in navboxes */
+
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
padding: 0.125em 0;
 
}
 
.navbox .hlist dd,
 
.navbox .hlist dt,
 
.navbox .hlist li {
 
/* Nowrap list items in navboxes */
 
white-space: nowrap;
 
/* IE < 8 no-wraps entire list, so disable it */
 
white-space: normal !ie;
 
}
 
.navbox .hlist dd dl,
 
.navbox .hlist dt dl,
 
.navbox .hlist li ol,
 
.navbox .hlist li ul {
 
/* But allow parent list items to be wrapped */
 
white-space: normal;
 
 
}
 
}
 
ol + table.navbox,
 
ol + table.navbox,
 
ul + table.navbox {
 
ul + table.navbox {
/* Prevent lists from clinging to navboxes */
+
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
margin-top: 0.5em;
 
 
}
 
}
 
+
 
/* Default styling for Navbar template */
 
/* Default styling for Navbar template */
 
.navbar {
 
.navbar {
Line 207: Line 184:
 
     width: 6em;
 
     width: 6em;
 
}
 
}
 
+
 
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
 
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
 
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
 
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
Line 223: Line 200:
 
   from [[Template:Navbar]], so they need to be the same width. */
 
   from [[Template:Navbar]], so they need to be the same width. */
 
.navbox .collapseButton {
 
.navbox .collapseButton {
 +
    width: 6em;
 +
}
 +
 +
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
 +
.mw-collapsible-toggle {
 +
    font-weight: normal;
 +
    /* @noflip */
 +
    text-align: right;
 +
}
 +
.navbox .mw-collapsible-toggle {
 
     width: 6em;
 
     width: 6em;
 
}
 
}

Revision as of 14:42, 23 December 2012

/* CSS placed here will affect users of the Vector skin */
#explore_top_menu_bar {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.9em;
  height: 25px;
  padding: 3px;
}

#explore_top_menu_bar ul {
  padding: 0;
  margin: 0 0 0 10px;
  list-style: none none;
}

#explore_top_menu_bar li {
  float: left;
  display: inline-block;
  list-style: none none;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #a7d7f9;
}

#explore_top_menu_bar a {
  color: black;
  font-weight: bold;
  outline: 0 none !important;
}

#mw-page-base {
  clear: left;
}

/**
 * add 31 pixels (height of menu bar including padding)
 */
#mw-panel {
  top: 191px !important;
}

.maintable{
    width:400px;
    border:1px solid #CCC;
    float:left;
    position:relative;
    top:-50px;
    margin:4px;
    padding:3px 8px 8px 8px;
    background-repeat:no-repeat;
}
 
.maintable h1{
    padding:.5em 0 4px;
    border-bottom:0px solid black;
    padding-left:13px;
    color:black;
}
 
.maintable h2{
    font-size:14px;
    padding: 0 0 5px;
    color:#646464;
    line-height:0;
    margin-bottom:15px;
    font-weight:400;
    padding-left:5px;
    margin-top:5px;
}

.maintablebottom{
    width:1253px;
    border:1px solid #CCC;
    float:left;
    position:relative;
    top:-50px;
    margin:4px;
    padding:3px 8px 8px 8px;
    background-repeat:no-repeat;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.8em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}
 
/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}
 
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}