stemmaweb/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 #topbanner {
  12         width: 100%;
  13         height: 100px;
  14         margin-top: 20px;
  15 }
  16 #logoimg {
  17         float: left;
  18         margin-left: 20px;
  19 }
  20 #logotitle {
  21         float: left;
  22         margin-left: 30px;
  23         height: 55px;
  24         padding-top: 40px;
  25 }
  26 h1.title a:link, h1.title a:visited, h1.title a:active {
  27         color: #666;
  28         font-weight: bold;
  29         text-decoration: none;
  30 }
  31 h1.title a:hover {
  32         color: #222;
  33 }
  34 h1.title {
  35         margin: 0;
  36         padding: 0;
  37         letter-spacing: -1px;
  38         line-height: 1.0em;
  39         font-family: tahoma, arial, sans-serif;
  40         font-size: 240%;
  41 }
  42 p.tagline {
  43         margin: 0;
  44         padding: 0;
  45         font-size: 1.2em;
  46         font-weight: bold;
  47         color: #666;
  48 }
  49 .term {
  50         font-style: italic;
  51 }
  52 p.api {
  53         font-weight: bold;
  54         font-family: Courier;
  55 }
  56 span.apimore {
  57         font-family: Courier;
  58 }
  59 #enlargement_container {
  60     height: 504px;
  61     width: 90%;
  62     margin-top: 5px;
  63     border: 2px solid #B0C6F7;
  64     background: #fff;
  65     padding-top: 5px;
  66     padding-bottom: 5px;
  67 }
  68 #dialog_overlay {
  69     display: none;
  70     position: absolute;
  71     background-image: url("/css/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png");
  72     background-repeat: repeat;
  73     background-attachment: scroll;
  74     background-position: 50% 50%;
  75     background-color: #EEEEEE;
  76     opacity: 0.7;
  77     padding-bottom: 5px;
  78     padding-top: 5px;
  79     border: 2px solid #B0C6F7;
  80 }
  81 #update_workspace_button {
  82     position: absolute;
  83     left: 74.5%;
  84     top: 126px;
  85     height: 44px;
  86     width: 46px;
  87     margin-top: 17px;
  88     border: none;
  89     background-image: url('/images/act_icons.png');
  90     background-position: 0px 44px;
  91     background-color: none;
  92     background-repeat: none;
  93     z-index: 50;
  94 }
  95 #workspace_container {
  96     height: 504px;
  97     width: 43%;
  98     position: relative;
  99     top: -545px;
 100     left: 47%;
 101     margin-top: 10px;
 102     border: 2px solid #B0C6F7;
 103     background: #fff;
 104 }
 105 #graph_underlay {
 106     height: 100%;
 107     width: 100%;
 108     background: #fff;
 109     position: relative;
 110     z-index: -2;
 111 }
 112 #visor {
 113     height: 100px;
 114     width: 20%;
 115     background-color: #61EDAE;
 116     opacity: 0.15;
 117     position: relative;
 118     left: 40%;
 119     top: -104px;
 120     z-index: -1;
 121     border-left: 2px solid #3C73FA;
 122     border-right: 2px solid #3C73FA;
 123     border-bottom: 2px solid #B0C6F7;
 124     border-top: 2px solid #B0C6F7;
 125 }
 126 #graph {
 127     position: relative; top: -208px;
 128     padding: 0px;
 129     overflow: auto;
 130     /* cursor: -moz-grab !important; */ /* should this be applied with JS? */
 131 }
 132 #enlargement {
 133     padding: 0px;
 134     overflow: hidden;
 135 }
 136 #workspace {
 137     padding: 0px;
 138     overflow: hidden;
 139 }
 140 #keymap {
 141     position: absolute;
 142     left: 80%;
 143     top: 140px;
 144     border: 2px solid #B0C6F7;
 145     background: #fff;
 146     background: url("/css/cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png");
 147     background-repeat: repeat-x;
 148     background-scroll: scroll;
 149     background-position: 50% top;
 150     background-color: #F2F5F7;
 151 }
 152 #keymap ul {
 153     padding: 10px;
 154     padding-left: 14px;
 155     padding-right: 14px;
 156     margin: 0px;
 157 }
 158 #keymap li {
 159     border-left: 16px solid #fff;
 160     padding-left: 8px;
 161     list-style: none;
 162     margin-bottom: 3px;
 163 }