public/src/css/style.css

   1 /* Common */
   2 body {
   3     width: 100%;
   4     height: 100%;
   5 }
   6
   7 html {
   8     width: 100%;
   9     height: 100%;
  10 }
  11
  12 @media(min-width:767px) {
  13     .navbar {
  14         -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
  15         -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
  16         transition: background .5s ease-in-out,padding .5s ease-in-out;
  17     }
  18
  19     .top-nav-collapse {
  20         padding: 0;
  21     }
  22 }
  23 .modal {
  24   text-align: center;
  25 }
  26
  27 @media screen and (min-width: 768px) {
  28   .modal:before {
  29     display: inline-block;
  30     vertical-align: middle;
  31     content: " ";
  32     height: 100%;
  33   }
  34 }
  35
  36 /* Modal Dialog */
  37 .modal-dialog {
  38   display: inline-block;
  39   text-align: left;
  40   vertical-align: middle;
  41 }
  42
  43 /* Main Navigator Bar */
  44 .navbar-brand {
  45     padding: 10px 15px;
  46 }
  47
  48 #tic-brand-img {
  49     display: inline;
  50 }
  51
  52 .tic-page-scroll {
  53     font-size: 16px;
  54 }
  55
  56 #tic-package-section {
  57     height: 100%;
  58     padding-top: 70px;
  59     background: #e1e1e1;
  60 }
  61
  62
  63 /* Package Page */
  64 #tic-package-left-col-tree-toolbar, #tic-package-left-col-tree {
  65     padding-top: 10px;
  66 }
  67
  68 #tic-package-left-col-tree {
  69         height: 30vh;
  70         position: relative;
  71         overflow: auto;
  72     }
  73 @media (min-width: 768px) {
  74     #tic-package-left-col-tree {
  75         height: 80vh;
  76         position: relative;
  77         overflow: auto;
  78     }
  79 }
  80
  81 #tic-package-left-col-tree .list-group-item {
  82     padding: 3px 10px;
  83 }
  84
  85 /* TODO: Height of Treeview, Package Information and Summary grid in Package Page */
  86 #tic-package-info-table {
  87     height: 20vh;
  88     display: inline-block;
  89     position: relative;
  90     overflow: auto;
  91 }
  92 @media (min-width: 768px) {
  93     #tic-package-info-table {
  94         height: 43.7vh;
  95         display: inline-block;
  96         position: relative;
  97         overflow: auto;
  98     }
  99 }
 100
 101 #tic-package-summary {
 102     height: 10vh;
 103     display: inline-block;
 104     position: relative;
 105     overflow: auto;
 106 }
 107 @media (min-width: 768px) {
 108     #tic-package-summary {
 109         height: 10vh;
 110         display: inline-block;
 111         position: relative;
 112         overflow: auto;
 113     }
 114 }
 115
 116 /* Image Page */
 117 #tic-image-section {
 118     height: 100%;
 119     padding-top: 70px;
 120     background: #e1e1e1;
 121 }
 122
 123 #tic-image-summary {
 124     height: 40vh;
 125     display: inline-block;
 126     position: relative;
 127     overflow: auto;
 128 }
 129 @media (min-width: 768px) {
 130     #tic-image-summary {
 131         height: 80vh;
 132         display: inline-block;
 133         position: relative;
 134         overflow: auto;
 135     }
 136 }
 137
 138
 139 /* Settings Page */
 140 #tic-settings-section {
 141     height: 100%;
 142     padding-top: 70px;
 143     background: #e1e1e1;
 144 }