portal/static/css/fed4fire.css

   1 /* @override unfold/static/css/plugin.css */
   2 /* GENERAL */
   3 body {
   4     padding-top: 60px;
   5     padding-bottom: 20px;
   6 }
   7 */
   8 /* center the buttons vertically in the header */
   9 div.topmenu { padding-top: 40px; }
  10 ul.logged-in {
  11     padding-top: 12px;
  12 }
  13 button.logged-in {
  14     font-size: small;
  15     margin-left: 5px;
  16 }
  17 li.username {
  18     margin-bottom: 10px;
  19     font-size: x-small;
  20 }
  21
  22 .logoTxt{
  23     font-size: 35px;
  24     position: absolute;
  25     margin-left: 20px;
  26     font-family: verdana,arial,sans-serif;
  27     font-weight: bold;
  28 }
  29 a{
  30     color: #777777;
  31     text-decoration: none;
  32 }
  33 a:hover{
  34     color: red;
  35     text-decoration: none;
  36 }
  37 .container {
  38         padding: 0 !important;
  39     color: black;
  40     background-color: white;
  41     margin: 0;
  42     width: 100%;
  43     max-width: 100%;
  44     min-height: 100% !important;
  45     height: 100% !important;
  46     font-family: Ubuntu, Arial, sans-serif !important;
  47 }
  48 div.f4f-title{
  49     margin-top:20px;
  50     margin-bottom:20px;
  51     text-align: center;
  52     border: 1px solid #61210B;
  53     background-color: orange;
  54 }
  55 .container h1 {
  56     color: #777777;
  57     margin-top: 5px;
  58 }
  59 table {
  60    color:black;
  61 }
  62
  63 .container h1, .container h2 {
  64     color: #fff !important;
  65 }
  66
  67 div.plugin-outline-complete,
  68 div.plugin-outline-body {
  69     border: 0px solid;
  70     border-radius: 0;
  71     border-color: #ccc;
  72     -webkit-transition: padding 200ms ease-out;
  73     -moz-transition: padding 200ms ease-out;
  74     -o-transition: padding 200ms ease-out;
  75     transition: padding 0.2s ease-out;
  76     padding: 20px;
  77     margin: 0;
  78 }
  79 /*
  80 div.plugin-outline-complete:hover,
  81 div.plugin-outline-body:hover {
  82     padding: 80px 80px 120px 80px;
  83 }
  84 */
  85 a.plugin-tooltip {
  86     font-size: 130%;
  87     font-style: normal;
  88     font-weight: bold;
  89     padding: 5px;
  90     color: #333;
  91     font-family: Ubuntu, Arial, sans-serif;
  92     text-transform: uppercase;
  93 }
  94
  95 a.plugin-tooltip:hover {
  96     color: #fff;
  97     text-decoration: none;
  98 }
  99
 100
 101
 102 /* LIST VIEW */
 103
 104 h2.well.well-lg {
 105     border-radius:0;
 106     border: 0;
 107     font-family: Ubuntu, arial, sans-serif;
 108     /* text-transform: ; */
 109     font-weight: normal;
 110     font-size: 40px;
 111     /* color: #30196d; */
 112     color: white;
 113     margin-bottom: 0px;
 114     margin-top: 0;
 115     padding: 40px;
 116     opacity: 1;
 117     text-align: center;
 118     background-color: #30196d;
 119 }
 120
 121 #complete-resources {
 122 /*    background-color: #92f79e ; */
 123     background-color: #B8B2FF ;
 124 }
 125
 126 #complete-filters {
 127 /*    background-color: #4af25d; */
 128     background-color: #add7ff;
 129 }
 130
 131 #complete-users {
 132 /*    background-color: #ff7394 ; */
 133     background-color: #add7ff ;
 134 }
 135 /*
 136 #complete-measurements {
 137     background-color: ;
 138 }
 139 */
 140 #complete-pending {
 141 /*    background-color: #add7ff ; */
 142     background-color: #B8B2FF ;
 143
 144 }
 145
 146 #complete-customize-resources {
 147     background-color: #efdfdf;
 148 }
 149
 150 #complete-msgs-pre {
 151     background-color: #ccc;
 152 }
 153
 154 #complete-resources,
 155 #complete-filters,
 156 #complete-users,
 157 #complete-measurements,
 158 #complete-pending,
 159 #complete-customize-resources,
 160 #complete-msgs-pre {
 161     opacity: 1;
 162     text-align: center;
 163     color: #333;
 164 }
 165
 166 #complete-resources:hover,
 167 #complete-filters:hover,
 168 #complete-users:hover,
 169 #complete-measurements:hover,
 170 #complete-pending:hover,
 171 #complete-customize-resources:hover,
 172 #complete-msgs-pre:hover {
 173     opacity: 1;
 174 }
 175
 176 .nav.nav-tabs {
 177     font-family: Ubuntu, Arial, sans-serif;
 178     border: 0 !important;
 179     border-bottom: 3px solid #fff !important;
 180     margin-bottom: 40px;
 181 }
 182
 183 .nav.nav-tabs li.active a {
 184     color: red;
 185     border-left: 0px solid #572bc9;
 186     border-top: 0px solid #572bc9;
 187     border-right: 0px solid #572bc9;
 188     background-color: orange;
 189 }
 190
 191 .nav.nav-tabs li a {
 192     color: #333;
 193     border: 0 !important;
 194     margin-right: 5px;
 195 }
 196
 197 .nav.nav-tabs li a:hover {
 198     color: #333;
 199     background: red;
 200     color: #fff;
 201     border: 0 !important;
 202 }
 203
 204 .dropdown-menu > li > a:hover,
 205 .dropdown-menu > li > a:focus {
 206     background-color: orange;
 207 }
 208
 209 /* TOPMENU.CSS */
 210
 211 body {
 212         /* background: #30196d !important; */
 213         /* background: black !important; */
 214         background: white !important;
 215     padding-top: 0px;
 216     padding-bottom: 0px;
 217 }
 218
 219 .navbar-fixed-top {
 220     position: relative !important;
 221 }
 222
 223 .navbar-nav li a:hover {
 224     color: red !important;
 225 }
 226
 227 .navbar-nav li.active a {
 228     background: #eee !important;
 229     background-color: orange;
 230     color: #572bc9 ;
 231 }
 232
 233 .navbar-nav li.active a {
 234     background: #eee ;
 235 }
 236
 237 /* Thierry : turning this off
 238 ul.logged-in {
 239     padding-top: 25px;
 240 }
 241 Thierry */
 242 button.logged-in {
 243     font-size: 1em;
 244     font-weight: bold;
 245     margin-left: 5px;
 246     margin-top: -5px;
 247     /* background: #572bc9; */
 248     background: #FFD69B;
 249     border: 1px solid orange;
 250     color: #777777;
 251     padding: 5px 15px;
 252     border-radius:5px;
 253 }
 254
 255 button.logged-in:hover {
 256     /* background: #4af25d; */
 257     background: orange;
 258     border: 1px solid #777777;
 259     color: #777777;
 260 }
 261 li.username {
 262     margin-bottom: 10px;
 263     font-size: 0.8em;
 264     text-transform: none;
 265     font-weight: normal;
 266     color: #999;
 267 }
 268
 269
 270 /* BOOTSTRAP */
 271
 272
 273 ul.pagination li a {
 274     /* background: ; */
 275     color: #572bc9;
 276     font-family: Ubuntu, Arial, sans-serif;
 277 }
 278
 279 ul.pagination li.active a {
 280     /* background: #572bc9; */
 281     background: orange;
 282     border: 1px solid red;
 283 }
 284
 285 .btn.btn-default {
 286     /* background: #572bc9; */
 287     background: #FFD69B;
 288     color: #777777;
 289     font-family: Ubuntu, Arial, sans-serif;
 290     font-weight: bold;
 291     border-color: #eea236;
 292 }
 293
 294 .btn.btn-default:hover {
 295     /* background: #4af25d; */
 296     /* background: #ff7394; */
 297     background: orange;
 298     color: #333;
 299     font-family: Ubuntu, Arial, sans-serif;
 300     font-weight: bold;
 301     border-color: #927143;
 302 }
 303
 304 input {
 305     border-radius: 3px;
 306     border: none;
 307     border: 1px solid #ccc;
 308 }
 309
 310 div.dataTables_length label,
 311 div.dataTables_filter label,
 312 div.dataTables_info {
 313     font-family: Ubuntu, Arial, sans-serif ;
 314 }
 315
 316
 317
 318
 319 /* QUERYTABLE */
 320
 321 div.QueryTable table.dataTable th {
 322     font: bold 12px/22px Ubuntu, Arial, sans-serif;
 323     color: #333 ;
 324     border-right: 0px solid #333 ;
 325     border-bottom: 0px solid #C1DAD7 ;
 326     border-top: 0px solid #C1DAD7 ;
 327     letter-spacing: 1px;
 328     text-transform: uppercase;
 329     text-align: left;
 330     padding: 8px 12px 4px 20px;
 331     vertical-align:middle;
 332     background: url('../img/tablesort-header.png') no-repeat ;
 333 }
 334
 335 div.QueryTable table.dataTable td, div.QueryTable table.dataTable textarea, div.QueryTable table.dataTable input [type="text"] {
 336     font: normal 12px Ubuntu, Arial, Helvetica, sans-serif;
 337     border-right: 0px solid #fff ;
 338     border-bottom: 1px solid #fff ;
 339 }
 340
 341 div.QueryTable table.dataTable thead {
 342     background: url('../img/tablesort-header.png') repeat-x ;
 343     background-color: #caebea;
 344 }
 345
 346 div.QueryTable table.dataTable tfoot {
 347     background: url('../img/tablesort-header.png') repeat-x ;
 348     /* background-color: # ; */
 349 }
 350
 351
 352 /* QUERY EDITOR */
 353
 354 table.query-editor {
 355     margin: 40px auto ;
 356     clear: both;
 357     /* width: 80%;*/
 358     width: 100% ;
 359     font-family: Ubuntu;
 360 }
 361
 362 .query-editor-spacer,
 363 .plugin.QueryUpdater,
 364 .plugin.Tabs {
 365     margin-top: 60px !important;
 366 /* Thierry : turning this off
 367 .plugin.Tabs
 368 Thierry */
 369 {
 370     margin-top: 60px ;
 371 >>>>>>> 804932e8a431ddbf0d7c56457625457967b48d4c:portal/static/css/onelab_marko.css
 372 }
 373
 374 table.query-editor td {
 375     padding: 5px 5px ;
 376     font: normal 12px Ubuntu, Arial, sans-serif ;
 377 }
 378
 379
 380
 381 /* DASHBOARD */
 382
 383 #ms-dashboard-profile,
 384 #ms-dashboard-testbeds,
 385 #ms-dashboard-slices {
 386     -webkit-transition: all 50ms ease-out;
 387     -moz-transition: all 50ms ease-out;
 388     -o-transition: all 50ms ease-out;
 389     transition: all 0.05s ease-out;
 390     padding-top: 140px;
 391     padding-bottom: 60px;
 392     margin-top: 60px;
 393     color: #777777;
 394     font-family: Ubuntu, Arial, sans-serif;
 395     text-align: center;
 396
 397 }
 398
 399 #ms-dashboard-profile:hover,
 400 #ms-dashboard-testbeds:hover,
 401 #ms-dashboard-slices:hover {
 402     margin-top: 65px;
 403 }
 404
 405 #ms-dashboard-profile {
 406     background: url("../img/icon_users_color.png") top center no-repeat;
 407 }
 408
 409 #ms-dashboard-testbeds {
 410     background: url("../img/icon_testbed_color.png") top center no-repeat;
 411 }
 412
 413 #ms-dashboard-slices {
 414     background: url("../img/icon_slices_color.png") top center no-repeat;
 415 }
 416
 417 .ms-dashboard-content ul {
 418     list-style-type: none ;
 419     padding-left: 0;
 420     text-align: center ;
 421 }
 422
 423 .ms-dashboard-content {
 424     padding: 0 !important;
 425 }
 426
 427 .ms-dashboard-content a {
 428 /*    color: #ff7394 !important; */
 429     color: orange !important;
 430 /* color: #ff0099 !important; */
 431 }
 432
 433 .ms-dashboard-content a:hover {
 434     color: red !important;
 435 }
 436 .ms-dashboard-caption h2 {
 437     font-family: Ubuntu, Arial, sans-serif;
 438     border-bottom: 0 !important;
 439     text-transform: uppercase;
 440     color: #777777 !important;
 441 }
 442
 443 #ms-dashboard-profile>div.ms-dashboard-caption {
 444     background: no-repeat url(#) ;
 445     padding-left: 0 ;
 446 }
 447
 448 #ms-dashboard-testbeds>div.ms-dashboard-caption {
 449     background: no-repeat url(#) ;
 450     padding-left: 0 ;
 451 }
 452
 453 #ms-dashboard-slices>div.ms-dashboard-caption {
 454     background: no-repeat url(#) ;
 455     padding-left: 0 ;
 456 }
 457
 458 .simplelist {
 459     font-size: 100%;
 460     text-align: center !important;
 461     margin: 0 auto;
 462 }
 463
 464 /*** NEW CSS STYLES FOR ONLEAB ***/
 465
 466 body {
 467     background-color:white;
 468     color:black;
 469 }
 470 div.wrapper {
 471     width:980px;
 472     margin:0 auto;
 473     position:relative;
 474 }
 475 /* HEADER */
 476 div#header {
 477     height:100px;
 478     background-color:white;
 479 }
 480
 481 div#secondary {
 482
 483 }
 484
 485 div#secondary ul {
 486     position:absolute;
 487     top:20px;
 488     right:0;
 489 }
 490
 491 div#secondary li {
 492     font-size:10pt;
 493     float:left;
 494     list-style:none;
 495     margin-right:30px;
 496 }
 497 div#secondary li a {
 498     color:black;
 499 }
 500 div#secondary li a:hover {
 501     color:#270A5A;
 502     text-decoration:none;
 503 }
 504 div#secondary li:last-child {
 505     margin-right:0;
 506 }
 507
 508 div#navigation {
 509     background-color:black;
 510     width:100%;
 511     height:40px;
 512 }
 513 div#navigation div.wrapper {
 514     text-align:center;
 515 }
 516 div#navigation ul {
 517     margin:0;
 518     padding:0;
 519     display: inline-block;
 520     list-style-type: none;
 521     white-space: nowrap;
 522 }
 523
 524 div#navigation li {
 525     color:white;
 526     font-family:helvetica, sans-serif;
 527     font-size:10pt ;
 528     font-weight:normal;
 529     line-height:0.8em;
 530     letter-spacing:0.6pt;
 531     list-style:none;
 532     float:left;
 533     padding:0;
 534     margin:15px 50px 0 0;
 535 }
 536 div#navigation li a {
 537     color:white;
 538 }
 539 div#navigation li a:hover {
 540     text-decoration:none;
 541     color:#B8B2FF;
 542 }
 543 div#navigation li:last-child {
 544     margin-right:0;
 545 }
 546
 547 /* HOME DASHBOARD */
 548 div#home-dashboard {
 549     color:black;
 550     margin:25px 0;
 551 }
 552 div#home-dashboard table {
 553     margin:25px;
 554     width:100%;
 555 }
 556 div#home-dashboard table td {
 557     text-align:center;
 558     padding:15px 0;
 559     width:33%;
 560 }
 561 div#home-dashboard table tr:first-child td {
 562     font-size:12pt;
 563     font-weight:bold;
 564     color:#270A5A;
 565 }
 566 div#home-dashboard table tr:last-child td {
 567     text-align:left;
 568 }
 569 div#home-dashboard table td.support {
 570     font-size:14pt;
 571     vertical-align:top;
 572     padding-left:11%;
 573 }
 574 div#home-dashboard table td.support a {
 575 }
 576 div#home-dashboard table td.support a:hover {
 577     text-decoration:none;
 578 }
 579
 580
 581 .login-submit {
 582     vertical-align:middle;
 583     padding:0;
 584 }
 585 .lost-password {
 586     font-size:10pt;
 587     color:#CCCCCC;
 588     text-align:right;
 589     padding:0px;
 590 }
 591 .lost-password a {
 592 }
 593 .login-signup {
 594     border-top:1px solid #CCCCCC;
 595     text-align:center;
 596     margin-top:15px;
 597     padding:5px 0 0 0;
 598 }
 599 /**/
 600
 601 /* NAV TABS */
 602
 603 .nav.nav-tabs {
 604 }
 605
 606 .nav.nav-tabs li.active a {
 607
 608 }
 609
 610 .nav.nav-tabs li a {
 611 }
 612
 613 .nav.nav-tabs li a:hover {
 614 }
 615
 616 /**/
 617 /* WELL */
 618 div.well {
 619 }
 620 /**/
 621 /* BUTTON */
 622 .btn.btn-default {
 623     font-weight: bold;
 624 }
 625
 626 .btn.btn-default:hover {
 627     font-weight: bold;
 628 }