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