git.maemo.org Git - hermes/blob - www/hermes.css

   1 /*
   2 hermes 1.0 by tim@samoff.com
   3 http://samoff.com
   4 */
   5
   6 html, body{background:#101010; font-family:Arial,Helvetica,sans-serif; font-size:17px; margin:0; padding:0; text-align:center}
   7
   8 /* Full-screen background image */
   9 img.bg{min-height:100%; min-width:1024px; width:100%; height:auto; position:fixed; top:0; left:0}
  10 @media screen and (max-width:1024px){img.bg{left:50%; margin-left:-512px}
  11 }
  12
  13 /* Construct */
  14 #header{position:relative; background:transparent; margin:30px auto 0 auto; padding:0}
  15 #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)}
  16 #devmenu{background:#feeccd; padding:15px}
  17 #footer{position:relative; background:transparent; width:600px; margin:0 auto; padding:0}
  18
  19 /* Elements */
  20 a, a:visited{color:#ffa200; text-decoration:none}
  21 a:hover, a:active{text-decoration:underline}
  22 h1, h2, h3{color:#777; margin:15px 0 10px 0}
  23 h1{margin:15px auto; background-image:url(ui/hermes-header.png); width:205px; height:90px; text-indent:-9999em}
  24 h1 a, h1 a:hover, h1 a:active, h1 a:visited{padding-right:-9999em; display:block; width:205px; height:90px}
  25 h2{font-size:1.4em}
  26 h3{font-size:1.1em}
  27 p{color:#028f02; line-height:1.2em; padding:0; margin-bottom:10px}
  28 ul li{color:#028f02; margin:0 20px; line-height:1.4em; list-style-type:square; list-style-position:outside}
  29 .logo{display:block; margin:0 auto 20px auto}
  30 .download{float:right}
  31 .note{color:#900}
  32 .aside{color:#1aa81a; font-size: 14px; margin-top: 15px; border-top: 1px solid #028f02; clear: right; padding-top: 4px}
  33 .strike{text-decoration:line-through}
  34 #footer p{color:#ccc; font-size:.8em}
  35
  36 /* jQuery UI Tabs & In-Site Navigation */
  37 .ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
  38 .ui-tabs .ui-tabs-hide { display: none !important; }
  39 .ui-tabs {position:relative; margin:0 auto; padding:0; zoom: 1;}
  40 .ui-tabs .ui-tabs-nav {background:transparent; list-style-type:none; height:32px; width:100%}
  41 .ui-tabs .ui-tabs-nav li {display:inline; margin:0; padding:0; height:31px; line-height:31px; border-right:1px solid #ccc; border-left:none; margin-bottom:-1px}
  42 .ui-tabs .ui-tabs-nav li.last {border:none;}
  43 .ui-tabs .ui-tabs-nav li a {}
  44 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
  45 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text;}
  46 .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {text-decoration:none; display:block; display:inline-block; font-size:1.2em; margin:0; padding:0 10px; outline:none; cursor: pointer;}
  47 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#ccc;}
  48 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {color:#028f02;}
  49 .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
  50 .ui-state-active, .ui-widget-content .ui-state-active {color:#028f02;}
  51 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color:#028f02;}
  52
  53 /* Tweets */
  54 #tweets .twittList{margin:0; padding:0}
  55 #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}
  56 #tweets .twittList span.time{color:#777; font-size:.8em}
  57 #tweets .juitterAvatar{float:left; border:solid 1px #000; margin:0 5px 9px 0; padding:2px; width:48px; height:48px}
  58 #tweets .jRM a{font-style:normal}
  59 #tweets .extLink{}
  60 #tweets .hashLink{}