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