cgi-bin/tools/interactomics/css/cytoscape.css

   1 body,th,td,div,p,h1,h2,li,dt,dd {
   2  font-family: Tahoma, "Gill Sans", Arial, sans-serif;
   3 }
   4
   5 body {
   6  margin: 0px;
   7  color: #333333;
   8  background-color: #ffffff;
   9 }
  10
  11 #indent {
  12  padding-left: 30px;
  13 }
  14 /* front page stuff */
  15
  16 #feature {
  17  height: 50px;
  18  width: 100%;
  19  color: #ffffff;
  20  background-color: #2a5a8a;
  21  background: url(../images/cytoCrop.jpg);
  22  background-color: #5b6be2;
  23  background-repeat: no-repeat;
  24  background-position: top left;
  25  border: none;
  26  /* this bottom border is necessary to work around an opera 6 bug */
  27  border-bottom: 1px solid #2a5a8a;
  28 }
  29
  30 #feature td, #feature td p {
  31  color: #ffffff;
  32  font-size: 12px;
  33 }
  34 #feature td p {
  35  padding-bottom: 0px;
  36  margin-bottom: 0px;
  37 }
  38 #feature td h1 {
  39  font-size: 36px;
  40  font-family: Arial;
  41 }
  42 #feature a {
  43  text-decoration: none;
  44  font-weight: bold;
  45  color: #ffffff;
  46 }
  47 #feature a:hover {
  48  text-decoration: underline;
  49 }
  50
  51 #feature #about {
  52  width: 200px;
  53 }
  54 #feature #about p {
  55  margin: 4px 0px;
  56 }
  57
  58 #feature #article {
  59  max-width: 440px;
  60  margin-left: 10px;
  61  margin-right: auto;
  62  padding-right: 10px;
  63 }
  64
  65
  66 #code {
  67  height: 50px;
  68  width: 100%;
  69  color: #333399;
  70  font-family: Courier;
  71  font-size: 14px;
  72  font-weight: bold;
  73 }
  74
  75 #links {
  76  width: 100%;
  77  color: #000000;
  78  background-color: #ddeeee;
  79  border: none;
  80  border-bottom: 1px solid #999999;
  81 }
  82 /*/*/a{}
  83 #links {
  84  padding: 0px;
  85  border-spacing: 0px;
  86 }
  87 /* */
  88 #links td {
  89  font-size: 12px;
  90 }
  91 #links td p, #products td li {
  92  margin-top: 0px;
  93  margin-bottom: 4px;
  94 }
  95 #links td h1 {
  96  font-size: 14px;
  97  margin: 0px;
  98  padding: 0px;
  99 }
 100
 101 #links td {
 102  vertical-align: top;
 103  border-left: 1px dotted #000000;
 104  padding-left: 10px;
 105  padding-top: 2px;
 106 }
 107
 108 #links #first {
 109  padding-left: 30px;
 110  border-left: none;
 111 }
 112
 113 #links #caption {
 114  color: #000000;
 115  background-color:  #99ccff;
 116  padding-left: 30px;
 117  text-align: left;
 118  border: none;
 119  border-bottom: 2px solid #1177cc;
 120 }
 121 #links h1 a {
 122  text-decoration: none;
 123 }
 124 #links h1 a:hover {
 125  color: #1177cc;
 126  text-decoration: none;
 127 }
 128 #links a {
 129  color: #000000;
 130 }
 131 #links a:hover {
 132  color: #2299ee;
 133  text-decoration: underline;
 134 }
 135
 136 #links ul {
 137  list-style-type: none;
 138  list-style-image: none;
 139  margin-top: 0px;
 140  margin-left: 0px;
 141  padding-left: 8px;
 142 }
 143
 144 #content .item {
 145  margin-bottom: 0px;
 146  font-size: 12px;
 147  #border: dotted gray 1px;
 148  padding-left: 10px;
 149  padding-bottom: 10px;
 150  background: #FFFFFF   url(../images/blue_grad.png) ;
 151  background-repeat: repeat-y;
 152  border: 1px solid #b0d6fc;
 153 }
 154 #content .item h2 {
 155  margin-bottom: 0px;
 156  font-size: 14px;
 157 }
 158 #content .item h2 a:link {
 159  color: #333333;
 160  text-decoration: none;
 161 }
 162 #content .item h2 a:visited {
 163  color: #333333;
 164  text-decoration: none;
 165 }
 166 #content .item h2 a:hover {
 167  color: #1177cc;
 168  text-decoration: underline;
 169 }
 170
 171 #content .item p {
 172  font-size: 12px;
 173  margin-top: 0px;
 174  margin-bottom: 0px;
 175 }
 176 #content .item p img {
 177  float: right;
 178 }
 179
 180 #content .item .details {
 181  font-size: smaller;
 182  margin-top: 4px;
 183 }
 184
 185 #prefooter {
 186  font-size: smaller;
 187  clear: both;
 188  border: none;
 189  background: #ffffff;
 190
 191  margin-top: 10px;
 192  padding-left: 30px;
 193  padding-top: 1px;
 194  padding-bottom: 10px;
 195  border-top: 2px solid #335599;
 196  border-bottom: 2px solid #335599;
 197 }
 198
 199 #footer {
 200  font-size: smaller;
 201  clear: both;
 202  border: none;
 203  background: #ddeeee;
 204
 205  margin-top: 20px;
 206  padding-left: 30px;
 207  padding-top: 10px;
 208  padding-bottom: 10px;
 209 }
 210
 211 #footer a:link {
 212  color: #444444;
 213 }
 214 #footer a:active, .footer a:hover {
 215  color: #005599;
 216 }
 217 #footer a:visited {
 218  color: #777777;
 219 }
 220
 221 .roundbox {
 222         font-family: trebuchet MS, trebuchet, verdana, arial, sans-serif;
 223         font-size: 11px;
 224         padding: 5px;
 225         -moz-border-radius: 10px;
 226         border-radius: 10px;
 227 }
 228
 229 .roundbox h3 {
 230         text-transform: uppercase;
 231         margin: 2px;
 232 }
 233
 234 .roundbox ul {
 235         padding: 0px;
 236         margin: 0.5em;
 237         padding-left: 0.5em;
 238         list-style: none;
 239 }
 240
 241 .roundbox li:before {
 242         content: "\00BB \0020";
 243 }
 244
 245 .blue {
 246         background-color: #F0F8FF;
 247         border: 1px solid #CCE6FF;
 248 }
 249 .roundbox a {
 250         text-decoration: none;
 251 }
 252 .blue_outline {
 253         background-color: #FFFFFF;
 254         border: 1px solid #CCE6FF;
 255 }
 256 .peach {
 257         background-color: #FFFBEC;
 258         border: 1px solid #FFE8A0;
 259         }
 260
 261 .peach a:link { color: #FFB200; }
 262 .peach a:visited { color: #AD9357; }
 263
 264 .lavendar {
 265         background-color: #F2BAF9;
 266         border: 1px solid #D3A3D9;
 267         }
 268
 269 .slate {
 270         background-color: #D8D8EC;
 271         border: 1px solid #B5B5D8;
 272         }
 273
 274 .slate a:link { color: #5B5BB2; }
 275 .slate a:visited { color: #5E5E77; }
 276
 277 .codebox {
 278 color: #333399;
 279         font-family: Courier;
 280         font-size: 14px;
 281 font-weight: bold;
 282         padding: 5px;
 283         -moz-border-radius: 10px;
 284         border-radius: 10px;
 285 }
 286
 287 .codebox h3 {
 288         color: #333399;
 289 }
 290
 291
 292 .codebox ul {
 293         padding: 0px;
 294         margin: 0.5em;
 295         padding-left: 0.5em;
 296         list-style: none;
 297 }
 298
 299 .codebox li:before {
 300         content: "\00BB \0020";
 301 }
 302
 303
 304 .lightyellow {
 305   background-color: #FDFDCA;
 306         border: 1px solid #007100;
 307 }
 308