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