src/chrome/test/data/dromaeo/application.css

   1 ol.results { text-align: left; display: none; font-size: 10px; list-style: none; display: none; }
   2 .alldone ol.results { display: block; width: 48%; float: left; }
   3 ol.results li { clear: both; overflow: auto; }
   4 ol.results b { display: block; width: 200px; float: left; text-align: right; padding-right: 15px; }
   5 #info { clear:both;width:420px;margin:0 auto;text-align:left; padding: 10px; }
   6 div.results { width:420px;margin:0 auto;margin-bottom:20px;text-align:left; padding: 10px 10px 10px 10px; }
   7 #info span { font-weight: bold; padding-top: 8px; }
   8 h1 { text-align: left; }
   9 h1 img { float:left;margin-right: 15px;margin-top: -10px; border: 0; }
  10 h1 small { font-weight:normal; }
  11 iframe { display: none; }
  12 div.resultwrap { text-align: center; }
  13 table.results { font-size: 12px; margin: 0 auto; }
  14 table.results td, table.results th.name, table.results th { text-align: right; }
  15 table.results .winner { color: #000; background-color: #c7331d; }
  16 table.results .tie { color: #000; background-color: #f9f2a1; }
  17
  18 body  {
  19         font: normal 11px "Lucida Grande", Helvetica, Arial, sans-serif;
  20         background: black url(images/bg.png) repeat-x;
  21         margin: 0px auto;
  22         padding: 0px;
  23         color: #eee;
  24         text-align: center;
  25         line-height: 180%;
  26 }
  27 div, img, form, ul {
  28         margin: 0px;
  29         padding: 0px;
  30         border: 0px;
  31 }
  32 small                   {font-size: 9px;}
  33 div, span, td, .text_l {text-align: left;}
  34 .clear                  {clear: both;}
  35 .text_r                 {text-align: right;}
  36 .text_c                 {text-align: center;}
  37 a                               {font: normal  "Arial", sans-serif; color: #f9f2a1; }
  38 .left                   {float: left;}
  39 .right                  {float: right;}
  40
  41 #wrapper                {width: 690px; margin: 0px auto; padding: 0px; margin-top: -7px; text-align: center;}
  42 #content                {margin-bottom: 30px;}
  43 #main                   {padding-bottom: 40px;}
  44
  45 #top                    {background: url(images/top.png) repeat-x; height: 250px;}
  46 #logo                   {position: absolute; top: 0; left: 0; width: 100%; text-align: center; z-index: 100;}
  47 #logo img               { margin: 0px auto; padding: 0px;}
  48 .dino1                  {position: absolute; top: 105px; right: 300px; z-index: 15;}
  49 .dino2                  {position: absolute; top: 110px; left: 15%;  z-index: 12;}
  50 .dino3                  {position: absolute; top: 120px; left: 400px;  z-index: 31;}
  51 .dino4                  {position: absolute; top: 96px; left: 200px;  z-index: 8;}
  52 .dino5                  {position: absolute; top: 110px; right: 85px;  z-index: 14;}
  53 .dino6                  {position: absolute; top: 105px; left: 30%;  z-index: 14;}
  54 .dino7                  {position: absolute; top: 110px; left: 70%;  z-index: 22;}
  55 .dino8                  {position: absolute; top: 105px; left: 37%;  z-index: 20;}
  56 .coment                 {position: absolute; top: 0px; right: 0px;  z-index: 2; float: right;}
  57
  58 .clouds                 {position: absolute; top: 10px; right: 11%;  z-index: 12;}
  59 .clouds2                {position: absolute; top: 50px; right: 29%;  z-index: 13;}
  60 .clouds5                {position: absolute; top: 0px; right: 15%;  z-index: 16;}
  61 .clouds3                        {position: absolute; top: 15px; left: 10%;  z-index: 15;}
  62 .clouds4                {position: absolute; top: 10px; left: 15%;  z-index: 14;}
  63
  64 .water          {position: absolute; top: 110px; right: 9%;  z-index: 13;}
  65
  66
  67 /* rendered html stuff */
  68
  69 table.results   {text-align: center; margin: 0px auto; padding: 0px; background: none;}
  70 table.results td, table.results th                      {padding: 2px;}
  71 table.results tr.onetest td, table.results tr.onetest th                        {padding: 0px;}
  72 table.results tr.hidden { display: none; }
  73 #info                   {margin-bottom: 10px;}
  74 table.results .winner                   {background: #58bd79;}
  75 .name                   {font-weight: bold;}
  76
  77 div.resultwrap  {margin: 10px 0 10px 0;}
  78 div.results             {padding: 10px; margin-bottom: 20px; background: #c7331d;}
  79
  80 div.result-item { position: relative; width: 48%; float: left; overflow: hidden; margin-left: 1%; margin-right: 1%; height: 100px; }
  81 .alldone div.result-item { width: 98%; height: auto; margin-bottom: 10px; overflow: auto; }
  82 .alldone div.result-item p { width: 48%; float: left; }
  83
  84 div.result-item p { padding: 0px 4px; }
  85
  86 div.test { overflow: hidden; margin: 4px 0; }
  87 div.test b { display: block; width: 100%; text-align: left; margin: 0px; background: #c7331d; padding: 4px; }
  88 /*div.done div.test b {background: #58bd79;}*/
  89 div.done div.test b {background: #222;}
  90 div.bar { width: 100px; border: 1px inset #666; background: #c7331d; text-align: left; position: absolute; top: 7px; right: 4px; }
  91 div.bar div { height: 20px; background: #222; text-align: right; }
  92 div.done div.bar div {background: #58bd79; color: #000;}
  93 div.bar span { padding-left: 5px; padding-right: 5px; }
  94
  95 #info { margin: auto; }
  96
  97 h1 { font-size: 28px; border-bottom: 1px solid #AAA; position: relative; padding: 0px 1% 2px 1%;}
  98 h1 div.bar { font-size: 10px; width: 275px; top: -2px; right: 1%; }
  99 h1 input { position: absolute; top: 0px; right: 300px; }
 100
 101 h2 { font-size: 20px; border-bottom: 1px solid #AAA; position: relative; padding: 0px 1% 2px 1%;}
 102 h2 a { color: #FFF; }
 103 h2 div.bar { font-size: 10px; width: 275px; top: -2px; right: 1%; }
 104 h2 input { position: absolute; top: 0px; right: 300px; }
 105
 106 ul#tests { clear:both;width:420px;margin:0 auto;text-align:left; padding: 10px; list-style: none; }
 107 #tests b { background: #c7331d; color: #000; display: block; padding: 4px 0 4px 4px; margin-left: -20px; margin-bottom: 5px; font-size: 1.1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: normal; }
 108 #tests b.recommended { background: #58bd79; }
 109 #tests a:first-of-type { font-size: 1.2em; }
 110 #tests b a { font-weight: bold; color: #000; }
 111 #tests li { padding-left: 10px; padding-bottom: 5px; }
 112
 113 #overview { position: relative; }
 114 #overview a { font-size: 10px; top: -29px; left: 8px; position: absolute; }
 115 #overview table a { position: static; }