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