examples/testdata/phyre2results/56da5616b4559c93/css/main.css

   1 body {background-color:#f6f5ee;}
   2 body {
   3   margin: 0px;
   4   padding: 0px;
   5 /*  font-family: "trebuchet ms"; font-size: 14px;*/
   6  font-family: tahoma, sans-serif;
   7   background-color:#f6f5ee;
   8   }
   9 a:link { background: inherit; color: #88344b; }
  10 a:visited { background: inherit; color: #88344b; }
  11
  12 a:hover,a:active
  13 {
  14 background-color:#737065;
  15 color:white;
  16 }
  17
  18 ul {color: #737065;}
  19
  20 a.logo:link{ background:inherit;}
  21 a.logo:visited{ background:inherit;}
  22 a.logo:hover,a.logo:active
  23 {
  24 background-color:none;
  25 color:none;
  26 }
  27
  28 a.cdd
  29 {
  30 color:inherit;
  31 text-decoration:none;
  32 }
  33
  34 /*table.main {border-left-style:solid; border-left-width:10px}*/
  35 table.sbgic {border:solid; border-color:#d2d0c1}
  36
  37 textarea{
  38 background-color:#f6f5ee;
  39 border:0;
  40 }
  41
  42 input[type="text"]
  43 {
  44 background-color:#f6f5ee;
  45 /*background-color:#0000ff;*/
  46 border:0;
  47 }
  48
  49 .midshade
  50 {
  51
  52 background-color:#d2d0c1;
  53 }
  54
  55 .midshadess
  56 {
  57 background-color:#d2d0c1;
  58 text-align:right;
  59 padding-right:5px;
  60 padding-left:5px;
  61
  62 }
  63
  64 .midshadeseq
  65 {
  66 background-color:#d2d0c1;
  67 text-align:center;
  68 padding-right:5px;
  69 padding-left:5px;
  70
  71 }
  72
  73 .darkshade
  74 {
  75 text-align:right;
  76 color:white;
  77 background-color:#737065;
  78 padding-right:5px;
  79 padding-left:5px;
  80 }
  81
  82 .darkshade_dom
  83 {
  84 color:white;
  85 background-color:#737065;
  86 }
  87
  88
  89 .darkshadelalig
  90 {
  91 text-align:left;
  92 color:white;
  93 background-color:#737065;
  94 padding-right:5px;
  95 padding-left:5px;
  96 }
  97
  98 .darkshadecalig
  99 {
 100 text-align:center;
 101 color:white;
 102 background-color:#737065;
 103 padding-right:5px;
 104 padding-left:5px;
 105 }
 106
 107 .inv_button
 108 {
 109
 110 background: #eee url('http://www.sbg.bio.ic.ac.uk/phyre2/html/images/maybe.png') no-repeat top left;
 111 //background-image:url('http://www.sbg.bio.ic.ac.uk/phyre2/html/images/maybe.png');
 112     padding-left: 64px;
 113     padding-right:10px;
 114     height: 48px;
 115           background-color:#737065;
 116           -moz-border-radius:3px;
 117           -webkit-border-radius:3px;
 118           border-radius:3px;
 119           border:1px solid #54381e;
 120           display:inline-block;
 121           cursor:pointer;
 122           color:#ffffff;
 123           font-family:arial;
 124           font-size:13px;
 125           //padding:6px 24px;
 126           text-decoration:none;
 127           text-shadow:0px 1px 0px #4d3534;
 128 }
 129 .inv_button:hover {
 130
 131                 background-color:#9e9a8b;
 132 }
 133 .inv_button:active {
 134                  position:relative;
 135                  top:1px;
 136 }
 137
 138
 139
 140 .pssmrow
 141 {
 142 font-size:10px;
 143 /*border-style:solid;*/
 144 border-top:2px solid #88344b;
 145 }
 146
 147 .pssmcol
 148 {
 149 /*border-style:solid;*/
 150 border-left:2px solid #88344b;
 151
 152
 153 }
 154 .susrow
 155 {
 156 font-size:10px;
 157 /*border-style:solid;*/
 158 border-top:2px solid #88344b;
 159 }
 160
 161 .suscol
 162 {
 163 /*border-style:solid;*/
 164 border-left:2px solid #88344b;
 165
 166
 167 }
 168
 169
 170 .darkshadetable
 171 {
 172 text-align:center;
 173 color:white;
 174 background-color:#737065;
 175 padding-right:50px;
 176 padding-left:50px;
 177 }
 178
 179 .mini
 180 {
 181 font-family: "trebuchet ms"; font-size:10px;
 182 color:#f6f5ee;
 183 }
 184
 185 .helix
 186 {
 187 /*width:11px;*/
 188 /*background-color:#88344b;*/
 189 /*color:#d2d0c1;*/
 190 /*color:#88344b;*/
 191 }
 192
 193 .HardBreak
 194 {
 195 font-size:10;
 196 width: 500px;
 197 white-space: pre-wrap; /* css-3 */
 198 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
 199 white-space: -pre-wrap; /* Opera 4-6 */
 200 white-space: -o-pre-wrap; /* Opera 7 */
 201 word-wrap: break-all; /* Internet Explorer 5.5+ */
 202 }
 203
 204
 205 .disorder
 206 {
 207 font-size:12px;
 208
 209 }
 210
 211 /*td img
 212 {
 213 display: block;
 214 }
 215 */
 216 .helimg
 217 {
 218 width:1.0em;
 219 height:1.0em;
 220
 221 }
 222
 223 .strimg
 224 {
 225 width:1.0em;
 226 height:1.0em;
 227 vertical-align: bottom;
 228 /*display:block;*/
 229
 230 }
 231
 232 .index
 233 {
 234 font-size:0.5em;
 235 text-align:center;
 236 }
 237
 238
 239 .strand
 240 {
 241
 242 /*background-color:lightblue;*/
 243 }
 244
 245
 246 div.scroll {
 247 height: 400px;
 248 width: 1100px;
 249 overflow: auto;
 250 border: 1px solid #666;
 251 background-color:#d2d0c1;
 252 padding: 10px;
 253 }
 254
 255
 256 div.batchscroll {
 257 height: 400px;
 258 width: 400px;
 259 overflow: auto;
 260 border: 1px solid #666;
 261 padding: 10px;
 262 }
 263
 264 div.summaryscroll {
 265 height: 10em;
 266 width: 40em;
 267 overflow: auto;
 268 border: 0.2em solid #666;
 269 padding: 0.2em;
 270 }
 271
 272 div.domscroll {
 273 height: 400px;
 274 width: 600px;
 275 overflow: auto;
 276 border: 1px solid #666;
 277 background-color:#d2d0c1;
 278 padding: 10px;
 279 }
 280
 281
 282
 283 div.flibscroll {
 284 height: 400px;
 285 width: 1300px;
 286 overflow: auto;
 287 border: 1px solid #666;
 288 background-color:#d2d0c1;
 289 padding: 10px;
 290 }
 291
 292
 293 /*p {white-space:normal;}*/
 294
 295
 296
 297 /* tooltip design */
 298 .ToolTips { display:block; position:absolute; width:404px; }
 299 .ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(images/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-i
 300 ndex:100000000; }
 301 .ToolTips .message { display:block; position:relative; background:url(images/tip_body.png) repeat-y; padding:0px 10px; }
 302
 303 /* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
 304 .ToolTips .dockBottomHeader,
 305 .ToolTips .dockTopFooter { display:block; position:relative; background:url(images/dockBottomHeader.png) no-repeat bottom; height:33px;  }
 306 .ToolTips .dockTopFooter { background:url(images/dockTopFooter.png) no-repeat bottom; height:38px; }
 307
 308 .ToolTips .dockBottomFooter,
 309 .ToolTips .dockTopHeader { display:block; position:relative; background:url(images/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
 310 /* this one has more height to display the close button in case sticky tooltips are on */
 311 .ToolTips .dockTopHeader { background:url(images/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }
 312
 313 * html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomHeader.png'); }
 314 * html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomFooter.png'); }
 315 * html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader.png'); }
 316 * html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter.png'); }
 317 * html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fileclose.png');  }
 318
 319 /* this is just a div displaying the loading animated .gif */
 320 .loading { display:block; margin:0px auto 0px; background:url(images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }
 321
 322 /* tip container */
 323 .tipContainer { display:none; }
 324
 325 /* beautify the tooltip content */
 326 .ToolTips .message { font-size:12px; text-align:left; }
 327 .ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
 328 .ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }
 329
 330 /* Batchprogress table */
 331 .batchtable
 332 {
 333         border-bottom-style: solid;
 334         border-bottom-color: #737065;
 335         border-bottom-width: 1px;
 336
 337         border-left-style: solid;
 338         border-left-color: #737065;
 339         border-left-width: 1px;
 340
 341 }
 342 .batchtable_dark
 343 {
 344         border-bottom-style: solid;
 345         border-bottom-color: #737065;
 346         border-bottom-width: 1px;
 347
 348         border-left-style: solid;
 349         border-left-color: #737065;
 350         border-left-width: 1px;
 351         background-color: #737065;
 352         color: white;
 353 }
 354
 355
 356 .round{
 357 -moz-border-radius: 20px;
 358 -webkit-border-radius: 20px;
 359 -khtml-border-radius: 20px;
 360 border-radius: 20px;
 361 }
 362
 363 .topLeftRound{
 364 -moz-border-top-left-radius: 20px;
 365 -webkit-border-top-left-radius: 20px;
 366 -khtml-border-top-left-radius: 20px;
 367 border-top-left-radius: 20px;
 368 }
 369
 370
 371 .topRightRound{
 372 -moz-border-top-right-radius: 20px;
 373 -webkit-border-top-right-radius: 20px;
 374 -khtml-border-top-right-radius: 20px;
 375 border-top-right-radius: 20px;
 376 }
 377
 378
 379 .bottomLeftRound{
 380 -moz-border-bottom-left-radius: 20px;
 381 -webkit-border-bottom-left-radius: 20px;
 382 -khtml-border-bottom-left-radius: 20px;
 383 border-bottom-left-radius: 20px;
 384 }
 385
 386 .bottomRound{
 387 -moz-border-bottom-left-radius: 20px;
 388 -webkit-border-bottom-left-radius: 20px;
 389 -khtml-border-bottom-left-radius: 20px;
 390 border-bottom-left-radius: 20px;
 391 -moz-border-bottom-right-radius: 20px;
 392 -webkit-border-bottom-right-radius: 20px;
 393 -khtml-border-bottom-right-radius: 20px;
 394 border-bottom-right-radius: 20px;
 395 }
 396