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