git.maemo.org Git - merge-contacts/blob - www/style.css

   1 * { margin:0; padding:0; }\r
   2 body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }\r
   3 \r
   4 BODY {\r
   5         background-attachment: fixed;\r
   6         background-color: #d7d7d7;\r
   7         padding: 0 0; \r
   8         font-family: "arial",sans-serif; \r
   9         font-size: 13px;\r
  10         line-height:24px;\r
  11         color: #3a3a3a; \r
  12         text-align: center; \r
  13 }\r
  14 \r
  15 #container {    \r
  16         margin-top: 4px;\r
  17 }\r
  18 \r
  19 #layout { \r
  20   width:780px; \r
  21   margin:0 auto; \r
  22   text-align:center; \r
  23 }\r
  24 \r
  25 .header {\r
  26         background-color: #333333;\r
  27         margin-top: 7px;\r
  28         margin-bottom: 4px;    \r
  29     position:relative; \r
  30     padding-left: 7px;\r
  31 }\r
  32 \r
  33 .content {\r
  34         color: #333333;
  35     background-color: #d7d7d7; \r
  36         padding-left: 15px;\r
  37         padding-bottom: 0;\r
  38         padding-right: 15px;\r
  39         padding-top: 0;\r
  40         margin-bottom: 2px;    \r
  41     z-index: 10;\r
  42 }\r
  43 \r
  44 \r
  45 .logo {\r
  46         text-decoration: none;\r
  47         color: white;\r
  48         font-family: Impact, 'Techno CE', sans-serif;\r
  49         font-weight: normal;\r
  50     position: relative; \r
  51     overflow: hidden; \r
  52     height: 120px;\r
  53     font-size:400%;\r
  54     margin: 0;\r
  55     line-height: 130px;
  56     text-align: left;\r
  57 }\r
  58 \r
  59 .logo a {\r
  60         text-decoration: none; \r
  61         color: white;\r
  62 }\r
  63 \r
  64 #menu {\r
  65         text-align: center; \r
  66         position: relative; \r
  67         z-index:2; \r
  68         border: 1px solid black; \r
  69         border-right: none; \r
  70         border-left: none; \r
  71         padding: 7px 0;  \r
  72         margin:0 auto;\r
  73 }\r
  74 \r
  75 #menu ul {\r
  76         text-align: center; \r
  77         margin:0; \r
  78         padding:0; \r
  79         list-style:none;\r
  80 }\r
  81 \r
  82 #menu ul li {\r
  83         text-align: center;\r
  84         float:left; \r
  85         display:inline; \r
  86         margin:0; \r
  87         padding:0;\r
  88 }\r
  89 \r
  90 #menu ul li a {\r
  91         text-align: center;\r
  92     font-size: 19px;\r
  93     font-weight: bold;\r
  94     display: block; \r
  95     color: #333333;\r
  96     text-decoration: none;\r
  97     float: left; /*\*/ float:none; \r
  98     padding: 7px 50px 7px 39px;\r
  99     line-height: 18px;      \r
 100 }\r
 101 \r
 102 #menu ul li a span {\r
 103         text-align: center;\r
 104     background-color: #d7d7d7;\r
 105     font-size: 11px;\r
 106     font-weight: normal;\r
 107     color: white;\r
 108 }\r
 109         \r
 110 #menu ul li a:hover {\r
 111     text-align: center;\r
 112         background-attachment: fixed;\r
 113     background-color: #d7d7d7;\r
 114     color: #7d7d7d;\r
 115 }\r
 116 \r
 117 #menu ul li#active a {\r
 118     text-align: center;\r
 119 }\r
 120 \r
 121 p { margin-left: 0; margin-bottom: 10px; margin-right: 0; margin-top: 10px; }\r
 122 \r
 123 .box {
 124     background-color: #d7d7d7;\r
 125         background-attachment: fixed;
 126     color: #d7d7d7;\r
 127         min-height:1px; \r
 128 }\r
 129 \r
 130 .box:after { \r
 131         display:block; \r
 132         visibility:hidden; \r
 133         clear:both; \r
 134         line-height:0; \r
 135         font-size:0; \r
 136         content:"."; \r
 137 }\r
 138 \r
 139 #footer {\r
 140         border-top-color: gray;\r
 141     clear:both;\r
 142     height: 77px;\r
 143     margin-top: 20px;\r
 144     border-top: 1px solid;\r
 145     padding:10px 3px;\r
 146     color: black;\r
 147     font-size: 90%;\r
 148 }\r
 149 \r
 150 .f-right {\r
 151         float:right;\r
 152 }\r
 153 \r
 154 #footer a {\r
 155     color: black;\r
 156 }\r
 157     \r
 158 #footer p { \r
 159         margin:0; \r
 160         padding-top:10px; \r
 161 }\r
 162 \r
 163 hr {\r
 164         border: solid gray 1px;\r
 165 }\r
 166 \r
 167 ul, ol { margin-left: 40px; margin-bottom: 2px; margin-right: 0; margin-top: 0px; display:block; }\r
 168 \r
 169 ol { list-style-type:decimal; }\r
 170 ol ol { list-style-type:upper-alpha; }\r
 171 ol ol ol {list-style-type:lower-alpha; }\r
 172 li { display:list-item; }\r
 173 ul li a { text-decoration:underline; }\r
 174 \r
 175 a {color: #6633ff;}\r
 176 a:link {}\r
 177 a:hover {color:white ; text-decoration: none;}\r
 178 \r
 179 code {\r
 180         background-color: #f2f2f2;\r
 181         padding-left: 15px;\r
 182         padding-bottom: 0;\r
 183         padding-right: 0;\r
 184         padding-top: 0;\r
 185         margin-bottom: 2px; \r
 186         margin-left: 16px;   \r
 187         float: left;    \r
 188         border: 1px dashed gray;\r
 189         font-family:monospace; \r
 190         font-size:110%;\r
 191         width: 700px;\r
 192 }\r
 193 \r
 194 .inner_hr {\r
 195         border: 1px inset;\r
 196 }\r
 197 \r
 198 .doc_img {\r
 199         border: 1px white solid;\r
 200         padding: 2px;\r
 201 }\r
 202