unfold/static/css/onelab_marko.css

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