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 div.well {
  61     background-color: rgba(0, 0, 0, 0.5) ;
  62 }
  63 h2.well.well-lg {
  64     border-radius:0;
  65     border: 0;
  66     font-family: Ubuntu, arial, sans-serif;
  67     /* text-transform: ; */
  68     font-weight: normal;
  69     font-size: 40px;
  70     /* color: #30196d; */
  71     color: white;
  72     margin-bottom: 0px;
  73     margin-top: 0;
  74     padding: 40px;
  75     opacity: 1;
  76     text-align: center;
  77     background-color: #30196d;
  78 }
  79
  80 #complete-resources {
  81 /*    background-color: #92f79e ; */
  82     background-color: #B8B2FF ;
  83 }
  84
  85 #complete-filters {
  86 /*    background-color: #4af25d; */
  87     background-color: #add7ff;
  88 }
  89
  90 #complete-users {
  91 /*    background-color: #ff7394 ; */
  92     background-color: #add7ff ;
  93 }
  94 /*
  95 #complete-measurements {
  96     background-color: ;
  97 }
  98 */
  99 #complete-pending {
 100 /*    background-color: #add7ff ; */
 101     background-color: #B8B2FF ;
 102
 103 }
 104
 105 #complete-customize-resources {
 106     background-color: #efdfdf;
 107 }
 108
 109 #complete-msgs-pre {
 110     background-color: #ccc;
 111 }
 112
 113 #complete-resources,
 114 #complete-filters,
 115 #complete-users,
 116 #complete-measurements,
 117 #complete-pending,
 118 #complete-customize-resources,
 119 #complete-msgs-pre {
 120     opacity: 1;
 121     text-align: center;
 122     color: #333;
 123 }
 124
 125 #complete-resources:hover,
 126 #complete-filters:hover,
 127 #complete-users:hover,
 128 #complete-measurements:hover,
 129 #complete-pending:hover,
 130 #complete-customize-resources:hover,
 131 #complete-msgs-pre:hover {
 132     opacity: 1;
 133 }
 134
 135
 136
 137
 138 .navbar-nav li a:hover {
 139     color: #572bc9 ;
 140 }
 141
 142 .navbar-nav li.active a {
 143     background: #eee ;
 144 }
 145
 146 /* Thierry : turning this off
 147 ul.logged-in {
 148     padding-top: 25px;
 149 }
 150 Thierry */
 151 button.logged-in {
 152     font-size: 1em;
 153     font-weight: bold;
 154     margin-left: 5px;
 155     margin-top: -5px;
 156     background: #572bc9;
 157     border: 2px solid #572bc9;
 158     color: #eee;
 159     padding: 5px 15px;
 160     border-radius:5px;
 161 }
 162
 163 button.logged-in:hover {
 164     /* background: #4af25d; */
 165     background: #ff7394;
 166     border: 2px solid #ff7394;
 167     color: #333;
 168 }
 169 li.username {
 170     margin-bottom: 10px;
 171     font-size: 0.8em;
 172     text-transform: none;
 173     font-weight: normal;
 174     color: #999;
 175 }
 176
 177
 178 /* BOOTSTRAP */
 179
 180
 181 ul.pagination li a {
 182     /* background: ; */
 183     color: #572bc9;
 184     font-family: Ubuntu, Arial, sans-serif;
 185 }
 186
 187 ul.pagination li.active a {
 188     background: #572bc9;
 189     border: 1px solid #572bc9;
 190 }
 191
 192 .btn.btn-default {
 193     background: #572bc9;
 194     color: #ccc;
 195     font-family: Ubuntu, Arial, sans-serif;
 196     font-weight: bold;
 197     border: 0px;
 198 }
 199
 200 .btn.btn-default:hover {
 201     /* background: #4af25d; */
 202     background: #ff7394;
 203     color: #333;
 204     font-family: Ubuntu, Arial, sans-serif;
 205     font-weight: bold;
 206     border: 0px;
 207 }
 208
 209 input {
 210     border-radius: 3px;
 211     border: none;
 212     border: 1px solid #ccc;
 213 }
 214
 215
 216 div.dataTables_length label,
 217 div.dataTables_filter label,
 218 div.dataTables_info {
 219     font-family: Ubuntu, Arial, sans-serif ;
 220 }
 221
 222
 223
 224
 225 /* QUERYTABLE */
 226
 227 div.QueryTable table.dataTable th {
 228     font: bold 12px/22px Ubuntu, Arial, sans-serif;
 229     color: #333 ;
 230     border-right: 0px solid #333 ;
 231     border-bottom: 0px solid #C1DAD7 ;
 232     border-top: 0px solid #C1DAD7 ;
 233     letter-spacing: 1px;
 234     text-transform: uppercase;
 235     text-align: left;
 236     padding: 8px 12px 4px 20px;
 237     vertical-align:middle;
 238     background: url('../img/tablesort-header.png') no-repeat ;
 239 }
 240
 241 div.QueryTable table.dataTable td, div.QueryTable table.dataTable textarea, div.QueryTable table.dataTable input [type="text"] {
 242     font: normal 12px Ubuntu, Arial, Helvetica, sans-serif;
 243     border-right: 0px solid #fff ;
 244     border-bottom: 1px solid #fff ;
 245 }
 246
 247 div.QueryTable table.dataTable thead {
 248     background: url('../img/tablesort-header.png') repeat-x ;
 249     background-color: #caebea;
 250 }
 251
 252 div.QueryTable table.dataTable tfoot {
 253     background: url('../img/tablesort-header.png') repeat-x ;
 254     /* background-color: # ; */
 255 }
 256
 257
 258 /* QUERY EDITOR */
 259
 260 table.query-editor {
 261     margin: 40px auto ;
 262     clear: both;
 263     /* width: 80%;*/
 264     width: 100% ;
 265     font-family: Ubuntu;
 266 }
 267
 268 .query-editor-spacer,
 269 .plugin.QueryUpdater,
 270 /* Thierry : turning this off
 271 .plugin.Tabs
 272 Thierry */
 273 {
 274     margin-top: 60px ;
 275 }
 276
 277 table.query-editor td {
 278     padding: 5px 5px ;
 279     font: normal 12px Ubuntu, Arial, sans-serif ;
 280 }
 281
 282
 283
 284 /* DASHBOARD */
 285
 286 #ms-dashboard-profile,
 287 #ms-dashboard-testbeds,
 288 #ms-dashboard-slices {
 289     -webkit-transition: all 50ms ease-out;
 290     -moz-transition: all 50ms ease-out;
 291     -o-transition: all 50ms ease-out;
 292     transition: all 0.05s ease-out;
 293     padding-top: 140px;
 294     padding-bottom: 60px;
 295     margin-top: 60px;
 296     color: #fff;
 297     font-family: Ubuntu, Arial, sans-serif;
 298     text-align: center;
 299
 300 }
 301
 302 #ms-dashboard-profile:hover,
 303 #ms-dashboard-testbeds:hover,
 304 #ms-dashboard-slices:hover {
 305     margin-top: 65px;
 306 }
 307
 308 #ms-dashboard-profile {
 309     background: url("../img/icon_users_color.png") top center no-repeat;
 310 }
 311
 312 #ms-dashboard-testbeds {
 313     background: url("../img/icon_testbed_color.png") top center no-repeat;
 314 }
 315
 316 #ms-dashboard-slices {
 317     background: url("../img/icon_slices_color.png") top center no-repeat;
 318 }
 319
 320 .ms-dashboard-content ul {
 321     list-style-type: none ;
 322     padding-left: 0;
 323     text-align: center ;
 324 }
 325
 326 .ms-dashboard-content {
 327     padding: 0 ;
 328 }
 329
 330
 331 #ms-dashboard-profile>div.ms-dashboard-caption {
 332     background: no-repeat url(#) ;
 333     padding-left: 0 ;
 334 }
 335
 336 #ms-dashboard-testbeds>div.ms-dashboard-caption {
 337     background: no-repeat url(#) ;
 338     padding-left: 0 ;
 339 }
 340
 341 #ms-dashboard-slices>div.ms-dashboard-caption {
 342     background: no-repeat url(#) ;
 343     padding-left: 0 ;
 344 }
 345
 346
 347
 348
 349
 350
 351
 352
 353
 354 /*** NEW CSS STYLES FOR ONLEAB ***/
 355
 356 body {
 357     background-color:white;
 358     color:black;
 359 }
 360 div.wrapper {
 361     width:980px;
 362     margin:0 auto;
 363     position:relative;
 364 }
 365 /* HEADER */
 366 div#header {
 367     height:100px;
 368     background-color:white;
 369 }
 370
 371 div#secondary {
 372
 373 }
 374
 375 div#secondary ul {
 376     position:absolute;
 377     top:20px;
 378     right:0;
 379 }
 380
 381 div#secondary li {
 382     font-size:10pt;
 383     float:left;
 384     list-style:none;
 385     margin-right:30px;
 386 }
 387 div#secondary li:last-child {
 388     margin-right:0;
 389 }
 390
 391 div#navigation {
 392     background-color:black;
 393     width:100%;
 394     height:40px;
 395 }
 396 div#navigation div.wrapper {
 397     text-align:center;
 398 }
 399 div#navigation ul {
 400     margin:0;
 401     padding:0;
 402     display: inline-block;
 403     list-style-type: none;
 404     white-space: nowrap;
 405 }
 406
 407 div#navigation li {
 408     color:white;
 409     font-family:helvetica, sans-serif;
 410     font-size:10pt ;
 411     font-weight:normal;
 412     line-height:0.8em;
 413     letter-spacing:0.6pt;
 414     list-style:none;
 415     float:left;
 416     padding:0;
 417     margin:15px 50px 0 0;
 418 }
 419 div#navigation li a {
 420     color:white;
 421 }
 422 div#navigation li a:hover {
 423     text-decoration:none;
 424     color:#B8B2FF;
 425 }
 426 div#navigation li:last-child {
 427     margin-right:0;
 428 }
 429
 430 /* HOME DASHBOARD */
 431 div#home-dashboard {
 432     color:black;
 433     margin:25px 0;
 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 }
 443 /**/
 444
 445 /* NAV TABS */
 446
 447 .nav.nav-tabs {
 448 }
 449
 450 .nav.nav-tabs li.active a {
 451
 452 }
 453
 454 .nav.nav-tabs li a {
 455 }
 456
 457 .nav.nav-tabs li a:hover {
 458 }
 459
 460 /**/