portal/static/css/onelab_edelberto.css

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