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
 169
 170 /* TOPMENU.CSS */
 171
 172 /* Thierry : turning this off
 173 body {
 174     *//* background: #30196d !important; *//*
 175     background: black !important;
 176     padding-top: 60px;
 177     padding-bottom: 0px;
 178 }
 179 Thierry */
 180
 181 /* Thierry : turning this off
 182 div.topmenu {
 183     padding-top: 0px;
 184     font-family: Ubuntu, Arial, sans-serif;
 185     font-weight: bold;
 186     background: #fff;
 187     -webkit-box-shadow: 0px 10px 10px rgba(50, 50, 50, 0.44);
 188     -moz-box-shadow:    0px 10px 10px rgba(50, 50, 50, 0.44);
 189     box-shadow:         0px 10px 10px rgba(50, 50, 50, 0.44);
 190 }
 191 Thierry */
 192
 193 /* Thierry : turning this off
 194 .navbar-nav li a,
 195 .navbar-nav li.other a {
 196     padding-top: 25px;
 197     padding-bottom: 20px;
 198 }
 199 Thierry */
 200
 201 .navbar-nav li a:hover {
 202     color: #572bc9 !important;
 203 }
 204
 205 .navbar-nav li.active a {
 206     background: #eee !important;
 207 }
 208
 209 /* Thierry : turning this off
 210 ul.logged-in {
 211     padding-top: 25px;
 212 }
 213 Thierry */
 214 button.logged-in {
 215     font-size: 1em;
 216     font-weight: bold;
 217     margin-left: 5px;
 218     margin-top: -5px;
 219     background: #572bc9;
 220     border: 2px solid #572bc9;
 221     color: #eee;
 222     padding: 5px 15px;
 223     border-radius:5px;
 224 }
 225
 226 button.logged-in:hover {
 227     /* background: #4af25d; */
 228     background: #ff7394;
 229     border: 2px solid #ff7394;
 230     color: #333;
 231 }
 232 li.username {
 233     margin-bottom: 10px;
 234     font-size: 0.8em;
 235     text-transform: none;
 236     font-weight: normal;
 237     color: #999;
 238 }
 239
 240
 241 /* BOOTSTRAP */
 242
 243
 244 ul.pagination li a {
 245     /* background: ; */
 246     color: #572bc9;
 247     font-family: Ubuntu, Arial, sans-serif;
 248 }
 249
 250 ul.pagination li.active a {
 251     background: #572bc9;
 252     border: 1px solid #572bc9;
 253 }
 254
 255 .btn.btn-default {
 256     background: #572bc9;
 257     color: #ccc;
 258     font-family: Ubuntu, Arial, sans-serif;
 259     font-weight: bold;
 260     border: 0px;
 261 }
 262
 263 .btn.btn-default:hover {
 264     /* background: #4af25d; */
 265     background: #ff7394;
 266     color: #333;
 267     font-family: Ubuntu, Arial, sans-serif;
 268     font-weight: bold;
 269     border: 0px;
 270 }
 271
 272 input {
 273     border-radius: 3px;
 274     border: none;
 275     border: 1px solid #ccc;
 276 }
 277
 278
 279 div.dataTables_length label,
 280 div.dataTables_filter label,
 281 div.dataTables_info {
 282     font-family: Ubuntu, Arial, sans-serif !important;
 283 }
 284
 285
 286
 287
 288 /* QUERYTABLE */
 289
 290 div.QueryTable table.dataTable th {
 291     font: bold 12px/22px Ubuntu, Arial, sans-serif;
 292     color: #333 !important;
 293     border-right: 0px solid #333 !important;
 294     border-bottom: 0px solid #C1DAD7 !important;
 295     border-top: 0px solid #C1DAD7 !important;
 296     letter-spacing: 1px;
 297     text-transform: uppercase;
 298     text-align: left;
 299     padding: 8px 12px 4px 20px;
 300     vertical-align:middle;
 301     background: url('../img/tablesort-header.jpg') no-repeat !important;
 302 }
 303
 304 div.QueryTable table.dataTable td, div.QueryTable table.dataTable textarea, div.QueryTable table.dataTable input [type="text"] {
 305     font: normal 12px Ubuntu, Arial, Helvetica, sans-serif;
 306     border-right: 0px solid #fff !important;
 307     border-bottom: 1px solid #fff !important;
 308 }
 309
 310 div.QueryTable table.dataTable thead {
 311     background: url('../img/tablesort-header.png') repeat-x !important;
 312     background-color: #caebea;
 313 }
 314
 315 div.QueryTable table.dataTable tfoot {
 316     background: url('../img/tablesort-header.png') repeat-x !important;
 317     /* background-color: # !important; */
 318 }
 319
 320
 321 /* QUERY EDITOR */
 322
 323 table.query-editor {
 324     margin: 40px auto !important;
 325     clear: both;
 326     /* width: 80%;*/
 327     width: 100% !important;
 328     font-family: Ubuntu;
 329 }
 330
 331 .query-editor-spacer,
 332 .plugin.QueryUpdater,
 333 /* Thierry : turning this off
 334 .plugin.Tabs
 335 Thierry */
 336 {
 337     margin-top: 60px !important;
 338 }
 339
 340 table.query-editor td {
 341     padding: 5px 5px !important;
 342     font: normal 12px Ubuntu, Arial, sans-serif !important;
 343 }
 344
 345
 346
 347 /* DASHBOARD */
 348
 349 #ms-dashboard-profile,
 350 #ms-dashboard-testbeds,
 351 #ms-dashboard-slices {
 352     -webkit-transition: all 50ms ease-out;
 353     -moz-transition: all 50ms ease-out;
 354     -o-transition: all 50ms ease-out;
 355     transition: all 0.05s ease-out;
 356     padding-top: 140px;
 357     padding-bottom: 60px;
 358     margin-top: 60px;
 359     color: #fff;
 360     font-family: Ubuntu, Arial, sans-serif;
 361     text-align: center;
 362
 363 }
 364
 365 #ms-dashboard-profile:hover,
 366 #ms-dashboard-testbeds:hover,
 367 #ms-dashboard-slices:hover {
 368     margin-top: 65px;
 369 }
 370
 371 #ms-dashboard-profile {
 372     background: url("../img/icon_users_color.png") top center no-repeat;
 373 }
 374
 375 #ms-dashboard-testbeds {
 376     background: url("../img/icon_testbed_color.png") top center no-repeat;
 377 }
 378
 379 #ms-dashboard-slices {
 380     background: url("../img/icon_slices_color.png") top center no-repeat;
 381 }
 382
 383 .ms-dashboard-content ul {
 384     list-style-type: none !important;
 385     padding-left: 0;
 386     text-align: center !important;
 387 }
 388
 389 .ms-dashboard-content {
 390     padding: 0 !important;
 391 }
 392
 393 .ms-dashboard-content a {
 394     color: #ff7394 !important;
 395 /* color: #ff0099 !important; */
 396 }
 397
 398 .ms-dashboard-content a:hover {
 399     color: white !important;
 400 }
 401 .ms-dashboard-caption h2 {
 402     font-family: Ubuntu, Arial, sans-serif;
 403     border-bottom: 0 !important;
 404     text-transform: uppercase;
 405 }
 406
 407 #ms-dashboard-profile>div.ms-dashboard-caption {
 408     background: no-repeat url(#) !important;
 409     padding-left: 0 !important;
 410 }
 411
 412 #ms-dashboard-testbeds>div.ms-dashboard-caption {
 413     background: no-repeat url(#) !important;
 414     padding-left: 0 !important;
 415 }
 416
 417 #ms-dashboard-slices>div.ms-dashboard-caption {
 418     background: no-repeat url(#) !important;
 419     padding-left: 0 !important;
 420 }
 421