X-Git-Url: http://git.maemo.org/git/?a=blobdiff_plain;f=www%2Fhermes.css;fp=www%2Fhermes.css;h=464693056e2bd91748eb9a7492ecbfb9a4a278c5;hb=a1d74ca8dac42b027bd8283c128a83194e33220a;hp=0000000000000000000000000000000000000000;hpb=41c37fcd9f3d689794d4a89b8393e3d47527c3d7;p=hermes diff --git a/www/hermes.css b/www/hermes.css new file mode 100644 index 0000000..4646930 --- /dev/null +++ b/www/hermes.css @@ -0,0 +1,49 @@ +/* +hermes 1.0 by tim@samoff.com +http://samoff.com +*/ + +html, body{background:#ddd; font-family:Arial,Helvetica,sans-serif; font-size:17px; margin:0; padding:0; text-align:center} + +/* Full-screen background image */ +img.bg{min-height:100%; min-width:1024px; width:100%; height:auto; position:fixed; top:0; left:0} +@media screen and (max-width:1024px){img.bg{left:50%; margin-left:-512px} +} + +/* Construct */ +#header{position:relative; background:transparent; margin:30px auto 0 auto; padding:0} +#content{text-align:left; position:relative; background:#fff; width:560px; margin:10px auto; padding:15px 20px; font-family:helvetica,arial,sans-serif; -moz-box-shadow:#000 0px 0px 50px; -webkit-box-shadow:#000 0px 0px 50px; opacity:.75; -moz-opacity:.75; filter:alpha(opacity=75)} +#devmenu{background:#feeccd; padding:15px} +#footer{position:relative; background:transparent; width:600px; margin:0 auto; padding:0} + +/* Elements */ +a, a:visited{color:#ffa200; text-decoration:none} +a:hover, a:active{text-decoration:underline} +h1, h2, h3{color:#777; margin:15px 0 10px 0} +h1{margin:15px auto; background-image:url(ui/hermes-header.png); width:205px; height:90px; text-indent:-9999em} +h1 a, h1 a:hover, h1 a:active, h1 a:visited{padding-right:-9999em; display:block; width:205px; height:90px} +h2{font-size:1.4em} +h3{font-size:1.1em} +p{color:#028f02; line-height:1.2em; padding:0; margin-bottom:10px} +ul li{color:#028f02; margin:0 20px; line-height:1.4em; list-style-type:square; list-style-position:outside} +.logo{display:block; margin:0 auto 20px auto} +.download{float:right} +.note{color:#900} +.strike{text-decoration:line-through} +#footer p{color:#ccc; font-size:.8em} + +/* Navigation */ +ul.tabs{margin:0 auto; padding:0; list-style-type:none; height:32px; width:100%} +ul.tabs li{display:inline; margin:0; padding:0; height:31px; line-height:31px; border-right:1px solid #ccc; border-left:none; margin-bottom:-1px} +ul.tabs li.last{border:none} +ul.tabs li a, ul.tabs li a:visited{text-decoration:none; color:#ccc; display:block; display:inline-block; font-size:1.2em; margin:0; padding:0 10px; outline:none} +ul.tabs li a:hover, ul.tabs li a:active{color:#028f02} + +/* Tweets */ +#tweets .twittList{margin:0; padding:0} +#tweets .twittLI{line-height:1em; list-style-type:none; color:#333; margin:0 0 1px 0; padding:10px 10px 12px 10px; clear:both; min-height:55px; border-top:1px solid #777; text-align:left} +#tweets .twittList span.time{color:#777; font-size:.8em} +#tweets .juitterAvatar{float:left; border:solid 1px #000; margin:0 5px 9px 0; padding:2px; width:48px; height:48px} +#tweets .jRM a{font-style:normal} +#tweets .extLink{} +#tweets .hashLink{} \ No newline at end of file