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

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