diff options
Diffstat (limited to 'g/style/screen.css')
| -rw-r--r-- | g/style/screen.css | 431 |
1 files changed, 431 insertions, 0 deletions
diff --git a/g/style/screen.css b/g/style/screen.css new file mode 100644 index 000000000..6abc447eb --- /dev/null +++ b/g/style/screen.css @@ -0,0 +1,431 @@ +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; +} |