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