planetstack/core/static/planetstack.css

   1 .required:after {color: red ! important; font-size: 18px }
   2 #.btn-success {color:black}
   3 #suit-center {
   4 padding: 20px;
   5 width: 100%;
   6 min-width:650px;
   7 }
   8 .inner-two-columns .inner-center-column .tab-content {
   9 overflow: inherit;
  10 margin-bottom: 15px;
  11 min-width: 650px;
  12 }
  13 .inner-two-columns .inner-center-column {
  14 #margin-right: 200px;
  15 #background-color: rgb(158, 163, 159);
  16 }
  17 label {
  18 display: block;
  19 font-weight: bold;
  20 margin-bottom: 5px;
  21 }
  22
  23
  24 /*Added by Beena*/
  25 /*For increasing the header height*/
  26 .header {
  27 height: 90px;
  28 }
  29
  30 /*For changing the background color of the left side navigation list items*/
  31 /*For changing the color of the left side navigation list items*/
  32 /*For changing the font of the left side navigation list items*/
  33 .left-nav>ul>li>a {
  34 background-color: #CDE7FF;
  35 font-weight: bold;
  36 color: #105E9E;
  37 font-size: 13px;
  38 border-bottom: none;
  39 }
  40
  41 /*For giving the padding for the left side navigation*/
  42 .left-nav>ul {
  43 padding-left: 5px;
  44 }
  45
  46 /*For increasing the height of left side navigation list items*/
  47 .left-nav>ul>li {
  48 padding-top:4px;
  49 line-height: 35px;
  50 width: 180px;
  51 }
  52
  53 /*For changing background color of suit enter*/
  54 #suit-center {
  55 background-color: #ffffff;
  56 }
  57
  58 .left-nav>ul>li.active>a {
  59 background-color: #448CCA;
  60
  61 left: 10px;
  62 background-image: url("right_arrow.png");
  63     background-position: 97% center;
  64 }
  65
  66
  67 .nav-tabs-suit li{
  68 background-color: #CDE7FF;
  69 /*background-color: #FFFFFF;*/
  70 }
  71
  72 .nav-tabs-suit li a {
  73 background-color: #CDE7FF;
  74 font-weight: bold;
  75 color: #105E9E;
  76 border-radius: 0px;
  77 border: none;
  78 box-shadow: none;
  79 }
  80 .nav-tabs-suit li.active{
  81 /*Changed on Dec 11*/
  82 background-color: #448CCA;
  83      /*background-position: 50% 100%;
  84 background-image:url('donw_arrow.png');*/
  85 }
  86
  87 .nav-tabs-suit li.hover{
  88 /*Changed on Dec 11*/
  89 background-color: #448CCA;
  90 }
  91
  92 .nav-tabs-suit li.active a {
  93 background-color: #448CCA;
  94 color:#ffffff;
  95 padding-top:10px;
  96 text-decoration:none;
  97 }
  98
  99 .nav-tabs-suit li.active a:after{ /*arrow added to downarrowdiv DIV*/
 100 width: 0;
 101 height: 0;
 102 border-left: 5px solid transparent;
 103 border-right: 5px solid transparent;
 104 border-top: 5px solid #2f2f2f;
 105 font-size: 0;
 106 line-height: 0;
 107 }
 108
 109
 110 /* create an arrow that points down */
 111
 112
 113 .left-nav>ul>li.active>a:hover{
 114 background-color: #448CCA;
 115 color:#ffffff;
 116 /*padding-top:10px;*/
 117 text-decoration:none;
 118 }
 119
 120 .left-nav>ul>li>a:hover{
 121 background-color: #448CCA;
 122 color:#ffffff;
 123 /*padding-top:10px;*/
 124 text-decoration:none;
 125 border-left: 15px solid #105E9E ;
 126 }
 127 .nav-tabs-suit li.active a:hover,.nav-tabs-suit li a:hover{
 128 background-color: #448CCA;
 129 color:#ffffff;
 130 padding-top:10px;
 131 text-decoration:none;
 132 }
 133
 134 .breadcrumb li a {
 135 font-weight:bold;
 136 }
 137
 138 .nav-tabs {
 139 border-bottom: 1px solid #B5D1EA;
 140 }
 141
 142 .nav-tabs>li {
 143 margin-bottom: 0px;
 144 }
 145
 146 /*.icon-home {
 147 background-image: url('home.png');
 148 background-repeat: no-repeat;
 149 background-position: 85%;
 150 }*/
 151
 152 /*Changed Dec11*/
 153
 154 /*
 155 .icon-home {
 156 background-image: url('home.png');
 157 background-repeat: no-repeat;
 158 background-position: 40%;
 159 width: 25px;
 160 height: 25px;
 161 vertical-align: middle;
 162 }
 163 */
 164
 165
 166 .header #branding{
 167 height:60px;
 168 }
 169
 170 #branding2{
 171 padding-top:60px;
 172 height:20px;
 173 width:100%;
 174 /*background-color: #000000;*/
 175 /*margin-bottom: 10px;*/
 176 }
 177 .header .header-content .date{
 178 padding-left:10px;
 179 }
 180
 181 .header .header-content .time {
 182 font-weight: normal;
 183 }
 184 .header .header-content.header-content-first{
 185 height: 15px;
 186 padding-bottom: 0px;
 187 }
 188
 189 .header .header-content {
 190 padding-bottom: 0px;
 191 padding: 7px 0 0 0px;
 192 }
 193
 194 .header #branding {
 195 border-right:none;
 196 }
 197
 198 .left-nav>ul>li.active>a:after {
 199 content: none;
 200
 201 }
 202
 203 .nav-quick-search{
 204 margin: 0px 0 0px 0px;
 205 padding:0 20px 0 0;
 206 float:right;
 207 }
 208
 209 .header #branding {
 210 width: 100%;
 211 }
 212
 213 /**
 214 * login page
 215 */
 216
 217
 218 /*.login #wrap {
 219 background-color: #ffffff;
 220 }*/
 221
 222 .login #content-main {
 223 width: 280px;
 224 height: 365px;
 225 border-radius: 0px;
 226 /*background: #EBF0F2;*/
 227 background: rgba(255,255,255,0.85);
 228 /*background: rgba(235,240,242,0.6);*/
 229 }
 230
 231 .login #content-main h1 {
 232 /*background: #EBF0F2;*/
 233 background: url("open-cloud-login-themed-light.png") no-repeat scroll 40% center / 89% auto rgba(235, 240, 242, 0);
 234 /*background-position: 40%;*/
 235 height: 55px;
 236 background-repeat: no-repeat;
 237 font-size: 0px;
 238 padding-top: 70px;
 239 }
 240 .login #content-main h1 i {
 241 display:none;
 242 }
 243
 244 .login #content-main h1 img{
 245 padding-left: 8px;
 246 }
 247
 248 .login #content-main .control-group .control-label{
 249 display:none;
 250 }
 251
 252 .login #content-main form input[type=text]{
 253 width: 94%;
 254 padding:4px 6px;
 255 border-radius: 0px;
 256 height: 30px;
 257 background-color: #E5E5E5;
 258 background-image: url('name.png');
 259 background-repeat: no-repeat;
 260 background-position: 95%;
 261 font-size: 12px;
 262 }
 263
 264 .login #content-main form input[type=password] {
 265   width: 94%;
 266 padding:4px 6px;
 267 font-size: 12px;
 268 border-radius: 0px;
 269 height: 30px;
 270 background-color: #E5E5E5;
 271 background-image: url('password.png');
 272 background-repeat: no-repeat;
 273 background-position: 95%;
 274 }
 275
 276 .login #content-main .submit-row{
 277 background: #EBF0F215px;
 278 background: rgba(235,240,242,0.0);
 279 border-top:none;
 280 padding-top:0px;
 281 box-shadow: none;
 282 }
 283
 284 .login #content-main .submit-row .btn-info {
 285 background-color : #448CCA;
 286 background-image: none;
 287 height: 40px;
 288 border-radius: 0px;
 289 width: 100%;
 290 margin-bottom: 4px;
 291 }
 292 #forgot_pwd{
 293 font-size: 11px;
 294 font-style: normal;
 295 text-decoration: none;
 296 }
 297
 298 #create_acct{
 299 font-size: 11px;
 300 font-style: normal;
 301 text-decoration: none;
 302 padding-left: 45px;
 303 }
 304
 305 /*Dec 11 2013*/
 306
 307 .nav-tabs-suit li.active a{
 308 text-shadow: none;
 309 -webkit-box-shadow: none;
 310 -moz-box-shadow: none;
 311 box-shadow: none;
 312 }
 313
 314 .nav-tabs>.active>a{
 315 border: none;
 316 }
 317
 318 .nav-tabs-suit li a:hover{
 319 border: none;
 320 }
 321
 322 .nav-tabs-suit li.active a:hover{
 323 border: none;
 324 }
 325
 326 /*.nav-tabs-suit li.active {*/
 327  /*background: transparent url('home.png') no-repeat scroll center bottom;*/
 328   /*border-left: 5px solid transparent;
 329 border-right: 5px solid transparent;
 330 border-top: 5px solid #2f2f2f;
 331 font-size: 0;
 332 line-height: 0;
 333 width: 0;;
 334 height: 0;
 335    margin: 0;
 336 }*/
 337
 338 .login {
 339 background-image: url('bg.jpg');
 340 background-size: 100%;
 341 background-repeat: no-repeat;
 342 }
 343
 344
 345 .login #content-main {
 346         float: none;
 347     height: 330px;
 348     margin: 100px auto 0;
 349     width: 265px;
 350 }
 351
 352
 353 .header{
 354 background-color: #000000;
 355 background-image: url('bg2.jpg');
 356 background-size: 100% auto;
 357 }
 358
 359
 360 #wrap{
 361 background:none;
 362 }
 363
 364 body{
 365 background-color:#ffffff;
 366 }
 367
 368 .suit-column{
 369 background-color:#ffffff;
 370 }
 371 .nav-quick-search .search-query{
 372 border-radius:0px;
 373 border:none;
 374 box-shadow:0px;
 375 background-color:#282828;
 376 padding-left: 27px;
 377 }
 378
 379 /*Added on 13th*/
 380
 381 /*.input-icon {
 382 margin-right: 30px;
 383 }
 384
 385 .icon-search{
 386
 387 margin-left: -165px;
 388 }*/
 389
 390 .login #content-main form {
 391 margin: 5px 15px 0;
 392 }
 393
 394 .login {
 395 height: 84.5%;
 396 }
 397
 398
 399 .login #wrap {
 400     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
 401 }
 402 #wrap {
 403     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
 404 }
 405 #wrap {
 406     background: url("../img/bg_left_white.gif") repeat-y scroll left top rgba(0, 0, 0, 0);
 407 }
 408 #wrap {
 409     height: auto !important;
 410     margin: 0 auto -60px;
 411     min-height: 100%;
 412 }
 413
 414 .forgotLink {
 415         width: 45%;
 416         text-align: left;
 417         float: left;
 418 }
 419
 420 .createAccountLink {
 421         width: 55%;
 422         text-align: right;
 423         float: left;
 424
 425 }
 426
 427 .login .btn-info {
 428         color: #FFF;
 429 }
 430
 431 .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
 432         background-color: #448CCA;
 433         color: #FFF;
 434         border: none;
 435 }
 436
 437 /*Added by Beena for adding the three components in dashboard*/
 438 .breadcrumb{
 439                 width: 37%;
 440         display:inline-block;
 441         background-color: #fff;
 442
 443 }
 444
 445 .nodetextbox{
 446         background-color: #ededed;
 447         line-height: 25px;
 448         width: 150px;
 449         text-align: center;
 450         font-weight: bold;
 451         margin-left:5px;
 452         display:inline-block;
 453         border:none;
 454         font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 455         font-size: 13px;
 456 }
 457
 458 .nodelabel{
 459 width: 40px;
 460 display: inline-block;
 461 border-radius: 0px;
 462 border:1px solid #000;
 463 line-height: 23px;
 464 text-align: center;
 465 }
 466
 467 .header-content .header-column {
 468         display: none;
 469 }
 470 .header .input-icon {
 471     background-image: url("Search.png");
 472     background-repeat: no-repeat;
 473 background-position:left center;
 474 opacity:1;
 475     background-size: 100%;
 476     vertical-align:middle;
 477         margin-right: -30px;
 478     /*margin-top: 5px;*/
 479     position: relative;
 480     height: 22px;
 481     width: 22px;
 482 }
 483
 484 .header .icon-search {
 485         /*background-image: url("search.png") !important;
 486     background-repeat: no-repeat !important;
 487     background-size: 120% auto !important;
 488     background-position: 0;*/
 489 }
 490
 491 .icon-home ,.icon-deployment ,.icon-site ,.icon-slice ,.icon-user, .icon-reservation, .icon-app{
 492 background-position: left center;
 493 width:22px;
 494 height:22px;
 495 }
 496
 497 .icon-app {
 498 background-image: url("opencloudApp.png");
 499 }
 500 .icon-home {
 501 background-image: url("Home.png");
 502 }
 503 .icon-deployment{
 504 background-image: url("Deployments.png");
 505 }
 506 .icon-site{
 507 background-image: url("Sites.png");
 508 }
 509 .icon-slice{
 510 background-image: url("Slices.png");
 511 }
 512 .icon-user{
 513 background-image: url("Users.png");
 514 }
 515 .icon-reservation{
 516 background-image: url("Reservations.png");
 517 }
 518
 519 .left-nav>ul>li.active>a>.icon-home , .left-nav>ul>li:hover>a>.icon-home , .left-nav>ul>li.focus>a>.icon-home{
 520 background-image: url("Home_over.png");
 521 }
 522
 523 .left-nav>ul>li.active>a>.icon-deployment,.left-nav>ul>li:hover>a>.icon-deployment,.left-nav>ul>li.focus>a>.icon-deployment{
 524 background-image: url("Deployments_over.png");
 525 }
 526 .left-nav>ul>li.active>a>.icon-site , .left-nav>ul>li:hover>a>.icon-site , .left-nav>ul>li.focus>a>.icon-site{
 527 background-image: url("Sites_over.png");
 528 }
 529 .left-nav>ul>li.active>a>.icon-slice , .left-nav>ul>li:hover>a>.icon-slice , .left-nav>ul>li.focus>a>.icon-slice {
 530 background-image: url("Slices_over.png");
 531 }
 532 .left-nav>ul>li.active>a>.icon-user , .left-nav>ul>li:hover>a>.icon-user , .left-nav>ul>li.focus>a>.icon-user{
 533 background-image: url("Users_over.png");
 534 }
 535 .left-nav>ul>li.active>a>.icon-reservation , .left-nav>ul>li:hover>a>.icon-reservation , .left-nav>ul>li.focus>a>.icon-reservation{
 536 background-image: url("Reservations_over.png");
 537 }
 538
 539 #dashboardHPC {
 540     padding-bottom: 10px;
 541 }
 542 .summary-attr {
 543     padding-right: 20px;
 544 }
 545 .summary-attr-util {
 546     padding-right: 20px;
 547     color: green;
 548 }
 549 .SiteDetail {
 550 color: darkBlue;
 551     font-size: 1.5em;
 552 }
 553 #addSlivers {
 554  color: green;
 555 text-decoration: underline;
 556     padding-right: 20px;
 557 }
 558 #remSlivers {
 559  color: red;
 560  text-decoration: underline;
 561 }
 562 #map-us {
 563     padding-top: 10px;
 564     width: 700px;
 565     height: 400px;
 566 }