From 3937b3cb25a8919ebb67bdd67448c54452344889 Mon Sep 17 00:00:00 2001 From: Romain d'Alverny Date: Wed, 30 Mar 2011 09:45:47 +0000 Subject: updated css (ln/rda) --- g/style/all.css | 139 ++++++++++++++++++++++++++++++++++++++++++++++------- g/style/screen.css | 139 ++++++++++++++++++++++++++++++++++++++++++++++------- 2 files changed, 244 insertions(+), 34 deletions(-) (limited to 'g') diff --git a/g/style/all.css b/g/style/all.css index 18b6207ad..d0a5e5441 100644 --- a/g/style/all.css +++ b/g/style/all.css @@ -10,19 +10,117 @@ Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.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: #ddd; - font-family: Andale, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Sans, Verdana, Tahoma, Arial, sans-serif; +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_1.jpg) repeat-x; + font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", 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%; } -h1 { padding: 0.5em 0.7em; margin: 0 auto; text-align: left; font-size: 300%; background: #aaa; color: #000; } -h1 span { font-weight: normal; font-size: 90%; } .para { background: #fff; padding: 1em 2em; } -h2, h3 { font-family: Georgia, "Times New Romain"; font-weight: normal; margin: 0 0 0.4em 0; } -h2 { font-size: 200%; } -h3 { font-size: 180%; } +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: bold; + color: #3494d3; +} + +h2 a, +h3 a { + color: #3494d3; + text-decoration: none; +} + +hr { + display: block; + width: 40%; + margin: 3em 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; +} + .date { color: #444; font-style: italic; font-size: 1em; } -#doc { margin: 1em auto 2em auto; background: #fff; - -webkit-box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; box-shadow: 0 0 10px #444; } +#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(#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; +} ul#people { height: 300px; @@ -34,10 +132,17 @@ ul#people { ul#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: #fff; padding: 0.3em; border-bottom: 1px solid #aaa; } +.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; +} .nav2 { width: 695px; margin: 0 auto; position: relative; } p.loc { font-size: 0.9em; padding: 0.5em 0; color: #ccc; width: 695px; margin: 0 auto; text-align: left; } -p.loc a { color: #88a; text-decoration: none; } +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) ']'} @@ -55,11 +160,11 @@ ul.todo li.done { text-decoration: line-through; } ul.news { padding: 0; margin: 0; } ul.news li { margin-bottom: 0.5em; list-style: none; } ul.news li span.dt { font-weight: thin; font-size: 85%; color: #666; - font-family: courier new, fixed; margin: 0.3em 1em 0.3em 0em; float: left; } + font-family: "courier new", fixed; margin: 0.3em 1em 0.3em 0em; float: left; } -.bb1 { border-bottom: 1px solid #aaa; } -.lb1 { border-left: 1px solid #aaa; } -.rb1 { border-right: 1px solid #aaa; } +.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; } @@ -82,8 +187,8 @@ ul.news li span.dt { font-weight: thin; font-size: 85%; color: #666; ul.ty-ppl-list { list-style-type: none; - -moz-column-count: 3; -webkit-column-count: 3; - -moz-column-gap: 1em; -webkit-column-gap: 1em; + -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; diff --git a/g/style/screen.css b/g/style/screen.css index 553b804fc..79e1f2f16 100644 --- a/g/style/screen.css +++ b/g/style/screen.css @@ -1,16 +1,114 @@ -html, body { margin: 0; padding: 0; background: #ddd; - font-family: Andale, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Sans, Verdana, Tahoma, Arial, sans-serif; +html, body { + margin: 0; + padding: 0; + background: #fff; + background: url(/g/images/bg_ln_1.jpg) repeat-x; + font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", 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%; } -h1 { padding: 0.5em 0.7em; margin: 0 auto; text-align: left; font-size: 300%; background: #aaa; color: #000; } -h1 span { font-weight: normal; font-size: 90%; } .para { background: #fff; padding: 1em 2em; } -h2, h3 { font-family: Georgia, "Times New Romain"; font-weight: normal; margin: 0 0 0.4em 0; } -h2 { font-size: 200%; } -h3 { font-size: 180%; } +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: bold; + color: #3494d3; +} + +h2 a, +h3 a { + color: #3494d3; + text-decoration: none; +} + +hr { + display: block; + width: 40%; + margin: 3em 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; +} + .date { color: #444; font-style: italic; font-size: 1em; } -#doc { margin: 1em auto 2em auto; background: #fff; - -webkit-box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; box-shadow: 0 0 10px #444; } +#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(#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; +} ul#people { height: 300px; @@ -22,10 +120,17 @@ ul#people { ul#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: #fff; padding: 0.3em; border-bottom: 1px solid #aaa; } +.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; +} .nav2 { width: 695px; margin: 0 auto; position: relative; } p.loc { font-size: 0.9em; padding: 0.5em 0; color: #ccc; width: 695px; margin: 0 auto; text-align: left; } -p.loc a { color: #88a; text-decoration: none; } +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) ']'} @@ -43,11 +148,11 @@ ul.todo li.done { text-decoration: line-through; } ul.news { padding: 0; margin: 0; } ul.news li { margin-bottom: 0.5em; list-style: none; } ul.news li span.dt { font-weight: thin; font-size: 85%; color: #666; - font-family: courier new, fixed; margin: 0.3em 1em 0.3em 0em; float: left; } + font-family: "courier new", fixed; margin: 0.3em 1em 0.3em 0em; float: left; } -.bb1 { border-bottom: 1px solid #aaa; } -.lb1 { border-left: 1px solid #aaa; } -.rb1 { border-right: 1px solid #aaa; } +.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; } @@ -70,8 +175,8 @@ ul.news li span.dt { font-weight: thin; font-size: 85%; color: #666; ul.ty-ppl-list { list-style-type: none; - -moz-column-count: 3; -webkit-column-count: 3; - -moz-column-gap: 1em; -webkit-column-gap: 1em; + -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; -- cgit v1.2.1