portal/static/css/onelab.css

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