gui/app/styles/main.css

   1 .browsehappy {
   2     margin: 0.2em 0;
   3     background: #ccc;
   4     color: #000;
   5     padding: 0.2em 0;
   6 }
   7
   8 body {
   9     padding: 0;
  10 }
  11
  12
  13 /* Everything but the jumbotron gets side spacing for mobile first views */
  14
  15 .header,
  16 .marketing,
  17 .footer {
  18     /*padding-left: 15px;
  19     padding-right: 15px;*/
  20 }
  21
  22
  23
  24
  25 /* Custom page header */
  26
  27 .header {
  28     border-bottom: 1px solid #e5e5e5;
  29     margin-bottom: 10px;
  30 }
  31
  32
  33 /* Make the masthead heading the same height as the navigation */
  34
  35 .header h3 {
  36     margin-top: 0;
  37     margin-bottom: 0;
  38     line-height: 40px;
  39     padding-bottom: 19px;
  40 }
  41
  42
  43 /* Custom page footer */
  44
  45 .footer {
  46     padding-top: 19px;
  47     color: #777;
  48     border-top: 1px solid #e5e5e5;
  49 }
  50
  51 .container-narrow>hr {
  52     margin: 30px 0;
  53 }
  54
  55
  56 /* Main marketing message and sign up button */
  57
  58 .jumbotron {
  59     text-align: center;
  60     border-bottom: 1px solid #e5e5e5;
  61 }
  62
  63 .jumbotron .btn {
  64     font-size: 21px;
  65     padding: 14px 24px;
  66 }
  67
  68
  69 /* Supporting marketing content */
  70
  71 .marketing {
  72     margin: 40px 0;
  73 }
  74
  75 .marketing p+h4 {
  76     margin-top: 28px;
  77 }
  78
  79
  80 /* Responsive: Portrait tablets and up */
  81
  82 @media screen and (min-width: 768px) {
  83     .container {
  84         max-width: 730px;
  85     }
  86     /* Remove the padding we set earlier */
  87     .header,
  88     .marketing,
  89     .footer {
  90         padding-left: 0;
  91         padding-right: 0;
  92     }
  93     /* Space out the masthead */
  94     .header {
  95         margin-bottom: 30px;
  96     }
  97     /* Remove the bottom border on the jumbotron for visual effect */
  98     .jumbotron {
  99         border-bottom: 0;
 100     }
 101 }
 102
 103 .jumbotron.ng-scope {
 104     margin-top: 100px;
 105 }
 106
 107 .content {
 108     /*margin-left: 300px;*/
 109     /*margin-left: 100px;*/
 110     position: relative;
 111     margin-left: 25%;
 112     width: 70%;
 113     border: 1px solid #dfe3e4;
 114     border-radius: 5px;
 115     padding: 20px 20px 5px 20px;
 116     height: 100%;
 117     margin-right: 10px;
 118     /*border-bottom: none;*/
 119     margin-bottom: 10px;
 120     padding-bottom: 20px;
 121     /* overflow: hidden; */
 122 }
 123
 124 .ngdialog.ngdialog-theme-default .ngdialog-content {
 125     background-color: #fff;
 126 }
 127
 128 .progree-parent {
 129     width: 50%;
 130     background-color: #dfe3e4;
 131     height: 10px;
 132     border-radius: 10px;
 133 }
 134
 135 .progree-child {
 136     width: 50%;
 137     background-color: #2ecc71;
 138     /* background-color: white; */
 139     height: 10px;
 140     border-radius: 5px;
 141 }
 142
 143 textarea {
 144     width: 100%;
 145     height: 400px;
 146     border-radius: 5px;
 147     border: 1px solid #e8e8e8;
 148 }
 149
 150 .naviSide {
 151     position: fixed;
 152     left: 0px;
 153     top: 0px;
 154     height: 150%;
 155     background-color: #f8f8f8;
 156     width: 210px;
 157     padding: 30px 0 0 0;
 158     border-radius: 10px;
 159     border-right: 1px solid #e7e7e7;
 160     z-index: 2;
 161 }
 162
 163 .panel-body {
 164     border: none;
 165 }
 166
 167 .panel-group {
 168     width: 210px;
 169 }
 170
 171 .panel-group {
 172     margin-bottom: 0px;
 173 }
 174
 175 * {
 176     border-radius: 0px ! important;
 177 }
 178
 179 .naviSide.ng-scope {
 180     box-shadow: 1px 1px 2px #888888;
 181 }
 182
 183 .pagination>li>a,
 184 .pagination>li>span {
 185     color: #333;
 186 }
 187
 188 .pagination>.active>a,
 189 .pagination>.active>span,
 190 .pagination>.active>a:hover,
 191 .pagination>.active>span:hover,
 192 .pagination>.active>a:focus,
 193 .pagination>.active>span:focus {
 194     background-color: #f9f9f9;
 195     color: #333;
 196     border-color: #ddd;
 197 }
 198
 199 .ngdialog.ngdialog-theme-default .ngdialog-close{
 200     border: none;
 201     background-color: #fff;
 202 }
 203
 204 button:focus {outline:0;}
 205 input:focus{outline: 0}
 206
 207 .ngdialog-content {
 208     overflow: hidden;
 209 }
 210
 211 .bs-sidenav{
 212     margin-top:21px !important;
 213 }
 214