git.maemo.org Git - badge/blob - www/css/general.css~

   1 @CHARSET "UTF-8";\r
   2 /******* GENERAL RESET *******/\r
   3 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,\r
   4 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,\r
   5  tfoot, thead, tr, th, td {\r
   6 border:0pt none;\r
   7 font-family:inherit;\r
   8 font-size: 100%;\r
   9 font-style:inherit;\r
  10 font-weight:inherit;\r
  11 margin:0pt;\r
  12 padding:0pt;\r
  13 vertical-align:baseline;\r
  14 }\r
  15 body{\r
  16         background: #fff;\r
  17         line-height:14px;\r
  18         font-size: 12px;\r
  19         font-family: Arial,  Verdana, Helvetica, sans-serif;\r
  20         margin:0pt;\r
  21         cursor:default;\r
  22         overflow: hidden;\r
  23 }\r
  24 html,body{\r
  25         height:100%;\r
  26         text-align: center;\r
  27 }\r
  28 .clear{\r
  29         clear: both;\r
  30         height: 0;\r
  31         visibility: hidden;\r
  32         display: block;\r
  33 }\r
  34 a{\r
  35         text-decoration: none;\r
  36 }\r
  37 /******* GENERAL RESET *******/\r
  38 /******* LOGO *******/\r
  39 #logo{\r
  40         margin-top: 1em;\r
  41         display: block;\r
  42 }\r
  43 /******* /LOGO  *******/\r
  44 /******* MENU *******/\r
  45 #container{\r
  46         margin: auto;\r
  47         width: 800px;\r
  48         \r
  49 }\r
  50 #container ul{\r
  51         list-style: none;\r
  52         list-style-position: outside;\r
  53 }\r
  54 #container ul.menu li{\r
  55         float: left;\r
  56         margin-right: 5px;\r
  57         margin-bottom: -1px;\r
  58 }\r
  59 #container ul.menu li{\r
  60         font-weight: 700;\r
  61         display: block;\r
  62         padding: 5px 10px 5px 10px;\r
  63         background: #efefef;\r
  64         margin-bottom: -1px;\r
  65         border: 1px solid #d0ccc9;\r
  66         border-width: 1px 1px 1px 1px;\r
  67         position: relative;\r
  68         color: #898989;\r
  69         cursor: pointer;\r
  70 }\r
  71 #container ul.menu li.active{\r
  72         background: #fff;\r
  73         top: 1px;\r
  74         border-bottom: 0;\r
  75         color: #5f95ef;\r
  76 }\r
  77 /******* /MENU *******/\r
  78 /******* CONTENT *******/\r
  79 .content{\r
  80         margin: 0pt auto;\r
  81         background: #efefef;\r
  82         background: #fff;\r
  83         border: 1px solid #d0ccc9;\r
  84         text-align: left;\r
  85         padding: 10px;\r
  86         padding-bottom: 20px;\r
  87         font-size: 11px;\r
  88         \r
  89 }\r
  90 .content h1{\r
  91         line-height: 1em;\r
  92         vertical-align: middle;\r
  93         height: 48px;\r
  94         padding: 10px 10px 10px 52px;\r
  95         font-size: 32px;\r
  96 }\r
  97 /******* /CONTENT *******/\r
  98 /******* NEWS *******/\r
  99 .content.news h1{\r
 100         background: transparent url(images/news.jpg) no-repeat scroll left top;\r
 101         \r
 102 }\r
 103 .content.news{\r
 104         display: block;\r
 105         font-size: 18px;\r
 106 }\r
 107 /******* /NEWS *******/\r
 108 /******* TUTORIALS *******/\r
 109 \r
 110 \r
 111 .content.doc h1{\r
 112         background: transparent url(images/help.png) no-repeat scroll left top;\r
 113 }\r
 114 .content.doc{\r
 115         display: none;\r
 116         font-size: 18px;\r
 117 }\r
 118 \r
 119 .content.download h1{\r
 120         background: transparent url(images/download.jpg) no-repeat scroll left top;\r
 121 }\r
 122 .content.download{\r
 123         display: none;\r
 124         font-size: 18px;\r
 125 }\r
 126 \r
 127 .content.devel h1{\r
 128         background: transparent url(images/devel.png) no-repeat scroll left top;\r
 129 }\r
 130 .content.devel{\r
 131         display: none;\r
 132         font-size: 18px;\r
 133 }\r
 134 \r
 135 \r
 136 \r
 137 .content.home h1{\r
 138         background: transparent ;\r
 139 }\r
 140 .content.home{\r
 141         display: none;\r
 142         font-size: 18px;\r
 143 }\r
 144 \r
 145 /******* /TUTORIALS *******/\r
 146 /******* LINKS *******/\r
 147 .content.links h1{\r
 148         background: transparent url(images/links.jpg) no-repeat scroll left top;\r
 149 }\r
 150 .content.links{\r
 151         display: none;\r
 152         font-size: 18px;\r
 153 }\r
 154 .content.links a{\r
 155         color: #5f95ef;\r
 156 }\r
 157 \r
 158 td.dev\r
 159 {\r
 160         padding: 1em;\r
 161 }\r
 162 \r
 163 \r
 164 div.footer\r
 165 {position:absolute;bottom: 0;width: 100%}