root/css/relationship.css

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