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 /***** Notifications *****/
 349 .warning {
 350     border: 1px solid red;
 351     margin: 20px 60px;
 352     padding: 10px 20px;
 353     color: red;
 354     background-color: #f2dbdb;
 355     text-align: center;
 356 }
 357 /* HEADER */
 358 div#header {
 359     height:100px;
 360     background-color:white;
 361 }
 362
 363 div#secondary {
 364
 365 }
 366
 367 div#secondary ul {
 368     position:absolute;
 369     top:20px;
 370     right:0;
 371 }
 372
 373 div#secondary li {
 374     font-size:10pt;
 375     float:left;
 376     list-style:none;
 377     margin-right:30px;
 378 }
 379 div#secondary li a {
 380     color:black;
 381 }
 382 div#secondary li a:hover {
 383     color:#270A5A;
 384     text-decoration:none;
 385 }
 386 div#secondary li:last-child {
 387     margin-right:0;
 388 }
 389
 390 div#navigation {
 391     background-color:black;
 392     width:100%;
 393     height:40px;
 394 }
 395 div#navigation div.wrapper {
 396     text-align:center;
 397 }
 398 div#navigation ul {
 399     margin:0;
 400     padding:0;
 401     display: inline-block;
 402     list-style-type: none;
 403     white-space: nowrap;
 404 }
 405
 406 div#navigation li {
 407     color:white;
 408     font-family:helvetica, sans-serif;
 409     font-size:10pt ;
 410     font-weight:normal;
 411     line-height:0.8em;
 412     letter-spacing:0.6pt;
 413     list-style:none;
 414     float:left;
 415     padding:0;
 416     margin:15px 50px 0 0;
 417 }
 418 div#navigation li a {
 419     color:white;
 420 }
 421 div#navigation li a:hover {
 422     text-decoration:none;
 423     color:#B8B2FF;
 424 }
 425 div#navigation li:last-child {
 426     margin-right:0;
 427 }
 428
 429 /* HOME DASHBOARD */
 430 div#home-dashboard {
 431     color:black;
 432     margin:25px 0;
 433     border:1px red solid;
 434 }
 435 div#home-dashboard table {
 436     margin:25px;
 437     width:100%;
 438 }
 439 div#home-dashboard table td {
 440     text-align:center;
 441     padding:15px 0;
 442     width:33%;
 443 }
 444 div#home-dashboard table tr:first-child td {
 445     font-size:12pt;
 446     font-weight:bold;
 447     color:#270A5A;
 448 }
 449 div#home-dashboard table tr:last-child td {
 450     text-align:left;
 451 }
 452 div#home-dashboard table td.support {
 453     font-size:14pt;
 454     vertical-align:top;
 455     padding-left:11%;
 456 }
 457 div#home-dashboard table td.support a {
 458 }
 459 div#home-dashboard table td.support a:hover {
 460     text-decoration:none;
 461 }
 462
 463 div#home-dashboard div#manager {
 464     display:none;
 465 }
 466
 467 .login-submit {
 468     vertical-align:middle;
 469     padding:0;
 470 }
 471 .lost-password {
 472     font-size:10pt;
 473     color:#CCCCCC;
 474     text-align:right;
 475     padding:0px;
 476 }
 477 .lost-password a {
 478 }
 479 .login-signup {
 480     border-top:1px solid #CCCCCC;
 481     text-align:center;
 482     margin-top:15px;
 483     padding:5px 0 0 0;
 484 }
 485 /**/
 486
 487 /* NAV TABS */
 488
 489 .nav.nav-tabs {
 490 }
 491
 492 .nav.nav-tabs li.active a {
 493
 494 }
 495
 496 .nav.nav-tabs li a {
 497 }
 498
 499 .nav.nav-tabs li a:hover {
 500 }
 501
 502 /**/
 503 /* WELL */
 504 div.well {
 505 }
 506 /**/
 507 /* BUTTON */
 508 .btn.btn-default {
 509     font-weight: bold;
 510 }
 511
 512 .btn.btn-default:hover {
 513     font-weight: bold;
 514 }