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