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-color: #c5c5c5;
  85 }
  86 #dialog_overlay {
  87     display: none;
  88     position: absolute;
  89     background-image: url("cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png");
  90     background-repeat: repeat;
  91     background-attachment: scroll;
  92     background-position: 50% 50%;
  93     background-color: #EEEEEE;
  94     opacity: 0.7;
  95     padding-bottom: 5px;
  96     padding-top: 5px;
  97     border: 2px solid #B0C6F7;
  98 }
  99 #update_workspace_button {
 100     position: absolute;
 101     left: 74.5%;
 102     top: 126px;
 103     height: 44px;
 104     width: 46px;
 105     margin-top: 17px;
 106     border: none;
 107     background-image: url('../images/act_icons.png');
 108     background-position: 0px 44px;
 109     background-color: none;
 110     background-repeat: none;
 111     z-index: 50;
 112 }
 113 #workspace_container {
 114     height: 504px;
 115     width: 43%;
 116     position: relative;
 117     top: -545px;
 118     left: 47%;
 119     margin-top: 10px;
 120     border: 2px solid #B0C6F7;
 121     background: #fff;
 122 }
 123 #graph_underlay {
 124     height: 100%;
 125     width: 100%;
 126     background: #fff;
 127     position: relative;
 128     z-index: -2;
 129 }
 130 #visor {
 131     height: 100px;
 132     width: 20%;
 133     background-color: #61EDAE;
 134     opacity: 0.15;
 135     position: relative;
 136     left: 40%;
 137     top: -104px;
 138     z-index: -1;
 139     border-left: 2px solid #3C73FA;
 140     border-right: 2px solid #3C73FA;
 141     border-bottom: 2px solid #B0C6F7;
 142     border-top: 2px solid #B0C6F7;
 143 }
 144 #graph {
 145     position: relative; top: -208px;
 146     padding: 0px;
 147     overflow: auto;
 148     /* cursor: -moz-grab !important; */ /* should this be applied with JS? */
 149 }
 150 #enlargement {
 151     padding: 0px;
 152     overflow: hidden;
 153 }
 154 #workspace {
 155     padding: 0px;
 156     overflow: hidden;
 157 }
 158 #keymap {
 159     position: absolute;
 160     left: 80%;
 161     top: 140px;
 162     border: 2px solid #B0C6F7;
 163     background: #fff;
 164     background: url("cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png");
 165     background-repeat: repeat-x;
 166     background-scroll: scroll;
 167     background-position: 50% top;
 168     background-color: #F2F5F7;
 169 }
 170 #keymap ul {
 171     padding: 10px;
 172     padding-left: 14px;
 173     padding-right: 14px;
 174     margin: 0px;
 175 }
 176 #keymap li {
 177     border-left: 16px solid #fff;
 178     padding-left: 8px;
 179     list-style: none;
 180     margin-bottom: 3px;
 181 }