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   display: inline-block;
  38   text-align: left;
  39   vertical-align: middle;
  40 }
  41 /* Main Navigator Bar */
  42 .navbar-brand {
  43     padding: 10px 15px;
  44 }
  45
  46 #tic-brand-img {
  47     display: inline;
  48 }
  49
  50 .tic-page-scroll {
  51     font-size: 16px;
  52 }
  53
  54 #tic-package-section {
  55     height: 100%;
  56     padding-top: 70px;
  57     background: #e1e1e1;
  58 }
  59
  60 /* Package Page */
  61 #tic-package-left-col-tree-toolbar, #tic-package-left-col-tree {
  62     padding-top: 10px;
  63 }
  64
  65 #tic-package-left-col-tree {
  66     height:80vh;
  67     position: relative;
  68     overflow: scroll;
  69 }
  70
  71 /* Image Page */
  72 #tic-image-section {
  73     height: 100%;
  74     padding-top: 70px;
  75     background: #e1e1e1;
  76 }
  77
  78 /* Settings Page */
  79 #tic-settings-section {
  80     height: 100%;
  81     padding-top: 70px;
  82     background: #e1e1e1;
  83 }