sercom/static/css/style.css

   1 /*\r
   2  * Quick mash-up of CSS for the TG quick start page.\r
   3  */\r
   4 \r
   5 html, body, th, td {\r
   6   color: black;\r
   7   background-color: #ddd;\r
   8   font: x-small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;\r
   9   margin: 0;\r
  10   padding: 0;\r
  11 }\r
  12 \r
  13 #header {\r
  14   height: 80px;\r
  15   width: 777px;\r
  16   background: blue URL('../images/header_inner.png') no-repeat;\r
  17   border-left: 1px solid #aaa;\r
  18   border-right: 1px solid #aaa;\r
  19   margin: 0 auto 0 auto;\r
  20 }\r
  21 \r
  22 a.link, a, a.active {\r
  23   color: #369;\r
  24 }\r
  25 \r
  26 \r
  27 #main_content {\r
  28   color: black;\r
  29   font-size: 127%;\r
  30   background-color: white;\r
  31   width: 757px;\r
  32   margin: 0 auto 0 auto;\r
  33   border-left: 1px solid #aaa;\r
  34   border-right: 1px solid #aaa;\r
  35   padding: 10px;\r
  36 }\r
  37 \r
  38 #sidebar {\r
  39   border: 1px solid #aaa;\r
  40   background-color: #eee;\r
  41   margin: 0.5em;\r
  42   padding: 1em;\r
  43   float: right;\r
  44   width: 200px;\r
  45   font-size: 88%;\r
  46 }\r
  47 \r
  48 #sidebar h2 {\r
  49   margin-top: 0;\r
  50 }\r
  51 \r
  52 #sidebar ul {\r
  53   margin-left: 1.5em;\r
  54   padding-left: 0;\r
  55 }\r
  56 \r
  57 h1,h2,h3,h4,h5,h6,#getting_started_steps {\r
  58   font-family: "Century Schoolbook L", Georgia, serif;\r
  59   font-weight: bold;\r
  60 }\r
  61 \r
  62 h2 {\r
  63   font-size: 150%;\r
  64 }\r
  65 \r
  66 #getting_started_steps a {\r
  67   text-decoration: none;\r
  68 }\r
  69 \r
  70 #getting_started_steps a:hover {\r
  71   text-decoration: underline;\r
  72 }\r
  73 \r
  74 #getting_started_steps li {\r
  75   font-size: 80%;\r
  76   margin-bottom: 0.5em;\r
  77 }\r
  78 \r
  79 #getting_started_steps h2 {\r
  80   font-size: 120%;\r
  81 }\r
  82 \r
  83 #getting_started_steps p {\r
  84   font: 100% "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;\r
  85 }\r
  86 \r
  87 #footer {\r
  88   border: 1px solid #aaa;\r
  89   border-top: 0px none;\r
  90   color: #999;\r
  91   background-color: white;\r
  92   padding: 10px;\r
  93   font-size: 80%;\r
  94   text-align: center;\r
  95   width: 757px;\r
  96   margin: 0 auto 1em auto;\r
  97 }\r
  98 \r
  99 .code {\r
 100   font-family: monospace;\r
 101 }\r
 102 \r
 103 span.code {\r
 104   font-weight: bold;\r
 105   background: #eee;\r
 106 }\r
 107 \r
 108 #status_block {\r
 109   margin: 0 auto 0.5em auto;\r
 110   padding: 15px 10px 15px 55px;\r
 111   background: #cec URL('../images/ok.png') left center no-repeat;\r
 112   border: 1px solid #9c9;\r
 113   width: 450px;\r
 114   font-size: 120%;\r
 115   font-weight: bolder;\r
 116 }\r
 117 \r
 118 .notice {\r
 119   margin: 0.5em auto 0.5em auto;\r
 120   padding: 15px 10px 15px 55px;\r
 121   width: 450px;\r
 122   background: #eef URL('../images/info.png') left center no-repeat;\r
 123   border: 1px solid #cce;\r
 124 }\r