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