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