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:992px) {
  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
  24 .modal {
  25   text-align: center;
  26 }
  27
  28 @media screen and (min-width: 992px) {
  29   .modal:before {
  30     display: inline-block;
  31     vertical-align: middle;
  32     content: " ";
  33     height: 100%;
  34   }
  35 }
  36
  37 .panel {
  38     margin-bottom: 5px;
  39 }
  40
  41 /* Modal Dialog */
  42 .modal-dialog {
  43     display: inline-block;
  44     text-align: left;
  45     vertical-align: middle;
  46 }
  47
  48 /* Main Navigator Bar */
  49 .navbar-brand {
  50     padding: 10px 15px;
  51 }
  52
  53 #tic-brand-img {
  54     display: inline;
  55 }
  56
  57 .tic-page-scroll {
  58     font-size: 16px;
  59 }
  60
  61 #tic-package-section {
  62     padding-top: 70px;
  63     background: #e1e1e1;
  64 }
  65
  66
  67 /* Package Page */
  68 #tic-package-left-col-tree-toolbar, #tic-package-left-col-tree {
  69     padding-top: 10px;
  70 }
  71
  72 #tic-package-left-col-tree {
  73     height: 30vh;
  74     position: relative;
  75     overflow: auto;
  76 }
  77 @media (min-width: 768px) {
  78     #tic-package-left-col-tree {
  79         height: 80vh;
  80         position: relative;
  81         overflow: auto;
  82     }
  83 }
  84
  85 #tic-package-left-col-tree .list-group-item {
  86     padding: 3px 10px;
  87 }
  88
  89 /* TODO: Height of Treeview, Package Information and Summary grid in Package Page */
  90 #tic-package-info-table {
  91     height: 15vh;
  92     display: inline-block;
  93     position: relative;
  94     overflow: auto;
  95 }
  96 @media (min-width: 992px) {
  97     #tic-package-info-table {
  98         height: 43vh;
  99         display: inline-block;
 100         position: relative;
 101         overflow: auto;
 102     }
 103 }
 104
 105 #tic-package-summary {
 106     height: 10vh;
 107     display: inline-block;
 108     position: relative;
 109     overflow: auto;
 110 }
 111 @media (min-width: 992px) {
 112     #tic-package-summary {
 113         height: 20vh;
 114         display: inline-block;
 115         position: relative;
 116         overflow: auto;
 117     }
 118 }
 119
 120 /* Image Page */
 121 #tic-image-section {
 122     height: 100%;
 123     padding-top: 70px;
 124     background: #e1e1e1;
 125 }
 126
 127 #tic-image-summary {
 128     height: 40vh;
 129     display: inline-block;
 130     position: relative;
 131     overflow: auto;
 132 }
 133 @media (min-width: 992px) {
 134     #tic-image-summary {
 135         height: 70vh;
 136         display: inline-block;
 137         position: relative;
 138         overflow: auto;
 139     }
 140 }
 141
 142
 143 /* Settings Page */
 144 #tic-settings-section {
 145     height: 100%;
 146     padding-top: 70px;
 147     background: #e1e1e1;
 148 }
 149
 150 #tic-repository-toolbar {
 151     margin-bottom: 10px;
 152 }
 153
 154 /* Sortable Repo List */
 155 .dragged {
 156     position: absolute;
 157     opacity: 0.5;
 158     z-index: 2000;
 159 }
 160
 161 #tic-repository-list li {
 162     cursor: move;
 163     display: block;
 164     padding: 5px;
 165     border: 1px solid #CCC;
 166     color: #08c;
 167     background: #eee;
 168     max-width: 100%;
 169 }
 170
 171 #tic-repository-list li.placeholder {
 172     position: relative;
 173     margin: 0;
 174     padding: 0;
 175     border: none;
 176     content: "";
 177 }
 178
 179 #tic-repository-list li.placeholder:before {
 180     position: absolute;
 181     content: "";
 182     width: 0;
 183     height: 0;
 184     margin-top: -5px;
 185     left: -5px;
 186     top: -4px;
 187     border: 5px solid transparent;
 188     border-left-color: #f00;
 189     border-right: none;
 190 }
 191
 192 .tic-repository-url {
 193     overflow: hidden;
 194     white-space: nowrap;
 195     text-overflow: ellipsis;
 196     width: 90%;
 197     display: inline-block;
 198     vertical-align: middle;
 199 }