stemmaweb/root/css/relationship.css

   1 <style type="text/css" media="screen">
   2 body {
   3     margin: 0;
   4     padding: 0 20px;
   5     font: 1em "Trebuchet MS", verdana, arial, sans-serif;
   6     font-size: 85%;
   7     background: #EDF1FA;
   8 }
   9 .error {
  10     color: red;
  11 }
  12 #graph_container {
  13     height: 104px;
  14     width: 90%;
  15     margin-top: 5px;
  16     border: 2px solid #B0C6F7;
  17 }
  18 #enlargement_container {
  19     height: 504px;
  20     width: 90%;
  21     margin-top: 5px;
  22     border: 2px solid #B0C6F7;
  23     background: #fff;
  24     padding-top: 5px;
  25     padding-bottom: 5px;
  26 }
  27 #dialog_overlay {
  28     display: none;
  29     position: absolute;
  30     background-image: url("../css/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png");
  31     background-repeat: repeat;
  32     background-attachment: scroll;
  33     background-position: 50% 50%;
  34     background-color: #EEEEEE;
  35     opacity: 0.7;
  36     padding-bottom: 5px;
  37     padding-top: 5px;
  38     border: 2px solid #B0C6F7;
  39 }
  40 #update_workspace_button {
  41     position: relative;
  42     top: -538px;
  43     left: 44%;
  44     height: 17px;
  45     width: 17px;
  46     margin-top: 8px;
  47     border: 1px solid #B0C6F7;
  48     background-image: url('../images/act_arrs.gif');
  49     background-position: 0px 0px;
  50     background-color: #fcfcfc;
  51     z-index: 50;
  52 }
  53 #workspace_container {
  54     height: 504px;
  55     width: 43%;
  56     position: relative;
  57     top: -545px;
  58     left: 47%;
  59     margin-top: 10px;
  60     border: 2px solid #B0C6F7;
  61     background: #fff;
  62 }
  63 #graph_underlay {
  64     height: 100%;
  65     width: 100%;
  66     background: #fff;
  67     position: relative;
  68     z-index: -2;
  69 }
  70 #visor {
  71     height: 100px;
  72     width: 20%;
  73     background-color: #61EDAE;
  74     opacity: 0.15;
  75     position: relative;
  76     left: 40%;
  77     top: -104px;
  78     z-index: -1;
  79     border-left: 2px solid #3C73FA;
  80     border-right: 2px solid #3C73FA;
  81     border-bottom: 2px solid #B0C6F7;
  82     border-top: 2px solid #B0C6F7;
  83 }
  84 #graph {
  85     position: relative; top: -208px;
  86     padding: 0px;
  87     overflow: auto;
  88     /* cursor: -moz-grab !important; */ /* should this be applied with JS? */
  89 }
  90 #enlargement {
  91     padding: 0px;
  92     overflow: hidden;
  93 }
  94 #workspace {
  95     padding: 0px;
  96     overflow: hidden;
  97 }
  98 #keymap {
  99     position: absolute;
 100     left: 80%;
 101     top: 100px;
 102     border: 2px solid #B0C6F7;
 103     background: #fff;
 104 }
 105 #keymap ul {
 106     padding: 10px;
 107     padding-left: 14px;
 108     padding-right: 14px;
 109     margin: 0px;
 110 }
 111 #keymap li {
 112     border-left: 16px solid #fff;
 113     padding-left: 8px;
 114     list-style: none;
 115     margin-bottom: 3px;
 116 }
 117 </style>