aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorRomain d'Alverny <rda@mageia.org>2011-10-24 12:10:22 +0000
committerRomain d'Alverny <rda@mageia.org>2011-10-24 12:10:22 +0000
commita23433d29402caf9a24e002b42cbe20b152c9982 (patch)
treeeba23ea8088f8369adb6817ae615802cb31988d0
parentc98912e01ec338fb472fffaa7c85bc67f58ee8f0 (diff)
downloadwww-a23433d29402caf9a24e002b42cbe20b152c9982.tar
www-a23433d29402caf9a24e002b42cbe20b152c9982.tar.gz
www-a23433d29402caf9a24e002b42cbe20b152c9982.tar.bz2
www-a23433d29402caf9a24e002b42cbe20b152c9982.tar.xz
www-a23433d29402caf9a24e002b42cbe20b152c9982.zip
charter
Diffstat
-rw-r--r--en/charter.html152
-rw-r--r--g/style/all.css2
-rw-r--r--g/style/screen.css1
3 files changed, 154 insertions, 1 deletions
diff --git a/en/charter.html b/en/charter.html
new file mode 100644
index 000000000..505448717
--- /dev/null
+++ b/en/charter.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en">
+<head>
+ <meta charset="utf-8">
+ <title>Mageia Web style charter</title>
+ <meta name="description" content="Charter for current and future Mageia Web sites">
+ <meta name="keywords" content="mageia, charter, graphic, style, design, layout, font, colours, logo, favicon, identity">
+ <meta name="robots" content="noindex,nosnippet,nofollow,noarchive">
+ <link rel="stylesheet" type="text/css" href="/g/style/all.css">
+ <link href="http://fonts.googleapis.com/css?family=Rock Salt&amp;subset=latin" rel="stylesheet" type="text/css">
+ <link rel="icon" type="image/png" href="/g/favicon.png">
+</head>
+<body class="release">
+ <div class="nav"><!--googleoff: all--><div class="nav2"><p class="loc"><a href="/en/" class="sel" accesskey="1">Mageia</a> | <a href="/en/1/">1</a> | <a href="http://blog.mageia.org/en/">Blog</a> | <a href="/en/downloads/">Downloads</a> | <a href="/en/support/">Support</a> | <a href="https://forums.mageia.org/">Forum</a> | <a href="/en/contribute/">Contribute</a> | <a href="/wiki/">Wiki</a> | <a href="https://bugs.mageia.org/">Bugzilla</a> | <a href="/en/donate/">Donations</a> | <a href="/en/about/">About</a></p>
+</div><!--googleon: all--></div>
+
+ <div id="doc" class="yui-t7">
+ <div id="hd" role="banner"><h1><a id="logo" href="/en/"><span>Mageia</span></a> <span class="lsep">|</span> <span class="subh" style="font-family: Rock Salt;">Web style charter</span></h1></div>
+ <div id="bd" role="main">
+ <div class="yui-g">
+ <div class="para">
+ <p>This draft guide is to help build consistent style for Mageia.org on the Web and in the printed world.
+ It starts from the current charter of <a href="http://www.mageia.org/">www.mageia.org</a> and takes into account
+ several other options that are available to this day.</p>
+
+ <ul>
+ <li><a href="#mlogo">Logo</a></li>
+ <li><a href="#mcolours">Colours</a></li>
+ <li><a href="#mwww">Web sites</a></li>
+ <li><a href="#next">What's next?</a></li>
+ </ul>
+
+ <hr>
+ <div id="by-role">
+
+ <h2 id="mlogo">Logo</h2>
+ <p>Mageia official logo is <img src="http://www.mageia.org/g/images/logo_ln_1.png" alt="Mageia logo">.</p>
+ <p>Our logo still does not have a specific font - it would need to be forged.</p>
+ <p>No other logo must be used for official Mageia.org communication.</p>
+ <p>This logo must not be altered. We need a more comprehensive guide for it (use of cauldron alone, of "mageia" alone, availability of derivative logos and buttons for other uses).</p>
+ </ul>
+ <hr>
+ <h2 id="mcolours">Colours</h2>
+ <p>Current colours scheme is a cold one, consisting of basically three major: white, black, blue.</p>
+ <table class="dlt2">
+ <thead><tr><th>Colour</th><th>Hex code</th><th>Usage</th></tr></thead>
+ <tbody>
+ <tr><td style="background: #ffffff"></td><td>#ffffff</td><td>background</td>
+ <tr><td style="background: #000000;"></td><td>#000000</td><td>body text, h3</td></tr>
+ <tr><td style="background: #3494d3"></td><td>#3494d3</td><td>titles: h1, h2, h3</td><td rowspan="2">Those two should be reconciled</td></tr>
+ <tr><td style="background: #2383c2"></td><td>#2383c2</td><td>links: a</td><tr>
+ <tr><td style="background: orange;"></td><td>orange</td><td>sub-title of h1</td></tr>
+ <tr><td style="background: #555555;"></td><td>#555555</td><td>preamble text, footer text</td></tr>
+ <tr><td style="background: #aaaaaa;"></td><td>#aaaaaa</td><td>table header/footer</td></tr>
+ </tbody>
+ </table>
+ <hr>
+ <h2 id="mwww">Web sites</h2>
+ <ul class="contrib-list charter">
+ <li id="favicon">
+ <h3>Favicon</h3>
+ <p>Our favicon is <img src="http://www.mageia.org/g/favicon.png" alt="Mageia favicon">. You may reference it through:
+ <code>http://www.mageia.org/g/favicon.png</code>.</p>
+ </li>
+
+ <li id="fonts">
+ <h3>Fonts</h3>
+ <p>Page body fonts rule is:</p>
+ <code class="term">font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif;</code>
+ <br>
+ <p>Titles (h1, h2, etc.) fonts rule is:</p>
+ <code class="term">font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;</code>
+ </li>
+
+ <li id="width">
+ <h3>Page width and layout</h3>
+ <p>Current:</p>
+ <ul>
+ <li><a href="http://www.mageia.org/">www</a>: fixed 749px, centered</li>
+ <li><a href="http://blog.mageia.org/">blog</a>: fixed 980px, centered</li>
+ <li><a href="http://forums.mageia.org/">forum</a>: fluid 100%</li>
+ <li><a href="http://bugs.mageia.org/">bugs</a>: fluid 100%</li>
+ <li><a href="http://hugs.mageia.org/">hugs</a>: fixed ~700px, left-aligned</li>
+ </ul>
+
+ <p>Preferred:</p>
+ <ul>
+ <li>Preferred: fixed 980px, centered</li>
+ <li>Even better, using media queries:
+ <ul>
+ <li>desktop, large screen > 1240,1400</li>
+ <li>tablet</li>
+ <li>phone</li>
+ </ul>
+ (tools to test: http://quirktools.com/screenfly/)
+ </li>
+ </ul>
+ </li>
+
+ <li id="bg">
+ <h3>Page background</h3>
+ <p>Current background is built in three layers:</p>
+ <ul>
+ <li>plain white background: <code class="term">html { background: #fff; }</code></li>
+ <li>blue to white gradient with stripes: <code class="term">html { background: url(<a href="http://www.mageia.org/g/images/bg_ln_4.png">http://www.mageia.org/g/images/bg_ln_4.png</a>) repeat-x; }</code>
+ </li>
+ <li>white cauldron mask placed: <code class="term">body { background: url(<a href="http://www.mageia.org/g/images/cauldron_alpha_ln_1.png">http://www.mageia.org/g/images/cauldron_alpha_ln_1.png</a>) no-repeat -20px 200px; }</code>
+ </li>
+ </ul>
+ </li>
+
+ <li>
+ <h3>www header</h3>
+ <div id="hd" role="banner"><h1><a id="logo" href="/en/"><span>Mageia</span></a> <span class="lsep">|</span> <span class="subh">Title <em class="tag">Tag</em></span></h1></div>
+ <br>
+ <pre class="term">background: linear-gradient(top, #ffffff 50%, #f0f0f0);
+border-radius: 10px 10px 0 0;
+border-bottom: 1px solid #9db1ca;
+box-shadow: 0 1px 3px #9db1ca;</pre>
+ <br>
+ <p>The whole header may be redesigned along with the global nav bar: below:</p>
+ </li>
+
+ <li>
+ <h3>Global navigation bar</h3>
+ <p>The global navigation bar is to segment the Web site in a few major areas where visitors can go; it's not a shortcuts bar, so its contents may be redesigned and dispatched differently in the future.</p>
+ <p>It will be published by a distinct web service, to be reused by each sub website; HTML, CSS and Javascript will be pushed.</p>
+ </li>
+
+ <li id="css">
+ <h3>Reference CSS</h3>
+ <p>Our current reference CSS is based on:</p>
+ <ul>
+ <li>YUI reset-fonts-grids CSS</li>
+ <li>YUI base CSS</li>
+ <li>our own: <a href="http://www.mageia.org/g/style/screen.css">screen.css</a></li>
+ </ul>
+ <p>This can be dramatically improved.</p>
+ </li>
+ </ul>
+ <hr>
+ <h2 id="next">What to do next?</h2>
+ <ul>
+ <li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</div>
+
+</body>
+</html>
diff --git a/g/style/all.css b/g/style/all.css
index 61d3fa940..61073b104 100644
--- a/g/style/all.css
+++ b/g/style/all.css
@@ -1 +1 @@
-html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}body{text-align:center}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em}#doc2{width:73.076em;*width:71.25em}#doc3{margin:auto 10px;width:auto}#doc4{width:74.923em;*width:73.05em}.yui-b{position:relative}.yui-b{_position:static}#yui-main .yui-b{position:static}#yui-main,.yui-g .yui-u .yui-g{width:100%}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0}#yui-main .yui-b{float:none;width:auto}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%}.yui-gc div.first,.yui-gd .yui-u{width:66%}.yui-gd div.first{width:32%}.yui-ge div.first,.yui-gf .yui-u{width:74.2%}.yui-ge .yui-u,.yui-gf div.first{width:24%}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0}.yui-g .yui-g .yui-u{width:48.1%}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%}.yui-g .yui-gb .yui-u{_margin-left:1.0%}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0}.yui-gb .yui-gb .yui-u{_margin-left:.7%}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0}.yui-gb .yui-gd div.first{width:32%}.yui-g .yui-gd div.first{_width:29.9%}.yui-ge .yui-g{width:24%}.yui-gf .yui-g{width:74.2%}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%}.yui-ge div.first .yui-gd .yui-u{width:65%}.yui-ge div.first .yui-gd div.first{width:32%}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1}body{margin:10px}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}h1,h2,h3{margin:1em 0}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold}optgroup{font-weight:normal}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}del{text-decoration:line-through}blockquote,ul,ol,dl{margin:1em}ol,ul,dl{margin-left:2em}ol li{list-style:decimal outside}ul li{list-style:disc outside}dl dd{margin-left:1em}th,td{border:1px solid #000;padding:.5em}th{font-weight:bold;text-align:center}caption{margin-bottom:.5em;text-align:center}sup{vertical-align:super}sub{vertical-align:sub}p,fieldset,table,pre{margin-bottom:1em}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px}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:.5em .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 .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.term,pre.term{background:#444;display:block;color:#eee;padding:.8em 1em;-webkit-box-shadow:0 0 10px #aaa}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 #fff}.date{color:#444;font-style:italic;font-size:1em}#doc{margin:1em auto 2em auto;-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}#doc{background:#fff}#hd{background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#fff),to(#f0f0f0));background:-moz-linear-gradient(top,#fff 50%,#f0f0f0);background:-webkit-linear-gradient(top,#fff 50%,#f0f0f0);background:linear-gradient(top,#fff 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 em.tag{color:orange}.hl>li{margin-bottom:.6em}ul#people{height:300px;overflow:auto;background:#fffaf0;margin:0 0 1em 0;padding:1em 1em 1em 2em}ul#people li{list-style:disc;margin-bottom:.2em}#reg{text-align:center;font-size:1.4em;margin:1em}.faq p{margin-bottom:2.5em}.nav{background:#fff;padding:.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:#fff}.qsidesummary.testday{float:none;background:#fff380;border-color:orange;padding:.8em;margin:0 0 1em 0;font-size:85%}.nav2{width:695px;width:auto;margin:0 auto;margin:0 .5em;position:relative}p.loc{font-size:.9em;padding:.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}.values ul{margin-bottom:2em}.values ul li{margin-bottom:.4em}.codeofconduct h2.be{margin-top:1em}#preamble{font-size:90%;padding:1em 1em 0 1em;border:1px solid #ccc;background:#eee;color:#555}p.license{font-size:85%;font-style:italic}.license,.license a{color:#555}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:.5em;list-style:none}ul.news li span.dt{font-weight:thin;font-size:85%;color:#666;font-family:"courier new",fixed;margin:.3em 1em .3em 0;float:left}.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:.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}ul.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}ul.ty-ppl-list li{list-style-type:none}ul.ty-ppl-list li:before{content:"\00BB \0020"}table#dl-table th{text-align:left}#dl-table td.city,#dl-table td.country{vertical-align:top}#fr-table td,#fr-table tr{vertical-align:top}#fr-table td.money{text-align:right}.fr-table td,.fr-table tr{vertical-align:top}.fr-table td.money{text-align:right}.dlt2{border-collapse:collapse;width:100%;font-size:90%}.dlt2 th,.dlt2 td{border:1px solid transparent;vertical-align:top}.dlt2 thead th{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}span.pop_2{width:10px}span.pop_3{width:20px}span.pop_4{width:35px}span.pop_5{width:50px}.dlinfo{font-size:85%;color:#888}.dlt2 tr.reco td{font-weight:bold}.noborder{border-collapse:collapse;border:0}.noborder td,.noborder th{border:0}.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 li h3{font-size:140%;margin:0;color:#000;font-weight:bold}.contrib-list li h3 a{color:#000}.contrib-list li#marketing{background-image:url(/g/images/smi/feed-48x48.png)}.contrib-list li#web,.contrib-list li#mirror{background-image:url(/g/images/smi/website-48x48.png)}.contrib-list li#triage{background-image:url(/g/images/smi/feed-48x48.png)}.contrib-list li#triage{background-image:url(/g/images/smi/feed-48x48.png)}.contrib-act li{margin-bottom:.6em}.contrib-act{margin-bottom:2.5em}.release #hd{margin-bottom:0}img.rel-desktop-home{width:749px;background:#fff;border:0;margin:0;padding:0}img.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}img.screen-copy{display:block;margin:2em auto 4em auto;-webkit-box-shadow:0 -6px 10px #444}.clear{clear:both}h2.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:#fff;padding:.6em;font-size:220%;font-weight:normal;border-radius:4px}h2.download-btn a:link,h2.download-btn a:visited{color:#fff}p#subnav{text-align:right;color:#777}p#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 li#marketing{background-image:url(/g/images/smi/feed-48x48.png)}.product-list li#web,.contrib-list li#mirror{background-image:url(/g/images/smi/website-48x48.png)}.product-list li#triage{background-image:url(/g/images/smi/feed-48x48.png)}.product-list li#triage{background-image:url(/g/images/smi/feed-48x48.png)}.product-act li{margin-bottom:.6em}.product-act{margin-bottom:2.5em} \ No newline at end of file
+html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}body{text-align:center}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em}#doc2{width:73.076em;*width:71.25em}#doc3{margin:auto 10px;width:auto}#doc4{width:74.923em;*width:73.05em}.yui-b{position:relative}.yui-b{_position:static}#yui-main .yui-b{position:static}#yui-main,.yui-g .yui-u .yui-g{width:100%}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0}#yui-main .yui-b{float:none;width:auto}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%}.yui-gc div.first,.yui-gd .yui-u{width:66%}.yui-gd div.first{width:32%}.yui-ge div.first,.yui-gf .yui-u{width:74.2%}.yui-ge .yui-u,.yui-gf div.first{width:24%}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0}.yui-g .yui-g .yui-u{width:48.1%}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%}.yui-g .yui-gb .yui-u{_margin-left:1.0%}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0}.yui-gb .yui-gb .yui-u{_margin-left:.7%}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0}.yui-gb .yui-gd div.first{width:32%}.yui-g .yui-gd div.first{_width:29.9%}.yui-ge .yui-g{width:24%}.yui-gf .yui-g{width:74.2%}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%}.yui-ge div.first .yui-gd .yui-u{width:65%}.yui-ge div.first .yui-gd div.first{width:32%}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1}body{margin:10px}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}h1,h2,h3{margin:1em 0}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold}optgroup{font-weight:normal}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}del{text-decoration:line-through}blockquote,ul,ol,dl{margin:1em}ol,ul,dl{margin-left:2em}ol li{list-style:decimal outside}ul li{list-style:disc outside}dl dd{margin-left:1em}th,td{border:1px solid #000;padding:.5em}th{font-weight:bold;text-align:center}caption{margin-bottom:.5em;text-align:center}sup{vertical-align:super}sub{vertical-align:sub}p,fieldset,table,pre{margin-bottom:1em}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px}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:.5em .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 .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.term,pre.term{background:#444;display:block;color:#eee;padding:.8em 1em;-webkit-box-shadow:0 0 10px #aaa}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 #fff}.date{color:#444;font-style:italic;font-size:1em}#doc{margin:1em auto 2em auto;-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}#doc{background:#fff}#hd{background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#fff),to(#f0f0f0));background:-moz-linear-gradient(top,#fff 50%,#f0f0f0);background:-webkit-linear-gradient(top,#fff 50%,#f0f0f0);background:linear-gradient(top,#fff 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 em.tag{color:orange}.hl>li{margin-bottom:.6em}ul#people{height:300px;overflow:auto;background:#fffaf0;margin:0 0 1em 0;padding:1em 1em 1em 2em}ul#people li{list-style:disc;margin-bottom:.2em}#reg{text-align:center;font-size:1.4em;margin:1em}.faq p{margin-bottom:2.5em}.nav{background:#fff;padding:.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:#fff}.qsidesummary.testday{float:none;background:#fff380;border-color:orange;padding:.8em;margin:0 0 1em 0;font-size:85%}.nav2{width:695px;width:auto;margin:0 auto;margin:0 .5em;position:relative}p.loc{font-size:.9em;padding:.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}.values ul{margin-bottom:2em}.values ul li{margin-bottom:.4em}.codeofconduct h2.be{margin-top:1em}#preamble{font-size:90%;padding:1em 1em 0 1em;border:1px solid #ccc;background:#eee;color:#555}p.license{font-size:85%;font-style:italic}.license,.license a{color:#555}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:.5em;list-style:none}ul.news li span.dt{font-weight:thin;font-size:85%;color:#666;font-family:"courier new",fixed;margin:.3em 1em .3em 0;float:left}.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:.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}ul.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}ul.ty-ppl-list li{list-style-type:none}ul.ty-ppl-list li:before{content:"\00BB \0020"}table#dl-table th{text-align:left}#dl-table td.city,#dl-table td.country{vertical-align:top}#fr-table td,#fr-table tr{vertical-align:top}#fr-table td.money{text-align:right}.fr-table td,.fr-table tr{vertical-align:top}.fr-table td.money{text-align:right}.dlt2{border-collapse:collapse;width:100%;font-size:90%}.dlt2 th,.dlt2 td{border:1px solid transparent;vertical-align:top}.dlt2 thead th{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}span.pop_2{width:10px}span.pop_3{width:20px}span.pop_4{width:35px}span.pop_5{width:50px}.dlinfo{font-size:85%;color:#888}.dlt2 tr.reco td{font-weight:bold}.noborder{border-collapse:collapse;border:0}.noborder td,.noborder th{border:0}.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 li#marketing{background-image:url(/g/images/smi/feed-48x48.png)}.contrib-list li#web,.contrib-list li#mirror{background-image:url(/g/images/smi/website-48x48.png)}.contrib-list li#triage{background-image:url(/g/images/smi/feed-48x48.png)}.contrib-list li#triage{background-image:url(/g/images/smi/feed-48x48.png)}.contrib-act li{margin-bottom:.6em}.contrib-act{margin-bottom:2.5em}.release #hd{margin-bottom:0}img.rel-desktop-home{width:749px;background:#fff;border:0;margin:0;padding:0}img.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}img.screen-copy{display:block;margin:2em auto 4em auto;-webkit-box-shadow:0 -6px 10px #444}.clear{clear:both}h2.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:#fff;padding:.6em;font-size:220%;font-weight:normal;border-radius:4px}h2.download-btn a:link,h2.download-btn a:visited{color:#fff}p#subnav{text-align:right;color:#777}p#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 li#marketing{background-image:url(/g/images/smi/feed-48x48.png)}.product-list li#web,.contrib-list li#mirror{background-image:url(/g/images/smi/website-48x48.png)}.product-list li#triage{background-image:url(/g/images/smi/feed-48x48.png)}.product-list li#triage{background-image:url(/g/images/smi/feed-48x48.png)}.product-act li{margin-bottom:.6em}.product-act{margin-bottom:2.5em} \ No newline at end of file
diff --git a/g/style/screen.css b/g/style/screen.css
index 12abe75dc..25b65ebc4 100644
--- a/g/style/screen.css
+++ b/g/style/screen.css
@@ -278,6 +278,7 @@ span.pop_5 { width: 50px; }
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;
generated by cgit v1.2.1 (git 2.21.0) at 2024-05-15 20:51:34 +0000