Download as
Browse Code »

Commit c48984b8049e9c58afe4a887f4714cf306ed92c3

Authored by higo.gomes
1 parent 73bc3f20
Exists in master and in 1 other branch Desenvolvimento-Ases-Web

CSS responsável pela estilização do template principal. 

git-svn-id: https://svn.bento.ifrs.edu.br/default/ASES/ASES%20-%20Web/ASES%20-%20Web/Fontes/avaliador-web@10595 c2178572-b5ca-4887-91d2-9e3a90c7d55b
Showing 1 changed file with 432 additions and 232 deletions   Show diff stats
src/main/webapp/inicial_arquivos/css/default.css
  Diff comments   View file @c48984b
1   -body {
2   - margin: 0 auto;
3   - background-color: #fff;
4   - color: #000000;
5   - font-family: Open Sans, Arial, Helvetica, sans-serif;
6   - font-size: 12px;
7   -}
8   -
9   -h1, h2, h3, h4, h5, h6 {
10   - font-family: Open Sans, Arial, Helvetica, sans-serif;
11   -}
12   -
13   -header ul li {
  1 +@media only screen and (min-width : 768px) {
  2 + body {
  3 + margin: 0 auto;
  4 + background-color: #fff;
  5 + color: #000000;
  6 + font-family: "Open Sans", Arial, Helvetica, sans-serif;
  7 + font-size: 12px;
  8 + }
  9 + h1, h2, h3, h4, h5, h6 {
  10 + font-family: "Open Sans", Arial, Helvetica, sans-serif;
  11 + }
  12 + header ul li {
  13 + display: inline;
  14 + margin-top: 0;
  15 + padding: 0;
  16 + }
  17 + header {
  18 + width: 100%;
  19 + /*Banner*/
  20 + /* height: 132px;*/
  21 + background-color: #19882c;
  22 + /* Old browsers */
  23 + background-color: #0A5517;
  24 + background-image: -moz-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  25 + /* FF3.6+ */
  26 + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%,
  27 + color-stop(1%, #19882c), color-stop(100%, #025310));
  28 + /* Chrome,Safari4+ */
  29 + background-image: -webkit-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  30 + /* Chrome10+,Safari5.1+ */
  31 + background-image: -o-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  32 + /* Opera 12+ */
  33 + background-image: -ms-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  34 + /* IE10+ */
  35 + background-image: radial-gradient(ellipse at center, #19882c 1%, #025310 100%);
  36 + /* W3C */
  37 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c',
  38 + endColorstr='#025310', GradientType=1);
  39 + /* IE6-9 fallback on horizontal gradient */
  40 + }
  41 + a {
  42 + text-decoration: none;
  43 + }
  44 + #barra-brasil {
  45 + position: fixed;
  46 + width: 100%;
  47 + top: 0;
  48 + left: 0;
  49 + }
  50 + #topo {
  51 + width: 93.75%;
  52 + margin: auto;
  53 + margin-top: 30px;
  54 + padding: 0;
  55 + }
  56 + #accessibility {
  57 + display: inline;
  58 + margin-left: 9.5%;
  59 + padding-top: 5px;
  60 + font-family: Arial, Helvetica, sans-serif;
  61 + text-align: left;
  62 + float: left;
  63 + padding-left: 0;
  64 + }
  65 + #accessibility a {
  66 + color: #dcffe3;
  67 + font-size: 0.88em;
  68 + font-family: Arial, Helvetica, sans-serif;
  69 + }
  70 + #accessibility span {
  71 + background: #9ed5ab;
  72 + color: #dcffe3;
  73 + padding: 0 4px;
  74 + }
  75 + #accessibility a:hover {
  76 + border-bottom: 1px solid;
  77 + }
  78 + #portal-siteactions {
  79 + float: left;
  80 + padding: 0;
  81 + padding-top: 5px;
  82 + padding-bottom: 5px;
  83 + margin-left: 60%;
  84 + width: 318px;
  85 + position: absolute;
  86 + border-bottom: 1px dotted #9ed5ab;
  87 + color: #9ed5ab;
  88 + }
  89 + #portal-siteactions li {
  90 + padding-right: 10px;
  91 + }
  92 + #portal-siteactions a {
  93 + color: #9ed5ab;
  94 + }
  95 + #portal-siteactions a:hover {
  96 + border-bottom: 1px solid;
  97 + }
  98 + #portal-siteactions li:last-child {
  99 + padding-right: 0;
  100 + }
  101 + #logo {
  102 + padding: 0;
  103 + float: left;
  104 + width: 70%;
  105 + padding-left: 12%;
  106 + margin-bottom: 15px;
  107 + }
  108 + #logo a {
  109 + color: #fff;
  110 + display: block;
  111 + width: 100%;
  112 + margin: 1px 0px;
  113 + }
  114 + #logo #portal-title-1 {
  115 + font-size: 16px;
  116 + font-weight: 800;
  117 + }
  118 + #logo #portal-title {
  119 + font-size: 50px;
  120 + font-weight: 800;
  121 + }
  122 + #logo #portal-description {
  123 + font-size: 16px;
  124 + margin: 5px 0 0 0;
  125 + text-transform: uppercase;
  126 + font-weight: 800;
  127 + }
  128 + #sobre {
  129 + clear: both;
  130 + background: #0a5517;
  131 + padding: 5px 0;
  132 + padding-left: 0;
  133 + text-align: right;
  134 + }
  135 + #sobre ul {
  136 + margin: 0;
  137 + margin-left: 55%;
  138 + width: 370px;
  139 + }
  140 + #sobre a {
  141 + color: #fff;
  142 + }
  143 + #sobre .portalservicos-item a {
  144 + margin-top: 50%;
  145 + padding: 0 10px;
  146 + border-right: 1px solid #fff;
  147 + font-size: 12px;
  148 + }
  149 + #voltar-topo {
  150 + text-align: right;
  151 + font-size: 12px;
  152 + }
  153 + #voltar-topo a {
  154 + color: #000000;
  155 + }
  156 + #main {
  157 + max-width: 960px;
  158 + margin: 0 auto;
  159 + background: #fff;
  160 + }
  161 + #label_contato {
  162 + width: 10%;
  163 + float: left;
  164 + }
  165 + #txt_contato {
  166 + width: 90%;
  167 + float: left;
  168 + }
  169 +
  170 + /*-----------Footer-----------*/
  171 + #footer-brasil {
  172 + background: none repeat scroll 0% 0% #00420c;
  173 + padding: 1em 0px;
  174 + max-width: 100%;
  175 + }
  176 + a.oculto {
  177 + display: inline-block;
  178 + font-size: 0;
  179 + text-indent: -20000px;
  180 + }
  181 +} /*-----Fim max-width: 1024px */
  182 +
  183 +/*------Inicio max-width: 768px----*/
  184 +@media only screen and (max-width : 768px) {
  185 + body {
  186 + margin: 0 auto;
  187 + background-color: #fff;
  188 + color: #000000;
  189 + font-family: "Open Sans", Arial, Helvetica, sans-serif;
  190 + font-size: 12px;
  191 + }
  192 + h1, h2, h3, h4, h5, h6 {
  193 + font-family: "Open Sans", Arial, Helvetica, sans-serif;
  194 + }
  195 + header ul li {
  196 + display: block;
  197 + margin-top: 0;
  198 + padding: 0;
  199 + }
  200 + header {
  201 + width: 100%;
  202 + /*Banner*/
  203 + /* height: 132px;*/
  204 + background-color: #19882c;
  205 + /* Old browsers */
  206 + background-color: #0A5517;
  207 + background-image: -moz-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  208 + /* FF3.6+ */
  209 + background-image: -webkit-gradient(radial, center center, 0px, center center, 100%,
  210 + color-stop(1%, #19882c), color-stop(100%, #025310));
  211 + /* Chrome,Safari4+ */
  212 + background-image: -webkit-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  213 + /* Chrome10+,Safari5.1+ */
  214 + background-image: -o-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  215 + /* Opera 12+ */
  216 + background-image: -ms-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
  217 + /* IE10+ */
  218 + background-image: radial-gradient(ellipse at center, #19882c 1%, #025310 100%);
  219 + /* W3C */
  220 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c',
  221 + endColorstr='#025310', GradientType=1);
  222 + /* IE6-9 fallback on horizontal gradient */
  223 + }
  224 + a {
  225 + text-decoration: none;
  226 + }
  227 + #barra-brasil {
  228 + position: fixed;
  229 + width: 100%;
  230 + top: 0;
  231 + left: 0;
  232 + }
  233 + #topo {
  234 + width: 93.75%;
  235 + margin: auto;
  236 + margin-top: 30px;
  237 + padding: 0;
  238 + }
  239 +
  240 + #portal-siteactions {
  241 + float: left;
  242 + padding: 0;
  243 + padding-top: 5px;
  244 + padding-bottom: 5px;
  245 + margin-left: auto;
  246 + width: 318px;
  247 + border-bottom: 1px dotted #9ed5ab;
  248 + color: #9ed5ab;
  249 + }
  250 + #portal-siteactions li {
  251 + padding-right: 10px;
  252 + display: inline;
  253 + }
  254 + #portal-siteactions a {
  255 + color: #9ed5ab;
  256 + }
  257 + #portal-siteactions a:hover {
  258 + border-bottom: 1px solid;
  259 + }
  260 + #portal-siteactions li:last-child {
  261 + padding-right: 0;
  262 + }
  263 +
  264 + #accessibility {
  265 + display: block;
  266 + padding-top: 20px;
  267 + font-family: Arial, Helvetica, sans-serif;
  268 + text-align: left;
  269 + padding-left: 0;
  270 + }
  271 + #accessibility li {
14 272 display: inline;
15   - margin-top: 0px;
16   -}
17   -
18   -header {
19   - width: 100%;
20   - /*Banner*/
21   - /* height: 132px;*/
22   - background-color: #19882c;
23   - /* Old browsers */
24   - background-color: #0A5517;
25   - background-image: -moz-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
26   - /* FF3.6+ */
27   - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%,
28   - color-stop(1%, #19882c), color-stop(100%, #025310));
29   - /* Chrome,Safari4+ */
30   - background-image: -webkit-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
31   - /* Chrome10+,Safari5.1+ */
32   - background-image: -o-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
33   - /* Opera 12+ */
34   - background-image: -ms-radial-gradient(center, ellipse cover, #19882c 1%, #025310 100%);
35   - /* IE10+ */
36   - background-image: radial-gradient(ellipse at center, #19882c 1%, #025310 100%);
37   - /* W3C */
38   - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19882c',
39   - endColorstr='#025310', GradientType=1);
40   - /* IE6-9 fallback on horizontal gradient */
41   -}
42   -
43   -a {
44   - text-decoration: none;
45   -}
46   -
47   -#accessibility {
48   - width: 50%;
49   - float: left;
50   - text-indent: 22%;
51   - width: 50%;
52   - margin-bottom: 15px;
53   -}
54   -
55   -#accessibility a {
56   - color: #dcffe3;
57   - font-size: 12px;
58   -}
59   -
60   -#accessibility span {
61   - background: #9ed5ab;
62   - color: dcffe3;
63   - padding: 0 4px;
64   -}
65   -
66   -#accessibility a:hover {
67   - border-bottom: 1px solid;
68   -}
69   -
70   -#portal-siteactions {
71   - float: right;
72   - width: 50%;
73   - text-align: right;
74   -}
75   -
76   -#portal-siteactions ul {
77   - margin-right: 19%;
78   -}
79   -
80   -#portal-siteactions ul li {
81   - padding-left: 10px;
82   - padding-right: 10px;
83   - padding-bottom: 5px;
84   - border-bottom: 1px dotted #9bc2a3;
85   -}
86   -
87   -#portal-siteactions a {
88   - color: #dcffe3;
89   - font-size: 13px;
90   -}
91   -
92   -#logo {
93   - padding: 0;
94   - float: left;
95   - width: 70%;
96   - padding-left: 14%;
97   - margin-bottom: 15px;
98   -}
99   -
100   -#logo a {
101   - color: #fff;
102   - display: block;
103   - width: 100%;
104   - margin: 1px 0px;
  273 + }
  274 + #accessibility a {
  275 + color: #dcffe3;
  276 + font-size: 0.88em;
  277 + font-family: Arial, Helvetica, sans-serif;
  278 + }
  279 + #accessibility span {
  280 + background: #9ed5ab;
  281 + color: #dcffe3;
  282 + padding: 0 4px;
  283 + }
  284 + #accessibility a:hover {
  285 + border-bottom: 1px solid;
  286 + }
  287 + #portal-siteactions {
  288 + padding: 0;
  289 + padding-top: 5px;
  290 + padding-bottom: 5px;
  291 + margin-right: 0;
  292 + width: 318px;
  293 + color: #9ed5ab;
  294 + }
  295 + #portal-siteactions li {
  296 + padding-right: 10px;
  297 + }
  298 + #portal-siteactions a {
  299 + color: #9ed5ab;
  300 + }
  301 + #portal-siteactions a:hover {
  302 + border-bottom: 1px solid;
  303 + }
  304 + #portal-siteactions li:last-child {
  305 + padding-right: 0;
  306 + }
  307 + #logo {
  308 + padding: 0;
  309 + width: 70%;
  310 + padding-left: 3%;
  311 + margin-bottom: 15px;
  312 + }
  313 + #logo a {
  314 + color: #fff;
  315 + display: block;
  316 + width: 100%;
  317 + margin: 1px 0px;
  318 + }
  319 + #logo #portal-title-1 {
  320 + font-size: 0.8em;
  321 + font-weight: 800;
  322 + }
  323 + #logo #portal-title {
  324 + font-size: 1.5em;
  325 + font-weight: 800;
  326 + }
  327 + #logo #portal-description {
  328 + font-size: 0.8em;
  329 + margin: 5px 0 0 0;
  330 + text-transform: uppercase;
  331 + font-weight: 800;
  332 + }
  333 + #sobre {
  334 + clear: both;
  335 + background: #0a5517;
  336 + padding: 5px 0;
  337 + padding-left: 0;
  338 + text-align: right;
  339 + }
  340 + #sobre ul {
  341 + position: relative;
  342 + margin: 0; margin-left : auto;
  343 + width: 370px;
  344 + margin-left: auto;
  345 + }
  346 + #sobre li {
  347 + display: inline;
  348 + }
  349 + #sobre a {
  350 + color: #fff;
  351 + }
  352 + #sobre .portalservicos-item a {
  353 + margin-top: 50%;
  354 + padding: 0 10px;
  355 + border-right: 1px solid #fff;
  356 + font-size: 12px;
  357 + }
  358 + #voltar-topo {
  359 + text-align: right;
  360 + font-size: 12px;
  361 + }
  362 + #voltar-topo a {
  363 + color: #000000;
  364 + }
  365 + #main {
  366 + max-width: 960px;
  367 + margin: 0 auto;
  368 + background: #fff;
  369 + clear: both;
  370 + min-height: 100%;
  371 + }
  372 + #label_contato {
  373 + width: 10%;
  374 + float: left;
  375 + }
  376 + #txt_contato {
  377 + width: 90%;
  378 + float: left;
  379 + }
  380 +
  381 + /*-----------Footer-----------*/
  382 + #footer-brasil {
  383 + background: none repeat scroll 0% 0% #00420c;
  384 + padding: 1em 0px;
  385 + max-width: 100%;
  386 + }
  387 + a.oculto {
  388 + display: inline-block;
  389 + font-size: 0;
  390 + text-indent: -20000px;
  391 + }
  392 +} /*-----Fim max-width: 1024px */
  393 +
  394 +/*------Alto Contraste-----*/
  395 +.contraste, .contrast header, .contraste div, .contraste ul, .contraste p
  396 + {
  397 + background: #000 !important;
  398 + color: #fff !important;
105 399 }
106 400  
107   -#logo #portal-title-1 {
108   - font-size: 17px;
109   - font-weight: 800;
110   -}
111   -
112   -#logo #portal-title {
113   - font-size: 50px;
114   - font-weight: 800;
115   -}
116   -
117   -#logo #portal-description {
118   - font-size: 17px;
119   - margin: 5px 0 0 0;
120   - text-transform: uppercase;
121   - font-weight: 800;
122   -}
123   -
124   -#sobre {
125   - clear: both;
126   - width: 100%;
127   - margin: 0;
128   - background: #0a5517;
129   - padding: 5px 0;
130   -}
131   -
132   -#sobre ul {
133   - max-width: 960px;
134   - margin: 0 auto;
135   - text-align: right;
136   -}
137   -
138   -#sobre a {
139   - color: #fff;
140   -}
141   -
142   -#sobre .portalservicos-item a {
143   - margin-top: 50%;
144   - padding: 0 10px;
145   - border-right: 1px solid #fff;
146   - font-size: 12px;
  401 +/*
  402 +.contraste * {
  403 + color: #FFF !important;
  404 +}*/
  405 +.contraste a {
  406 + color: #FC0 !important;
147 407 }
148 408  
149   -#voltar-topo {
150   - text-align: right;
151   - font-size: 12px;
  409 +.contraste a:hover {
  410 + text-decoration: underline !important;
152 411 }
153 412  
154   -#voltar-topo a {
155   - color: #000000;
156   -}
157   -/*-----------Footer-----------*/
158   -footer {
159   - background: #034811;
160   - padding: 20px 0;
161   - width: 100%;
162   - min-height: 50%;
  413 +.contraste img {
  414 + border: 2px solid #FC0 !important;
  415 + padding: 5px;
163 416 }
164 417  
165   -.logo-acesso {
166   - margin-left: 10%;
  418 +.contraste #material ul#navegacao li {
  419 + border: 2px solid #FC0 !important;
167 420 }
168 421  
169   -.logo-brasil {
170   - margin-left: 58%;
  422 +.contraste #topo h1 a.gov {
  423 + background: transparent url('../images/gov_br_contraste.jpg') no-repeat
  424 + left top;
171 425 }
172 426  
173   -footer ul li {
174   - display: inline;
175   - margin-top: 0px;
  427 +.contraste #menu a.atual {
  428 + color: #000 !important;
  429 + background-color: #FBBD0A;
176 430 }
177 431  
178   -#main {
179   - max-width: 960px;
180   - margin: 0 auto;
181   - background: #fff;
  432 +.contraste pre * {
  433 + background-color: #161616 !important;
  434 + color: #FBBD0A !important;
182 435 }
183 436  
184   -#label_contato {
185   - width: 10%;
186   - float: left;
  437 +.contraste input[type="submit"] {
  438 + background-color: #161616 !important;
  439 + color: #FBBD0A !important;
  440 + border: #FBBD0A solid 1px;
  441 + padding: 10px;
187 442 }
188   -#txt_contato
189   -{
190   - width: 90%;
191   - float: left;
192   -}
193   -
194 443  
195   -/*--------tabe---------*/
196   -
197   -@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
198   -
199   -*, *:after, *:before {
200   - box-sizing: border-box;
201   -}
202   -.tabs-container {
203   - position: relative;
204   - height: 360px;
205   - max-width: 98%;
206   - margin: 0 auto;
  444 +.contraste #accessibility span {
  445 + background: #333 !important;
  446 + color: #ffffff !important;
207 447 }
208   -/*
209   -.tabs-container p{
210   - margin: 0;
211   - padding: 0;
212   -}*/
213   -.tabs-container:after {
214   - content: '.';
215   -display: block;
216   - clear: both;
217   - height: 0;
218   - font-size: 0;
219   - line-height: 0;
220   - visibility: none;
221   -}
222   -input.tabs {
223   -display: none;
224   -}
225   -input.tabs + label {
226   - line-height: 40px;
227   - padding: 0 20px;
228   - float: left;
229 448  
230   - background: #444;
231   - color: #fff;
232   - cursor: pointer;
233   - transition: background ease-in-out .3s;
  449 +.contraste #sobre {
  450 + background: #333 !important;
234 451 }
235 452  
236   -input.tabs:checked + label {
237   - color: #000;
238   - background: #eee;
239   -}
240   -input.tabs + label + div {
241   - width: 98%;
242   - opacity: 0;
243   - position: absolute;
244   - background: #eee;
245   - top: 40px;
246   - left: 0;
247   - min-height height: 200px;
248   - padding: 10px;
249   - z-index: -1;
250   - transition: opacity ease-in-out .3s;
251   -}
252   -input.tabs:checked + label + div {
253   - opacity: 1;
254   - z-index: 1000;
255   -}
  453 +.contraste #sobre ul {
  454 + background: #333 !important;
  455 +}
256 456 \ No newline at end of file
... ...