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