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