Download as
Browse Code »

Commit 02ec3903be96c91e7eb06bd423bfd26ae6d8f166

Authored by Rafael Diego
1 parent 72b57159
Exists in master and in 8 other branches css-list, feature-captcha, feature-proposal-vote, feature-respostas, production, rafael, staging, the_glorious_return_of_piwik

CSS dos programas

Showing 3 changed files with 165 additions and 65 deletions   Show diff stats
gulp/server.js
  Diff comments   View file @02ec390
... ... @@ -64,7 +64,8 @@ function browserSyncInit(baseDir, browser) {
64 64 browserSync.instance = browserSync.init({
65 65 startPath: '/',
66 66 server: server,
67   - browser: browser
  67 + browser: browser,
  68 + ghostMode: false
68 69 });
69 70 }
70 71  
... ...
src/app/index.scss
  Diff comments   View file @02ec390
... ... @@ -282,3 +282,18 @@ $common-color: #5E739E;
282 282 */
283 283 // injector
284 284 // endinjector
  285 +
  286 +
  287 +// blockquote {
  288 +// position:relative;
  289 +// }
  290 +
  291 +// blockquote:before {
  292 +// content:"\0393";
  293 +// font-size: 50px;
  294 +// display: block;
  295 +// position: absolute;
  296 +// top: 0;
  297 +// left: 0.
  298 +// }
  299 +
... ...
src/app/layout.scss
  Diff comments   View file @02ec390
... ... @@ -29,21 +29,21 @@
29 29 table-layout: fixed;
30 30 height: 100%;
31 31 width: 100%;
32   - }
33   - .col-xs-height {
  32 +}
  33 +.col-xs-height {
34 34 display: table-cell;
35 35 float: none;
36 36 height: 100%;
37   - }
38   - .col-xs-top {
  37 +}
  38 +.col-xs-top {
39 39 vertical-align: top;
40   - }
41   - .col-xs-middle {
  40 +}
  41 +.col-xs-middle {
42 42 vertical-align: middle;
43   - }
44   - .col-xs-bottom {
  43 +}
  44 +.col-xs-bottom {
45 45 vertical-align: bottom;
46   - }
  46 +}
47 47 }
48 48  
49 49 @media (min-width: 768px) {
... ... @@ -52,21 +52,21 @@
52 52 table-layout: fixed;
53 53 height: 100%;
54 54 width: 100%;
55   - }
56   - .col-sm-height {
  55 +}
  56 +.col-sm-height {
57 57 display: table-cell;
58 58 float: none;
59 59 height: 100%;
60   - }
61   - .col-sm-top {
  60 +}
  61 +.col-sm-top {
62 62 vertical-align: top;
63   - }
64   - .col-sm-middle {
  63 +}
  64 +.col-sm-middle {
65 65 vertical-align: middle;
66   - }
67   - .col-sm-bottom {
  66 +}
  67 +.col-sm-bottom {
68 68 vertical-align: bottom;
69   - }
  69 +}
70 70 }
71 71  
72 72 @media (min-width: 992px) {
... ... @@ -75,21 +75,21 @@
75 75 table-layout: fixed;
76 76 height: 100%;
77 77 width: 100%;
78   - }
79   - .col-md-height {
  78 +}
  79 +.col-md-height {
80 80 display: table-cell;
81 81 float: none;
82 82 height: 100%;
83   - }
84   - .col-md-top {
  83 +}
  84 +.col-md-top {
85 85 vertical-align: top;
86   - }
87   - .col-md-middle {
  86 +}
  87 +.col-md-middle {
88 88 vertical-align: middle;
89   - }
90   - .col-md-bottom {
  89 +}
  90 +.col-md-bottom {
91 91 vertical-align: bottom;
92   - }
  92 +}
93 93 }
94 94  
95 95 @media (min-width: 1200px) {
... ... @@ -98,35 +98,35 @@
98 98 table-layout: fixed;
99 99 height: 100%;
100 100 width: 100%;
101   - }
102   - .col-lg-height {
  101 +}
  102 +.col-lg-height {
103 103 display: table-cell;
104 104 float: none;
105 105 height: 100%;
106   - }
107   - .col-lg-top {
  106 +}
  107 +.col-lg-top {
108 108 vertical-align: top;
109   - }
110   - .col-lg-middle {
  109 +}
  110 +.col-lg-middle {
111 111 vertical-align: middle;
112   - }
113   - .col-lg-bottom {
  112 +}
  113 +.col-lg-bottom {
114 114 vertical-align: bottom;
115   - }
  115 +}
116 116 }
117 117  
118 118 .btn-submit {
119   - background-color: $defaultblue;
120   - color: #fff;
121   - font-weight: bold;
  119 + background-color: $defaultblue;
  120 + color: #fff;
  121 + font-weight: bold;
122 122  
123   - &:hover,
124   - &:focus {color: #fff;}
  123 + &:hover,
  124 + &:focus {color: #fff;}
125 125 }
126 126  
127 127 .has-error {
128   - border-color: #FF0000;
129   - border-width: 1px;
  128 + border-color: #FF0000;
  129 + border-width: 1px;
130 130 }
131 131  
132 132 // Está com o nome do termos de uso. Deixas genérico ou apenas aqui? Ver como vão ficar esses modais
... ... @@ -140,9 +140,9 @@
140 140 position: relative;
141 141 top: -30px;
142 142 right: 0px;
143   - }
  143 +}
144 144  
145   - &-body {
  145 +&-body {
146 146 padding: 25px 35px;
147 147 height: 500px;
148 148  
... ... @@ -151,9 +151,9 @@
151 151 overflow-y: auto;
152 152 padding: 15px;
153 153 height: 440px;
154   - }
155 154 }
156 155 }
  156 +}
157 157  
158 158 .modal-fechar-pequeno {
159 159 font-size: 15px;
... ... @@ -165,29 +165,11 @@
165 165  
166 166 // Sobreescreve a classe do bootstrap
167 167 .close {
168   - // position: absolute;
169 168 color: white;
170 169 opacity: 1;
171 170 font-weight: normal;
172 171 }
173 172  
174   -// Cria uma barra de rolagem parecida com a pedida, mas aplica pro site todo
175   -// ::-webkit-scrollbar {
176   -// width: 12px;
177   -// background-color: gray;
178   -// }
179   -
180   -// ::-webkit-scrollbar-track {
181   -// -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
182   -// border-radius: 10px;
183   -// }
184   -
185   -// ::-webkit-scrollbar-thumb {
186   -// border-radius: 10px;
187   -// -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
188   -// background-color: black;
189   -// }
190   -
191 173 .btn-question {
192 174 color: #484848;
193 175 background-color: #fff;
... ... @@ -199,3 +181,105 @@
199 181 padding: 0;
200 182 border-radius: 100%;
201 183 }
  184 +
  185 +.destaque-cinza {
  186 + background-color: #F1F1F1;
  187 + padding: 30px;
  188 +}
  189 +
  190 +.gray-block {
  191 + background-color: #F1F1F1;
  192 +}
  193 +
  194 +.destaque-cinza-claro {
  195 + background-color: #F8F8F8;
  196 + padding: 30px;
  197 +}
  198 +
  199 +.left-border-gray {
  200 + border-left: 3px solid #eeeeee;
  201 +
  202 + @media (max-width: 768px) {
  203 + border: none;
  204 +}
  205 +}
  206 +
  207 +// .img-responsive-100 {
  208 +// width: 100%;
  209 +// }
  210 +
  211 +// .vcenter {
  212 +// display: inline-block;
  213 +// vertical-align: middle;
  214 +// float: none;
  215 +// margin-right: -2px;
  216 +// margin-left: -2px;
  217 +// }
  218 +
  219 +
  220 +ul.list-color {
  221 + list-style: none;
  222 + padding: 0;
  223 + margin: 0;
  224 +}
  225 +
  226 +ul.list-color li:before {
  227 +
  228 + @each $category, $color in $categories {
  229 + .#{$category} & {
  230 + color: $color;
  231 + }
  232 +}
  233 +
  234 +}
  235 +
  236 +ul.list-color li:before {
  237 + content: "• ";
  238 + font-weight: bold;
  239 + font-size: 20px;
  240 + position: relative;
  241 + top: 2px;
  242 +}
  243 +
  244 +ul.list-color li {
  245 + padding-left: 2em;
  246 + padding-bottom: 20px;
  247 + text-indent: -0.7em;
  248 +}
  249 +
  250 +.right-block {
  251 + float: right;
  252 +}
  253 +
  254 +// .margin-bottom {
  255 +// margin-bottom: 40px;
  256 +// }
  257 +
  258 +// .no-space-right {
  259 +// padding-right: 0px;
  260 +// }
  261 +
  262 +// .no-space-left {
  263 +// padding-left: 0px;
  264 +// }
  265 +
  266 +a.link-black {
  267 + color: black;
  268 +}
  269 +
  270 +.font-white {
  271 + color: white;
  272 +}
  273 +
  274 +// .padding-top-50{
  275 +// padding-top: 50px;
  276 +// }
  277 +
  278 +// .padding-bottom-20{
  279 +// padding-bottom: 20px;
  280 +// }
  281 +
  282 +
  283 +.inline-block {
  284 + display: inline-block;
  285 +}
... ...