A Project of the Center for Advanced Study in the Visual Arts, National Gallery of Art
History of Early American Landscape Design

Difference between revisions of "MediaWiki:Common.css"

[http://www.nga.gov/content/ngaweb/research/casva/research-projects.html A Project of the National Gallery of Art, Center for Advanced Study in the Visual Arts ]
 
(157 intermediate revisions by 5 users not shown)
Line 24: Line 24:
 
@keyframes fade-seq {0%{opacity:0} 100%{opacity:1}}
 
@keyframes fade-seq {0%{opacity:0} 100%{opacity:1}}
  
*{
+
html {
 +
font-size: 16px;
 +
}
 +
 
 +
.container {
 
transition: all 0.3s ease;
 
transition: all 0.3s ease;
 
}
 
}
Line 33: Line 37:
  
 
.bannerWrapper {
 
.bannerWrapper {
height: 240px;
+
height: auto;
 
box-sizing: border-box;
 
box-sizing: border-box;
 
padding: 15px;
 
padding: 15px;
background-image: url();
 
background-color: #f5f5f5;
 
background-repeat: no-repeat;
 
background-size: cover; 
 
background-position: center;
 
transition: all 0.3s ease;
 
 
}
 
}
  
Line 47: Line 45:
 
margin: 0 auto;
 
margin: 0 auto;
 
text-align: center;
 
text-align: center;
transition: all 0.3s ease;
 
 
}
 
}
  
.siteTagline a, .siteTagline a: visited {
+
.siteTagline a, .siteTagline a:visited {
 
color: #37474f;
 
color: #37474f;
 
text-decoration: none;
 
text-decoration: none;
font-size: 18px;
+
font-size: 15px;
 
}
 
}
  
 
.siteTitle {
 
.siteTitle {
font-size: 39px;
+
font-size: 38px;
line-height: 40px;
+
line-height: 38px;
 
font-family: Georgia, serif;
 
font-family: Georgia, serif;
 
text-transform: uppercase;
 
text-transform: uppercase;
 
letter-spacing: 1.5px;
 
letter-spacing: 1.5px;
 
margin-top: 11px;
 
margin-top: 11px;
color: #036d64;
+
color: #01443e;
 
}
 
}
  
  
 
.bannerImage {
 
.bannerImage {
display: none;
+
height: 105px;
height: 320px;
+
/*background-image: url();*/
background-image: url();
 
 
background-color: #f5f5f5;
 
background-color: #f5f5f5;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
background-size: cover;
+
background-size: cover;
 
background-position: center;
 
background-position: center;
 
}
 
}
Line 79: Line 75:
 
.navbar-default .navbar-nav > li > a {
 
.navbar-default .navbar-nav > li > a {
 
     text-transform: capitalize;
 
     text-transform: capitalize;
 +
    color: #252323;
 +
}
 +
 +
.navbar-default .navbar-nav > li > a:hover {
 +
    background-color: #eeeeee;
 +
    transition: all 0.2s ease-in-out;
 +
}
 +
 +
nav#mw-navigation.navbar.navbar-default.p-navbar.sticky.is_stuck:first-child {
 +
    display: none;
 +
}
 +
 +
span#Welcome {
 +
    animation: fade-in 2s ease;
 
}
 
}
  
Line 86: Line 96:
  
 
body.page-Home.action-view h1.firstHeading, body.page-Home.action-submit h1.firstHeading { display: none; }
 
body.page-Home.action-view h1.firstHeading, body.page-Home.action-submit h1.firstHeading { display: none; }
 +
 +
body.page-Home.action-view .contentHeader, body.page-Home.action-submit .contentHeader { display: none; }
 +
 +
/* Hide certain Special page links from all users - displayed for admins in MediaWiki:Group-sysop.css */
 +
#t-specialpages {
 +
  display: none;
 +
}
 +
 +
/* Hide certain elements from all users - displayed for admins in MediaWiki:Group-sysop.css */
 +
.mw-editsection {
 +
  display: none;
 +
}
  
 
input.mw-ui-button {
 
input.mw-ui-button {
Line 94: Line 116:
 
}
 
}
  
input.mw-ui-button: hover {
+
input.mw-ui-button:hover {
 
     color: #FFF;
 
     color: #FFF;
 
     background-color: #347bff;
 
     background-color: #347bff;
Line 103: Line 125:
 
}
 
}
  
a: visited {
+
a:visited {
 
color: #337ab7;
 
color: #337ab7;
 
}
 
}
  
.mw-body a.external: visited {
+
.mw-body a.external:visited {
 
color: #337ab7;
 
color: #337ab7;
 
}
 
}
  
.toc {
+
.mw-editsection-bracket {
background-color: #f5f5f5;
+
display: none;
padding: 15px;
 
 
}
 
}
  
.mw-body .toc #toctitle {
+
.mw-editsection a::before {
margin-bottom: 0;
+
font-family: "Glyphicons Halflings";
 +
content: "\270f";
 
}
 
}
  
.mw-body .toc #toctitle h2 {
+
blockquote {
font-size: 20px;
 
}
 
 
 
.mw-body .toc ul li a .tocnumber {
 
display: none;
 
}
 
 
 
blockquote {
 
 
font-size: 16px;
 
font-size: 16px;
 
color: #555555;
 
color: #555555;
Line 155: Line 169:
 
.footerTitle {
 
.footerTitle {
 
     box-sizing: border-box;
 
     box-sizing: border-box;
     padding: 6px;
+
     padding: 8px;
 
     font-family: sans-serif;
 
     font-family: sans-serif;
     font-size: 16px;
+
     font-size: 14px;
     color: #424242;
+
     color: #757575;
 
}
 
}
  
Line 169: Line 183:
 
}
 
}
  
/*End CSS for Chameleon Skin*/
+
#p-tb {
 
+
    border: none;
#top-wrap {
+
    box-sizing: border-box;
background: transparent;
+
    padding: 10px;
/*background-image: url(http://vm-healdddev-casva.nga.gov/mediawiki/skins/erudite/assets/images/Mills_Plan_Background_Banner.png); */
+
    /*display: none; */
background-image: url(http://vm-healdddev-casva.nga.gov/mediawiki/images/6/6f/0550.jpg);
 
background-position: center center !important;
 
background-size: cover !important;
 
background-repeat: no-repeat !important;
 
 
}
 
}
  
#top-wrap h1 {
+
#footer-info {
font-size: 1.5em;
+
    color: #9fa19f;
letter-spacing: 2px;
+
    line-height: 1.75em;
 +
    margin-top: 0;
 +
    margin-bottom: 2em;
 +
    font-size: 12px;
 
}
 
}
  
 
+
#footer-places {
#tagline {
+
    display: none;
padding-top: 0.85%;
 
 
}
 
}
  
input#s {
+
.imagemetadata {
width: 0;
+
width: 100%;
height: 3em;
+
box-sizing: border-box;
cursor: pointer;
+
padding: 2px;
color: #000000;
+
font-size: 17px;
 +
background-color: #f8f8f8;
 
}
 
}
  
input#s::placeholder {
+
.imagemetadata th {
color: #000000;
+
text-align: left;
 +
padding: 9px;
 +
border-right: 0.5px solid #e7e7e7;
 +
font-family: 'Open Sans', sans-serif;
 +
font-weight: 400;
 
}
 
}
  
#s {
+
.imagemetadata td {
width: 0px;
+
font-family: Georgia, serif;
height: 3em;
+
padding: 8px;
transition: all .3s ease-in-out;
 
background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/de/OOjs_UI_icon_search-ltr.svg);
 
background-repeat: no-repeat;
 
background-color: transparent;
 
background-position: 3px 4px;
 
padding-left: 34px;
 
vertical-align: text-bottom;
 
border-radius: 6px;
 
border-color: #fff;
 
 
}
 
}
  
/*Input and search form margin and transition*/
+
#file img {
 +
height: auto;
 +
max-width: 100%;
 +
}
  
#s: focus {
+
div.mw-filepage-resolutioninfo {
width: 60%;
+
padding-top: 8px;
-webkit-transition: all .3s ease-in-out;
 
font-family: 'Open Sans', sans-serif;
 
letter-spacing: 1.25px;
 
color: #000000;
 
outline: none;
 
font-size: 13px;
 
height: 31px;
 
border-bottom: solid thin #000000;
 
 
}
 
}
  
#searchform {
+
#filetoc {
/*margin-top: -3.1em;*/
+
margin-top: .5rem;
 +
display: none;
 
}
 
}
  
h1{
+
#mw-pages h2 {
      font-family: Georgia, serif;
+
display: none;
      letter-spacing: 0.75px;
 
 
}
 
}
  
h2{
+
#mw-searchoptions {
      font-family:'Open Sans', sans-serif;
+
display: none;
      font-size: 28px;
 
      font-weight: 400;
 
      letter-spacing: 1px;
 
 
}
 
}
  
h3 {
+
.mw-search-createlink {
      font-family: Georgia, serif;
+
display: none;
      letter-spacing: 0.5px;
 
 
}
 
}
  
hr {
+
/*.caretRotate {
display: block;
+
    transform: rotate(-90deg);
 +
    transition: transform .2s ease-in-out;
 +
}*/
 +
 
 +
#mw-imagepage-section-filehistory, .mw-imagepage-section-metadata {
 +
    overflow: auto;
 
}
 
}
  
.toc {
+
/*End CSS for Chameleon Skin*/
border: 0.5px solid #dbdbdb;
+
 
 +
#top-wrap {
 +
background: transparent;
 +
/*background-image: url(http://vm-healdddev-casva.nga.gov/mediawiki/skins/erudite/assets/images/Mills_Plan_Background_Banner.png); */
 +
/*background-image: url(http://vm-healdddev-casva.nga.gov/mediawiki/images/6/6f/0550.jpg);*/
 +
background-position: center center !important;
 +
background-size: cover !important;
 +
background-repeat: no-repeat !important;
 
}
 
}
  
.toctoggle a {
+
#top-wrap h1 {
font-family: 'Open Sans', sans-serif;
+
font-size: 1.5em;
 +
letter-spacing: 2px;
 
}
 
}
  
.toc li a {
 
font-family: 'Open Sans', sans-serif;
 
font-size: 19px;
 
}
 
  
p, dd{
+
#tagline {
font-family: serif;
+
padding-top: 0.85%;
word-spacing: 0.75px;
 
line-height: 28px;
 
color: #222222;
 
font-size: calc(14.5px + 0.3vw);
 
 
}
 
}
  
.mw-content-ltr ul {
+
input#s {
line-height: 30px;
+
width: 0;
 +
height: 3em;
 +
cursor: pointer;
 +
color: #000000;
 
}
 
}
  
.mw-content-ltr ol {
+
input#s::placeholder {
box-sizing: border-box;
+
color: #000000;
margin: 1.3em 0 0 1.2em;
 
 
}
 
}
  
#container {
+
#s {
height: auto;
+
width: 0px;
box-sizing: border-box;
+
height: 3em;
background-color: #FFFFFF;
+
transition: all .3s ease-in-out;
padding: 0px 7px 7px 7px;
+
/*background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/de/OOjs_UI_icon_search-ltr.svg);*/
margin-bottom: 10em;
+
background-repeat: no-repeat;
}
+
background-color: transparent;
 +
background-position: 3px 4px;
 +
padding-left: 34px;
 +
vertical-align: text-bottom;
 +
border-radius: 6px;
 +
border-color: #fff;
 +
}
  
#menu { 
+
/*Input and search form margin and transition*/
background: #FFFFFF;
 
box-sizing: border-box;
 
padding: 2px;
 
margin-top: 0;
 
margin-bottom: 15px;
 
border-bottom: 1px solid #ccc;
 
box-shadow: -1px 1px 10px #ccc;
 
}
 
  
#menu li {
+
#s:focus {
 +
width: 60%;
 +
-webkit-transition: all .3s ease-in-out;
 
font-family: 'Open Sans', sans-serif;
 
font-family: 'Open Sans', sans-serif;
font-weight: 300;
+
letter-spacing: 1.25px;
letter-spacing: 2px;
+
color: #000000;
font-size: 0.75em;
+
outline: none;
line-height: 28px;
+
font-size: 13px;
 +
height: 31px;
 +
border-bottom: solid thin #000000;
 
}
 
}
  
#tagline a {
+
#searchform {
font-family:'Open Sans', sans-serif;
+
/*margin-top: -3.1em;*/
font-size: 0.8em;
 
margin: 0;
 
 
}
 
}
  
 +
h1{
 +
      font-family: Georgia, serif;
 +
      letter-spacing: 0.75px;
 +
}
  
/*Prettifying links in body content*/
+
h2{
 +
      font-family:'Open Sans', sans-serif;
 +
      font-size: 28px;
 +
      font-weight: 400;
 +
      letter-spacing: 1px;
 +
}
  
.mw-content-ltr p > a:hover {
+
h3 {
background-color: #DEF;
+
      font-family: Georgia, serif;
transition: background-color 200ms ease-in-out;
+
      letter-spacing: 0.5px;
text-decoration: underline;
 
 
}
 
}
  
dd > a: hover {
+
hr {
background-color: #DEF;
+
display: block;
transition: background-color 200ms ease-in-out;
 
text-decoration: underline;
 
 
}
 
}
  
a: visited {
+
 
color: none;
+
p, dd{
 +
font-family: serif;
 +
word-spacing: 0.75px;
 +
line-height: 28px;
 +
color: #222222;
 +
/*font-size: calc(14.5px + 0.3vw);*/
 
}
 
}
  
ul#menu a {
+
.mw-content-ltr ul {
  text-decoration: none;
+
line-height: 30px;
  position: relative;
 
  color: #000000;
 
  font-weight: 600;  
 
 
}
 
}
  
ul#menu li > a:after {
+
.mw-content-ltr ol {
  content: '';
+
box-sizing: border-box;
  position: absolute;
+
margin: 1.3em 0 0 1.2em;
  bottom: 0;
 
  left: 0;
 
  width: 0%;
 
  border-bottom: 1px solid #C6CACF;
 
  transition: 0.4s;
 
 
}
 
}
  
ul#menu li > a:hover:after {
+
#container {
  width: 100%;
+
height: auto;
 +
box-sizing: border-box;
 +
background-color: #FFFFFF;
 +
padding: 0px 7px 7px 7px;
 +
margin-bottom: 10em;
 
}
 
}
  
#bodyContent {
+
#menu {
      -webkit-animation-name: fadeIn;
+
background: #FFFFFF;
      -webkit-animation-duration: 0.8s;
+
box-sizing: border-box;
      box-sizing: border-box;
+
padding: 2px;
      /*padding: 3% 2%;*/
+
margin-top: 0;
      margin: 0 auto;
+
margin-bottom: 15px;
      /*width: 70%;*/
+
border-bottom: 1px solid #ccc;
      min-height:500px;
+
box-shadow: -1px 1px 10px #ccc;
 
}
 
}
  
#bodyContent > h1 {
+
#menu li {
      letter-spacing: 2px;
+
font-family: 'Open Sans', sans-serif;
 +
font-weight: 300;
 +
letter-spacing: 2px;
 +
font-size: 0.75em;
 +
line-height: 28px;
 
}
 
}
  
#bodyContent p, #bodyContent dd, #bodyContent dl {
+
#tagline a {
      line-height: 29px;
+
font-family:'Open Sans', sans-serif;
      font-family: Georgia, serif;
+
font-size: 0.8em;
      font-size: 17px;
+
margin: 0;
      margin-bottom: 1.25em;
 
 
}
 
}
  
/* Main page fixes */
+
 
#interwiki-completelist {
+
/*Prettifying links in body content*/
    font-weight: bold;
+
 
 +
.mw-content-ltr p > a:hover {
 +
background-color: #DEF;
 +
transition: background-color 200ms ease-in-out;
 +
text-decoration: underline;
 
}
 
}
  
body.page-Main_Page #ca-delete {
+
dd > a:hover {
    display: none !important;
+
background-color: #DEF;
 +
transition: background-color 200ms ease-in-out;
 +
text-decoration: underline;
 
}
 
}
+
 
body.page-Main_Page #mp-topbanner {
+
a:visited {
  clear: both;
+
/* INVALID color: none; */
 
}
 
}
  
#catlinks {
+
ul#menu a {
background: transparent;
+
  text-decoration: none;
 +
  position: relative;
 +
  color: #000000;
 +
  font-weight: 600;
 
}
 
}
  
#mw-normal-catlinks {
+
ul#menu li > a:after {
text-align: center;
+
  content: '';
 +
  position: absolute;
 +
  bottom: 0;
 +
  left: 0;
 +
  width: 0%;
 +
  border-bottom: 1px solid #C6CACF;
 +
  transition: 0.4s;
 
}
 
}
  
#catlinks a {
+
ul#menu li > a:hover:after {
font-size: 17px;
+
  width: 100%;
color: #5e5e5e;
 
font-family: sans-serif;
 
font-weight: 300;
 
width: 100%;
 
padding: 0;
 
margin:0;
 
 
}
 
}
  
.catlinks li:first-child {
+
#bodyContent {
padding-left: 0.5em;
+
      -webkit-animation-name: fadeIn;
 +
      -webkit-animation-duration: 0.8s;
 +
      box-sizing: border-box;
 +
      /*padding: 3% 2%;*/
 +
      margin: 0 auto;
 +
      /*width: 70%;*/
 +
      min-height:500px;
 
}
 
}
  
#footer ul {
+
#bodyContent > h1 {
list-style: none;
+
      letter-spacing: 2px;
 
}
 
}
+
 
/* Edit window toolbar */
+
#bodyContent p, #bodyContent dd, #bodyContent dl {
#toolbar {
+
      line-height: 29px;
    height: 22px;
+
      font-family: Georgia, serif;
    margin-bottom: 6px;
+
      font-size: 17px;
 +
      margin-bottom: 1.25em;
 
}
 
}
+
 
/* Margins for <ol> and <ul> */
+
/* Main page fixes */
#content ol, #content ul,
+
#interwiki-completelist {
#mw_content ol, #mw_content ul {
+
    font-weight: bold;
  margin-bottom: 0.5em;
 
 
}
 
}
 
  
/* Make the list of references smaller */
+
body.page-Main_Page #ca-delete {
ol.references {
+
     display: none !important;
    font-size: 100%;
 
    line-height: 25px;
 
     margin: 1em 0em 0em 1.2em;
 
 
}
 
}
  
 +
body.page-Main_Page #mp-topbanner {
 +
  clear: both;
 +
}
  
.references-small {  
+
#catlinks {
    font-size: 90%;
+
background: transparent;
 
}
 
}
+
 
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
+
#mw-normal-catlinks {
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
+
text-align: center;
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
 
/* Please ignore any validator errors caused by these two lines */
 
.references-2column {
 
    font-size: 90%;
 
    -moz-column-count: 2;
 
    -webkit-column-count: 2;
 
    column-count: 2;
 
}
 
 
/* Highlight clicked reference in blue to help navigation */
 
ol.references > li:target,
 
sup.reference:target,
 
cite:target {
 
    background-color: #DEF;
 
 
}
 
}
 
/*ol.references > li:target::before {
 
display: block;
 
height: 5px;
 
margin-top: -5px;
 
} */
 
  
/* Ensure refs in table headers and the like aren't bold or italic */
+
#catlinks a {
sup.reference {
+
font-size: 17px;
    font-weight: normal;
+
color: #5e5e5e;
    font-style: normal;
+
font-family: sans-serif;
 +
font-weight: 300;
 +
width: 100%;
 +
padding: 0;
 +
margin:0;
 
}
 
}
+
 
+
.catlinks li:first-child {
/* Styling for citations */
+
padding-left: 0.5em;
cite {
 
    font-style: normal;
 
    word-wrap: break-word;
 
 
}
 
}
  
 +
#footer ul {
 +
list-style: none;
 +
}
  
/* Two columns for category pages */  
+
/* Edit window toolbar */
.mw-category {
+
#toolbar {
      column-count: 2;
+
    height: 22px;
 +
    margin-bottom: 6px;
 
}
 
}
  
/* For linked citation numbers and document IDs, where
+
/* Margins for <ol> and <ul> */
  the number need not be shown on a screen or a handheld,
+
#content ol, #content ul,
  but should be included in the printed version
+
#mw_content ol, #mw_content ul {
*/
+
  margin-bottom: 0.5em;
@media screen, handheld, projection {
 
    cite *.printonly {
 
        display: none;
 
    }
 
 
}
 
}
+
 
+
 
/* wikitable/prettytable class for skinning normal tables */
+
/* Make the list of references smaller */
table.wikitable,
+
ol.references {
table.prettytable {
+
     font-size: 100%;
     margin: 1em 1em 1em 0;
+
     line-height: 25px;
     background: #f9f9f9;
+
     margin: 1em 0em 0em 1.2em;
     border: 1px #aaa solid;
 
    border-collapse: collapse;
 
 
}
 
}
.wikitable th, .wikitable td,
+
 
.prettytable th, .prettytable td {
+
 
     border: 1px #aaa solid;
+
.references-small {
    padding: 0.2em;
+
     font-size: 90%;
 
}
 
}
.wikitable th,
+
 
.prettytable th {
+
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
     background: #f2f2f2;
+
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
     text-align: center;
+
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
 +
/* Please ignore any validator errors caused by these two lines */
 +
.references-2column {
 +
     font-size: 90%;
 +
    -moz-column-count: 2;
 +
    -webkit-column-count: 2;
 +
     column-count: 2;
 
}
 
}
.wikitable caption,
+
 
.prettytable caption {
+
/* Highlight clicked reference in blue to help navigation */
     font-weight: bold;
+
ol.references > li:target,
 +
sup.reference:target,
 +
cite:target {
 +
     background-color: #DEF;
 
}
 
}
+
 
/* Default skin for navigation boxes */
+
/*ol.references > li:target::before {
table.navbox {           /* Navbox container style */
+
display: block;
  border: 1px solid #aaa;
+
height: 5px;
  width: 100%;  
+
margin-top: -5px;
  margin: auto;
+
} */
  clear: both;
+
 
  font-size: 88%;
+
/* Ensure refs in table headers and the like aren't bold or italic */
  text-align: center;
+
sup.reference {
  padding: 1px;
+
    font-weight: normal;
 +
    font-style: normal;
 
}
 
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
+
 
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)      */
+
 
}
+
/* Styling for citations */
.navbox-title,
+
cite {
.navbox-abovebelow,
+
    font-style: normal;
table.navbox th {
+
    word-wrap: break-word;
  text-align: center;     /* Title and above/below styles */
 
  padding-left: 1em;
 
  padding-right: 1em;
 
 
}
 
}
.navbox-group {            /* Group style */
+
 
  white-space: nowrap;
+
 
  text-align: right;
+
/* Two columns for category pages */
  font-weight: bold;
+
.mw-category {
  padding-left: 1em;
+
      column-count: 2;
  padding-right: 1em;
 
 
}
 
}
.navbox, .navbox-subgroup {
+
 
  background: #fdfdfd;    /* Background color */
+
/* For linked citation numbers and document IDs, where
}
+
  the number need not be shown on a screen or a handheld,
.navbox-list {
+
  but should be included in the printed version
  border-color: #fdfdfd;   /* Must match background color */
+
*/
 +
@media screen, handheld, projection {
 +
    cite *.printonly {
 +
        display: none;
 +
    }
 
}
 
}
.navbox-title,
+
 
table.navbox th {
+
 
  background: #ccccff;    /* Level 1 color */
+
/* wikitable/prettytable class for skinning normal tables */
 +
table.wikitable,
 +
table.prettytable {
 +
    margin: 1em 1em 1em 0;
 +
    background: #f9f9f9;
 +
    border: 1px #aaa solid;
 +
     border-collapse: collapse;
 
}
 
}
.navbox-abovebelow,
+
.wikitable th, .wikitable td,
.navbox-group,
+
.prettytable th, .prettytable td {
.navbox-subgroup .navbox-title {
+
    border: 1px #aaa solid;
  background: #ddddff;    /* Level 2 color */
+
     padding: 0.2em;
 
}
 
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
+
.wikitable th,
  background: #e6e6ff;    /* Level 3 color */
+
.prettytable th {
 +
    background: #f2f2f2;
 +
     text-align: center;
 
}
 
}
.navbox-even {
+
.wikitable caption,
  background: #f7f7f7;     /* Even row striping */
+
.prettytable caption {
 +
    font-weight: bold;
 
}
 
}
.navbox-odd {
+
 
   background: transparent; /* Odd row striping */
+
/* Default skin for navigation boxes */
 +
table.navbox {            /* Navbox container style */
 +
  border: 1px solid #aaa;
 +
  width: 100%;
 +
  margin: auto;
 +
  clear: both;
 +
  font-size: 88%;
 +
  text-align: center;
 +
   padding: 1px;
 
}
 
}
+
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
.collapseButton {         /* 'show'/'hide' buttons created dynamically */
+
  margin-top: -1px;           /* (doesn't work for IE6, but that's okay)      */
    float: right;          /* by the CollapsibleTables javascript in    */
 
    font-weight: normal;  /* [[MediaWiki:Common.js]]are styled here    */
 
    text-align: right;     /* so they can be customised.                */
 
    width: auto;
 
 
}
 
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
+
.navbox-title,
    width: 6em;           /* the vde links from [[Template:Tnavbar]],  */
+
.navbox-abovebelow,
}                          /* so they need to be the same width.        */
+
table.navbox th {
+
  text-align: center;     /* Title and above/below styles */
+
  padding-left: 1em;
/* Infobox template style */
+
  padding-right: 1em;
.infobox {
 
    border: 1px solid #aaa;
 
    background-color: #f9f9f9;
 
    color: black;
 
    margin: 0.5em 0 0.5em 1em;
 
    padding: 0.2em;
 
    float: right;
 
    clear: right;
 
 
}
 
}
.infobox td,
+
.navbox-group {            /* Group style */
.infobox th {
+
  white-space: nowrap;
    vertical-align: top;
+
  text-align: right;
 +
  font-weight: bold;
 +
  padding-left: 1em;
 +
  padding-right: 1em;
 
}
 
}
.infobox caption {
+
.navbox, .navbox-subgroup {
    font-size: larger;
+
  background: #fdfdfd;     /* Background color */
 
}
 
}
.infobox.bordered {
+
.navbox-list {
    border-collapse: collapse;
+
  border-color: #fdfdfd;   /* Must match background color */
 
}
 
}
.infobox.bordered td,
+
.navbox-title,
.infobox.bordered th {
+
table.navbox th {
    border: 1px solid #aaa;
+
  background: #ccccff;     /* Level 1 color */
 
}
 
}
.infobox.bordered .borderless td,
+
.navbox-abovebelow,
.infobox.bordered .borderless th {
+
.navbox-group,
    border: 0;
+
.navbox-subgroup .navbox-title {
 +
  background: #ddddff;     /* Level 2 color */
 
}
 
}
+
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
.infobox.sisterproject {
+
  background: #e6e6ff;    /* Level 3 color */
    width: 20em;
 
     font-size: 90%;
 
 
}
 
}
+
.navbox-even {
.infobox.standard-talk {
+
  background: #f7f7f7;    /* Even row striping */
    border: 1px solid #c0c090;
 
     background-color: #f8eaba;
 
 
}
 
}
.infobox.standard-talk.bordered td,
+
.navbox-odd {
.infobox.standard-talk.bordered th {
+
  background: transparent; /* Odd row striping */
    border: 1px solid #c0c090;
 
 
}
 
}
+
 
/* styles for bordered infobox with merged rows */
+
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
.infobox.bordered .mergedtoprow td,
+
     float: right;         /* by the CollapsibleTables javascript in    */
.infobox.bordered .mergedtoprow th {
+
     font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
     border: 0;
+
     text-align: right;    /* so they can be customised.                */
     border-top: 1px solid #aaa;
+
    width: auto;
     border-right: 1px solid #aaa;
 
 
}
 
}
   
+
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
.infobox.bordered .mergedrow td,
+
    width: 6em;            /* the vde links from [[Template:Tnavbar]],  */
.infobox.bordered .mergedrow th {
+
}                          /* so they need to be the same width.         */
     border: 0;
+
 
     border-right: 1px solid #aaa;
+
 
 +
/* Infobox template style */
 +
.infobox {
 +
    border: 1px solid #aaa;
 +
    background-color: #f9f9f9;
 +
    color: black;
 +
    margin: 0.5em 0 0.5em 1em;
 +
     padding: 0.2em;
 +
     float: right;
 +
    clear: right;
 
}
 
}
+
.infobox td,
/* Styles for geography infoboxes, eg countries,
+
.infobox th {
  country subdivisions, cities, etc.           */
+
    vertical-align: top;
.infobox.geography {
+
}
     text-align: left;
+
.infobox caption {
 +
     font-size: larger;
 +
}
 +
.infobox.bordered {
 
     border-collapse: collapse;
 
     border-collapse: collapse;
    line-height: 1.2em;
 
    font-size: 90%;
 
 
}
 
}
+
.infobox.bordered td,
.infobox.geography  td,
+
.infobox.bordered th {
.infobox.geography  th {
+
     border: 1px solid #aaa;
     border-top: solid 1px #aaa;
 
    padding: 0.4em 0.6em 0.4em 0.6em;
 
 
}
 
}
.infobox.geography .mergedtoprow td,
+
.infobox.bordered .borderless td,
.infobox.geography .mergedtoprow th {
+
.infobox.bordered .borderless th {
    border-top: solid 1px #aaa;
 
    padding: 0.4em 0.6em 0.2em 0.6em;
 
}
 
 
.infobox.geography .mergedrow td,
 
.infobox.geography .mergedrow th {
 
 
     border: 0;
 
     border: 0;
    padding: 0 0.6em 0.2em 0.6em;
 
 
}
 
}
+
 
.infobox.geography .mergedbottomrow td,
+
.infobox.sisterproject {
.infobox.geography .mergedbottomrow th {
+
     width: 20em;
     border-top: 0;
+
     font-size: 90%;
     border-bottom: solid 1px #aaa;
 
    padding: 0 0.6em 0.4em 0.6em;
 
 
}
 
}
+
 
.infobox.geography .maptable td,
+
.infobox.standard-talk {
.infobox.geography .maptable th {
+
     border: 1px solid #c0c090;
     border: 0;
+
     background-color: #f8eaba;
     padding: 0;
 
 
}
 
}
+
.infobox.standard-talk.bordered td,
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
+
.infobox.standard-talk.bordered th {
.redirect-in-category, .allpagesredirect {
+
     border: 1px solid #c0c090;
     font-style: italic;
 
 
}
 
}
+
 
/* Icons for medialist templates [[Template:Listen]],
+
/* styles for bordered infobox with merged rows */
  [[Template:Multi-listen_start]], [[Template:Video]],
+
.infobox.bordered .mergedtoprow td,
  [[Template:Multi-video_start]]
+
.infobox.bordered .mergedtoprow th {
*/
+
     border: 0;
div.listenlist {
+
    border-top: 1px solid #aaa;
     background:
+
     border-right: 1px solid #aaa;
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
 
     padding-left: 40px;
 
 
}
 
}
+
 
/* Style rules for media list templates */
+
.infobox.bordered .mergedrow td,
div.medialist {
+
.infobox.bordered .mergedrow th {
     min-height: 50px;
+
     border: 0;
    margin: 1em;
+
     border-right: 1px solid #aaa;
    background-position: top left;
 
     background-repeat: no-repeat;
 
 
}
 
}
div.medialist ul {
+
 
     list-style-type: none;  
+
/* Styles for geography infoboxes, eg countries,
     list-style-image: none;
+
  country subdivisions, cities, etc.            */
     margin: 0;
+
.infobox.geography {
 +
     text-align: left;
 +
    border-collapse: collapse;
 +
     line-height: 1.2em;
 +
     font-size: 90%;
 
}
 
}
div.medialist ul li {
+
 
     padding-bottom: 0.5em;
+
.infobox.geography  td,
 +
.infobox.geography  th {
 +
    border-top: solid 1px #aaa;
 +
     padding: 0.4em 0.6em 0.4em 0.6em;
 
}
 
}
div.medialist ul li li {
+
.infobox.geography .mergedtoprow td,
     font-size: 91%;
+
.infobox.geography .mergedtoprow th {
     padding-bottom: 0;
+
     border-top: solid 1px #aaa;
 +
     padding: 0.4em 0.6em 0.2em 0.6em;
 
}
 
}
+
 
/* Change the external link icon to an Adobe icon for all PDF files
+
.infobox.geography .mergedrow td,
  in browsers that support these CSS selectors, like Mozilla and Opera */
+
.infobox.geography .mergedrow th {
#bodyContent a[href$=".pdf"].external,
+
     border: 0;
#bodyContent a[href*=".pdf?"].external,
+
    padding: 0 0.6em 0.2em 0.6em;
#bodyContent a[href*=".pdf#"].external,
 
#bodyContent a[href$=".PDF"].external,
 
#bodyContent a[href*=".PDF?"].external,  
 
#bodyContent a[href*=".PDF#"].external,
 
#mw_content  a[href$=".pdf"].external,
 
#mw_content  a[href*=".pdf?"].external,
 
#mw_content  a[href*=".pdf#"].external,
 
#mw_content  a[href$=".PDF"].external,
 
#mw_content  a[href*=".PDF?"].external,
 
#mw_content  a[href*=".PDF#"].external {
 
     background:  
 
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")
 
        center right no-repeat;
 
    padding-right: 16px;
 
 
}
 
}
+
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
+
.infobox.geography .mergedbottomrow td,
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
+
.infobox.geography .mergedbottomrow th {
#bodyContent span.PDFlink a,
+
     border-top: 0;
#mw_content span.PDFlink a {
+
    border-bottom: solid 1px #aaa;
     background:  
+
     padding: 0 0.6em 0.4em 0.6em;
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")
 
        center right no-repeat;
 
     padding-right: 17px;
 
 
}
 
}
+
 
/* Remove link styling. Already defined in monobook
+
.infobox.geography .maptable td,
  and modern, but not defined in the other skins. Bug 18708 */
+
.infobox.geography .maptable th {
#bodyContent .plainlinks a {
+
     border: 0;
     background: none !important;
+
     padding: 0;
     padding: 0 !important;
 
 
}
 
}
+
 
/* Content in columns with CSS instead of tables [[Template:Columns]] */
+
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
div.columns-2 div.column {
+
.redirect-in-category, .allpagesredirect {
     float: left;
+
     font-style: italic;
    width: 50%;
 
    min-width: 300px;
 
 
}
 
}
div.columns-3 div.column {
+
 
     float: left;
+
/* Icons for medialist templates [[Template:Listen]],
    width: 33.3%;
+
  [[Template:Multi-listen_start]], [[Template:Video]],
     min-width: 200px;
+
  [[Template:Multi-video_start]]
 +
*/
 +
div.listenlist {
 +
     background:
 +
      /* url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");*/
 +
     padding-left: 40px;
 
}
 
}
div.columns-4 div.column {
+
 
     float: left;
+
/* Style rules for media list templates */
     width: 25%;
+
div.medialist {
     min-width: 150px;
+
    min-height: 50px;
 +
     margin: 1em;
 +
     background-position: top left;
 +
     background-repeat: no-repeat;
 
}
 
}
div.columns-5 div.column {
+
div.medialist ul {
     float: left;
+
     list-style-type: none;
     width: 20%;
+
     list-style-image: none;
     min-width: 120px;
+
     margin: 0;
 
}
 
}
+
div.medialist ul li {
/* Make sure that "external references" from templates like [[Template:Ref]]
+
    padding-bottom: 0.5em;
  do not get URL expansion, not even when printed. The anchor itself has
 
  class "external autonumber" and the url expansion is inserted when printing
 
  (see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the
 
  ":after" pseudo-element.
 
*/
 
.nourlexpansion a.external.text:after,
 
.nourlexpansion a.external.autonumber:after {
 
    display: none !important;
 
 
}
 
}
+
div.medialist ul li li {
/* The legacy implementation of this was with "plainlinksneverexpand", which
+
     font-size: 91%;
  also simulated "plainlinks".  "plainlinksneverexpand" is deprecated and
+
     padding-bottom: 0;
  should be replaced with "plainlinks nourlexpansion".  When this has been
 
  done, the rules below can be removed.
 
*/
 
.plainlinksneverexpand a {
 
     background: none !important;
 
     padding: 0 !important;
 
 
}
 
}
.plainlinksneverexpand a.external.text:after,
+
 
.plainlinksneverexpand a.external.autonumber:after {
+
/* Change the external link icon to an Adobe icon for all PDF files
     display: none !important;
+
  in browsers that support these CSS selectors, like Mozilla and Opera */
 +
#bodyContent a[href$=".pdf"].external,
 +
#bodyContent a[href*=".pdf?"].external,
 +
#bodyContent a[href*=".pdf#"].external,
 +
#bodyContent a[href$=".PDF"].external,
 +
#bodyContent a[href*=".PDF?"].external,
 +
#bodyContent a[href*=".PDF#"].external,
 +
#mw_content  a[href$=".pdf"].external,
 +
#mw_content  a[href*=".pdf?"].external,
 +
#mw_content  a[href*=".pdf#"].external,
 +
#mw_content  a[href$=".PDF"].external,
 +
#mw_content  a[href*=".PDF?"].external,
 +
#mw_content  a[href*=".PDF#"].external {
 +
    background:
 +
        /*url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")*/
 +
        center right no-repeat;
 +
     padding-right: 16px;
 
}
 
}
+
 
/* Messagebox templates */
+
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
.messagebox {
+
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
    border: 1px solid #aaa;
+
#bodyContent span.PDFlink a,
     background-color: #f9f9f9;
+
#mw_content span.PDFlink a {
    width: 80%;
+
     background:
    margin: 0 auto 1em auto;
+
        /*url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")*/
     padding: .2em;
+
        center right no-repeat;
 +
     padding-right: 17px;
 
}
 
}
.messagebox.merge {
+
 
    border: 1px solid #c0b8cc;
+
/* Remove link styling. Already defined in monobook
     background-color: #f0e5ff;
+
  and modern, but not defined in the other skins. Bug 18708 */
     text-align: center;
+
#bodyContent .plainlinks a {
 +
     background: none !important;
 +
     padding: 0 !important;
 
}
 
}
.messagebox.cleanup {
+
 
     border: 1px solid #9f9fff;
+
/* Content in columns with CSS instead of tables [[Template:Columns]] */
     background-color: #efefff;
+
div.columns-2 div.column {
     text-align: center;
+
     float: left;
 +
     width: 50%;
 +
     min-width: 300px;
 
}
 
}
.messagebox.standard-talk {
+
div.columns-3 div.column {
     border: 1px solid #c0c090;
+
     float: left;
     background-color: #f8eaba;
+
     width: 33.3%;
     margin: 4px auto;
+
     min-width: 200px;
 
}
 
}
/* For old WikiProject banners inside banner shells. */
+
div.columns-4 div.column {
.mbox-inside .standard-talk,
+
     float: left;
.messagebox.nested-talk {
+
     width: 25%;
     border: 1px solid #c0c090;
+
     min-width: 150px;
    background-color: #f8eaba;
 
     width: 100%;
 
     margin: 2px 0;
 
    padding: 2px;
 
 
}
 
}
.messagebox.small {
+
div.columns-5 div.column {
     width: 238px;
+
     float: left;
     font-size: 85%;
+
     width: 20%;
     float: right;
+
     min-width: 120px;
    clear: both;
 
    margin: 0 0 1em 1em;
 
    line-height: 1.25em;  
 
 
}
 
}
.messagebox.small-talk {
+
 
    width: 238px;
+
/* Make sure that "external references" from templates like [[Template:Ref]]
    font-size: 85%;
+
  do not get URL expansion, not even when printed. The anchor itself has
    float: right;
+
  class "external autonumber" and the url expansion is inserted when printing
    clear: both;
+
  (see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the
    margin: 0 0 1em 1em;
+
  ":after" pseudo-element.
    line-height: 1.25em;
+
*/
     background: #F8EABA;
+
.nourlexpansion a.external.text:after,
 +
.nourlexpansion a.external.autonumber:after {
 +
     display: none !important;
 
}
 
}
   
+
 
   
+
/* The legacy implementation of this was with "plainlinksneverexpand", which
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
+
  also simulated "plainlinks". "plainlinksneverexpand" is deprecated and
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
+
  should be replaced with "plainlinks nourlexpansion". When this has been
     border: none;  
+
  done, the rules below can be removed.
     padding: 0.25em 0.9em;      /* 0.9em left/right */
+
*/
    width: 100%;   /* Make all mboxes the same width regardless of text length */
+
.plainlinksneverexpand a {
 +
     background: none !important;
 +
     padding: 0 !important;
 
}
 
}
td.mbox-image {                  /* The left image cell */
+
.plainlinksneverexpand a.external.text:after,
    border: none;
+
.plainlinksneverexpand a.external.autonumber:after {
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
+
     display: none !important;
     text-align: center;  
 
 
}
 
}
td.mbox-imageright {            /* The right image cell */
+
 
     border: none;
+
/* Messagebox templates */
     padding: 2px 0.9em 2px 0;   /* 0px left, 0.9em right */
+
.messagebox {
     text-align: center;  
+
     border: 1px solid #aaa;
 +
    background-color: #f9f9f9;
 +
    width: 80%;
 +
     margin: 0 auto 1em auto;
 +
     padding: .2em;
 
}
 
}
td.mbox-empty-cell {         /* An empty narrow cell */
+
.messagebox.merge {
     border: none;
+
     border: 1px solid #c0b8cc;
     padding: 0px;
+
     background-color: #f0e5ff;
     width: 1px;
+
     text-align: center;
 
}
 
}
+
.messagebox.cleanup {
/* Article message box styles */
+
     border: 1px solid #9f9fff;
table.ambox {
+
     background-color: #efefff;
    margin: 0px 10%;  /* 10% = Will not overlap with other elements */
+
     text-align: center;
     border: 1px solid #aaa;  
 
     border-left: 10px solid #1e90ff;   /* Default "notice" blue */
 
     background: #fbfbfb;  
 
 
}
 
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
+
.messagebox.standard-talk {
     margin-top: -1px;
+
    border: 1px solid #c0c090;
 +
    background-color: #f8eaba;
 +
     margin: 4px auto;
 
}
 
}
.ambox th.mbox-text,  
+
/* For old WikiProject banners inside banner shells. */
.ambox td.mbox-text {           /* The message body cell(s) */
+
.mbox-inside .standard-talk,
     padding: 0.25em 0.5em;       /* 0.5em left/right */
+
.messagebox.nested-talk {
}
+
     border: 1px solid #c0c090;
.ambox td.mbox-image {          /* The left image cell */
+
    background-color: #f8eaba;
     padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */
+
    width: 100%;
 +
     margin: 2px 0;
 +
    padding: 2px;
 
}
 
}
.ambox td.mbox-imageright {      /* The right image cell */
+
.messagebox.small {
     padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
+
    width: 238px;
 +
    font-size: 85%;
 +
    float: right;
 +
     clear: both;
 +
    margin: 0 0 1em 1em;
 +
    line-height: 1.25em;
 
}
 
}
+
.messagebox.small-talk {
table.ambox-notice {
+
     width: 238px;
     border-left: 10px solid #1e90ff;   /* Blue */
+
    font-size: 85%;
 +
    float: right;
 +
    clear: both;
 +
    margin: 0 0 1em 1em;
 +
    line-height: 1.25em;
 +
    background: #F8EABA;
 
}
 
}
table.ambox-speedy {
+
 
     border-left: 10px solid #b22222;   /* Red */
+
 
     background: #fee;                   /* Pink */
+
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
 +
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
 +
     border: none;
 +
    padding: 0.25em 0.9em;       /* 0.9em left/right */
 +
     width: 100%;   /* Make all mboxes the same width regardless of text length */
 
}
 
}
table.ambox-delete {
+
td.mbox-image {                 /* The left image cell */
     border-left: 10px solid #b22222;    /* Red */
+
     border: none;
 +
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
 +
    text-align: center;
 
}
 
}
table.ambox-content {
+
td.mbox-imageright {             /* The right image cell */
     border-left: 10px solid #f28500;    /* Orange */
+
     border: none;
 +
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
 +
    text-align: center;
 
}
 
}
table.ambox-style {
+
td.mbox-empty-cell {         /* An empty narrow cell */
     border-left: 10px solid #f4c430;   /* Yellow */
+
     border: none;
 +
    padding: 0px;
 +
    width: 1px;
 
}
 
}
table.ambox-move {
+
 
     border-left: 10px solid #9932cc;    /* Purple */
+
/* Article message box styles */
 +
table.ambox {
 +
    margin: 0px 10%;  /* 10% = Will not overlap with other elements */
 +
    border: 1px solid #aaa;
 +
     border-left: 10px solid #1e90ff;    /* Default "notice" blue */
 +
    background: #fbfbfb;
 
}
 
}
table.ambox-protection {
+
table.ambox + table.ambox {   /* Single border between stacked boxes. */
     border-left: 10px solid #bba;       /* Gray-gold */
+
     margin-top: -1px;
 
}
 
}
+
.ambox th.mbox-text,
/* Image message box styles */
+
.ambox td.mbox-text {            /* The message body cell(s) */
table.imbox {
+
     padding: 0.25em 0.5em;       /* 0.5em left/right */
     margin: 4px 10%;  
 
    border-collapse: collapse;
 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
 
    background: #fbfbfb;
 
 
}
 
}
.imbox .mbox-text .imbox {   /* For imboxes inside imbox-text cells. */
+
.ambox td.mbox-image {           /* The left image cell */
     margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
+
     padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 
}
 
}
.mbox-inside .imbox {   /* For imboxes inside other templates. */
+
.ambox td.mbox-imageright {     /* The right image cell */
     margin: 4px;
+
     padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
 
table.imbox-notice {
 
    border: 3px solid #1e90ff;    /* Blue */
 
 
}
 
}
table.imbox-speedy {
+
 
     border: 3px solid #b22222;    /* Red */
+
table.ambox-notice {
    background: #fee;            /* Pink */
+
     border-left: 10px solid #1e90ff;    /* Blue */
 
}
 
}
table.imbox-delete {
+
table.ambox-speedy {
     border: 3px solid #b22222;    /* Red */
+
     border-left: 10px solid #b22222;    /* Red */
 +
    background: #fee;                  /* Pink */
 
}
 
}
table.imbox-content {
+
table.ambox-delete {
     border: 3px solid #f28500;    /* Orange */
+
     border-left: 10px solid #b22222;    /* Red */
 
}
 
}
table.imbox-style {
+
table.ambox-content {
     border: 3px solid #f4c430;    /* Yellow */
+
     border-left: 10px solid #f28500;    /* Orange */
 
}
 
}
table.imbox-move {
+
table.ambox-style {
     border: 3px solid #9932cc;    /* Purple */
+
     border-left: 10px solid #f4c430;    /* Yellow */
 
}
 
}
table.imbox-protection {
+
table.ambox-move {
     border: 3px solid #bba;       /* Gray-gold */
+
     border-left: 10px solid #9932cc;   /* Purple */
 
}
 
}
table.imbox-license {
+
table.ambox-protection {
     border: 3px solid #88a;      /* Dark gray */
+
     border-left: 10px solid #bba;      /* Gray-gold */
    background: #f7f8ff;          /* Light gray */
 
 
}
 
}
table.imbox-featured {
+
 
    border: 3px solid #cba135;    /* Brown-gold */
+
/* Image message box styles */
}
+
table.imbox {
+
     margin: 4px 10%;
/* Category message box styles */
 
table.cmbox {
 
     margin: 3px 10%;
 
 
     border-collapse: collapse;
 
     border-collapse: collapse;
     border: 1px solid #aaa;
+
     border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #DFE8FF;    /* Default "notice" blue */
+
    background: #fbfbfb;
 
}
 
}
+
.imbox .mbox-text .imbox {   /* For imboxes inside imbox-text cells. */
table.cmbox-notice {
+
     margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
     background: #D8E8FF;    /* Blue */
 
 
}
 
}
table.cmbox-speedy {
+
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin-top: 4px;
+
     margin: 4px;
    margin-bottom: 4px;
 
    border: 4px solid #b22222;   /* Red */
 
     background: #FFDBDB;         /* Pink */
 
 
}
 
}
table.cmbox-delete {
+
 
     background: #FFDBDB;    /* Red */
+
table.imbox-notice {
 +
     border: 3px solid #1e90ff;    /* Blue */
 
}
 
}
table.cmbox-content {
+
table.imbox-speedy {
     background: #FFE7CE;   /* Orange */
+
    border: 3px solid #b22222;    /* Red */
 +
     background: #fee;             /* Pink */
 
}
 
}
table.cmbox-style {
+
table.imbox-delete {
     background: #FFF9DB;    /* Yellow */
+
     border: 3px solid #b22222;    /* Red */
 
}
 
}
table.cmbox-move {
+
table.imbox-content {
     background: #E4D8FF;    /* Purple */
+
     border: 3px solid #f28500;    /* Orange */
 
}
 
}
table.cmbox-protection {
+
table.imbox-style {
     background: #EFEFE1;    /* Gray-gold */
+
     border: 3px solid #f4c430;    /* Yellow */
 
}
 
}
+
table.imbox-move {
/* Other pages message box styles */
+
     border: 3px solid #9932cc;   /* Purple */
table.ombox {
 
    margin: 4px 10%;
 
    border-collapse: collapse;
 
     border: 1px solid #aaa;       /* Default "notice" gray */
 
    background: #f9f9f9;
 
 
}
 
}
+
table.imbox-protection {
table.ombox-notice {
+
     border: 3px solid #bba;      /* Gray-gold */
     border: 1px solid #aaa;      /* Gray */
 
 
}
 
}
table.ombox-speedy {
+
table.imbox-license {
     border: 2px solid #b22222;   /* Red */
+
     border: 3px solid #88a;       /* Dark gray */
     background: #fee;             /* Pink */
+
     background: #f7f8ff;         /* Light gray */
 
}
 
}
table.ombox-delete {
+
table.imbox-featured {
     border: 2px solid #b22222;    /* Red */
+
     border: 3px solid #cba135;    /* Brown-gold */
 
}
 
}
table.ombox-content {
+
 
     border: 1px solid #f28500;    /* Orange */
+
/* Category message box styles */
 +
table.cmbox {
 +
    margin: 3px 10%;
 +
    border-collapse: collapse;
 +
     border: 1px solid #aaa;
 +
    background: #DFE8FF;    /* Default "notice" blue */
 
}
 
}
table.ombox-style {
+
 
     border: 1px solid #f4c430;    /* Yellow */
+
table.cmbox-notice {
 +
     background: #D8E8FF;    /* Blue */
 
}
 
}
table.ombox-move {
+
table.cmbox-speedy {
     border: 1px solid #9932cc;    /* Purple */
+
    margin-top: 4px;
 +
    margin-bottom: 4px;
 +
     border: 4px solid #b22222;    /* Red */
 +
    background: #FFDBDB;          /* Pink */
 
}
 
}
table.ombox-protection {
+
table.cmbox-delete {
     border: 2px solid #bba;       /* Gray-gold */
+
     background: #FFDBDB;   /* Red */
 
}
 
}
+
table.cmbox-content {
/* Talk page message box styles */
+
     background: #FFE7CE;    /* Orange */
table.tmbox {
 
     margin: 4px 10%;
 
    border-collapse: collapse;
 
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
 
    background: #f8eaba;
 
 
}
 
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
+
table.cmbox-style {
     margin: 2px 0;               /* class ensures that this declaration overrides other */
+
     background: #FFF9DB;   /* Yellow */
    width: 100%;  /* For Safari and Opera */    /* styles (including mbox-small above) */
 
 
}
 
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
+
table.cmbox-move {
    line-height: 1.5em;          /* also "nested", so reset styles that are  */ 
+
     background: #E4D8FF;   /* Purple */
     font-size: 100%;             /* set in "mbox-small" above.                */
 
 
}
 
}
+
table.cmbox-protection {
table.tmbox-speedy {
+
     background: #EFEFE1;    /* Gray-gold */
     border: 2px solid #b22222;    /* Red */
 
    background: #fee;            /* Pink */
 
 
}
 
}
table.tmbox-delete {
+
 
     border: 2px solid #b22222;   /* Red */
+
/* Other pages message box styles */
 +
table.ombox {
 +
    margin: 4px 10%;
 +
    border-collapse: collapse;
 +
     border: 1px solid #aaa;       /* Default "notice" gray */
 +
    background: #f9f9f9;
 
}
 
}
table.tmbox-content {
+
 
     border: 2px solid #f28500;   /* Orange */
+
table.ombox-notice {
 +
     border: 1px solid #aaa;       /* Gray */
 
}
 
}
table.tmbox-style {
+
table.ombox-speedy {
     border: 2px solid #f4c430;    /* Yellow */
+
     border: 2px solid #b22222;    /* Red */
 +
    background: #fee;            /* Pink */
 
}
 
}
table.tmbox-move {
+
table.ombox-delete {
     border: 2px solid #9932cc;    /* Purple */
+
     border: 2px solid #b22222;    /* Red */
 
}
 
}
table.tmbox-protection,
+
table.ombox-content {
table.tmbox-notice {
+
     border: 1px solid #f28500;    /* Orange */
     border: 1px solid #c0c090;    /* Gray-brown */
 
 
}
 
}
+
table.ombox-style {
/* Disambig and set index box styles */
+
     border: 1px solid #f4c430;   /* Yellow */
table.dmbox {
 
    clear: both;
 
    margin: 0.9em 1em;
 
    border-top: 1px solid #ccc;
 
     border-bottom: 1px solid #ccc;
 
    background: transparent;
 
 
}
 
}
+
table.ombox-move {
/* Footer and header message box styles */
+
     border: 1px solid #9932cc;   /* Purple */
table.fmbox {
 
    clear: both;
 
    margin: 0.2em 0;
 
    width: 100%;
 
     border: 1px solid #aaa;
 
    background: #f9f9f9;     /* Default "system" gray */
 
 
}
 
}
table.fmbox-system {
+
table.ombox-protection {
     background: #f9f9f9;
+
     border: 2px solid #bba;       /* Gray-gold */
 
}
 
}
table.fmbox-warning {
+
 
     border: 1px solid #bb7070; /* Dark pink */
+
/* Talk page message box styles */
     background: #ffdbdb;       /* Pink */
+
table.tmbox {
 +
    margin: 4px 10%;
 +
    border-collapse: collapse;
 +
     border: 1px solid #c0c090;   /* Default "notice" gray-brown */
 +
     background: #f8eaba;
 
}
 
}
table.fmbox-editnotice {
+
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
     background: transparent;
+
     margin: 2px 0;               /* class ensures that this declaration overrides other */
 +
    width: 100%;  /* For Safari and Opera */    /* styles (including mbox-small above) */
 
}
 
}
/* Div based "warning" style fmbox messages. */
+
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
div.mw-warning-with-logexcerpt,
+
    line-height: 1.5em;         /* also "nested", so reset styles that are  */
div.mw-lag-warn-high,
+
     font-size: 100%;             /* set in "mbox-small" above.               */
div.mw-cascadeprotectedwarning {
 
    clear: both;
 
    margin: 0.2em 0;
 
     border: 1px solid #bb7070;
 
    background: #ffdbdb;
 
    padding: 0.25em 0.9em;
 
 
}
 
}
/* Div based "system" style fmbox messages. Used in
+
 
  [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
+
table.tmbox-speedy {
div.mw-lag-warn-normal,
+
     border: 2px solid #b22222;   /* Red */
div.noarticletext,
+
     background: #fee;             /* Pink */
div.fmbox-system {
 
    clear: both;
 
    margin: 0.2em 0;
 
     border: 1px solid #aaa;
 
     background: #f9f9f9;
 
    padding: 0.25em 0.9em;
 
 
}
 
}
+
table.tmbox-delete {
/* These mbox-small classes must be placed after all other
+
    border: 2px solid #b22222;   /* Red */
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so
+
}
  they override "table.ambox + table.ambox" above. */
+
table.tmbox-content {
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
+
    border: 2px solid #f28500;    /* Orange */
    clear: right;
 
    float: right;
 
    margin: 4px 0 4px 1em;
 
    width: 238px;
 
    font-size: 88%;
 
    line-height: 1.25em;
 
 
}
 
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
+
table.tmbox-style {
    margin: 4px 1em 4px 0;
+
     border: 2px solid #f4c430;   /* Yellow */
    width: 238px;
 
     border-collapse: collapse;
 
    font-size: 88%;
 
    line-height: 1.25em;
 
 
}
 
}
+
table.tmbox-move {
+
     border: 2px solid #9932cc;   /* Purple */
/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
 
  The second declarations reset the styles for all browsers except
 
  IE6, which chokes on the empty comment tags. Please copy any changes
 
  to [[Template:IPA fonts]] and [[Template:Unicode fonts]].
 
*/
 
.IPA {
 
     font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
 
                "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
 
                "Arial Unicode MS", "Lucida Sans Unicode",
 
                "Chrysanthi Unicode";
 
    font-family /**/: inherit;
 
 
}
 
}
.Unicode {
+
table.tmbox-protection,
     font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
+
table.tmbox-notice {
                "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
+
     border: 1px solid #c0c090;   /* Gray-brown */
                "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
 
                "Lucida Grande", "Free Sans", "Arial Unicode MS",
 
                "Microsoft Sans Serif", "Lucida Sans Unicode";
 
    font-family /**/: inherit;
 
 
}
 
}
.latinx {
+
 
     font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
+
/* Disambig and set index box styles */
     font-family /**/: inherit;
+
table.dmbox {
 +
     clear: both;
 +
    margin: 0.9em 1em;
 +
    border-top: 1px solid #ccc;
 +
     border-bottom: 1px solid #ccc;
 +
    background: transparent;
 
}
 
}
.polytonic {
+
 
     font-family: "Athena Unicode", Gentium, "Palatino Linotype",
+
/* Footer and header message box styles */
                "Arial Unicode MS", "Lucida Sans Unicode",
+
table.fmbox {
                "Lucida Grande", Code2000;  
+
     clear: both;
     font-family /**/: inherit;
+
    margin: 0.2em 0;
 +
    width: 100%;
 +
    border: 1px solid #aaa;
 +
     background: #f9f9f9;    /* Default "system" gray */
 
}
 
}
+
table.fmbox-system {
#wpSave {
+
     background: #f9f9f9;
     font-weight: bold;
 
 
}
 
}
+
table.fmbox-warning {
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
+
     border: 1px solid #bb7070; /* Dark pink */
.hiddenStructure {
+
     background: #ffdbdb;       /* Pink */
     display: inline ! important;
 
    color: #f00;  
 
     background-color: #0f0;
 
 
}
 
}
+
table.fmbox-editnotice {
/* suppress missing interwiki image links where #ifexist cannot
+
     background: transparent;
  be used due to high number of requests see .hidden-redlink on
 
  http://meta.wikimedia.org/wiki/MediaWiki:Common.css
 
*/
 
.check-icon a.new {
 
     display: none;
 
    speak: none;
 
 
}
 
}
+
/* Div based "warning" style fmbox messages. */
/* Removes underlines from links */
+
div.mw-warning-with-logexcerpt,
.nounderlines a {  
+
div.mw-lag-warn-high,
     text-decoration: none;
+
div.mw-cascadeprotectedwarning {
 +
     clear: both;
 +
    margin: 0.2em 0;
 +
    border: 1px solid #bb7070;
 +
    background: #ffdbdb;
 +
    padding: 0.25em 0.9em;
 
}
 
}
+
/* Div based "system" style fmbox messages. Used in
/* Remove underline from IPA links */
+
  [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
.IPA a:link, .IPA a:visited {
+
div.mw-lag-warn-normal,
     text-decoration: none;
+
div.noarticletext,
 +
div.fmbox-system {
 +
    clear: both;
 +
    margin: 0.2em 0;
 +
    border: 1px solid #aaa;
 +
    background: #f9f9f9;
 +
     padding: 0.25em 0.9em;
 
}
 
}
+
 
/* Standard Navigationsleisten, aka box hiding thingy
+
/* These mbox-small classes must be placed after all other
   from .de. Documentation at [[Wikipedia:NavFrame]]. */
+
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so
div.NavFrame {
+
  they override "table.ambox + table.ambox" above. */
     margin: 0;
+
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
     padding: 4px;
+
    clear: right;
     border: 1px solid #aaa;
+
    float: right;
     text-align: center;
+
     margin: 4px 0 4px 1em;
 +
     width: 238px;
 +
     font-size: 88%;
 +
     line-height: 1.25em;
 +
}
 +
body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */
 +
    margin: 4px 1em 4px 0;
 +
    width: 238px;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
     font-size: 95%;
+
     font-size: 88%;
 +
    line-height: 1.25em;
 
}
 
}
div.NavFrame + div.NavFrame {
+
 
     border-top-style: none;
+
 
     border-top-style: hidden;
+
/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
 +
  The second declarations reset the styles for all browsers except
 +
  IE6, which chokes on the empty comment tags. Please copy any changes
 +
  to [[Template:IPA fonts]] and [[Template:Unicode fonts]].
 +
*/
 +
.IPA {
 +
     font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
 +
                "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
 +
                "Arial Unicode MS", "Lucida Sans Unicode",
 +
                "Chrysanthi Unicode";
 +
     font-family /**/: inherit;
 
}
 
}
div.NavPic {
+
.Unicode {
     background-color: #fff;
+
     font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
    margin: 0;
+
                "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
    padding: 2px;
+
                "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
     float: left;
+
                "Lucida Grande", "Free Sans", "Arial Unicode MS",
 +
                "Microsoft Sans Serif", "Lucida Sans Unicode";
 +
     font-family /**/: inherit;
 
}
 
}
div.NavFrame div.NavHead {
+
.latinx {
    height: 1.6em;
+
     font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
     font-weight: bold;
+
     font-family /**/: inherit;
     background-color: #ccf;
 
    position: relative;
 
 
}
 
}
div.NavFrame p {
+
.polytonic {
     font-size: 100%;
+
     font-family: "Athena Unicode", Gentium, "Palatino Linotype",
 +
                "Arial Unicode MS", "Lucida Sans Unicode",
 +
                "Lucida Grande", Code2000;
 +
    font-family /**/: inherit;
 
}
 
}
div.NavFrame div.NavContent {
+
 
     font-size: 100%;
+
#wpSave {
 +
     font-weight: bold;
 
}
 
}
div.NavFrame div.NavContent p {
+
 
     font-size: 100%;
+
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
 +
.hiddenStructure {
 +
     display: inline ! important;
 +
    color: #f00;
 +
    background-color: #0f0;
 
}
 
}
div.NavEnd {
+
 
    margin: 0;
+
/* suppress missing interwiki image links where #ifexist cannot
    padding: 0;
+
  be used due to high number of requests see .hidden-redlink on
     line-height: 1px;
+
  http://meta.wikimedia.org/wiki/MediaWiki:Common.css
    clear: both;
+
*/
 +
.check-icon a.new {
 +
     display: none;
 +
/* INVALID    speak: none; */
 
}
 
}
a.NavToggle {
+
 
     position: absolute;
+
/* Removes underlines from links */
    top: 0;
+
.nounderlines a {
    right: 3px;
+
     text-decoration: none;
    font-weight: normal;
 
    font-size: 90%;
 
 
}
 
}
+
 
/* Coloured watchlist numbers */
+
/* Remove underline from IPA links */
.mw-plusminus-pos { color: #006400; } /* dark green */
+
.IPA a:link, .IPA a:visited {
.mw-plusminus-neg { color: #8B0000; } /* dark red */
+
     text-decoration: none;
 
.rellink,
 
.dablink {
 
     font-style: italic;
 
    padding-left: 2em;
 
 
}
 
}
.rellink i,
+
 
.dablink i {
+
/* Standard Navigationsleisten, aka box hiding thingy
    font-style: normal;
+
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
}
+
div.NavFrame {
 
/* Style for horizontal UL lists */
 
.horizontal ul {
 
    padding: 0;
 
 
     margin: 0;
 
     margin: 0;
 +
    padding: 4px;
 +
    border: 1px solid #aaa;
 +
    text-align: center;
 +
    border-collapse: collapse;
 +
    font-size: 95%;
 
}
 
}
.horizontal li {  
+
div.NavFrame + div.NavFrame {
     padding: 0 0.6em 0 0.4em;
+
     border-top-style: none;
    display: inline;
+
     border-top-style: hidden;
     border-right: 1px solid;
 
 
}
 
}
.horizontal li:last-child {
+
div.NavPic {
     border-right: none;
+
    background-color: #fff;
     padding-right: 0;
+
    margin: 0;
 +
    padding: 2px;
 +
    float: left;
 +
}
 +
div.NavFrame div.NavHead {
 +
    height: 1.6em;
 +
    font-weight: bold;
 +
     background-color: #ccf;
 +
     position: relative;
 +
}
 +
div.NavFrame p {
 +
    font-size: 100%;
 
}
 
}
+
div.NavFrame div.NavContent {
/* Allow transcluded pages to display in lists rather than a table.
+
    font-size: 100%;
  Compatible in Firefox; incompatible in IE6. */
+
}
.listify td    { display: list-item; }
+
div.NavFrame div.NavContent p {
.listify tr    { display: block; }
+
    font-size: 100%;
.listify table { display: block; }
+
}
+
div.NavEnd {
/* Geographical coordinates defaults. See [[Template:Coord/link]]
+
     margin: 0;
  for how these are used. The classes "geo", "longitude", and
 
  "latitude" are used by the [[Geo microformat]].
 
*/
 
.geo-default, .geo-dms, .geo-dec  { display: inline; }
 
.geo-nondefault, .geo-multi-punct { display: none; }
 
.longitude, .latitude            { white-space: nowrap; }
 
 
/* When <div class="nonumtoc"> is used on the table of contents,
 
  the ToC will display without numbers */
 
.nonumtoc .tocnumber { display: none; }
 
.nonumtoc #toc ul,
 
.nonumtoc .toc ul {
 
    line-height: 1.5em;
 
    list-style: none;
 
     margin: .3em 0 0;
 
 
     padding: 0;
 
     padding: 0;
 +
    line-height: 1px;
 +
    clear: both;
 
}
 
}
.nonumtoc #toc ul ul,
+
a.NavToggle {
.nonumtoc .toc ul ul {
+
    position: absolute;
     margin: 0 0 0 2em;  
+
     top: 0;
 +
    right: 3px;
 +
    font-weight: normal;
 +
    font-size: 90%;
 
}
 
}
+
 
/* Allow limiting of which header levels are shown in a TOC;
+
/* Coloured watchlist numbers */
  <div class="toclimit-3">, for instance, will limit to
+
.mw-plusminus-pos { color: #006400; } /* dark green */
  showing ==headings== and ===headings=== but no further
+
.mw-plusminus-neg { color: #8B0000; } /* dark red */
  (as long as there are no =headings= on the page, which
+
 
  there shouldn't be according to the MoS).
+
.rellink,
*/
+
.dablink {
.toclimit-2 .toclevel-2,
+
     font-style: italic;
.toclimit-3 .toclevel-3,
 
.toclimit-4 .toclevel-4,
 
.toclimit-5 .toclevel-5,
 
.toclimit-6 .toclevel-6,
 
.toclimit-7 .toclevel-7 { display: none; }
 
 
/* Styling for Template:Quote */
 
blockquote.templatequote {  
 
    margin-top: 0;  
 
}
 
blockquote.templatequote div.templatequotecite {  
 
     line-height: 1em;
 
    text-align: left;
 
 
     padding-left: 2em;
 
     padding-left: 2em;
    margin-top: 0;
 
 
}
 
}
blockquote.templatequote div.templatequotecite cite {
+
.rellink i,
     font-size: 85%;
+
.dablink i {
 +
     font-style: normal;
 +
}
 +
 
 +
/* Style for horizontal UL lists */
 +
.horizontal ul {
 +
    padding: 0;
 +
    margin: 0;
 
}
 
}
+
.horizontal li {
div.user-block {
+
     padding: 0 0.6em 0 0.4em;
     padding: 5px;
+
     display: inline;
     border: 1px solid #A9A9A9;
+
     border-right: 1px solid;
     background-color: #FFEFD5;
 
 
}
 
}
+
.horizontal li:last-child {
/* Prevent line breaks in silly places:
+
     border-right: none;
  1) links when we don't want them to
+
     padding-right: 0;
  2) HTML formulae
 
  3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
 
*/
 
.nowraplinks a,
 
span.texhtml,
 
sup.reference a { white-space: nowrap; }
 
 
/* For template documentation */
 
.template-documentation {
 
    clear: both;
 
    margin: 1em 0 0 0;
 
     border: 1px solid #aaa;
 
    background-color: #ecfcf4;  
 
     padding: 5px;
 
 
}
 
}
  
div.thumbinner {
+
/* Allow transcluded pages to display in lists rather than a table.
font-size: 14px;
+
  Compatible in Firefox; incompatible in IE6. */
}
+
.listify td    { display: list-item; }
   
+
.listify tr    { display: block; }
.thumbinner {
+
.listify table { display: block; }
min-width: 100px;
+
 
font-family: 'Open Sans', sans-serif;
+
/* Geographical coordinates defaults. See [[Template:Coord/link]]
font-weight: 400;
+
  for how these are used. The classes "geo", "longitude", and
color: #504f4f;
+
  "latitude" are used by the [[Geo microformat]].
line-height: 20px;
+
  */
}
+
.geo-default, .geo-dms, .geo-dec  { display: inline; }
+
.geo-nondefault, .geo-multi-punct { display: none; }
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
+
.longitude, .latitude            { white-space: nowrap; }
.imagemap-inline div {
+
 
     display: inline;
+
/* When <div class="nonumtoc"> is used on the table of contents,
 +
  the ToC will display without numbers */
 +
.nonumtoc .tocnumber { display: none; }
 +
.nonumtoc #toc ul,
 +
.nonumtoc .toc ul {
 +
    line-height: 1.5em;
 +
    list-style: none;
 +
    margin: .3em 0 0;
 +
     padding: 0;
 
}
 
}
+
.nonumtoc #toc ul ul,
/* Increase the height of the image upload box */
+
.nonumtoc .toc ul ul {
#wpUploadDescription {
+
    margin: 0 0 0 2em;
    height: 13em;
 
}
 
 
/* Reduce line-height for <sup> and <sub> */
 
sup, sub {
 
    line-height: 1em;
 
}
 
 
 
li.gallerybox div.thumb {
 
      box-shadow: 0px 0.5px 1px 0px #ccc;
 
 
}
 
}
  
/* The backgrounds for galleries. */
+
/* Allow limiting of which header levels are shown in a TOC;
#content .gallerybox div.thumb {
+
  <div class="toclimit-3">, for instance, will limit to
    background-color: #F9F9F9;   /* Light gray padding */
+
  showing ==headings== and ===headings=== but no further
 +
  (as long as there are no =headings= on the page, which
 +
  there shouldn't be according to the MoS).
 +
*/
 +
.toclimit-2 .toclevel-2,
 +
.toclimit-3 .toclevel-3,
 +
.toclimit-4 .toclevel-4,
 +
.toclimit-5 .toclevel-5,
 +
.toclimit-6 .toclevel-6,
 +
.toclimit-7 .toclevel-7 { display: none; }
 +
 
 +
/* Styling for Template:Quote */
 +
blockquote.templatequote {
 +
    margin-top: 0;
 
}
 
}
/* Put a chequered background behind images, only visible if they have transparency */
+
blockquote.templatequote div.templatequotecite {
.gallerybox .thumb img,
+
    line-height: 1em;
#file img {
+
    text-align: left;
     background: none;
+
    padding-left: 2em;
 +
     margin-top: 0;
 
}
 
}
 
+
blockquote.templatequote div.templatequotecite cite {
div.searchresult {
+
    font-size: 85%;
      line-height: 35px;
 
      width: 100%;
 
 
}
 
}
  
.mw-ui-input:focus {
+
div.user-block {
box-shadow: inset 0 0 0 .5px #347bff;
+
    padding: 5px;
 +
    border: 1px solid #A9A9A9;
 +
    background-color: #FFEFD5;
 
}
 
}
  
@media screen and (max-width: 1024px) {
+
/* Prevent line breaks in silly places:
 +
  1) links when we don't want them to
 +
  2) HTML formulae
 +
  3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
 +
*/
 +
.nowraplinks a,
 +
span.texhtml,
 +
sup.reference a { white-space: nowrap; }
  
ul.gallery {
+
/* For template documentation */
display:flex;
+
.template-documentation {
flex-wrap:wrap;
+
    clear: both;
justify-content: center;
+
    margin: 1em 0 0 0;
}
+
    border: 1px solid #aaa;
 +
    background-color: #ecfcf4;
 +
    padding: 5px;
 
}
 
}
  
/* But no chequered background on articles, user pages or portals. */
+
div.thumbinner {
.ns-0 .gallerybox .thumb img,
+
    margin: 0 auto;
.ns-2 .gallerybox .thumb img,
+
     font-size: 14px;
.ns-100 .gallerybox .thumb img {
 
    background: white;
 
}
 
 
/* Prevent floating boxes from overlapping any category listings,
 
  file histories, edit previews, and edit [Show changes] views */
 
#mw-subcategories, #mw-pages, #mw-category-media,
 
#filehistory, #wikiPreview, #wikiDiff {
 
    clear: both;
 
}
 
 
/* Selectively hide headers in WikiProject banners */
 
.wpb .wpb-header            { display: none; }
 
.wpbs-inner .wpb .wpb-header { display: block; }    /* for IE */
 
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
 
.wpbs-inner .wpb-outside    { display: none; }     /* hide things that should only display outside shells */
 
 
#bottom-wrap{
 
background-image:none;
 
background-color:#FFF;
 
box-sizing: border-box;
 
border-top: 1px solid rgba(158, 158, 158, 0.33);
 
 
}
 
}
  
#bottom-wrap-inner{
+
.thumbinner {
margin: 0;
+
min-width: 100px;
padding: 5%;
+
font-family: 'Open Sans', sans-serif;
box-sizing: border-box;
+
font-weight: 400;
 +
color: #504f4f;
 +
line-height: 20px;
 
}
 
}
  
legend {
+
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
font-family: 'Open Sans', sans-serif;
+
.imagemap-inline div {
font-size: 22px;
+
    display: inline;
text-align: inherit;
 
margin: 10px 0px 10px 0px;
 
 
}
 
}
  
/* for responsive maps */
+
/* Increase the height of the image upload box */
.gm-style img {
+
#wpUploadDescription {
     max-width: none;
+
     height: 13em;
 
}
 
}
  
@media screen and (max-width: 1024px) {
+
/* Reduce line-height for <sup> and <sub> */
 +
sup, sub {
 +
    line-height: 1em;
 +
}
  
#top-wrap h1 {
 
/*font-size: 33px;*/
 
}
 
  
#tagline a {
+
li.gallerybox div.thumb {
font-size: 16px;
+
      box-shadow: 0px 0.5px 1px 0px #ccc;
 
}
 
}
  
#menu {
+
/* The backgrounds for galleries. */
width: 100%;
+
#content .gallerybox div.thumb {
margin: 0 auto;
+
    background-color: #F9F9F9;   /* Light gray padding */
height: 2.5em;
 
}
 
 
 
#nav {
 
      height: 2.5em;
 
 
}
 
}
 
+
/* Put a chequered background behind images, only visible if they have transparency */
*/#searchform {
+
.gallerybox .thumb img,
      margin-top: -2.3em;
+
#file img {
      margin-left: 75%;
+
    background: none;
      position: relative;
 
} */
 
 
 
ul#menu li {
 
      display: inline-block;
 
      font-size: 12px;
 
      line-height: 24px;
 
    }
 
 
 
#container {
 
      padding: 7px;
 
      margin-bottom: 6em;
 
 
}
 
}
  
div.tleft {
+
div.searchresult {
      float: right;
+
       line-height: 35px;
      clear: both;
+
      width: 100%;
      margin: 1em;
 
                }
 
 
 
.footer {
 
       display: none;
 
}
 
 
#footer {
 
float: none;
 
width: auto;
 
text-align: center;
 
}
 
 
#footer li, #footer p {
 
font-size: 14px;
 
max-width: none;
 
margin: 0 auto;
 
padding: 5px;
 
 
}
 
}
  
#ternary.footer {
+
.mw-ui-input:focus {
display: block;
+
box-shadow: inset 0 0 0 .5px #347bff;
float: none;
 
width: auto;
 
text-align: center;
 
 
}
 
}
  
.widget {
+
/* But no chequered background on articles, user pages or portals. */
margin: 0 auto;
+
.ns-0 .gallerybox .thumb img,
padding: 10px;
+
.ns-2 .gallerybox .thumb img,
 +
.ns-100 .gallerybox .thumb img {
 +
    background: white;
 
}
 
}
  
}
+
/* Prevent floating boxes from overlapping any category listings,
 +
  file histories, edit previews, and edit [Show changes] views */
 +
#mw-subcategories, #mw-pages, #mw-category-media,
 +
#filehistory, #wikiPreview, #wikiDiff {
 +
    clear: both;
 +
}
  
@media screen and (max-width: 768px) {
+
/* Selectively hide headers in WikiProject banners */
 +
.wpb .wpb-header            { display: none; }
 +
.wpbs-inner .wpb .wpb-header { display: block; }    /* for IE */
 +
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
 +
.wpbs-inner .wpb-outside    { display: none; }      /* hide things that should only display outside shells */
  
#top-wrap {
+
legend {
      height: 295px;
+
font-family: 'Open Sans', sans-serif;
      text-align: center;
+
font-size: 22px;
 +
text-align: inherit;
 +
margin: 10px 0px 10px 0px;
 
}
 
}
  
#container {
+
/* for responsive maps */
      height: 130px;
+
.gm-style img {
      padding: 0;
+
    max-width: none;
      margin-bottom: 7em;
 
      box-sizing: border-box;
 
      padding: 1em;
 
 
}
 
}
  
#tagline p, #tagline a {
+
@media screen and (max-width: 1024px) {
      font-size: 11px;
+
 
      line-height: 12px;
+
.mw-body {
 +
    padding: 0 0.75em;
 +
    transition: all 0.3s ease;
 +
    }
 +
}
 +
 
 +
/* StickyTOC fix to account for top ribbon */
 +
@media screen and (min-width: 761px) {
 +
.stickytoc.force-sticky {
 +
  top: 120px !important;
 
}
 
}
 +
}
 +
 +
@media screen and (max-width: 767px) {
  
#top-wrap h1 {
+
select, textarea, input, input[type="search"], input[name="search"], input[name="hidden"] {
      font-size: 1.25em;
+
    font-size: 16px !important;
      padding: 0;
 
 
}
 
}
  
#menubutton{
+
select:focus, textarea:focus, input:focus {
      display: block;
+
    font-size: 16px !important;
      position: relative;
+
    position: initial;
      min-height: 35px;
 
      font-family: 'Open Sans', sans-serif;
 
      font-weight: 600;
 
      font-size: 16px;
 
      letter-spacing: 2px;
 
      text-transform: uppercase;
 
      text-align: center;
 
      color: #000000;
 
      box-sizing: border-box;
 
      padding-top: 8px;
 
      padding-bottom: 2px;
 
      margin: 0 auto;
 
      background-color: #FFFFFF;
 
      border-bottom: 0.5px solid rgba(158,158,158,0.53);
 
 
}
 
}
  
#menubutton:hover{
+
.bannerImage {
      background-color: #f9f9f9;
+
    height: 170px;
      transition: background-color 0.2s cubic-bezier(0.4, 0, 1, 1);
+
    opacity: 0.2;
 +
    position: relative;
 +
    z-index: -99999;
 +
    top: -174px;
 +
    margin-bottom: -176px;
 +
    background-image: url(/mediawiki/images/9/98/0033_banner.jpg);
 
}
 
}
  
#menu, #nav {
+
.skin-chameleon .navbar-tools {
      min-height: 0;
+
    display: none;
      visibility: hidden;
 
      opacity: 0;
 
      transition: all 0.2s ease-in-out;
 
 
}
 
}
  
ul#menu li, #menu li:first-child {
+
.navbar-form {
      display: block;
+
    border-top: none;
      margin: 0 auto;
+
    margin-top: 3px;
      padding-top: 0;
+
}
      padding-bottom: .5px;
 
  }
 
  
/*#searchform {
+
.navbar-collapse.in {
      margin: 0 auto;
+
    display: flex;
      margin-top: -3.5em;
+
    flex-direction: column-reverse;
} */
+
}
  
 +
div.tleft {
 +
    float: right;
 +
    clear: right;
 +
    margin: 0.5em auto 1.3em 1.3em;
 +
}
  
#menu.active, #nav.active {
+
.siteTagline, .siteTagline a {
      visibility: visible;
+
    font-size: 13px;
      min-height: 9em;
 
      opacity: 1;
 
 
}
 
}
  
#bodyContent > h1 {
+
.siteTitle {
      margin: 1em 0 0.5em;
+
    font-size: 30px;
 
}
 
}
 
 
}
 
}
  
 
@media screen and (max-width: 425px) {
 
@media screen and (max-width: 425px) {
  
#top-wrap {
+
.siteTagline, .siteTagline a {
justify-content: center;
+
    font-size: 12px;
 
}
 
}
  
#container {
+
.siteTitle {
padding: 0;
+
    font-size: 28px;
 +
    line-height: 32px;
 +
    letter-spacing: 1px;
 +
}
  
 +
div.tleft, div.tright, .pull-right {
 +
    float: none !important;
 
}
 
}
  
#top-wrap h1 {
+
#footerInfo, .footerTitle, #p-tb, .pull-right {
font-size: 1em;
+
    text-align: center;
margin: 0 auto;
 
letter-spacing: 6px;
 
line-height: 25px;
 
 
}
 
}
  
#tagline p {
 
      word-spacing: 3px;
 
      letter-spacing: 2px;
 
      padding-top: 1.5%;
 
 
}
 
}
  
#tagline a {
+
@media screen and (max-width: 320px) {
      font-size: 9px;
 
}
 
  
/*ul#menu li {
 
      padding-top: 1.5px;
 
      padding-bottom: 1px;
 
}*/
 
  
#searchform {
+
.bannerWrapper {
      margin-top: -2.75em;
+
    padding: 5px;
 
}
 
}
  
div.thumbinner {
+
.siteTagline, .siteTagline a {
display: table-footer-group;
+
    font-size: 10px;
}
+
}
  
.footer {
+
.siteTitle {
      display: none;
+
    font-size: 20px;
 +
    line-height: 22px;
 +
    margin-top: 8px;
 +
    margin-bottom: 5px;
 +
    letter-spacing: 2px;
 
}
 
}
  
.footer li {
+
.bannerImage {
max-width: none;
+
    height: 119px;
 +
    opacity: 0.2;
 +
    position: relative;
 +
    z-index: -99999;
 +
    top: -119px;
 +
    margin-bottom: -120px;
 +
    background-image: url(/mediawiki/images/9/98/0033_banner.jpg);
 
}
 
}
  
#footer {
+
.navbar-nav {
float: none;
+
    backface-visibility: hidden;
width: auto;
 
text-align: center;
 
 
}
 
}
  
#ternary.footer {
+
.mw-body {
display: block;
+
    padding: 0 0.25em;
float: none;
 
width: auto;
 
text-align: center;
 
 
}
 
}
  }
 
  
.fixed-header {
+
.firstHeading {
position: fixed;
+
    margin-top: 0px;
top: 0;
 
z-index: 1;
 
 
}
 
}
  
 
+
div.tleft, div.tright {
#menu.fixed-header {
+
    margin-left: 0px;
background: rgba(10,39,56, 1.0);
 
transition: all 0.2s ease;
 
 
}
 
}
  
#s.fixed-header{
+
ul.gallery {
margin-top: 8px;
+
    padding-left: 3.5ex;
 
}
 
}
 
#s.fixed-header:focus {
 
width: 15%;
 
 
}
 
}
 
/*:target:before {
 
content: "";
 
display: block;
 
height: 65px;
 
margin-top: -65px;
 
} */
 
  
 
a.back-to-top {
 
a.back-to-top {
 
display: none;
 
display: none;
 
width: 60px;
 
width: 60px;
height: 60px;
+
height: 60px;
text-indent: -9999px;  
+
text-indent: -9999px;
position: fixed;
+
position: fixed;
z-index: 999;
+
z-index: 999;
right: 20px;
+
right: 20px;
bottom: 20px;
+
bottom: 20px;
background: url(http://vm-healdddev-casva.nga.gov/mediawiki/skins/assets/images/up-arrow.png) no-repeat center 43%;
+
background: url(/mediawiki/images/5/5c/Long-arrow-up-50.png) no-repeat center 45%;
         background-color: #508a69 ;
+
         background-color: #508a69 ;
-webkit-border-radius: 30px;
+
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
+
-moz-border-radius: 30px;
border-radius: 30px;
+
border-radius: 30px;
         -webkit-transition: background-color 200ms ease-in-out;
+
         -webkit-transition: background-color 200ms ease-in-out;
       -moz-transition: background-color 200ms ease-in-out;
+
       -moz-transition: background-color 200ms ease-in-out;
}
+
}
 +
 
 +
a.back-to-top:hover {
 +
      background-color: #375e48;
 +
}
 +
 
 +
ul.mw-gallery-packed {
 +
    box-sizing: border-box;
 +
    background-color: #fafafa;
 +
    padding: 25px;
 +
    font-family: sans-serif;
 +
    animation: fade-seq 2s forwards;
 +
}
 +
 
 +
ul.mw-gallery-packed li.gallerybox div.thumb img {
 +
    position: relative;
 +
    transition: all 0.3s ease;
 +
}
 +
 
 +
ul.mw-gallery-packed li.gallerybox div.thumb img:hover {
 +
    transform: scale(1.05);
 +
    transition: all 0.3s ease;
 +
}
 +
 
 +
ul.gallery {
 +
margin: 0;
 +
}
 +
 
 +
/* </source> */
  
a.back-to-top:hover {
+
.toc ul ul {
      background-color: #375e48;
+
margin: 0 0 0 .5em;
 
}
 
}
  
ul.mw-gallery-packed {
+
.toclevel-2 ul {
    box-sizing: border-box;
+
  display: none;
    background-color: #fafafa;
 
    padding: 30px;
 
    font-family: sans-serif;
 
    animation: fade-seq 2s forwards;
 
 
}
 
}
  
ul.mw-gallery-packed li.gallerybox div.thumb img {
+
/* FancyBoxThumbs caption */
    position: relative;
+
.fancybox-title-float-wrap .child {
    transition: all 0.3s ease;
+
background: #e9ecef; /* matches Chameleon navbar color */
 +
text-shadow: none; /* removes text shadow */
 +
color: #252525; /* caption text color */
 
}
 
}
  
ul.mw-gallery-packed li.gallerybox div.thumb img: hover {
+
/* Hide red links for anonymous HEAL-147 */
    transform: scale(1.05);
+
a.new {
    transition: all 0.3s ease;
+
color: inherit !important;
 +
text-decoration: inherit;
 +
pointer-events: none;
 
}
 
}
 
/* </source> */
 

Latest revision as of 17:58, September 22, 2021

/* CSS placed here will be applied to all skins */
/* <source lang="css"> */

/*Begin CSS for Chameleon Skin*/

@-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}}

.fade-in {
  -webkit-animation: fade-in 1s ease;
  -moz-animation: fade-in ease-in-out 1s both;
  -ms-animation: fade-in ease-in-out 1s both;
  -o-animation: fade-in ease-in-out 1s both;
  animation: fade-in 1s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes fade-seq {0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes fade-seq {0%{opacity:0} 100%{opacity:1}}
@-o-keyframes fade-seq {0%{opacity:0} 100%{opacity:1}}
@keyframes fade-seq {0%{opacity:0} 100%{opacity:1}}

html {
font-size: 16px;
}

.container {
transition: all 0.3s ease;
}

*:focus {
    outline: none;
}

.bannerWrapper {
height: auto;
box-sizing: border-box;
padding: 15px;
}

.siteTagline, .siteTitle {
margin: 0 auto;
text-align: center;
}

.siteTagline a, .siteTagline a:visited {
color: #37474f;
text-decoration: none;
font-size: 15px;
}

.siteTitle {
font-size: 38px;
line-height: 38px;
font-family: Georgia, serif;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-top: 11px;
color: #01443e;
}


.bannerImage {
height: 105px;
/*background-image: url();*/
background-color: #f5f5f5;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.navbar-default .navbar-nav > li > a {
    text-transform: capitalize;
    color: #252323;
}

.navbar-default .navbar-nav > li > a:hover {
     background-color: #eeeeee;
     transition: all 0.2s ease-in-out;
}

nav#mw-navigation.navbar.navbar-default.p-navbar.sticky.is_stuck:first-child {
     display: none;
}

span#Welcome {
    animation: fade-in 2s ease;
}

#bodyContent {
    width: auto;
}

body.page-Home.action-view h1.firstHeading, body.page-Home.action-submit h1.firstHeading { display: none; }

body.page-Home.action-view .contentHeader, body.page-Home.action-submit .contentHeader { display: none; }

/* Hide certain Special page links from all users - displayed for admins in MediaWiki:Group-sysop.css */
#t-specialpages {
   display: none;
}

/* Hide certain elements from all users - displayed for admins in MediaWiki:Group-sysop.css */
.mw-editsection {
   display: none;
}

input.mw-ui-button {
    background-color: #f9f9f9;
    border-radius: 3px;
    padding: 8px;
    transition: all ease-in-out .4s;
}

input.mw-ui-button:hover {
    color: #FFF;
    background-color: #347bff;
}

.thumbinner {
animation: fade-in 1.5s ease;
}

a:visited {
color: #337ab7;
}

.mw-body a.external:visited {
color: #337ab7;
}

.mw-editsection-bracket {
display: none;
}

.mw-editsection a::before {
font-family: "Glyphicons Halflings";
content: "\270f";
}

blockquote {
font-size: 16px;
color: #555555;
line-height: 26px;
}

.thumbinner {
border: none;
border-radius: 0;
background-color: #f5f5f5;
}

div.magnify a {
display: none;
}

#content ul {
font-family: serif;
font-size: 20px;
}

ol.references {
font-family: serif;
}

.footerTitle {
    box-sizing: border-box;
    padding: 8px;
    font-family: sans-serif;
    font-size: 14px;
    color: #757575;
}

.list-inline {
margin-left: 0;
}

.searchResultImage img {
     margin-right: 1em;
}

#p-tb {
     border: none;
    box-sizing: border-box;
    padding: 10px;
    /*display: none; */
}

#footer-info {
    color: #9fa19f;
    line-height: 1.75em;
    margin-top: 0;
    margin-bottom: 2em;
    font-size: 12px;
}

#footer-places {
     display: none;
}

.imagemetadata {
width: 100%;
box-sizing: border-box;
padding: 2px;
font-size: 17px;
background-color: #f8f8f8;
}

.imagemetadata th {
text-align: left;
padding: 9px;
border-right: 0.5px solid #e7e7e7;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

.imagemetadata td {
font-family: Georgia, serif;
padding: 8px;
}

#file img {
height: auto;
max-width: 100%;
}

div.mw-filepage-resolutioninfo {
padding-top: 8px;
}

#filetoc {
margin-top: .5rem; 
display: none;
}

#mw-pages h2 {
display: none;
}

#mw-searchoptions {
display: none;
}

.mw-search-createlink {
display: none;
}

/*.caretRotate {
     transform: rotate(-90deg);
     transition: transform .2s ease-in-out;
}*/

#mw-imagepage-section-filehistory, .mw-imagepage-section-metadata {
    overflow: auto;
}

/*End CSS for Chameleon Skin*/

#top-wrap {
background: transparent;
/*background-image: url(http://vm-healdddev-casva.nga.gov/mediawiki/skins/erudite/assets/images/Mills_Plan_Background_Banner.png); */
/*background-image: url(http://vm-healdddev-casva.nga.gov/mediawiki/images/6/6f/0550.jpg);*/
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}

#top-wrap h1 {
font-size: 1.5em;
letter-spacing: 2px;
}


#tagline {
padding-top: 0.85%;
}

input#s {
width: 0;
height: 3em;
cursor: pointer;
color: #000000;
}

input#s::placeholder {
color: #000000;
}

#s {
width: 0px;
height: 3em;
transition: all .3s ease-in-out;
/*background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/de/OOjs_UI_icon_search-ltr.svg);*/
background-repeat: no-repeat;
background-color: transparent;
background-position: 3px 4px;
padding-left: 34px;
vertical-align: text-bottom;
border-radius: 6px;
border-color: #fff;
}

/*Input and search form margin and transition*/

#s:focus {
width: 60%;
-webkit-transition: all .3s ease-in-out;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1.25px;
color: #000000;
outline: none;
font-size: 13px;
height: 31px;
border-bottom: solid thin #000000;
}

#searchform {
/*margin-top: -3.1em;*/
}

h1{
      font-family: Georgia, serif;
      letter-spacing: 0.75px;
}

h2{
      font-family:'Open Sans', sans-serif;
      font-size: 28px;
      font-weight: 400;
      letter-spacing: 1px;
}

h3 {
      font-family: Georgia, serif;
      letter-spacing: 0.5px;
}

hr {
display: block;
}


p, dd{
font-family: serif;
word-spacing: 0.75px;
line-height: 28px;
color: #222222;
/*font-size: calc(14.5px + 0.3vw);*/
}

.mw-content-ltr ul {
line-height: 30px;
}

.mw-content-ltr ol {
box-sizing: border-box;
margin: 1.3em 0 0 1.2em;
}

#container {
height: auto;
box-sizing: border-box;
background-color: #FFFFFF;
padding: 0px 7px 7px 7px;
margin-bottom: 10em;
}

#menu {
background: #FFFFFF;
box-sizing: border-box;
padding: 2px;
margin-top: 0;
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
box-shadow: -1px 1px 10px #ccc;
}

#menu li {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
letter-spacing: 2px;
font-size: 0.75em;
line-height: 28px;
}

#tagline a {
font-family:'Open Sans', sans-serif;
font-size: 0.8em;
margin: 0;
}


/*Prettifying links in body content*/

.mw-content-ltr p > a:hover {
background-color: #DEF;
transition: background-color 200ms ease-in-out;
text-decoration: underline;
}

dd > a:hover {
background-color: #DEF;
transition: background-color 200ms ease-in-out;
text-decoration: underline;
}

a:visited {
/* INVALID color: none; */
}

ul#menu a {
  text-decoration: none;
  position: relative;
  color: #000000;
  font-weight: 600;
}

ul#menu li > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 1px solid #C6CACF;
  transition: 0.4s;
}

ul#menu li > a:hover:after {
  width: 100%;
}

#bodyContent {
      -webkit-animation-name: fadeIn;
      -webkit-animation-duration: 0.8s;
      box-sizing: border-box;
      /*padding: 3% 2%;*/
      margin: 0 auto;
      /*width: 70%;*/
      min-height:500px;
}

#bodyContent > h1 {
      letter-spacing: 2px;
}

#bodyContent p, #bodyContent dd, #bodyContent dl {
      line-height: 29px;
      font-family: Georgia, serif;
      font-size: 17px;
      margin-bottom: 1.25em;
}

/* Main page fixes */
#interwiki-completelist {
    font-weight: bold;
}

body.page-Main_Page #ca-delete {
    display: none !important;
}

body.page-Main_Page #mp-topbanner {
   clear: both;
}

#catlinks {
background: transparent;
}

#mw-normal-catlinks {
text-align: center;
}

#catlinks a {
font-size: 17px;
color: #5e5e5e;
font-family: sans-serif;
font-weight: 300;
width: 100%;
padding: 0;
margin:0;
}

.catlinks li:first-child {
padding-left: 0.5em;
}

#footer ul {
list-style: none;
}

/* Edit window toolbar */
#toolbar {
    height: 22px;
    margin-bottom: 6px;
}

/* Margins for <ol> and <ul> */
#content ol, #content ul,
#mw_content ol, #mw_content ul {
  margin-bottom: 0.5em;
}


/* Make the list of references smaller */
ol.references {
    font-size: 100%;
    line-height: 25px;
    margin: 1em 0em 0em 1.2em;
}


.references-small {
    font-size: 90%;
}

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
    font-size: 90%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target,
sup.reference:target,
cite:target {
    background-color: #DEF;
}

/*ol.references > li:target::before {
display: block;
height: 5px;
margin-top: -5px;
} */

/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
    font-weight: normal;
    font-style: normal;
}


/* Styling for citations */
cite {
    font-style: normal;
    word-wrap: break-word;
}


/* Two columns for category pages */
.mw-category {
      column-count: 2;
}

/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version
*/
@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}


/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    font-weight: bold;
}

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
  border: 1px solid #aaa;
  width: 100%;
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
}
.navbox-list {
  border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.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 */
}

.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */


/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
    font-style: italic;
}

/* Icons for medialist templates [[Template:Listen]],
   [[Template:Multi-listen_start]], [[Template:Video]],
   [[Template:Multi-video_start]]
*/
div.listenlist {
    background:
       /* url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");*/
    padding-left: 40px;
}

/* Style rules for media list templates */
div.medialist {
    min-height: 50px;
    margin: 1em;
    background-position: top left;
    background-repeat: no-repeat;
}
div.medialist ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
}
div.medialist ul li {
    padding-bottom: 0.5em;
}
div.medialist ul li li {
    font-size: 91%;
    padding-bottom: 0;
}

/* Change the external link icon to an Adobe icon for all PDF files
   in browsers that support these CSS selectors, like Mozilla and Opera */
#bodyContent a[href$=".pdf"].external,
#bodyContent a[href*=".pdf?"].external,
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external,
#bodyContent a[href*=".PDF?"].external,
#bodyContent a[href*=".PDF#"].external,
#mw_content  a[href$=".pdf"].external,
#mw_content  a[href*=".pdf?"].external,
#mw_content  a[href*=".pdf#"].external,
#mw_content  a[href$=".PDF"].external,
#mw_content  a[href*=".PDF?"].external,
#mw_content  a[href*=".PDF#"].external {
    background:
        /*url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")*/
        center right no-repeat;
    padding-right: 16px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class
   is used (notably Template:PDFlink). This works in IE, unlike the above. */
#bodyContent span.PDFlink a,
#mw_content span.PDFlink a {
    background:
        /*url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")*/
        center right no-repeat;
    padding-right: 17px;
}

/* Remove link styling. Already defined in monobook
   and modern, but not defined in the other skins. Bug 18708 */
#bodyContent .plainlinks a {
    background: none !important;
    padding: 0 !important;
}

/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
    float: left;
    width: 50%;
    min-width: 300px;
}
div.columns-3 div.column {
    float: left;
    width: 33.3%;
    min-width: 200px;
}
div.columns-4 div.column {
    float: left;
    width: 25%;
    min-width: 150px;
}
div.columns-5 div.column {
    float: left;
    width: 20%;
    min-width: 120px;
}

/* Make sure that "external references" from templates like [[Template:Ref]]
   do not get URL expansion, not even when printed. The anchor itself has
   class "external autonumber" and the url expansion is inserted when printing
   (see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the
   ":after" pseudo-element.
*/
.nourlexpansion a.external.text:after,
.nourlexpansion a.external.autonumber:after {
    display: none !important;
}

/* The legacy implementation of this was with "plainlinksneverexpand", which
   also simulated "plainlinks".  "plainlinksneverexpand" is deprecated and
   should be replaced with "plainlinks nourlexpansion".  When this has been
   done, the rules below can be removed.
*/
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important;
}
.plainlinksneverexpand a.external.text:after,
.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}

/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em;
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em;
    background: #F8EABA;
}


/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none;
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
    border: none;
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center;
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center;
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* Article message box styles */
table.ambox {
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa;
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* Image message box styles */
table.imbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {    /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}

table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}

/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;
    background: #DFE8FF;    /* Default "notice" blue */
}

table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}

/* Other pages message box styles */
table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}

table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}

/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
    margin: 2px 0;               /* class ensures that this declaration overrides other */
    width: 100%;  /* For Safari and Opera */     /* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */
    font-size: 100%;             /* set in "mbox-small" above.                */
}

table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}

/* Disambig and set index box styles */
table.dmbox {
    clear: both;
    margin: 0.9em 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: transparent;
}

/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. Used in
   [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}

/* These mbox-small classes must be placed after all other
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}


/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
   The second declarations reset the styles for all browsers except
   IE6, which chokes on the empty comment tags. Please copy any changes
   to [[Template:IPA fonts]] and [[Template:Unicode fonts]].
*/
.IPA {
    font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
                 "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Chrysanthi Unicode";
    font-family /**/: inherit;
}
.Unicode {
    font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
                 "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
                 "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
                 "Lucida Grande", "Free Sans", "Arial Unicode MS",
                 "Microsoft Sans Serif", "Lucida Sans Unicode";
    font-family /**/: inherit;
}
.latinx {
    font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
    font-family /**/: inherit;
}
.polytonic {
    font-family: "Athena Unicode", Gentium, "Palatino Linotype",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Lucida Grande", Code2000;
    font-family /**/: inherit;
}

#wpSave {
    font-weight: bold;
}

/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure {
    display: inline ! important;
    color: #f00;
    background-color: #0f0;
}

/* suppress missing interwiki image links where #ifexist cannot
   be used due to high number of requests see .hidden-redlink on
   http://meta.wikimedia.org/wiki/MediaWiki:Common.css
*/
.check-icon a.new {
    display: none;
/* INVALID    speak: none; */
}

/* Removes underlines from links */
.nounderlines a {
    text-decoration: none;
}

/* Remove underline from IPA links */
.IPA a:link, .IPA a:visited {
    text-decoration: none;
}

/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p {
    font-size: 100%;
}
div.NavFrame div.NavContent {
    font-size: 100%;
}
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* Coloured watchlist numbers */
.mw-plusminus-pos { color: #006400; } /* dark green */
.mw-plusminus-neg { color: #8B0000; } /* dark red */

.rellink,
.dablink {
    font-style: italic;
    padding-left: 2em;
}
.rellink i,
.dablink i {
    font-style: normal;
}

/* Style for horizontal UL lists */
.horizontal ul {
    padding: 0;
    margin: 0;
}
.horizontal li {
    padding: 0 0.6em 0 0.4em;
    display: inline;
    border-right: 1px solid;
}
.horizontal li:last-child {
    border-right: none;
    padding-right: 0;
}

/* Allow transcluded pages to display in lists rather than a table.
   Compatible in Firefox; incompatible in IE6. */
.listify td    { display: list-item; }
.listify tr    { display: block; }
.listify table { display: block; }

/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. The classes "geo", "longitude", and
   "latitude" are used by the [[Geo microformat]].
 */
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude             { white-space: nowrap; }

/* When <div class="nonumtoc"> is used on the table of contents,
   the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul,
.nonumtoc .toc ul ul {
    margin: 0 0 0 2em;
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }

/* Styling for Template:Quote */
blockquote.templatequote {
     margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
    line-height: 1em;
    text-align: left;
    padding-left: 2em;
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
    font-size: 85%;
}

div.user-block {
    padding: 5px;
    border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}

/* Prevent line breaks in silly places:
   1) links when we don't want them to
   2) HTML formulae
   3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a,
span.texhtml,
sup.reference a { white-space: nowrap; }

/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa;
    background-color: #ecfcf4;
    padding: 5px;
}

div.thumbinner {
     margin: 0 auto;
     font-size: 14px;
}

.thumbinner {
min-width: 100px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #504f4f;
line-height: 20px;
}

/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div {
    display: inline;
}

/* Increase the height of the image upload box */
#wpUploadDescription {
    height: 13em;
}

/* Reduce line-height for <sup> and <sub> */
sup, sub {
    line-height: 1em;
}


li.gallerybox div.thumb {
      box-shadow: 0px 0.5px 1px 0px #ccc;
}

/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
    background-color: #F9F9F9;   /* Light gray padding */
}
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
#file img {
    background: none;
}

div.searchresult {
      line-height: 35px;
      width: 100%;
}

.mw-ui-input:focus {
box-shadow: inset 0 0 0 .5px #347bff;
}

/* But no chequered background on articles, user pages or portals. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img {
    background: white;
}

/* Prevent floating boxes from overlapping any category listings,
   file histories, edit previews, and edit [Show changes] views */
#mw-subcategories, #mw-pages, #mw-category-media,
#filehistory, #wikiPreview, #wikiDiff {
    clear: both;
}

/* Selectively hide headers in WikiProject banners */
.wpb .wpb-header             { display: none; }
.wpbs-inner .wpb .wpb-header { display: block; }     /* for IE */
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb-outside     { display: none; }      /* hide things that should only display outside shells */

legend {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
text-align: inherit;
margin: 10px 0px 10px 0px;
}

/* for responsive maps */
.gm-style img {
    max-width: none;
}

@media screen and (max-width: 1024px) {

.mw-body {
     padding: 0 0.75em;
     transition: all 0.3s ease;
     }
 }

/* StickyTOC fix to account for top ribbon */
@media screen and (min-width: 761px) {
.stickytoc.force-sticky {
  top: 120px !important;
}
}

@media screen and (max-width: 767px) {

select, textarea, input, input[type="search"], input[name="search"], input[name="hidden"] {
     font-size: 16px !important;
}

select:focus, textarea:focus, input:focus {
    font-size: 16px !important;
    position: initial;
}

.bannerImage {
    height: 170px;
    opacity: 0.2;
    position: relative;
    z-index: -99999;
    top: -174px;
    margin-bottom: -176px;
    background-image: url(/mediawiki/images/9/98/0033_banner.jpg);
}

.skin-chameleon .navbar-tools {
     display: none;
}

.navbar-form {
     border-top: none;
     margin-top: 3px;
}

.navbar-collapse.in {
     display: flex;
     flex-direction: column-reverse;
}

div.tleft {
     float: right;
     clear: right;
     margin: 0.5em auto 1.3em 1.3em;
}

.siteTagline, .siteTagline a {
     font-size: 13px;
}

.siteTitle {
     font-size: 30px;
}
}

@media screen and (max-width: 425px) {

.siteTagline, .siteTagline a {
     font-size: 12px;
}

.siteTitle {
     font-size: 28px;
     line-height: 32px;
     letter-spacing: 1px;
}

div.tleft, div.tright, .pull-right {
     float: none !important;
}

#footerInfo, .footerTitle, #p-tb, .pull-right {
     text-align: center;
}

}

@media screen and (max-width: 320px) {


.bannerWrapper {
     padding: 5px;
}

.siteTagline, .siteTagline a {
     font-size: 10px;
}

.siteTitle {
     font-size: 20px;
     line-height: 22px;
     margin-top: 8px;
     margin-bottom: 5px;
     letter-spacing: 2px;
}

.bannerImage {
    height: 119px;
    opacity: 0.2;
    position: relative;
    z-index: -99999;
    top: -119px;
    margin-bottom: -120px;
    background-image: url(/mediawiki/images/9/98/0033_banner.jpg);
}

.navbar-nav {
     backface-visibility: hidden;
}

.mw-body {
     padding: 0 0.25em;
}

.firstHeading {
     margin-top: 0px;
}

div.tleft, div.tright {
     margin-left: 0px;
}

ul.gallery {
     padding-left: 3.5ex;
}
}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: url(/mediawiki/images/5/5c/Long-arrow-up-50.png) no-repeat center 45%;
        background-color: #508a69 ;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
        -webkit-transition: background-color 200ms ease-in-out;
       -moz-transition: background-color 200ms ease-in-out;
}

a.back-to-top:hover {
      background-color: #375e48;
}

ul.mw-gallery-packed {
     box-sizing: border-box;
     background-color: #fafafa;
     padding: 25px;
     font-family: sans-serif;
     animation: fade-seq 2s forwards;
}

ul.mw-gallery-packed li.gallerybox div.thumb img {
     position: relative;
     transition: all 0.3s ease;
}

ul.mw-gallery-packed li.gallerybox div.thumb img:hover {
    transform: scale(1.05);
    transition: all 0.3s ease;
}

ul.gallery {
	margin: 0;
}

/* </source> */

.toc ul ul {
	margin: 0 0 0 .5em;
}

.toclevel-2 ul {
   display: none;
}

/* FancyBoxThumbs caption */
.fancybox-title-float-wrap .child {
	background: #e9ecef; /* matches Chameleon navbar color */
	text-shadow: none; /* removes text shadow */
	color: #252525; /* caption text color */
}

/* Hide red links for anonymous HEAL-147 */
a.new {
	color: inherit !important;
	text-decoration: inherit;
	pointer-events: none;
}

Retrieved from "https://heald.nga.gov/mediawiki/index.php?title=MediaWiki:Common.css&oldid=41955"

History of Early American Landscape Design contributors, "MediaWiki:Common.css," History of Early American Landscape Design, , https://heald.nga.gov/mediawiki/index.php?title=MediaWiki:Common.css&oldid=41955 (accessed March 29, 2024).

A Project of the Center for Advanced Study in the Visual Arts

National Gallery of Art, Washington