static/public/css/base.css

   1 html, body {
   2     margin:0;
   3     padding:0;
   4     font-family: "Lucida Grande", Verdana;
   5     font-size: 0.9em;
   6     text-align: center;
   7     background-color:#F2F2F2;
   8 }
   9
  10 input, select {
  11     font-size:0.9em;
  12 }
  13
  14 table {
  15     margin-top:-10px;
  16     margin-left:7px;
  17 }
  18
  19 h4 {
  20     font-size:1.1em;
  21     text-decoration:none;
  22     font-weight:normal;
  23     color:#23A4FF;
  24 }
  25
  26 a {
  27     color:#23A4FF;
  28 }
  29
  30 #container {
  31     width: 1000px;
  32     height: 600px;
  33     margin:0 auto;
  34     position:relative;
  35 }
  36
  37 #left-container,
  38 #right-container,
  39 #center-container {
  40     height:600px;
  41     position:absolute;
  42     top:0;
  43 }
  44
  45 #left-container, #right-container {
  46     width:200px;
  47     color:#686c70;
  48     text-align: left;
  49     overflow: auto;
  50     background-color:#fff;
  51     background-repeat:no-repeat;
  52     border-bottom:1px solid #ddd;
  53 }
  54
  55 #left-container {
  56     left:0;
  57     background-image:url('col2.png');
  58     background-position:center right;
  59     border-left:1px solid #ddd;
  60
  61 }
  62
  63 #right-container {
  64     right:0;
  65     background-image:url('col1.png');
  66     background-position:center left;
  67     border-right:1px solid #ddd;
  68 }
  69
  70 #right-container h4{
  71     text-indent:8px;
  72 }
  73
  74 #center-container {
  75     width:600px;
  76     left:200px;
  77     background-color:#1a1a1a;
  78     color:#ccc;
  79 }
  80
  81 .text {
  82     margin: 7px;
  83 }
  84
  85 #inner-details {
  86     font-size:0.8em;
  87     list-style:none;
  88     margin:7px;
  89 }
  90
  91 #log {
  92     position:absolute;
  93     top:10px;
  94     font-size:1.0em;
  95     font-weight:bold;
  96     color:#23A4FF;
  97 }
  98
  99
 100 #infovis {
 101     position:relative;
 102     width:600px;
 103     height:600px;
 104     margin:auto;
 105     overflow:hidden;
 106 }
 107
 108 /*TOOLTIPS*/
 109 .tip {
 110     color: #111;
 111     width: 139px;
 112     text-align: left;
 113     white-space: pre;
 114     background-color: white;
 115     border:1px solid #ccc;
 116     -moz-box-shadow:#555 2px 2px 8px;
 117     -webkit-box-shadow:#555 2px 2px 8px;
 118     -o-box-shadow:#555 2px 2px 8px;
 119     box-shadow:#555 2px 2px 8px;
 120     opacity:0.9;
 121     filter:alpha(opacity=90);
 122     font-size:10px;
 123     font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 124     padding:7px;
 125 }