path: root/g/style/screen.css

html, body {
  margin: 0;
  padding: 0;
  background: #fff;

  background: url(/g/images/bg_ln_4.png) repeat-x;
  
  font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif;
}
body {
    background: url(/g/images/cauldron_alpha_ln_1.png) no-repeat -20px 200px;
}
a, a:link { color: #2383c2; text-decoration: none; }

h1 { padding: 0.5em 0.7em; margin: 0 auto; text-align: left; font-size: 300%; color: #000; }
h1 span {
  font-weight: normal;
  font-size: 75%;
}
.para { background: #fff; padding: 1em 2em; }

h2,
h3 {
  margin: 0 0 0.4em 0;
}
h2 { font-size: 170%; }
h3 { font-size: 150%; }

h1,
h2,
h3 {
  font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
  font-weight: normal;
  color: #3494d3;
}

h2 a,
h3 a {
  color: #3494d3;
  text-decoration: none;
}
.report-a-bug h3 {
  color: #222;
}

/*code,pre*/
.term {
  background: #444;
  display: block;
  color: #eee;
  padding: 0.8em 1em;
  -webkit-box-shadow: 0 0 10px #aaa;
}
.term.small {
    font-size: 80%;
}

hr {
  display: block;
  width: 40%;
  margin: 1em auto 3em auto;
  -webkit-box-shadow: 0 2px 3px #9db1ca;
  -moz-box-shadow: 0 2px 3px #9db1ca;
  box-shadow: 0 2px 3px #9db1ca;
  overflow: hidden;
  border: 0;
  border-top: 1px solid #ffffff;
}

a[hreflang]:after {
    color:#666;
    font-style:italic;
    content: "\A0("attr(hreflang)")";
}

.date { color: #444; font-style: italic; font-size: 1em; }
#doc, #doc4, #doc2 {
  margin: 1em auto 2em auto;
  /*margin: 1em auto 2em 250px;*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px #9db1ca;
  -moz-box-shadow: 0 0 6px #555;
  box-shadow: 0 0 6px #555;
  overflow: hidden;
  background: #fff;
}

#hd {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), to(#f0f0f0));
  background: -moz-linear-gradient(top, #ffffff 50%, #f0f0f0);
  background: -webkit-linear-gradient(top, #ffffff 50%, #f0f0f0);
  background: linear-gradient(top, #ffffff 50%, #f0f0f0);
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #9db1ca;
  display: block;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 1px 3px #9db1ca;
  -moz-box-shadow: 0 1px 3px #9db1ca;
  box-shadow: 0 1px 3px #9db1ca;
}
#bd {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

#logo {
  display: block;
  float: left;
  background: url(/g/images/logo_ln_1.png) no-repeat;
  width: 186px;
  height: 61px;
}
#logo span {
  display: block;
  text-indent: -9999px;
}
.lsep {
  display: block;
  float: left;
  color: #ddd;
  line-height: 70px;
  font-weight: thin;
  margin: 0 20px 0 25px;
}
.subh {
  display: block;
  float: left;
  height: 84px;
  line-height: 76px;
}
.subh .tag { color: orange; }

.hl > li { margin-bottom: 0.6em; }

#people {
    height: 300px;
    overflow: auto;
    background: rgb(255, 250, 240);
    margin: 0 0 1em 0;
    padding: 1em 1em 1em 2em;
}
#people li { list-style: disc; margin-bottom: 0.2em; }
#reg { text-align: center; font-size: 1.4em; margin: 1em;}
.faq p { margin-bottom: 2.5em; }
.nav {
  background: #ffffff;
  padding: 0.3em;
  border-bottom: 1px solid #9db1ca;
  -webkit-box-shadow: 0 1px 2px #9db1ca;
  -moz-box-shadow: 0 1px 2px #9db1ca;
  box-shadow: 0 1px 2px #9db1ca;
}

.qsidesummary {
  float: right;
  border: 1px solid #aaa;
  padding: 0 0 1em 1em;
  margin: 0 0 2em 1em;
  background: #ffffff;
}
.qsidesummary.testday { float: none; background: #FFF380; border-color: orange; padding: 0.8em; margin: 0 0 1em 0; font-size: 85%; }

.nav2 { width: 695px; width: auto; margin: 0 auto; margin: 0 0.5em; position: relative; }
p.loc { font-size: 0.9em; padding: 0.5em 0; color: #ccc; width: 695px; width: 100%; margin: 0 auto; text-align: left; }
p.loc a { color: #2383c2; text-decoration: none; }
p.loc a.sel { font-weight: bold; color: #000; }
/*p.loc a[accesskey]:after { content:' [' attr(accesskey) ']'; font-weight: normal; color: #666; font-size: 90%; }*/

.values ul { margin-bottom: 2em; }
.values ul li { margin-bottom: 0.4em; }
.codeofconduct h2.be { margin-top: 1em; }
#preamble { font-size: 90%; padding: 1em 1em 0 1em; border: 1px solid #ccc; background: #eee; color: #555;}
#overview {}
.license { font-size: 85%; font-style: italic; }
.license, .license a { color: #555; }

ul.todo {}
ul.todo li.active { font-weight: bold; }
ul.todo li.done { text-decoration: line-through; }
ul.news { padding: 0; margin: 0; }
ul.news li { margin-bottom: 1em; list-style: none; }
ul.news li span.dt { font-weight: thin; font-size: 85%; color: #999;
    margin: 0.3em 1em 0.3em 3em; display: block;}

.bb1 { border-bottom: 1px solid #9db1ca; }
.lb1 { border-left: 1px solid #9db1ca; }
.rb1 { border-right: 1px solid #9db1ca; }

#lang_form { position: absolute; top: 0; right: 0; }

.donate-coord {
     background: #fea; background: #ddd;
     color: #222;
     padding: 0.8em 1em 2em 1em;
     font-family: courier, monospace;
     font-size: 95%;
}

#pp_form {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 1em;
}
#pp_form_btn {
    text-align: center;
}

.ty-ppl-list {
    list-style-type: none;
    -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
    -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em;
    font-size: 90%;
    margin: 1em 0 4em 1em;
    padding: 0;
}
.ty-ppl-list li { list-style-type: none; }
.ty-ppl-list li:before {
    content: "\00BB \0020";
}
.ty-ppl-list.twocol {
    -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
    -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em;
}
#dl-table th { text-align: left; }
#dl-table .city, #dl-table .country { vertical-align: top; }
#fr-table td, #fr-table tr { vertical-align: top; }
#fr-table .money { text-align: right; padding-left: 2em;}

.fr-table td, .fr-table tr { vertical-align: top; }
.fr-table .money { text-align: right; }
.fr-table .currency { color: #777; font-size: 80%%; }

.dlt2 { border-collapse: collapse; width: 100%; font-size: 90%; }
.dlt2 th,
.dlt2 td {
  border: 1px solid transparent;
  vertical-align: top;
}
.dlt2 thead th, .dlt2 th.h { color: #aaa; font-size: 85%; text-align: left; }
.dlt2 th {
  border: 0;
  border-bottom: 1px solid #ccc;
}
.dlt2 tbody td {
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #ccc;
}
.dlt2 tbody td:last-child {
  border-right: 0;
}
.dlt2 .size {
  text-align: right;
}
.dlt2 tbody tr.focus { outline: 2px solid #f00; }
.dlt2 tfoot td {
  color: #aaa; font-size: 85%;
  vertical-align: top;
}
.dlt2 tfoot td a { color: #aaa; }
.dlt2 .pop span { display: block; height: 11px; background: #ccc; color: transparent; }
.dlt2 .pop span.pop_0 { width: 0; }
.dlt2 .pop span.pop_1 { width: 5px; }
.dlt2 tbody th { text-align: left; border-right: 1px solid #ccc; }
.pop_2 { width: 10px; }
.pop_3 { width: 20px; }
.pop_4 { width: 35px; }
.pop_5 { width: 50px; }
.dlinfo { font-size: 85%; color: #777; }
.warn { color: #a00; }
.dlt2 tr.reco td { font-weight: bold; }

.mirror-link { text-decoration: underline; padding: 0 2px; }
    .mirror-link:hover { background: #eee; color: #000; }
    .mirror-link .p { color: #888; }

.noborder { border-collapse: collapse; border: 0; }
.noborder td,
.noborder th { border: 0; }
.plusSign {}
.minusSign { color: red; }
.labelR { text-align: right; white-space: nowrap; }

.hidden { display: none; }


.contrib-list {
    padding: 0;
    margin: 0;
}
.contrib-list > li {
    list-style: none;
    padding-left: 70px;
    min-height: 60px;
    background-image: url(/g/images/smi/vcard-48x48.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
    margin-bottom: 2em;
}
.contrib-list.charter > li { background-image: url(/g/images/smi/website-48x48.png); }
.contrib-list li h3 {
    font-size: 140%;
    margin: 0;
    color: #000;
    font-weight: bold;
}
.contrib-list li h3 a { color: #000; }

.contrib-list #marketing { background-image: url(/g/images/smi/feed-48x48.png); }
.contrib-list #web,
.contrib-list #mirror { background-image: url(/g/images/smi/website-48x48.png); }
.contrib-list #triage { background-image: url(/g/images/smi/feed-48x48.png); }
.contrib-list #triage { background-image: url(/g/images/smi/feed-48x48.png); }
.contrib-act li { margin-bottom: 0.6em; }
.contrib-act { margin-bottom: 2.5em; }

.release #hd { margin-bottom: 0; }
.rel-desktop-home { width: 749px; background: #fff; border: 0; margin: 0; padding: 0; }
.rel-desktop-home.rel-home1 { width: 450px; float: left; border: 0; margin: 0 2em 2em 0; padding: 0; -webkit-box-shadow: 0 0 10px #aaa; }

.screen-copy { display: block; margin: 2em auto 4em auto; -webkit-box-shadow: 0px -6px 10px #444; }

.clear { clear: both; }

.download-btn {
    font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
    background: #3494D3;
    background: -webkit-gradient(linear, left top, left bottom, from(#3494D3), color-stop(60%, #3494D3), to(#2383C2));
    background: -moz-linear-gradient(top, #3494D3 60%, #2383C2);
    background: -webkit-linear-gradient(top, #3494D3 60%, #2383C2);
    background: linear-gradient(top, #3494D3 60%, #2383C2);
    margin: 0 0 1em 0; padding: 0;
    color: #ffffff;
    padding: 0.6em; font-size: 220%; font-weight: normal;
    border-radius: 4px;
}
.download-btn a:link,
.download-btn a:visited { color: #fff; }

#subnav { text-align: right; color: #777; }
#subnav a.sel { color: #000; }

.product-list {
    padding: 0;
    margin: 0;
}
.product-list > li {
    list-style: none;
    padding-left: 70px;
    min-height: 60px;
    background-image: url(/g/images/smi/vcard-48x48.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
    margin-bottom: 2em;
}
.product-list li h3 {
    font-size: 140%;
    margin: 0;
    padding: 5px;
    color: #000;
    font-weight: bold;
}
.product-list li h3 a {
    color: #000;
}

.product-list #marketing { 
    background-image: url(/g/images/smi/feed-48x48.png); 
}
.product-list #web, .contrib-list li#mirror { 
    background-image: url(/g/images/smi/website-48x48.png); 
}
.product-list #triage { 
    background-image: url(/g/images/smi/feed-48x48.png); 
}
.product-list #triage { 
    background-image: url(/g/images/smi/feed-48x48.png); 
}
.product-act li { 
    margin-bottom: 0.6em; 
}
.product-act { 
    margin-bottom: 2.5em; 
}

.red-sign,
.green-sign {
    color: white;
    font-weight: bold;
    line-height: 1.6em;
    font-size: 90%;
    padding: 0.7em 2em 0.8em 2em;
    margin: 0.5em -27px 1.5em -27px;
    text-shadow: 1px 1px 3px #000;
}
.red-sign { background: #a00; }
.green-sign { background: #060; }

.dlt th { text-align: left; }
th .dlinfo { font-weight: normal; }

h1#mgnavtitle a { color: #fff; }

#mgnavsub {
    width: 100%;
    background: #fff;
}
#mgnavsub ul {
    margin: 0; padding: 0;
    list-style: none;
    display: table;
    padding-left: 20px;
}
#mgnavsub li {
    display: table-cell;
}

#mgnavsub li a {
    display: block;
    padding: 0.5em 0.8em;
}
#mgnavsub li a.sel {
    background: #1272B1;
    color: white;
    text-shadow: 0 1px 5px #444;
    border-radius: 0 0 3px 3px;
}