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