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