winery/org.eclipse.winery.repository/src/main/webapp/css/winery-repository.css

   1 /*******************************************************************************
   2  * Copyright (c) 2012-2013 University of Stuttgart.
   3  * All rights reserved. This program and the accompanying materials
   4  * are made available under the terms of the Eclipse Public License v1.0
   5  * and the Apache License 2.0 which both accompany this distribution,
   6  * and are available at http://www.eclipse.org/legal/epl-v10.html
   7  * and http://www.apache.org/licenses/LICENSE-2.0
   8  *
   9  * Contributors:
  10  *    Uwe Breitenbücher - initial implementation
  11  *    Oliver Kopp - improvements
  12  *******************************************************************************/
  13
  14 /* override jquery redmond theme */
  15
  16 .hidden {
  17         display: none;
  18 }
  19
  20 .ui-widget {
  21         font-size: 11px;
  22 }
  23
  24 body {
  25         width: 1000px;
  26         background: #eaeaea;
  27 }
  28
  29 #header {
  30         width: 100%;
  31         height: 87px;
  32         background: url('../images/header_background.png');
  33         background-repeat: no-repeat;
  34 }
  35
  36 #showabout {
  37         float: right
  38 }
  39
  40 #header > div#buttonContainer {
  41
  42         height: 30px;
  43         top: 40px;
  44         position: relative;
  45 }
  46
  47 #header > div#buttonContainer > a {
  48         height: 30px;
  49         float: left;
  50         display: block;
  51         margin-left: 30px;
  52         padding-left: 10px;
  53         padding-right: 10px;
  54         border-radius: 10px 10px 0px 0px;
  55         line-height: 27px;
  56         text-decoration: none;
  57         font-family: arial;
  58         color: #787878;
  59         font-size: 14px;
  60         text-shadow: 1px 1px 0px white;
  61 }
  62
  63 #header > span {
  64         position: relative;
  65         top: 42px;
  66         left: 10px;
  67 }
  68
  69 #headerelements {
  70         position: relative;
  71         bottom: 0px;
  72 }
  73
  74 #tabs {
  75         box-shadow: 3px 3px 9px #888888;
  76         min-height: 350px;
  77 }
  78
  79 #mainContainer {
  80         border-left: 1px solid #AEAEAE;
  81         position: absolute;
  82         left: 50%;
  83         margin: 10px 0 0 -500px;
  84         padding-bottom: 15px;
  85         border-radius: 0px 0px 18px 18px;
  86         border-bottom: 1px solid #AEAEAE;
  87         border-right: 1px solid #AEAEAE;
  88         box-shadow: 3px 3px 9px #888888;
  89         background: white;
  90         width: 1000px;
  91 }
  92
  93 /* bootstrap removes scrollbar making the content moving. Undo that effect:
  94         15 / 2 = 7.5. We choose 8. 500+8=508 */
  95 body.modal-open > #mainContainer.overflown {
  96         margin: 10px 0 0 -508px;
  97 }
  98
  99 /* resulting in the same alignment if a scrollbar is shown or not (two browser tabs with different tabs) */
 100 #mainContainer.notoverflown {
 101         margin: 10px 0 0 -508px;
 102 }
 103
 104
 105 #mainContent {
 106         padding-left: 5px;
 107         min-height: 350px;
 108 }
 109
 110 #naming {
 111         margin-bottom: 15px;
 112 }
 113
 114 #namespacesListContainer {
 115         width: 300px;
 116         float: left;
 117 }
 118
 119 .listheading {
 120         margin: 0px 0px 15px 0px;
 121 }
 122
 123 .listcontent {
 124         width: 100%;
 125 }
 126
 127 #buttonList {
 128         width: 140px;
 129 }
 130
 131 #buttonList > a {
 132         width: 85px;
 133         float: left;
 134         margin-top: 10px;
 135 }
 136
 137 .rightbutton {
 138         float: right;
 139         margin: 0 0 2px 2px;
 140 }
 141
 142 .label {
 143         font-family: sans-serif;
 144 }
 145
 146 a.squareButton {
 147         border: 1px solid #aeaeae;
 148         background: #eaeaea;
 149         height: 20px;
 150         width: 20px;
 151         text-align: center;
 152         text-decoration: none;
 153         line-height: 20px;
 154         margin-left: 4px;
 155         float: left;
 156 }
 157
 158 a.button {
 159         border: 1px solid #aeaeae;
 160         background: #eaeaea;
 161         height: 20px;
 162         padding-left: 4px;
 163         padding-right: 4px;
 164         text-align: center;
 165         text-decoration: none;
 166         line-height: 20px;
 167         margin-left: 4px;
 168         float: left;
 169 }
 170
 171 table tr.even.row_selected td {
 172         background-color: #B0BED9;
 173 }
 174
 175 table tr.odd.row_selected td {
 176         background-color: #9FAFD1;
 177 }
 178
 179 table tr.even.row_selected td.sorting_1 {
 180         background-color: #B0BED9;
 181 }
 182
 183 table tr.odd.row_selected td.sorting_1 {
 184         background-color: #9FAFD1;
 185 }
 186
 187
 188 div#mainMenuContainer {
 189         height: 28px;
 190         position: relative;
 191         top: 38px;
 192 }
 193
 194 /* jquery file upload styling */
 195 .fileupload-buttonbar .ui-progressbar-value {
 196         background: url(../images/jquery-fileupload/progressbar.gif);
 197 }
 198 .fileupload-loading {
 199         background: url(../images/jquery-fileupload/loading.gif) center no-repeat;
 200 }
 201
 202
 203 /* tabs */
 204
 205 a.styledTabMenuButton {
 206         margin-bottom: 3px;
 207         float: left;
 208 }
 209
 210 a.styledTabMenuButton > div {
 211         height: 28px;
 212         float: left;
 213 }
 214
 215 a.styledTabMenuButton > div.left {
 216         width: 19px;
 217 }
 218
 219 a.styledTabMenuButton > div.center {
 220         line-height: 29px;
 221         text-decoration: none;
 222         font-family: arial;
 223         color: #787878;
 224         font-size: 14px;
 225         text-shadow: 1px 1px 0px white;
 226         padding-left: 5px;
 227 }
 228
 229 a.styledTabMenuButton > div.right {
 230         width: 29px;
 231 }
 232
 233 a.styledTabMenuButton.selected > div.left, a.styledTabMenuButton:hover > div.left {
 234         background: url('../images/styledTabMenuButtonLeft.jpg');
 235         width: 19px;
 236 }
 237
 238 a.styledTabMenuButton.selected > div.center, a.styledTabMenuButton:hover > div.center {
 239         background: url('../images/styledTabMenuButtonCenter.jpg');
 240 }
 241
 242 a.styledTabMenuButton.selected > div.right, a.styledTabMenuButton:hover > div.right {
 243         background: url('../images/styledTabMenuButtonRight.jpg');
 244         width: 29px;
 245 }
 246
 247 /* main containers */
 248
 249 div.mainContentContainer, div.mainContentContainer > div {
 250         float: left;
 251         width: 989px;
 252 }
 253 div.mainContentContainer > div.top {
 254         height: 150px;
 255 }
 256
 257 div.mainContentContainer > div.top.twolines {
 258         height: 179px;
 259 }
 260
 261 div.mainContentContainer > div.middle {
 262         width: 987px;
 263         min-height: 350px;
 264         padding: 0px 35px 0px 35px;
 265         font-family: arial, verdana;
 266         font-size: 12px;
 267         line-height: 19px;
 268         color: #494949;
 269 }
 270 div.mainContentContainer > div.bottom {
 271         height: 40px;
 272 }
 273
 274 div.mainContentContainer.serviceTemplate > div.top {
 275         background: url('../images/containers/st/FrameTop.jpg');
 276 }
 277 div.mainContentContainer.serviceTemplate > div.middle {
 278         background: url('../images/containers/st/FrameMiddle.jpg');
 279 }
 280 div.mainContentContainer.serviceTemplate > div.bottom {
 281         background: url('../images/containers/st/FrameBottom.jpg');
 282 }
 283
 284 div.mainContentContainer.relationshipType > div.top {
 285         background: url('../images/containers/rt/FrameTopLarge.jpg');
 286 }
 287 div.mainContentContainer.relationshipType > div.middle {
 288         background: url('../images/containers/rt/FrameMiddle.jpg');
 289 }
 290 div.mainContentContainer.relationshipType > div.bottom {
 291         background: url('../images/containers/rt/FrameBottom.jpg');
 292 }
 293
 294 div.mainContentContainer.nodeType > div.top {
 295         background: url('../images/containers/nt/FrameTopLarge.jpg');
 296 }
 297 div.mainContentContainer.nodeType > div.middle {
 298         background: url('../images/containers/nt/FrameMiddle.jpg');
 299 }
 300 div.mainContentContainer.nodeType > div.bottom {
 301         background: url('../images/containers/nt/FrameBottom.jpg');
 302 }
 303
 304 div.mainContentContainer.admin > div.top {
 305         background: url('../images/containers/admin/FrameTop.jpg');
 306 }
 307 div.mainContentContainer.admin > div.middle {
 308         background: url('../images/containers/admin/FrameMiddle.jpg');
 309 }
 310 div.mainContentContainer.admin > div.bottom {
 311         background: url('../images/containers/admin/FrameBottom.jpg');
 312 }
 313
 314
 315 /* quick hack for new types: just use the administration */
 316
 317 div.mainContentContainer.artifactTemplate > div.top {
 318         background: url('../images/containers/admin/FrameTop.jpg');
 319 }
 320 div.mainContentContainer.artifactTemplate > div.middle {
 321         background: url('../images/containers/admin/FrameMiddle.jpg');
 322 }
 323 div.mainContentContainer.artifactTemplate > div.bottom {
 324         background: url('../images/containers/admin/FrameBottom.jpg');
 325 }
 326
 327 div.mainContentContainer.artifactType > div.top {
 328         background: url('../images/containers/admin/FrameTop.jpg');
 329 }
 330 div.mainContentContainer.artifactType > div.middle {
 331         background: url('../images/containers/admin/FrameMiddle.jpg');
 332 }
 333 div.mainContentContainer.artifactType > div.bottom {
 334         background: url('../images/containers/admin/FrameBottom.jpg');
 335 }
 336
 337 div.mainContentContainer.nodeTypeImplementation > div.top {
 338         background: url('../images/containers/admin/FrameTop.jpg');
 339 }
 340 div.mainContentContainer.nodeTypeImplementation > div.middle {
 341         background: url('../images/containers/admin/FrameMiddle.jpg');
 342 }
 343 div.mainContentContainer.nodeTypeImplementation > div.bottom {
 344         background: url('../images/containers/admin/FrameBottom.jpg');
 345 }
 346
 347 div.mainContentContainer.relationshipTypeImplementation > div.top {
 348         background: url('../images/containers/admin/FrameTop.jpg');
 349 }
 350 div.mainContentContainer.relationshipTypeImplementation > div.middle {
 351         background: url('../images/containers/admin/FrameMiddle.jpg');
 352 }
 353 div.mainContentContainer.relationshipTypeImplementation > div.bottom {
 354         background: url('../images/containers/admin/FrameBottom.jpg');
 355 }
 356
 357 div.mainContentContainer.requirementType > div.top {
 358         background: url('../images/containers/admin/FrameTop.jpg');
 359 }
 360 div.mainContentContainer.requirementType > div.middle {
 361         background: url('../images/containers/admin/FrameMiddle.jpg');
 362 }
 363 div.mainContentContainer.requirementType > div.bottom {
 364         background: url('../images/containers/admin/FrameBottom.jpg');
 365 }
 366
 367 div.mainContentContainer.capabilityType > div.top {
 368         background: url('../images/containers/admin/FrameTop.jpg');
 369 }
 370 div.mainContentContainer.capabilityType > div.middle {
 371         background: url('../images/containers/admin/FrameMiddle.jpg');
 372 }
 373 div.mainContentContainer.capabilityType > div.bottom {
 374         background: url('../images/containers/admin/FrameBottom.jpg');
 375 }
 376
 377 div.mainContentContainer.policyTemplate > div.top {
 378         background: url('../images/containers/admin/FrameTop.jpg');
 379 }
 380 div.mainContentContainer.policyTemplate > div.middle {
 381         background: url('../images/containers/admin/FrameMiddle.jpg');
 382 }
 383 div.mainContentContainer.policyTemplate > div.bottom {
 384         background: url('../images/containers/admin/FrameBottom.jpg');
 385 }
 386
 387 div.mainContentContainer.policyType > div.top {
 388         background: url('../images/containers/admin/FrameTop.jpg');
 389 }
 390 div.mainContentContainer.policyType > div.middle {
 391         background: url('../images/containers/admin/FrameMiddle.jpg');
 392 }
 393 div.mainContentContainer.policyType > div.bottom {
 394         background: url('../images/containers/admin/FrameBottom.jpg');
 395 }
 396
 397 div.mainContentContainer.xsdimport > div.top {
 398         background: url('../images/containers/admin/FrameTop.jpg');
 399 }
 400 div.mainContentContainer.xsdimport > div.middle {
 401         background: url('../images/containers/admin/FrameMiddle.jpg');
 402 }
 403 div.mainContentContainer.xsdimport > div.bottom {
 404         background: url('../images/containers/admin/FrameBottom.jpg');
 405 }
 406
 407
 408
 409
 410 div.mainContentContainer > div.top > div.informationContainer {
 411         position: relative;
 412         top: 30px;
 413         left: 120px;
 414         height: 45px;
 415         width: 100%;
 416
 417         color: #787878;
 418         font-family: arial;
 419         font-size: 14px;
 420         padding-left: 5px;
 421         text-decoration: none;
 422         text-shadow: 1px 1px 0 white;
 423 }
 424
 425
 426 div.mainContentContainer > div.top > div.informationContainer > div.name {
 427         font-size: 17px;
 428         font-weight: bold;
 429         height: 22px;
 430 }
 431
 432 div.mainContentContainer > div.top > div.informationContainer > div.namespace {
 433 }
 434
 435
 436 div.mainContentContainer > div.top {
 437         position: relative;
 438 }
 439
 440 div.mainContentContainer > div.top > div.subMenu {
 441         position: absolute;
 442         top: 97px;
 443         left: 20px;
 444 }
 445
 446 /** lists of components (service templates, node types, relationship types) **/
 447
 448 div.entityContainer {
 449         float: left;
 450         margin-bottom: 10px;
 451         cursor: pointer;
 452 }
 453
 454 div.entityContainer > div {
 455         float: left;
 456         height: 86px;
 457 }
 458
 459 div.entityContainer > div.left {
 460         width: 117px;
 461 }
 462
 463 div.entityContainer > div.center {
 464         width: 500px;
 465 }
 466
 467 div.entityContainer > div.right {
 468         width: 33px;
 469 }
 470
 471 div.entityContainer > div.center > div.informationContainer {
 472         margin-top: 25px;
 473         height: 45px;
 474         color: #787878;
 475         font-family: arial;
 476         font-size: 12px;
 477         padding-left: 5px;
 478         text-decoration: none;
 479         text-shadow: 1px 1px 0 white;
 480         float: left;
 481         max-width: 313px;
 482 }
 483
 484
 485 div.entityContainer > div.center > div.informationContainer > div.name {
 486         font-size: 14px;
 487         font-weight: bold;
 488         height: 18px;
 489         white-space: nowrap;
 490         text-overflow: ellipsis;
 491         overflow: hidden;
 492 }
 493
 494 div.entityContainer > div.center > div.informationContainer > div.namespace {
 495         white-space: nowrap;
 496         text-overflow: ellipsis;
 497         overflow: hidden;
 498 }
 499
 500 div.entityContainer.serviceTemplate > div.left {
 501         background: url('../images/entityBox/serviceTemplate/left.jpg');
 502 }
 503
 504 div.entityContainer.serviceTemplate > div.center {
 505         background: url('../images/entityBox/serviceTemplate/center.jpg');
 506 }
 507
 508 div.entityContainer.serviceTemplate > div.right {
 509         background: url('../images/entityBox/serviceTemplate/right.jpg');
 510 }
 511
 512 div.entityContainer.nodeType > div.left {
 513         background: url('../images/entityBox/nodeType/left.jpg');
 514 }
 515
 516 div.entityContainer.nodeType > div.center {
 517         background: url('../images/entityBox/nodeType/center.jpg');
 518 }
 519
 520 div.entityContainer.nodeType > div.right {
 521         background: url('../images/entityBox/nodeType/right.jpg');
 522 }
 523
 524 div.entityContainer.relationshipType > div.left {
 525         background: url('../images/entityBox/relationshipType/left.jpg');
 526 }
 527
 528 div.entityContainer.relationshipType > div.center {
 529         background: url('../images/entityBox/relationshipType/center.jpg');
 530 }
 531
 532 div.entityContainer.relationshipType > div.right {
 533         background: url('../images/entityBox/relationshipType/right.jpg');
 534 }
 535
 536 div.entityContainer.admin > div.left {
 537         background: url('../images/entityBox/admin/left.jpg');
 538 }
 539
 540 div.entityContainer.admin > div.center {
 541         background: url('../images/entityBox/admin/center.jpg');
 542 }
 543
 544 div.entityContainer.admin > div.right {
 545         background: url('../images/entityBox/admin/right.jpg');
 546 }
 547
 548
 549 div.entityContainer.artifactTemplate > div.left {
 550         background: url('../images/entityBox/admin/left.jpg');
 551 }
 552
 553 div.entityContainer.artifactTemplate > div.center {
 554         background: url('../images/entityBox/admin/center.jpg');
 555 }
 556
 557 div.entityContainer.artifactTemplate > div.right {
 558         background: url('../images/entityBox/admin/right.jpg');
 559 }
 560
 561
 562 div.entityContainer.artifactType > div.left {
 563         background: url('../images/entityBox/admin/left.jpg');
 564 }
 565
 566 div.entityContainer.artifactType > div.center {
 567         background: url('../images/entityBox/admin/center.jpg');
 568 }
 569
 570 div.entityContainer.artifactType > div.right {
 571         background: url('../images/entityBox/admin/right.jpg');
 572 }
 573
 574
 575 div.entityContainer.nodeTypeImplementation > div.left {
 576         background: url('../images/entityBox/admin/left.jpg');
 577 }
 578
 579 div.entityContainer.nodeTypeImplementation > div.center {
 580         background: url('../images/entityBox/admin/center.jpg');
 581 }
 582
 583 div.entityContainer.nodeTypeImplementation > div.right {
 584         background: url('../images/entityBox/admin/right.jpg');
 585 }
 586
 587
 588 div.entityContainer.relationshipTypeImplementation > div.left {
 589         background: url('../images/entityBox/admin/left.jpg');
 590 }
 591
 592 div.entityContainer.relationshipTypeImplementation > div.center {
 593         background: url('../images/entityBox/admin/center.jpg');
 594 }
 595
 596 div.entityContainer.relationshipTypeImplementation > div.right {
 597         background: url('../images/entityBox/admin/right.jpg');
 598 }
 599
 600 div.entityContainer.requirementType > div.left {
 601         background: url('../images/entityBox/admin/left.jpg');
 602 }
 603
 604 div.entityContainer.requirementType > div.center {
 605         background: url('../images/entityBox/admin/center.jpg');
 606 }
 607
 608 div.entityContainer.requirementType > div.right {
 609         background: url('../images/entityBox/admin/right.jpg');
 610 }
 611
 612 div.entityContainer.capabilityType > div.left {
 613         background: url('../images/entityBox/admin/left.jpg');
 614 }
 615
 616 div.entityContainer.capabilityType > div.center {
 617         background: url('../images/entityBox/admin/center.jpg');
 618 }
 619
 620 div.entityContainer.capabilityType > div.right {
 621         background: url('../images/entityBox/admin/right.jpg');
 622 }
 623
 624 div.entityContainer.policyTemplate > div.left {
 625         background: url('../images/entityBox/admin/left.jpg');
 626 }
 627
 628 div.entityContainer.policyTemplate > div.center {
 629         background: url('../images/entityBox/admin/center.jpg');
 630 }
 631
 632 div.entityContainer.policyTemplate > div.right {
 633         background: url('../images/entityBox/admin/right.jpg');
 634 }
 635
 636 div.entityContainer.policyType > div.left {
 637         background: url('../images/entityBox/admin/left.jpg');
 638 }
 639
 640 div.entityContainer.policyType > div.center {
 641         background: url('../images/entityBox/admin/center.jpg');
 642 }
 643
 644 div.entityContainer.policyType > div.right {
 645         background: url('../images/entityBox/admin/right.jpg');
 646 }
 647
 648 div.entityContainer.xSDImport > div.left {
 649         background: url('../images/entityBox/admin/left.jpg');
 650 }
 651
 652 div.entityContainer.xSDImport > div.center {
 653         background: url('../images/entityBox/admin/center.jpg');
 654 }
 655
 656 div.entityContainer.xSDImport > div.right {
 657         background: url('../images/entityBox/admin/right.jpg');
 658 }
 659
 660
 661 /* buttons */
 662 div.entityContainer > div.center > div.buttonContainer {
 663         float: right;
 664         height: 42px;
 665
 666         margin-top: 23px;
 667         margin-left: 40px;
 668 }
 669
 670 div.entityContainer > div.center > div.buttonContainer > a {
 671         float: left;
 672         height: 42px;
 673         margin-right: 5px;
 674 }
 675
 676 div.entityContainer > div.center > div.buttonContainer > a.editButton {
 677         background: url('../images/entityBox/editButton.jpg');
 678         width: 41px;
 679 }
 680 div.entityContainer > div.center > div.buttonContainer > a.editButton:hover {
 681         background: url('../images/entityBox/editButtonHover.jpg');
 682 }
 683
 684 div.entityContainer > div.center > div.buttonContainer > a.exportButton {
 685         background: url('../images/entityBox/exportButton.jpg');
 686         width: 53px;
 687 }
 688 div.entityContainer > div.center > div.buttonContainer > a.exportButton:hover {
 689         background: url('../images/entityBox/exportButtonHover.jpg');
 690 }
 691
 692 div.entityContainer > div.center > div.buttonContainer > a.deleteButton {
 693         background: url('../images/entityBox/deleteButton.jpg');
 694         width: 33px;
 695 }
 696 div.entityContainer > div.center > div.buttonContainer > a.deleteButton:hover {
 697         background: url('../images/entityBox/deleteButtonHover.jpg');
 698 }
 699
 700 input.highlight {
 701         background-color: lightskyblue;
 702 }
 703
 704 input.qnameinput {
 705         width: 600px;
 706 }
 707
 708 /* fixes wrong z-index of autocompleter in jQuery UI 1.10.3 */
 709 .ui-autocomplete {
 710         z-index: 1000;
 711 }
 712
 713 #warning {
 714         color: blue;
 715         font-weight: bold;
 716         cursor: default;
 717         float: right;
 718         margin-right: 10px;
 719         /* 0px is required to have the tabs below not being pushed down */
 720         height: 0px;
 721 }
 722
 723 #constraintlist {
 724         cursor: pointer;
 725 }
 726
 727 #searchBox {
 728         background: url("../images/searchBoxBackground.jpg") no-repeat scroll 2px -4px transparent;
 729         border: 2px solid #BEBEBE;
 730         border-radius: 15px 15px 15px 15px;
 731         box-shadow: 5px 5px 5px #EAEAEA;
 732         color: #676767;
 733         font-size: 15px;
 734         height: 35px;
 735         margin-bottom: 30px;
 736         padding: 5px 5px 5px 70px;
 737         width: 660px;
 738 }
 739
 740 #gcprightcolumn {
 741         background: url('../images/overviewShadowMiddle.jpg');
 742         width: 35px;
 743         position: relative;
 744         padding:0px;
 745 }
 746
 747 #overviewtopshadow {
 748         top: 0px;
 749         background-image: url("../images/overviewShadowTop.jpg");
 750         height: 269px;
 751 }
 752
 753 #overviewbottomshadow {
 754         bottom: 0px;
 755         background-image: url("../images/overviewShadowBottom.jpg");
 756         height: 269px;
 757         position: absolute;
 758         width: 35px;
 759 }
 760
 761 span.cursorpointer {
 762         cursor: pointer;
 763 }
 764
 765 div.otherelements > a.btn {
 766         width: 250px;
 767 }
 768
 769 #bigIconDiv {
 770         height: 50px;
 771 }
 772
 773 div.colorpickerdiv {
 774         height: 35px;
 775         width: 35px;
 776         background: url("../components/colorPicker/images/select.png")
 777 }
 778
 779 #applicationDescriptionDiv {
 780         overflow-x: hidden;
 781         overflow-y: scroll;
 782         height: 200px;
 783 }
 784
 785 .XMLtextarea {
 786         height: 300px;
 787 }
 788
 789 div.col-xs-4.bordered {
 790         width: 32%;
 791         border: 1px solid #DADADA;
 792         padding: 0px;
 793
 794 }
 795
 796 div.col-xs-4.bordered  div.listheading {
 797         height: 36px;
 798         padding-right: 3px;
 799 }
 800
 801 div.col-xs-4.middlebox {
 802         margin-left: 18px;
 803         margin-right: 18px;
 804 }
 805
 806 div.col-xs-4.bordered  div.listheading > button {
 807         margin-top: 3px;
 808 }
 809
 810 table.dataTable {
 811         font-size: 12px;
 812 }
 813
 814 table.dataTable thead th {
 815         font-size: 11px;
 816         color: #3F3F3F;
 817 }
 818
 819 div.titledTableBox {
 820         box-shadow: 2px 2px 5px #AEAEAE;
 821         margin-bottom: 5px;
 822         margin-right: 10px;
 823         border: 1px solid #aeaeae;
 824         padding: 0px;
 825         margin-left: 0px;
 826         padding-left: 0px !important;
 827 }
 828 .listheading {
 829         background: url("../images/header_background.png") repeat scroll 0 -39px transparent;
 830         height: 30px;
 831         margin: 0px;
 832         padding-left: 7px;
 833         line-height: 30px;
 834         font-size: 12px;
 835         color: #606060;
 836         text-shadow: 1px 1px 0 white;
 837 }
 838
 839 #names {
 840         width: 200px;
 841         overflow: hidden;
 842         padding-left: 10px;
 843         float: left;
 844 }
 845
 846 .listcontent {
 847         border: 0px;
 848         width: 100%;
 849         margin: 0px;
 850         border-top: 0px;
 851 }
 852
 853 .topologyTemplatePreviewSizing {
 854         height:400px;
 855         width:921px;
 856 }
 857
 858 #topologyTemplatePreview {
 859         border: 0;
 860 }
 861
 862 div.policiesContainer > div.header {
 863         display: none;
 864 }
 865
 866 div.policiesContainer > div.content > div.policy > textarea.policy_xml {
 867         display: none;
 868 }