Commit 02ec3903be96c91e7eb06bd423bfd26ae6d8f166
1 parent
72b57159
Exists in
master
and in
8 other branches
CSS dos programas
Showing
3 changed files
with
165 additions
and
65 deletions
Show diff stats
gulp/server.js
src/app/index.scss
... | ... | @@ -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
... | ... | @@ -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 | +} | ... | ... |