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