Difference between revisions of "MediaWiki:Common.css"

From Tenebrous Isles
Jump to: navigation, search
Line 6: Line 6:
  
 
h1, h2, h3, h4, h5, h6 {
 
h1, h2, h3, h4, h5, h6 {
   color: #bbb;
+
   color: #CD9B1D;
 
   font-weight: normal;
 
   font-weight: normal;
 
}
 
}
 
   
 
   
 
a {
 
a {
   color: #cc0;
+
   color: #CD9B1D;
 
}
 
}
 
a:visited {
 
a:visited {
   color: #aa4;
+
   color: #CD9B1D;
 
}
 
}
 
a:hover {
 
a:hover {
 
   text-decoration: none;
 
   text-decoration: none;
   color: #ff0;
+
   color: #CD9B1D;
   border: solid 1px #cc0;
+
   border: solid 1px #CD9B1D;
 
   -webkit-border-radius: 4px;
 
   -webkit-border-radius: 4px;
 
   -moz-border-radius: 4px;
 
   -moz-border-radius: 4px;
Line 26: Line 26:
 
}
 
}
 
   
 
   
a.new        { color: #d00 }
+
a.new        { color: #CD9B1D}
a.new:visited { color: #c44 }
+
a.new:visited { color: #CD9B1D}
a.new:hover  { color: #f44 }
+
a.new:hover  { color: #CD9B1D}
 
   
 
   
.mw-body a.external { color: #aa4; }
+
.mw-body a.external { color: #CD9B1D; }
.mw-body a.external:visited { color: #cc0; }
+
.mw-body a.external:visited { color: #CD9B1D; }
 
   
 
   
.mw-body a.extiw { color: #aa4; }
+
.mw-body a.extiw { color: #CD9B1D; }
.mw-body a.extiw:visited { color: #cc0; }
+
.mw-body a.extiw:visited { color: #CD9B1D; }
 
   
 
   
 
div.mw-geshi,
 
div.mw-geshi,
 
pre.source-css {  
 
pre.source-css {  
   background: #333;
+
   background: #fff;
 
}
 
}
 
   
 
   
Line 55: Line 55:
 
   background: transparent;
 
   background: transparent;
 
   border: none;
 
   border: none;
   border-bottom: solid #c00 1px;
+
   border-bottom: solid #fff 1px;
 
   margin-top: -80px;
 
   margin-top: -80px;
 
   margin-left: 160px;
 
   margin-left: 160px;
Line 106: Line 106:
 
   
 
   
 
div.vectorTabs li.icon a {
 
div.vectorTabs li.icon a {
   background: #000;
+
   background: #fff;
 
}
 
}
 
   
 
   
Line 127: Line 127:
 
   
 
   
 
div.vectorTabs li.selected a {
 
div.vectorTabs li.selected a {
   background: #000;
+
   background: #fff;
   color: #cc0;
+
   color: #CD9B1D;
 
   text-decoration: none;
 
   text-decoration: none;
 
   -webkit-border-radius: 8px;
 
   -webkit-border-radius: 8px;
Line 134: Line 134:
 
   border-radius: 8px;
 
   border-radius: 8px;
 
}
 
}
div.vectorTabs li.selected a:visited { color: #aa4 }
+
div.vectorTabs li.selected a:visited { color: #CD9B1D}
 
   
 
   
 
div.vectorTabs li.new a {
 
div.vectorTabs li.new a {
   color: #a55;
+
   color: #CD9B1D;
 
   -webkit-border-radius: 8px;
 
   -webkit-border-radius: 8px;
 
   -moz-border-radius: 8px;
 
   -moz-border-radius: 8px;
Line 143: Line 143:
 
}
 
}
 
   
 
   
div.vectorTabs li.new a:visited { color: #a55 }
+
div.vectorTabs li.new a:visited { color: #CD9B1D}
 
   
 
   
 
div.vectorTabs li a:hover {
 
div.vectorTabs li a:hover {
Line 149: Line 149:
 
   -moz-border-radius: 8px;
 
   -moz-border-radius: 8px;
 
   border-radius: 8px;
 
   border-radius: 8px;
   border: solid #a00 1px;
+
   border: solid #fff 1px;
 
   margin: inherit;
 
   margin: inherit;
 
   margin-left: -1px;
 
   margin-left: -1px;
Line 163: Line 163:
 
   -moz-appearance: none;   
 
   -moz-appearance: none;   
 
   appearance: none;   
 
   appearance: none;   
   background: #000;
+
   background: #fff;
   border: solid #a00 1px;
+
   border: solid #fff 1px;
   color: #ccc;
+
   color: #CD9B1D;
 
   -webkit-border-radius: 8px;
 
   -webkit-border-radius: 8px;
 
   -moz-border-radius: 8px;
 
   -moz-border-radius: 8px;
Line 175: Line 175:
 
   -moz-appearance: none;   
 
   -moz-appearance: none;   
 
   appearance: none;   
 
   appearance: none;   
   background: #000;
+
   background: #fff;
   border: outset #cc0 1px;
+
   border: outset #fff 1px;
   color: #cc0;
+
   color: #CD9B1D;
 
   -webkit-border-radius: 4px;
 
   -webkit-border-radius: 4px;
 
   -moz-border-radius: 4px;
 
   -moz-border-radius: 4px;
Line 187: Line 187:
 
   -moz-appearance: none;   
 
   -moz-appearance: none;   
 
   appearance: none;   
 
   appearance: none;   
   background: #000;
+
   background: #fff;
   border: solid #a00 1px;
+
   border: solid #fff 1px;
   color: #ccc;
+
   color: #CD9B1D;
 
   -webkit-border-radius: 8px;
 
   -webkit-border-radius: 8px;
 
   -moz-border-radius: 8px;
 
   -moz-border-radius: 8px;
Line 199: Line 199:
 
   -moz-appearance: none;   
 
   -moz-appearance: none;   
 
   appearance: none;   
 
   appearance: none;   
   background: #000;
+
   background: #fff;
   border: outset #cc0 1px;
+
   border: outset #fff 1px;
   color: #cc0;
+
   color: #CD9B1D;
 
   -webkit-border-radius: 4px;
 
   -webkit-border-radius: 4px;
 
   -moz-border-radius: 4px;
 
   -moz-border-radius: 4px;
Line 208: Line 208:
 
   
 
   
 
div.vectorMenu li {
 
div.vectorMenu li {
   background: #000;
+
   background: #fff;
   color: #ccc;
+
   color: #CD9B1D;
 
}
 
}
div.vectorMenu li a { color: #cc0 }
+
div.vectorMenu li a { color: #CD9B1D}
div.vectorMenu li a:visited { color: #aa4; }
+
div.vectorMenu li a:visited { color: #CD9B1D; }
 
div.vectorMenu li a:hover {
 
div.vectorMenu li a:hover {
 
   text-decoration: none;
 
   text-decoration: none;
   color: #ff0;
+
   color: #CD9B1D;
   border: solid 1px #cc0;
+
   border: solid 1px #fff;
 
   -webkit-border-radius: 4px;
 
   -webkit-border-radius: 4px;
 
   -moz-border-radius: 4px;
 
   -moz-border-radius: 4px;
Line 224: Line 224:
 
   
 
   
 
div.vectorMenu li.selected {  
 
div.vectorMenu li.selected {  
   color: #ccc;
+
   color: #CD9B1D;
 
   border: none;
 
   border: none;
 
}
 
}
div.vectorMenu li.selected a { color: #cc0 }
+
div.vectorMenu li.selected a { color: #CD9B1D}
div.vectorMenu li.selected a:visited { color: #aa4; }
+
div.vectorMenu li.selected a:visited { color: #CD9B1D; }
 
div.vectorMenu li.selected a:hover {
 
div.vectorMenu li.selected a:hover {
 
   text-decoration: none;
 
   text-decoration: none;
   color: #ff0;
+
   color: #CD9B1D;
 
}
 
}
 
div.vectorMenu ul {
 
div.vectorMenu ul {
   background-color: #000;
+
   background-color: #fff;
   border: solid 1px #a00;
+
   border: solid 1px #fff;
 
}
 
}
 
   
 
   
Line 243: Line 243:
 
   
 
   
 
div#mw-panel div.portal h5 {
 
div#mw-panel div.portal h5 {
   color: #aaa;
+
   color: #CD9B1D;
 
}
 
}
 
   
 
   
Line 250: Line 250:
 
}  
 
}  
 
div#mw-panel.collapsible-nav .portal.collapsed h5 a {
 
div#mw-panel.collapsible-nav .portal.collapsed h5 a {
   color: #cc0;
+
   color: #CD9B1D;
 
}
 
}
 
   
 
   
Line 257: Line 257:
 
}
 
}
 
div#mw-panel div.portal div.body ul li a {
 
div#mw-panel div.portal div.body ul li a {
   color: #cc0;
+
   color: #CD9B1D;
 
}
 
}
 
div#mw-panel div.portal div.body ul li a:visited {
 
div#mw-panel div.portal div.body ul li a:visited {
   color: #aa4;
+
   color: #CD9B1D;
 
}
 
}
 
div#mw-panel div.portal div.body ul li a:hover {
 
div#mw-panel div.portal div.body ul li a:hover {
 
   text-decoration: none;
 
   text-decoration: none;
   color: #ff0;
+
   color: #CD9B1D;
 
}
 
}
 
   
 
   
 
div#footer {  
 
div#footer {  
 
   background: transparent;  
 
   background: transparent;  
   border-top: solid #a00 1px;
+
   border-top: solid #fff 1px;
 
   margin-left: 160px;
 
   margin-left: 160px;
 
}
 
}
 
   
 
   
 
div#footer ul li {
 
div#footer ul li {
   color: #bbb;
+
   color: #CD9B1D;
 
}
 
}
 
   
 
   
 
textarea {
 
textarea {
   background: #400;
+
   background: #fff;
   color: #ccc;
+
   color: #CD9B1D;
   border: solid #a00 1px;
+
   border: solid #fff 1px;
 
}
 
}
 
   
 
   
 
input#wpSummary {
 
input#wpSummary {
   background: #400;
+
   background: #fff;
   color: #ccc;
+
   color: #CD9B1D;
   border: solid #a00 1px;
+
   border: solid #fff 1px;
 
}
 
}
 
   
 
   
 
.catlinks {
 
.catlinks {
   background: #000;
+
   background: #fff;
   border: solid #a00 1px;
+
   border: solid #fff 1px;
   color: #bbb;
+
   color: #CD9B1D;
 
   -webkit-border-radius: 8px;
 
   -webkit-border-radius: 8px;
 
   -moz-border-radius: 8px;
 
   -moz-border-radius: 8px;
Line 299: Line 299:
 
   
 
   
 
#toc, .toc, .mw-warning {
 
#toc, .toc, .mw-warning {
   background: #000;
+
   background: #fff;
   color: #bbb;
+
   color: #CD9B1D;
   border: solid #a00 1px;
+
   border: solid #fff 1px;
 
   list-style: none;
 
   list-style: none;
 
}
 
}
Line 316: Line 316:
 
}
 
}
 
   
 
   
table.wikitable {
+
 
  background: #000;
 
  border-collapse: separate;
 
  border: solid #900 2px;
 
  -moz-border-radius: 8px;
 
  -webkit-border-radius: 8px;
 
  padding: 0px;
 
  margin: 2px;
 
}
 
 
table.wikitable th, table.sortable th {
 
  background: #990000 !Important; /* Old browsers */
 
  background: -moz-linear-gradient(top,  #990000 0%, #660000 100%) !Important; /* FF3.6+ */
 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990000), color-stop(100%,#660000)) !Important; /* Chrome,Safari4+ */
 
  background: -webkit-linear-gradient(top,  #990000 0%,#660000 100%) !Important; /* Chrome10+,Safari5.1+ */
 
  background: -o-linear-gradient(top,  #990000 0%,#660000 100%) !Important; /* Opera 11.10+ */
 
  background: -ms-linear-gradient(top,  #990000 0%,#660000 100%) !Important; /* IE10+ */
 
  background: linear-gradient(to bottom,  #990000 0%,#660000 100%) !Important; /* W3C */
 
  border: none  !Important;
 
  color: white;
 
  font-weight: bold;
 
  padding: 4px  !Important;
 
}
 
table.wikitable td, table.sortable td {
 
  border: none !Important;
 
  color: #bbb;
 
  padding: 2px !Important;
 
}
 
table.wikitable tr {
 
  margin-top: 2px;
 
}
 
table.wikitable tr:nth-child(even) td {
 
  background: #400;
 
}
 
table.wikitable tr:nth-child(odd) td {
 
  background: #000;
 
}
 
table.wikitable tr td:hover {
 
  background: #622;
 
}
 
 
 
pre, code, tt, kbd, samp, .mw-code {
 
pre, code, tt, kbd, samp, .mw-code {
 
   background: inherit;
 
   background: inherit;
Line 363: Line 323:
 
}
 
}
 
pre, .mw-code {
 
pre, .mw-code {
   border: solid 1px #a00;
+
   border: solid 1px #fff;
 
   -webkit-border-radius: 4px;
 
   -webkit-border-radius: 4px;
 
   -moz-border-radius: 4px;
 
   -moz-border-radius: 4px;
Line 378: Line 338:
 
   
 
   
 
#pagehistory li.selected {
 
#pagehistory li.selected {
   border: solid 1px #a00;
+
   border: solid 1px #fff;
 
   background: inherit;
 
   background: inherit;
 
}
 
}
 
   
 
   
 
fieldset {
 
fieldset {
   border: solid 1px #a00;
+
   border: solid 1px #fff;
 
   -webkit-border-radius: 8px;
 
   -webkit-border-radius: 8px;
 
   -moz-border-radius: 8px;
 
   -moz-border-radius: 8px;
Line 390: Line 350:
 
   
 
   
 
div.mw-warning-with-logexcerpt {
 
div.mw-warning-with-logexcerpt {
   border: solid 2px #a00;
+
   border: solid 2px #fff;
 
   -webkit-border-radius: 8px;
 
   -webkit-border-radius: 8px;
 
   -moz-border-radius: 8px;
 
   -moz-border-radius: 8px;
Line 407: Line 367:
 
td.diff-context {
 
td.diff-context {
 
   background: inherit;
 
   background: inherit;
   color: #bbb;
+
   color: #CD9B1D;
 
   border-style: none;
 
   border-style: none;
 
}
 
}
 
   
 
   
 
td .diffchange {
 
td .diffchange {
   color: #000;
+
   color: #CD9B1D;
 
}
 
}
 
   
 
   
 
div.thumbinner {
 
div.thumbinner {
 
   background: inherit;
 
   background: inherit;
   border: solid #a00 1px;
+
   border: solid #fff 1px;
 
}
 
}
 
   
 
   
 
.mw-search-formheader {
 
.mw-search-formheader {
   border: solid #a00 1px;
+
   border: solid #fff 1px;
 
   background: inherit;
 
   background: inherit;
 
   -webkit-border-radius: 8px;
 
   -webkit-border-radius: 8px;
Line 428: Line 388:
 
}
 
}
 
   
 
   
div#titleCard {
+
 
  background: black;
 
  background-image: url(/w/images/5/5d/Wcheader3.jpg);
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  height: 350px;
 
  color: #fff;
 
  padding-left: 1em;
 
}
 
 
 
span.outline {
 
span.outline {
 
   text-shadow: 0px 0px 4px #000, 2px -2px 2px #000, -2px 2px 2px #000, -2px -2px 2px #000, 2px 2px 2px #000;
 
   text-shadow: 0px 0px 4px #000, 2px -2px 2px #000, -2px 2px 2px #000, -2px -2px 2px #000, 2px 2px 2px #000;

Revision as of 08:40, 13 July 2013

body.page-Main_Page h1.firstHeading { display:none; }

html {
  min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  color: #CD9B1D;
  font-weight: normal;
}
 
a {
  color: #CD9B1D;
}
a:visited {
  color: #CD9B1D;
}
a:hover {
  text-decoration: none;
  color: #CD9B1D;
  border: solid 1px #CD9B1D;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: -1px;
}
 
a.new         { color: #CD9B1D}
a.new:visited { color: #CD9B1D}
a.new:hover   { color: #CD9B1D}
 
.mw-body a.external { color: #CD9B1D; }
.mw-body a.external:visited { color: #CD9B1D; }
 
.mw-body a.extiw { color: #CD9B1D; }
.mw-body a.extiw:visited { color: #CD9B1D; }
 
div.mw-geshi,
pre.source-css { 
  background: #fff;
}
 
div#content li { list-style: circle; }
 
#mw-panel {
  background: transparent;
}
 
#mw-page-base {
  background: transparent;
  height: 80px;
}
 
#mw-head-base {
  background: transparent;
  border: none;
  border-bottom: solid #fff 1px;
  margin-top: -80px;
  margin-left: 160px;
  height: 80px;
}
 
#left-navigation {
  top: 39px;
}
#right-navigation {
  float: right;
  margin-top: 39px;
}
 
div.vectorTabs {
  background: transparent;
  border: none;
}
 
div.vectorTabs ul { background: transparent; }
 
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorTabs ul li {
  background: transparent;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
 
/* IGNORED BY IE6 */
div.vectorTabs ul > li {
  display: block;
}
 
div.vectorTabs li.selected {
  background: transparent;
  padding-bottom: none;
  margin-bottom: none;
}
 
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorTabs li a {
  color: #CD9B1D;
  background: transparent;
  cursor: pointer;
}
/* IGNORED BY IE6 */
div.vectorTabs li > a {
  display: block;
}
 
div.vectorTabs li.icon a {
  background: #fff;
}
 
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorTabs span a  {
  display: inline-block;
  padding-top: 1.25em;
}
}
/* IGNORED BY IE6 */
/* @noflip */
div.vectorTabs span > a {
  float: left;
  display: block;
}
div.vectorTabs span {
  display: inline-block;
  background: transparent;
}
 
div.vectorTabs li.selected a {
  background: #fff;
  color: #CD9B1D;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
div.vectorTabs li.selected a:visited { color: #CD9B1D}
 
div.vectorTabs li.new a {
  color: #CD9B1D;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
div.vectorTabs li.new a:visited { color: #CD9B1D}
 
div.vectorTabs li a:hover {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: solid #fff 1px;
  margin: inherit;
  margin-left: -1px;
  height: 1.9em;
}
 
div.vectorTabs li.selected a:hover {
 
}
 
#searchInput {
  -webkit-appearance: none;  
  -moz-appearance: none;  
  appearance: none;  
  background: #fff;
  border: solid #fff 1px;
  color: #CD9B1D;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
.searchButton {
  -webkit-appearance: none;  
  -moz-appearance: none;  
  appearance: none;  
  background: #fff;
  border: outset #fff 1px;
  color: #CD9B1D;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
 
form.createbox input {
  -webkit-appearance: none;  
  -moz-appearance: none;  
  appearance: none;  
  background: #fff;
  border: solid #fff 1px;
  color: #CD9B1D;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
form.createbox input:last-child {
  -webkit-appearance: none;  
  -moz-appearance: none;  
  appearance: none;  
  background: #fff;
  border: outset #fff 1px;
  color: #CD9B1D;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
 
div.vectorMenu li {
  background: #fff;
  color: #CD9B1D;
}
div.vectorMenu li a { color: #CD9B1D}
div.vectorMenu li a:visited { color: #CD9B1D; }
div.vectorMenu li a:hover {
  text-decoration: none;
  color: #CD9B1D;
  border: solid 1px #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: -1px;
}
 
div.vectorMenu li.selected { 
  color: #CD9B1D;
  border: none;
}
div.vectorMenu li.selected a { color: #CD9B1D}
div.vectorMenu li.selected a:visited { color: #CD9B1D; }
div.vectorMenu li.selected a:hover {
  text-decoration: none;
  color: #CD9B1D;
}
div.vectorMenu ul {
  background-color: #fff;
  border: solid 1px #fff;
}
 
div.vectorMenu h5 a {
  background: transparent;
}
 
div#mw-panel div.portal h5 {
  color: #CD9B1D;
}
 
#mw-panel.collapsible-nav .portal {
  background: transparent;
} 
div#mw-panel.collapsible-nav .portal.collapsed h5 a {
  color: #CD9B1D;
}
 
div#mw-panel div {
  background: transparent;
}
div#mw-panel div.portal div.body ul li a {
  color: #CD9B1D;
}
div#mw-panel div.portal div.body ul li a:visited {
  color: #CD9B1D;
}
div#mw-panel div.portal div.body ul li a:hover {
  text-decoration: none;
  color: #CD9B1D;
}
 
div#footer { 
  background: transparent; 
  border-top: solid #fff 1px;
  margin-left: 160px;
}
 
div#footer ul li {
  color: #CD9B1D;
}
 
textarea {
  background: #fff;
  color: #CD9B1D;
  border: solid #fff 1px;
}
 
input#wpSummary {
  background: #fff;
  color: #CD9B1D;
  border: solid #fff 1px;
}
 
.catlinks {
  background: #fff;
  border: solid #fff 1px;
  color: #CD9B1D;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
#toc, .toc, .mw-warning {
  background: #fff;
  color: #CD9B1D;
  border: solid #fff 1px;
  list-style: none;
}
 
.collapseButton { float: right; margin-right: 0.5em; }
.collapseButton a { margin-left: 0.25em; margin-right: 0.25em; }
.collapseAllButton { margin-left: 0.25em; margin-right: 0.25em; }
 
.ooc {
  font-size: 70%;
  white-space: pre-line;
  margin-left: 2em;
  color: #9a9;
}
 

pre, code, tt, kbd, samp, .mw-code {
  background: inherit;
  font-family: Lucida Console, Monaco, monospace;
  color: #bbb;
}
pre, .mw-code {
  border: solid 1px #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
 
 
#pagehistory li {
  border: solid 1px rgba(0,0,0,0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
 
#pagehistory li.selected {
  border: solid 1px #fff;
  background: inherit;
}
 
fieldset {
  border: solid 1px #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
div.mw-warning-with-logexcerpt {
  border: solid 2px #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
/* this thing is so useless */
ul#filetoc {
  display: none;
}
 
table.diff, td.diff-otitle, td.diff-ntitle {
  background: inherit;
}
 
td.diff-context {
  background: inherit;
  color: #CD9B1D;
  border-style: none;
}
 
td .diffchange {
  color: #CD9B1D;
}
 
div.thumbinner {
  background: inherit;
  border: solid #fff 1px;
}
 
.mw-search-formheader {
  border: solid #fff 1px;
  background: inherit;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 

span.outline {
  text-shadow: 0px 0px 4px #000, 2px -2px 2px #000, -2px 2px 2px #000, -2px -2px 2px #000, 2px 2px 2px #000;
}
 
div#titleCard * {
  vertical-align: top;
}
 
div#titleCard span.title {
  font-family: 'Abril Fatface', serif;
  font-size: 64px;
}
 
div#titleCard span.subtitle{
  position: relative;
  top: 1em;
  padding-top: 1em;
  white-space: nowrap;
}
 
div#connectInfo {
  text-align: center;
  font-size: 24px;
  font-family: Lucida Console, Monaco, monospace;
  text-shadow: 0px 0px 4px #f00;
  padding: 5px;
  color: white;
  line-height: 1.5em;
}