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
  10 /* GENERAL */
  11
  12 .container {
  13         padding: 0 !important;
  14         color: #fff;
  15 }
  16
  17 .container h1 {
  18         color: #fff !important;
  19         font-family: Ubuntu;
  20         margin-top: 60px;
  21 }
  22
  23 div.plugin-outline-complete,
  24 div.plugin-outline-body {
  25     border: 0px solid;
  26     border-radius: 0;
  27     border-color: #ccc;
  28     -webkit-transition: padding 200ms ease-out;
  29     -moz-transition: padding 200ms ease-out;
  30     -o-transition: padding 200ms ease-out;
  31     transition: padding 0.2s ease-out;
  32     padding: 20px;
  33     margin: 0;
  34 }
  35 /*
  36 div.plugin-outline-complete:hover,
  37 div.plugin-outline-body:hover {
  38     padding: 80px 80px 120px 80px;
  39 }
  40 */
  41 a.plugin-tooltip {
  42     font-size: 130%;
  43     font-style: normal;
  44     font-weight: bold;
  45     padding: 5px;
  46     color: #333;
  47     font-family: Ubuntu, Arial, sans-serif;
  48     text-transform: uppercase;
  49 }
  50
  51 a.plugin-tooltip:hover {
  52     color: #fff;
  53     text-decoration: none;
  54 }
  55
  56
  57
  58 /* LIST VIEW */
  59
  60 h2.well.well-lg {
  61         border-radius:0;
  62         border: 0;
  63         font-family: Ubuntu, arial, sans-serif;
  64         text-transform: ;
  65         font-weight: normal;
  66         font-size: 40px;
  67         /* color: #30196d; */
  68     color: white;
  69         margin-bottom: 0px;
  70         margin-top: 0;
  71         padding: 30px;
  72         opacity: 1;
  73         text-align: center;
  74         background-color: #30196d;
  75 }
  76
  77 #complete-resources {
  78 /*    background-color: #92f79e !important; */
  79     background-color: #B8B2FF !important;
  80 }
  81
  82 #complete-filters {
  83 /*    background-color: #4af25d; */
  84     background-color: #add7ff;
  85 }
  86
  87 #complete-users {
  88 /*    background-color: #ff7394 !important; */
  89     background-color: #add7ff !important;
  90 }
  91
  92 #complete-measurements {
  93     background-color: !important;
  94 }
  95
  96 #complete-pending {
  97 /*    background-color: #add7ff !important; */
  98     background-color: #B8B2FF !important;
  99
 100 }
 101
 102 #complete-customize-resources {
 103     background-color: #efdfdf;
 104 }
 105
 106 #complete-msgs-pre {
 107     background-color: #ccc;
 108 }
 109
 110 #complete-resources,
 111 #complete-filters,
 112 #complete-users,
 113 #complete-measurements,
 114 #complete-pending,
 115 #complete-customize-resources,
 116 #complete-msgs-pre {
 117         opacity: 1;
 118         text-align: center;
 119         color: #333;
 120 }
 121
 122 #complete-resources:hover,
 123 #complete-filters:hover,
 124 #complete-users:hover,
 125 #complete-measurements:hover,
 126 #complete-pending:hover,
 127 #complete-customize-resources:hover,
 128 #complete-msgs-pre:hover {
 129         opacity: 1;
 130 }
 131
 132 .nav.nav-tabs {
 133         font-family: Ubuntu, Arial, sans-serif;
 134         border: 0 !important;
 135         border-bottom: 3px solid #fff !important;
 136         margin-bottom: 40px;
 137 }
 138
 139 .nav.nav-tabs li.active a {
 140         color: #572bc9;
 141         border-left: 0px solid #572bc9;
 142         border-top: 0px solid #572bc9;
 143         border-right: 0px solid #572bc9;
 144 }
 145
 146 .nav.nav-tabs li a {
 147         color: #333;
 148         border: 0 !important;
 149         margin-right: 5px;
 150 }
 151
 152 .nav.nav-tabs li a:hover {
 153         color: #333;
 154         background: #572bc9;
 155         color: #fff;
 156         border: 0 !important;
 157 }
 158
 159
 160
 161
 162
 163 /* TOPMENU.CSS */
 164
 165 body {
 166         background: #30196d !important;
 167     padding-top: 60px;
 168     padding-bottom: 0px;
 169 }
 170
 171 div.topmenu {
 172         padding-top: 0px;
 173         font-family: Ubuntu, Arial, sans-serif;
 174         font-weight: bold;
 175         text-transform: ;
 176         background: #fff;
 177         -webkit-box-shadow: 0px 10px 10px rgba(50, 50, 50, 0.44);
 178         -moz-box-shadow:    0px 10px 10px rgba(50, 50, 50, 0.44);
 179         box-shadow:         0px 10px 10px rgba(50, 50, 50, 0.44);
 180 }
 181
 182 .navbar-nav li a,
 183 .navbar-nav li.other a {
 184         padding-top: 25px;
 185         padding-bottom: 20px;
 186 }
 187
 188 .navbar-nav li a:hover {
 189         color: #572bc9 !important;
 190 }
 191
 192 .navbar-nav li.active a {
 193 .navbar-nav li.active a {
 194         background: #eee !important;
 195 }
 196
 197 ul.logged-in {
 198     padding-top: 25px;
 199 }
 200 button.logged-in {
 201     font-size: 1em;
 202     font-weight: bold;
 203     margin-left: 5px;
 204     margin-top: -5px;
 205     background: #572bc9;
 206     border: 2px solid #572bc9;
 207     color: #eee;
 208     padding: 5px 15px;
 209     border-radius:5px;
 210 }
 211
 212 button.logged-in:hover {
 213     background: #4af25d;
 214     border: 2px solid #4af25d;
 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         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
 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: /*#572bc9*/ #ff7394 !important;
 377 }
 378
 379 .ms-dashboard-caption h2 {
 380         font-family: Ubuntu, Arial, sans-serif;
 381         border-bottom: 0 !important;
 382         text-transform: uppercase;
 383 }
 384
 385 #ms-dashboard-profile>div.ms-dashboard-caption {
 386     background: no-repeat url(#) !important;
 387     padding-left: 0 !important;
 388 }
 389
 390 #ms-dashboard-testbeds>div.ms-dashboard-caption {
 391     background: no-repeat url(#) !important;
 392     padding-left: 0 !important;
 393 }
 394
 395 #ms-dashboard-slices>div.ms-dashboard-caption {
 396     background: no-repeat url(#) !important;
 397     padding-left: 0 !important;
 398 }
 399
 400 .simplelist {
 401         font-size: 100%;
 402         text-align: center !important;
 403         margin: 0 auto;
 404 }
 405
 406
 407
 408
 409
 410