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