www/fsftheme.css

   1 /* these styles are in the head of this page because this is a unique page */
   2
   3 /* THE BIG GUYS */
   4 * {
   5     margin: 0;
   6     padding: 0;
   7 }
   8
   9 body {
  10     text-align: center;
  11     padding: 10px 0;
  12     background: #1c1c1c;
  13 /*    background-image: url(icons/ssplogo-fish.png); */
  14 /*    background-repeat: no-repeat; */
  15     color: #333;
  16     font: 83%/1.5 arial,tahoma,verdana,sans-serif;
  17 }
  18
  19 .body-embed {
  20     padding: 0;
  21     background: #ffffff;
  22     font: 83%/1.5 arial,tahoma,verdana,sans-serif;
  23 }
  24
  25 img {
  26     border: none;
  27     display: block;
  28 }
  29
  30 hr {
  31     margin: 1em 0;
  32     background: #eee;
  33     height: 1px;
  34     color: #eee;
  35     border: none;
  36     clear: both;
  37 }
  38
  39 /* LINKS */
  40 a, a:link, a:link, a:link, a:hover {
  41     text-decoration: none;
  42     color: #777;
  43     border-bottom: 1px dotted #ccc;
  44     font-weight: normal;
  45 }
  46
  47 a:link, a:visited {
  48     text-decoration: none;
  49     color: #777;
  50     border-bottom: 1px dotted #ccc;
  51     font-weight: normal;
  52 }
  53 .ui-tabs-nav a {
  54     border: none ! important;
  55     text-decoration: none;
  56 }
  57 a:visited {
  58     color: #999;
  59 }
  60
  61 a:hover, a:active {
  62     color: #069;
  63     text-decoration: none;
  64     color: #333;
  65     border-bottom: 1px solid #333;
  66 }
  67
  68 #header a {
  69     color: #fff;
  70     text-decoration: none;
  71 }
  72
  73 /* LISTS */
  74 ul {
  75     margin: .3em 0 1.5em 2em;
  76 }
  77
  78 ul.related {
  79     margin-top: -1em;
  80 }
  81
  82 li {
  83     margin-left: 2em;
  84 }
  85
  86 dt {
  87     font-weight: bold;
  88 }
  89
  90 #wrap {
  91     background: #fff;
  92
  93     border: 1px solid #fff;
  94     position: relative;
  95     text-align: left;
  96
  97     margin: 20px 75px 2em 75px;
  98     max-width: 950px;
  99 }
 100
 101 #languagebar {
 102     padding-left: 10px;
 103     padding-right: 10px;
 104 }
 105 #languagebar a:link, #languagebar a:visited {
 106     text-decoration: none;
 107     color: #777;
 108     border-bottom: 1px dotted #ccc;
 109     font-weight: normal;
 110 }
 111 #languagebar a:hover {
 112     text-decoration: none;
 113     color: #333;
 114     border-bottom: 1px solid #333;
 115 }
 116
 117 #header {
 118     background: #666 url("header-bkg.png") repeat-x 0 100%;
 119     margin: 0px;
 120     padding: 0 0 8px;
 121 }
 122
 123 #header h1 {
 124     color: #fff;
 125     font-size: 145%;
 126     padding: 20px 20px 12px;
 127 }
 128
 129 #content, #footer {
 130     padding: 0 20px;
 131 }
 132
 133 /* TYPOGRAPHY */
 134 p, ul, ol {
 135     margin: 0 0 1.5em;
 136 }
 137
 138 h1, h2, h3, h4, h5, h6 {
 139     letter-spacing: -1px;
 140     font-family: arial,verdana,sans-serif;
 141     margin: 1.2em 0 .3em;
 142     color: #000;
 143     border-bottom: 1px solid #eee;
 144     padding-bottom: .1em;
 145 }
 146
 147 h1 {
 148     font-size: 196%;
 149     margin-top: 0;
 150     border: none;
 151 }
 152
 153 h2 {
 154     font-size: 136%;
 155 }
 156
 157 h3 {
 158     font-size: 126%;
 159 }
 160
 161 h4 {
 162     font-size: 116%;
 163     font-weight: bold;
 164 }
 165
 166 h5 {
 167     font-size: 106%;
 168 }
 169
 170 h6 {
 171     font-size: 96%;
 172 }
 173
 174 input {
 175     border: 1px solid #ddd;
 176     border-radius: 3px;
 177     padding: 5px;
 178     line-height: 1.5em;
 179 }
 180
 181 h1 a {
 182     text-decoration: none;
 183     border: none ! important;
 184     color: white;
 185 }
 186
 187 h1 a:hover {
 188     border-bottom: 1px dotted #eee;
 189 }
 190
 191 #content {
 192     margin-top: 2em;
 193 }
 194
 195 .old {
 196     text-decoration: line-through;
 197 }
 198
 199 dl dt {
 200     color: #333;
 201 }
 202
 203 dl dd {
 204     color: #666;
 205     margin-left: 3em;
 206 /*    font-family: monospace; */
 207 }
 208
 209 .efieldlist {
 210     padding: .4em;
 211     margin: .8em;
 212     border-top: 1px solid #e6e6e6;
 213     border-left: 1px solid #e6e6e6;
 214 }
 215
 216 .efieldlist.warning {
 217     background-color: #922;
 218     border: 1px solid #333;
 219     color: white;
 220 }
 221
 222 .efieldlist.warning h5 {
 223     color: white;
 224 }
 225
 226 .efieldlist h5 {
 227     font-weight: bold;
 228     color: #200;
 229     margin: .3em;
 230 }
 231
 232 .trackidtext {
 233     border: 1px dashed #aaa;
 234     background: #eaeaea;
 235     padding: .6em;
 236     margin: .4em;
 237 }
 238
 239 .trackidtext .trackid {
 240     border: 1px solid #ccc;
 241     background: #eee;
 242     margin: .4em;
 243     padding: .4em;
 244     font-family: monospace;
 245     font-size: large;
 246 }
 247
 248 div.caution {
 249     background-color:  #FF9;
 250     background-image: url('icons/experience/gtk-dialog-warning.48x48.png');
 251     background-repeat: no-repeat;
 252     border: thin solid #444;
 253     padding: .2em .2em .2em 60px;
 254     margin: 1em 0px 1em 0px;
 255 }
 256
 257 th.rowtitle {
 258     text-align: left;
 259 }
 260 .youareadmin {
 261     border: 1px solid #aaa;
 262     margin-left: 1em;
 263     padding: 5px;
 264 }
 265 .enablebox table {
 266     border: 1px solid #eee;
 267     margin-left: 1em;
 268 }
 269 .enablebox.mini table {
 270     float: right;
 271 }
 272 .enablebox tr td {
 273     padding: .5px 1em 1px .5em;
 274     margin: 0px;
 275 }
 276 .enablebox {
 277     font-size: 85%;
 278 }
 279 .enablebox tr.enabled td {
 280     background: #eee;
 281 }
 282 .enablebox tr.disabled td {
 283     background: #ccc;
 284 }
 285
 286 .metadatabox {
 287     overflow: scroll;
 288     border: 1px solid #eee;
 289     padding: 0.5em;
 290     border-radius: 3px;
 291 }
 292 div.preferredidp {
 293     border: 1px dashed #ccc;
 294     background: #eee;
 295     padding: 2px 2em 2px 2em;
 296 }
 297
 298 table.modules {
 299     border-collapse: collapse;
 300 }
 301 table.modules tr td {
 302     border-bottom: 1px solid #ddd;
 303 }
 304 table.modules tr.even td {
 305     background: #f0f0f0;
 306 }
 307
 308 /* Attribute presentation in example page */
 309 table.attributes {
 310     width: 100%;
 311     margin: 0px;
 312     border: 1px solid #bbb;
 313     border-collapse: collapse;
 314 }
 315
 316 table.attributes td.attrname {
 317     text-align: right;
 318 }
 319
 320 table.attributes tr.even td {
 321     background: #eee;
 322 }
 323
 324 table.attributes tr td {
 325     border-bottom: 1px solid #bbb;
 326     border-left: 0px;
 327     border-right: 0px;
 328     background: #fff;
 329     padding-top: 5px;
 330     padding-left: 1em;
 331     padding-right: 1em;
 332     vertical-align: top;
 333 }
 334
 335 .attrvalue {
 336     word-break: break-all;
 337     word-wrap: break-word;
 338 }
 339
 340 table#table_with_attributes tr:last-child td {
 341     border-bottom: none;
 342 }
 343
 344 fieldset.fancyfieldset {
 345     margin: 2em 1em 1em 0px;
 346     border: 1px solid #bbb;
 347 }
 348 fieldset.fancyfieldset legend {
 349     margin-left: 2em;
 350     padding: 3px 2em 3px 2em;
 351     border: 1px solid #bbb;
 352 }
 353
 354 div#confirmation input {
 355     margin-top: .5em;
 356     margin-bottom: .5em;
 357 }
 358 div#confirmation {
 359     border: 1px solid #aaa;
 360     background: #eee;
 361     padding: .6em 1em .1em 1em;
 362 }
 363
 364 caption {
 365     display: none;
 366 }
 367
 368 /* Left-to-Right CSS for RTL (Right to Left Support) */
 369 .float-r {
 370     float: right;
 371 }
 372 .float-l {
 373     float: left;
 374 }
 375
 376 #mobile_remember_username, #mobile_remember_me {
 377     display: none;
 378 }
 379
 380 @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
 381     #header, #languagebar, #footer, .erroricon, .loginicon, .logintext,
 382     #regular_remember_username, #regular_remember_me {
 383         display: none;
 384     }
 385     body {
 386         font-size: 20px;
 387     }
 388     #wrap {
 389         margin: 0;
 390     }
 391     h1,h2,h3,h4 {
 392         font-size: 110%;
 393     }
 394
 395     #content {
 396         margin-bottom: 10px;
 397         padding: 0;
 398         padding-left: 5px;
 399     }
 400     input[type="text"], input[type="password"] {
 401         height: 1.5em;
 402         font-size: 1em;
 403     }
 404     .youareadmin {
 405         font-size: 50%;
 406     }
 407     #mobilesubmit, #mobile_remember_username, #mobile_remember_me {
 408         display: table-row;
 409     }
 410 }
 411
 412 .btn, .btnaddonright {
 413     color: #000000;
 414     border: 1px solid #eee;
 415     border-radius: 3px;
 416     background-color: #eee;
 417     background-image: linear-gradient(#fcfcfc, #eee);
 418     text-align: center;
 419     padding: 5px;
 420     cursor: hand;
 421 }
 422
 423 .btn:hover, .btnaddonright:hover {
 424     border-color: #ccc;
 425     background-color: #ddd;
 426     background-image: linear-gradient(#eee, #ddd);
 427 }
 428
 429 .btn img,
 430 .btnaddonright img {
 431     max-height: 15px;
 432     max-width: 15px;
 433 }
 434
 435 .topright {
 436     position: absolute;
 437     right: 2em;
 438 }
 439
 440 .input-group {
 441     display: table;
 442 }
 443
 444 .input-group pre {
 445     background: white;
 446     position: relative;
 447     width: 100%;
 448     vertical-align: middle;
 449     border: 1px solid #eee;
 450     padding: 0.5em;
 451     display: table-cell;
 452 }
 453
 454 .input-group .btnaddonright {
 455     position: relative;
 456     display: inline-block;
 457     border-bottom-left-radius: 0;
 458     border-bottom-right-radius: 3px;
 459     border-top-left-radius: 0;
 460     border-top-right-radius: 3px;
 461     border-left: none;
 462 }
 463
 464 .input-group .btnaddonright:hover {
 465     border-left: 1px solid #ccc;
 466 }
 467
 468 .input-group .input-left {
 469     border-bottom-left-radius: 3px;
 470     border-bottom-right-radius: 0;
 471     border-top-left-radius: 3px;
 472     border-top-right-radius: 0;
 473 }