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