Download as
Browse Code »

Commit 416e319052d0a7c6668704e18e6948d835eae3e6

Authored by Victor Costa
1 parent 66e4fbc2
Exists in master and in 3 other branches new-theme, production, staging

remove unused css files

Showing 2 changed files with 0 additions and 1370 deletions   Show diff stats
css/cabecalho-amarelo-theme.css
View file @66e4fbc
... ... @@ -1,940 +0,0 @@
1   -/*(amarelo-claro=#fcdd4e)*/
2   -/*(amarelo-escuro=#f9c404)*/
3   -/****************** cabecalho ******************/
4   -#theme-header{}
5   -
6   -#header {
7   - padding: 13px 0 0 0;
8   -background-color: #fcdd4e;/*(amarelo-claro)*/
9   - /* Old browsers */
10   - background-color: #f9c404; /*(amarelo-escuro)*/
11   - background-image: -moz-radial-gradient(center, ellipse cover, #fcdd4e 1%, #f9c404 100%); /*(amarelo-claro)(amarelo-escuro)*/
12   - /* FF3.6+ */
13   - background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#fcdd4e), color-stop(100%,#f9c404));
14   - /* Chrome,Safari4+ */
15   - background-image: -webkit-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
16   - /* Chrome10+,Safari5.1+ */
17   - background-image: -o-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
18   - /* Opera 12+ */
19   - background-image: -ms-radial-gradient(center, ellipse cover, #fcdd4e 1%,#f9c404 100%);
20   - /* IE10+ */
21   - background-image: radial-gradient(ellipse at center, #fcdd4e 1%,#f9c404 100%);
22   - /* W3C */
23   -/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd4e', endColorstr='#f9c404',GradientType=1 );*/
24   - /* IE6-9 fallback on horizontal gradient */
25   - color: #fff;
26   -}
27   -
28   -#header>div {
29   - max-width: 960px;
30   - margin: 0 auto;
31   -}
32   -
33   -.header-content * {
34   - margin: 0;
35   - padding: 0;
36   - list-style: none;
37   - vertical-align: baseline;
38   -}
39   -
40   -.header-content {
41   - height: 5px;
42   - transition-duration: 0.6s;
43   - overflow: hidden;
44   -}
45   -
46   -.header-content:hover,
47   -.header-content *:focus + .header-content,
48   -.header-content *:focus > .header-content {
49   - height: 173px;
50   -}
51   -
52   -.header-content li { display: inline; }
53   -
54   -#brasilgov {
55   - background: #00510f;
56   - border-bottom: 1px solid #ffcc00;
57   - padding: 5px 10px;
58   - color: #03316f;
59   -}
60   -
61   -#accessibility {
62   - display: block !important;
63   - float: left;
64   - font-family: arial;
65   - font-size: 10px;
66   - width: 50%;
67   -}
68   -
69   -#accessibility a {
70   - color: #00500f;
71   - margin-right: 8px;
72   -}
73   -
74   -#accessibility span {
75   - background: none repeat scroll 0 0 #497B16;
76   - color: #FFFFFF;
77   - padding: 0 4px;
78   -}
79   -
80   -
81   -
82   -/* logo */
83   -#logo {
84   - padding: 0;
85   - float: left;
86   - width: 70%;
87   -}
88   -
89   -#logo span {
90   - display: block;
91   -}
92   -
93   -#logo a {
94   - display: block;
95   - width: 100%;
96   - color: #03316f !important;
97   - margin: 1em 0px;
98   -}
99   -
100   -#logo a, #logo #portal-title {
101   - color: #03316f;
102   -}
103   -
104   -#logo #portal-title {
105   - margin: 30px 0px 46px 0px;
106   - color: #03316f;
107   - font-size: 40px;
108   - font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
109   - font-weight: normal;
110   - line-height: 1em;
111   - letter-spacing: -0.05em;
112   -}
113   -
114   -#logo .luongo {
115   - font-size: 3em !important;
116   - line-height: 1.1em;
117   - margin-bottom: 0.2em;
118   -}
119   -
120   -#logo #portal-description {
121   - font-size: 1.2em;
122   - text-transform: uppercase;
123   -}
124   -
125   -/* Site Actions */
126   -#portal-siteactions {
127   - display: block;
128   - float: right;
129   - clear: left;
130   - border-bottom: 1px dotted #00500f;
131   - padding-bottom: 2px;
132   - margin-top: -15px;
133   - font-size: 10px;
134   - text-align: center;
135   -}
136   -
137   -#portal-siteactions a {
138   - color: #00500f;
139   - text-decoration: none;
140   - padding: 4px 0 4px 10px;
141   - text-transform: uppercase;
142   - font-family: 'Open Sans', Arial, Helvetica, sans-serif;
143   -}
144   -
145   -#portal-siteactions a:hover {
146   - color: #03316f;
147   -}
148   -
149   -#portal-siteactions li {
150   - display: inline;
151   -}
152   -
153   -#portal-siteactions li a:hover {
154   -color: #75ad0a
155   -}
156   -#portal-siteactions li a {
157   - padding: 4px 0px;
158   -}
159   -
160   -#social-icons {
161   - float: right;
162   - clear: right;
163   - margin: 0px;
164   -}
165   -
166   -#social-icons ul {
167   - display: table-row;
168   -}
169   -
170   -#social-icons li {
171   - display: table-cell;
172   -}
173   -
174   -#social-icons li a {
175   - border: none;
176   - padding: 0 5px;
177   -}
178   -
179   -#siteaction-accessibility,
180   -#siteaction-contraste {
181   - margin: 0px 15px 0px 0px;
182   -}
183   -/* */
184   -
185   -/* Top links */
186   -#theme-header .header-content #link-faq a {
187   - border-right: 1px solid #00500f;
188   - padding: 0 10px;
189   -}
190   -#theme-header .header-content #link-contact a {
191   - padding-left: 10px;
192   -}
193   -
194   -#theme-header #sobre {
195   - line-height: 20px;
196   - font-size: 12px;
197   -}
198   -/* */
199   -
200   -/* Sobre o brasil */
201   -#sobre {
202   - clear: both;
203   - max-width: 100% !important;
204   - margin: 0;
205   - background: #f8c300;/*amarelo-mais-escuro*/
206   - padding: 5px 0;
207   -}
208   -
209   -#sobre ul {
210   - max-width: 960px;
211   - margin: 0 auto;
212   - text-align: right;
213   -}
214   -
215   -#sobre a {
216   - color: #00500f;
217   - font-family: 'Open Sans', Arial, Helvetica, sans-serif;
218   -}
219   -
220   -#sobre .portalservicos-item a {
221   - padding: 0 10px;
222   - border-right: 1px solid #03316f;
223   -}
224   -
225   -#sobre .last-item a {
226   - padding: 0 0 0 10px;
227   - border-right: none;
228   -}
229   -
230   -/* Searchbox */
231   -.LSBox {
232   - margin: 0;
233   - padding: 0;
234   - border: none;
235   -}
236   -
237   -input.searchField {
238   - -moz-appearance: none;
239   -}
240   -
241   -#portal-searchbox {
242   - clear: right;
243   - float: right;
244   - font-size: 80%;
245   - margin: 30px 0 14px;
246   - /*margin: 3.12em 0px 3px 0px;*/
247   - text-align: right;
248   - border-radius: 5px;
249   - -moz-border-radius: 5px;
250   - -webkit-border-radius: 5px;
251   - border: 1px solid #CCCCCC;
252   - background: #fff;
253   - padding: 2px;
254   -}
255   -
256   -#portal-searchbox .searchField {
257   - padding: 0.45em;
258   - border-right: none;
259   - border: none;
260   - width: 170px;
261   -}
262   -
263   -#portal-searchbox form {
264   -white-space: nowrap;
265   -}
266   -
267   -#portal-searchbox label {
268   -font-weight: normal;
269   -}
270   -
271   -#searchGadget {
272   -width: 13em;
273   -}
274   -
275   -#header input.searchButton {
276   - padding: 0.3em;
277   - background: transparent;
278   - text-indent: -2000px;
279   - padding: 4px 15px;
280   - border: none;
281   -}
282   -
283   -#content input.searchField {
284   -margin-bottom: 1em;
285   -}
286   -input.searchField {
287   --moz-appearance: searchfield;
288   -}
289   -
290   -#header input.searchButton {
291   - background-image: url("images/search-button.gif");
292   - background-position: 8px 2px;
293   - background-repeat: no-repeat;
294   - background-color: #ffffff;
295   -}
296   -
297   -#LSResult {
298   - z-index: 1;
299   - margin-top: 0.5%;
300   -}
301   -
302   -
303   -/* Search Button */
304   -#search-button a {
305   - display: inline-block;
306   - width: 29px;
307   - height: 25px;
308   - margin-right: 3px;
309   - margin-top: 10px;
310   -}
311   -
312   -#search-button a:hover {
313   - opacity: 0.6;
314   -}
315   -
316   -#search-button #sb_search {
317   -background-image: url(images/search.png);
318   -background-size: 100% 100%;
319   -}
320   -
321   -#search-button span { display: none; }
322   -
323   -
324   -/* */
325   -
326   -/* Social Buttons */
327   -#social-buttons a {
328   - width: 18px;
329   - height: 20px;
330   - margin-right: 3px;
331   - margin-top: 10px;
332   -}
333   -
334   -#social-icons li a {
335   - width: 20px;
336   - height: 20px;
337   - padding: 0px;
338   - display: inline-block;
339   - background-repeat: no-repeat;
340   -}
341   -
342   -#social-icons li {
343   - float: right;
344   - width: 20px;
345   - margin-left: 4px;
346   -}
347   -
348   -#social-icons #sb_face {
349   -background-image: url(images/icone-verde-facebook.png);
350   -}
351   -#social-icons #sb_face:hover {
352   -background: url(images/icone-verde-facebook.png) 0 20px;
353   -}
354   -
355   -#social-icons #sb_tweet {
356   -background-image: url(images/icone-verde-twitter.png);
357   -}
358   -#social-icons #sb_tweet:hover {
359   -background: url(images/icone-verde-twitter.png) 0 20px;
360   -}
361   -
362   -#social-icons #sb_youtb {
363   -background-image: url(images/icone-verde-youtube.png);
364   -}
365   -#social-icons #sb_youtb:hover {
366   -background: url(images/icone-verde-youtube.png) 0 20px;
367   -}
368   -
369   -#social-icons #sb_flickr {
370   -background-image: url(images/icone-verde-flickr.png);
371   -}
372   -#social-icons #sb_flickr:hover {
373   -background: url(images/icone-verde-flickr.png) 0 20px;
374   -}
375   -
376   -#social-icons span { display: none; }
377   -
378   -/* FIM social Buttons */
379   -
380   -/****************** FIM cabecalho ******************/
381   -
382   -
383   -/****************** Barra do usuário e Espaço do usuário ******************/
384   -
385   -/********ABA Lateral - Espaço do Usuário**********/
386   -/*escondendo e revelando a aba lateral*/
387   -div#wrap-1,div#wrap-0{transition-duration: 0.6s;-webkit-transition-duration:0.6s;}
388   -div#wrap-1,div#theme-footer {float: right;}
389   -div#wrap-1.menu,div#theme-footer.menu {width: 80%;}
390   -div#wrap-0.menu{width: 20%; float: left;height: 1px;}
391   -
392   -/*Propriedades da aba lateral e elementos internos*/
393   -#navigation-control {
394   - width: 20%;
395   - position: absolute;
396   - display: inline-block;
397   - background-color: transparent;
398   - color: black;
399   -}
400   -
401   -#navigation-control a{}
402   -
403   -#navigation-control ul li {
404   - margin: 10px 0;
405   - text-align: left;
406   -}
407   -
408   -#navigation-control ul li a.button.with-text,
409   -#navigation-control ul li a.button.with-text:visited {
410   - border: 0px solid #AAA;
411   -}
412   -
413   -#navigation-control ul li a span {
414   - background-repeat: no-repeat;
415   - /*padding-left: 25px;*/
416   -}
417   -
418   -/**/
419   -#navigation-control .perfil{
420   - display: inline-block;
421   - background-color: gray;
422   - width: 100%;
423   -}
424   -
425   -#navigation-control .perfil ul{padding-left: 0;}
426   -
427   -#navigation-control .perfil ul li{}
428   -
429   -#navigation-control .perfil .name{text-align: center;}
430   -
431   -#navigation-control .perfil .name h1{color: #fff;}
432   -
433   -#navigation-control .perfil .picture{display: inline-block;width: 100%;text-align: center;}
434   -
435   -#navigation-control .perfil .picture img{max-width: 140px; max-height: 140px;overflow: hidden;/*border-radius: 50%;border: 1px solid red;*/}
436   -
437   -#navigation-control .perfil .tasks_inner{cursor:pointer; color: #fff;display: inline-block;width: 49%;text-align: center;background: url(images/barra-menu-task.png) no-repeat 10px center gray;}
438   -
439   -#navigation-control .perfil .user_status{cursor:pointer; display:inline-block; width:49% ; text-align: center;}
440   -
441   -#navigation-control .perfil .online{color: greenyellow;}
442   -#navigation-control .perfil .busy{color: red;}
443   -#navigation-control .perfil .away{color: yellow;}
444   -#navigation-control .perfil .offline{color: #ccc;}
445   -
446   -#navigation-control .perfil .online span{font-size: large;vertical-align: -1px;}
447   -
448   -
449   -#navigation-control .menu_user{margin-top: 0;}
450   -
451   -#navigation-control .menu_user .activity_menu {margin-top: 0;padding: 0;border-top: 1px solid #ddd;}
452   -
453   -#navigation-control .menu_user .activity_menu .activity_menu_item{color: #ddd; background-color: gray;padding: 14px 28px;margin: 0;border-bottom: 1px solid #ddd;}
454   -
455   -#navigation-control .menu_user .activity_menu .activity_menu_item:hover {background-color: #ddd; color: #333;}
456   -
457   -#navigation-control .menu_user .activity_menu .activity_menu_item span{float: right;}
458   -
459   -#navigation-control .menu_user .activity_menu .activity_menu_item .quick_post{padding: 14px;background-color: #fff;margin-top: 10px;display: none;}
460   -
461   -/********FIM ABA Lateral - Espaço do Usuário**********/
462   -
463   -
464   -/****************** Barra do usuário ******************/
465   -#barra-psocial {
466   - position: relative;
467   - height: 40px;
468   - margin: auto;
469   - background: url(images/barra-psocial-bg.png) repeat-x;
470   -}
471   -
472   -#barra-psocial.top {
473   - background-image: none;
474   - background-color: #fff;
475   - height: 40px;
476   -}
477   -
478   -#barra-psocial li {
479   - float: left;
480   -}
481   -
482   -
483   -/*****Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/
484   -.btn_control_panel{
485   - min-width: 40px;
486   - height: 40px;
487   - color: #999;
488   - margin-top: 0;
489   - display: inline-block;
490   - float: left;
491   - cursor: pointer;
492   - border-right: 1px solid #999;
493   - opacity:0.4;
494   - filter:alpha(opacity=40);
495   - padding: 0px 0px 0 35px;
496   -}
497   -
498   -.btn_control_panel:hover { background-color: #ddd; opacity:0.8;filter:alpha(opacity=80);}
499   -
500   -.btn_control_panel span{margin:8px 5px 5px 5px; border: 1px solid gray;border-radius: 5px; background-color: white; padding: 3px;color: #333;display: inline-block;}
501   -
502   -a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
503   -
504   -.btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em}
505   -
506   -.btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em}
507   -
508   -a.btn_control_panel:hover ul li{display: block;}
509   -
510   -.btn_control_panel ul li ul {display: none;}
511   -
512   -.btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
513   -
514   -
515   -/*****FIM Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/
516   -
517   -.btn_control,
518   -.btn_menu {
519   - background: url(images/barra-menu-control.png) no-repeat 14px center #eee;
520   - padding-left: 10px;
521   -}
522   -
523   -.btn_tasks {
524   - background: url(images/barra-menu-task.png) no-repeat 10px center #eee;padding-left: 30px;
525   -}
526   -
527   -.btn_msg {
528   - background: url(images/barra-menu-mail.png) no-repeat 10px center #eee;
529   -}
530   -
531   -
532   -/*tarefas da barra do usuário*/
533   -.task_list {
534   - position: absolute;
535   - background: #eee;
536   - z-index: 9999;
537   - margin-left: 50px;
538   - visibility: visible;
539   - display: block;
540   -}
541   -
542   -#msg_list.task_list {margin-left: 122px;}
543   -
544   -.task_list ul {display: inline-block;padding-left: 0;}
545   -
546   -.task_list ul li {
547   - float: none;
548   - display: block;
549   - padding: 10px;
550   -}
551   -.task_list ul .task_box {
552   - border-bottom: 1px solid #ccc;
553   -/* display: inline-block;
554   - float: left;
555   - margin-right: 1em;*/
556   -}
557   -
558   -.task_icon {
559   - float: left;
560   - margin-right: 14px;
561   -}
562   -
563   -.task_list ul .task_decisions {
564   - clear: right;
565   -}
566   -
567   -.task_information {
568   - display: inline-block;
569   - width: 300px;
570   -}
571   -
572   -.task_list ul .task_title {margin-right: 0px !important}
573   -
574   -.task_list .button-bar{float: right;margin-right: 10px;}
575   -
576   -.task_list .button-bar a.button.with-text {
577   - padding: 5px 10px;
578   - padding-left: 20px;
579   - padding-right: 5px;
580   -}
581   -.task_list .button-bar input.button.with-text {
582   - max-height: 32px;
583   - height: 32px;
584   - padding: 0 25px;
585   - padding-right: 10px;
586   -}
587   -
588   -.task_list.hide {display: none; visibility: hidden;}
589   -
590   -/*FIM tarefas da barra do usuário*/
591   -
592   -
593   -/**/
594   -
595   - /*código "#control-panel" substituído por "#control_panel_bar" */
596   -/*
597   -#control-panel {
598   - position: absolute;
599   - width: 230px;
600   - padding: 10px;
601   -}
602   -#control-panel .pending-tasks {background-color: white;}
603   -
604   -#control-panel .pending-tasks ul{
605   - padding-left: 0;
606   -}
607   -
608   -#control-panel .pending-tasks ul li{
609   - margin: 10px 0;
610   - padding: 10px 0;
611   - border-bottom: 1px solid gray;
612   -}
613   -
614   -#control-panel .control-panel {position: relative;}
615   -
616   -#control-panel .control-panel a,
617   -#control-panel .control-panel a:visited {
618   - clear: left;
619   - border-bottom: 1px solid LightGray;
620   -}
621   -*/
622   -
623   -
624   -
625   -/************* Bar Psocial Style - Menu Horizontal**************/
626   -/*
627   -#user{
628   - padding: 0px 2em;
629   - top: -30px;
630   - font-size: 12px;
631   - right: 4em;
632   -}
633   -
634   -.logged-in #user{
635   - top: -40px;
636   -}
637   -*/
638   -
639   -#user{
640   -
641   - top: 0px;
642   - font-size: 12px;
643   - position: relative;
644   -}
645   -
646   -
647   -#user form {
648   - display:none;
649   -}
650   -
651   -#user .logged-in {
652   - visibility: hidden;
653   - display: block;
654   - background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
655   - display: block;
656   - padding: 2px 1em;
657   - text-align: left;
658   - width: 130px;
659   - border-radius: 10px
660   -}
661   -
662   -#user .logged-in:hover {
663   - visibility: visible;
664   -}
665   -#user .logged-in a#homepage-link {
666   - display: block;
667   - visibility: visible;
668   -}
669   -
670   -
671   -#user .logged-in a.admin-link,
672   -#user .logged-in a.ctrl-panel,
673   -#user .logged-in a#logout {
674   - margin-top: 14px;
675   -}
676   -
677   -
678   -#user .logged-in span {display: none;}
679   -
680   -#user .logged-in a {
681   - display: block;
682   - margin-bottom: 10px;
683   - width: auto;
684   -}
685   -
686   -#user .logged-in #pending-tasks-count {
687   - display: inline-block;
688   - left: -30px;
689   - position: absolute;
690   - top: 0px;
691   - visibility: visible;
692   - text-align: right;
693   -}
694   -
695   -/****************** FIM Barra do usuário ******************/
696   -
697   -/****************** FIM Barra do usuário e Menu do usuário ******************/
698   -
699   -
700   -/****************** Painel de Controle ******************/
701   -
702   -/*Botão Painel de controle*/
703   -
704   -#btn_open_control_panel {float: right;}
705   -
706   -#btn_open_control_panel span {
707   - position: relative;
708   - background: url("images/20-gear2.png") no-repeat left center transparent;
709   - padding-left: 30px;
710   - display: inline-block;
711   - height: 30px;
712   - line-height: 30px;
713   -}
714   -
715   -#btn_open_control_panel.show span {}
716   -
717   -/*****FIM Botão Painel de controle*****/
718   -
719   -/*barra (menu) painel de controle*/
720   -
721   -#control_panel_bar {
722   - /*width: 100%;*/
723   - text-align: center;
724   - display: inline-block;
725   - padding-top: 0px;
726   - background-color: #ccc;
727   - overflow: hidden;
728   - height: 0px;
729   - transition: 0.6s;
730   - /*margin-bottom: 14px;*/
731   - width: 100%;
732   -}
733   -
734   -
735   -#control_panel_bar.show {
736   - padding-top: 0px;
737   - background-color: #ccc;
738   - height: 80px;
739   -
740   -}
741   -
742   -.btn_control_panel_bar{
743   - text-align: right;
744   - /*position: absolute;*/
745   - /*right: 0;*/
746   - padding: 0 14px;
747   -}
748   -
749   -.btn_control_panel_bar ul {text-align: center;display: inline-block;}
750   -
751   -.btn_control_panel_bar ul li{
752   -display: inline-block;
753   -border-left: 1px solid black;
754   -padding: 0 14px;}
755   -
756   -#control_panel_bar .btn_control_panel{
757   - float: none;
758   -}
759   -
760   -#control_panel_bar #new_content{
761   - background-image: url(images/text-editor.png);
762   - background-repeat: no-repeat;
763   -}
764   -
765   -#control_panel_bar .btn_control {
766   - background-position: center 3px;
767   - height: 35px;
768   - padding: 40px 14px 0px 14px;
769   - display: inline-block;
770   - width: 100px;
771   - vertical-align: top;
772   - background-size: 25%;
773   -}
774   -
775   -#control_panel_bar .btn_menu{
776   - background-position: center 3px;
777   - height: 0px;
778   - overflow: hidden;
779   - padding: 0px;
780   - display: inline-block;
781   - width: 100px;
782   - vertical-align: top;
783   - background-size: 25%;
784   - transition: 0.6s;
785   -}
786   -
787   -#control_panel_bar.show .btn_menu{
788   - background-position: center 3px;
789   - height: 35px;
790   - overflow: hidden;
791   - padding: 40px 14px 0px 14px;
792   - display: inline-block;
793   - width: 100px;
794   - vertical-align: top;
795   - background-size: 25%;
796   -}
797   -
798   -#control_panel_bar.show .btn_menu:hover{
799   - overflow: visible;
800   -}
801   -
802   -/*Menu e SubMenu do Painel de controle*/
803   -#control_panel_bar a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
804   -
805   -
806   -#control_panel_bar .btn_control_panel ul {display: inline-block;padding-left: 0;padding-top: 0;text-align: left;margin: 0;position: relative;left: -14px;}
807   -
808   -#control_panel_bar .btn_control_panel ul:hover {}
809   -
810   -#control_panel_bar .btn_control_panel ul li {padding: 0;display: block;display: inline-block;}/*{display: block;padding-left: 0;text-align: left;margin: 0;padding: 0 1em}*/
811   -
812   -#control_panel_bar a.btn_control_panel:hover ul li{display: block;}
813   -
814   -#control_panel_bar a.btn_control_panel ul li span{height: auto;width: 140px;background-color: #eee;padding: 7px 14px;}
815   -
816   -#control_panel_bar a.btn_control_panel ul li span:hover{background-color: #ccc;}
817   -
818   -#control_panel_bar .btn_control_panel ul li ul {display: none;}
819   -
820   -#control_panel_bar .btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
821   -/*FIM Menu e SubMenu do Painel de controle*/
822   -
823   -/* FIM barra (menu) painel de controle*/
824   -
825   -
826   -
827   -/****************** FIM Painel de Controle ******************/
828   -
829   -
830   -#assets-menu {
831   - background: #E8E8E8;
832   - top: 35px;
833   - left: 80px;
834   - min-width: 132px;
835   -}
836   -
837   -#assets-menu a {
838   - border: 1px solid #E8E8E8;
839   -}
840   -
841   -#categories_menu {
842   - /*max-width: 960px;*/
843   - padding: 0 1em;
844   - margin: auto;
845   - float: left;
846   -}
847   -
848   -#cat_menu {
849   - background: url(images/logo-ps.png) no-repeat center left;
850   - height: 40px;
851   - padding-left: 70px;
852   -
853   -}
854   -
855   -#cat_menu li {
856   - list-style: none;
857   - font-size: 12px;
858   - font-weight: bold;
859   - padding: 0px 20px;
860   - height: 100%;
861   - text-transform: uppercase;
862   -}
863   -
864   -#cat_menu li:hover {
865   - background-color: #E1E4E4;
866   -}
867   -
868   -#cat_menu li a {
869   - line-height: 40px;
870   - width: 100%;
871   - height: 100%;
872   - display: block;
873   -}
874   -/************* FIM Bar Psocial Style - Menu Horizontal**************/
875   -
876   -
877   -/******************Footer - Rodapé**********************************/
878   -#theme-footer {
879   - width: 100%;
880   -}
881   -
882   -#footer-content {
883   - background: #fff;
884   -}
885   -
886   -#footer-logos {
887   - background: #F28F00;
888   - max-width: 100%;
889   - padding: 2em 0;
890   - height: 49px;
891   -}
892   -
893   -#footer-logos div {
894   - max-width: 960px;
895   - margin: 0 auto;
896   -}
897   -
898   -#footer-logos a {
899   - display: block;
900   - height: 49px;
901   - float: left;
902   -}
903   -
904   -#footer-logos span {
905   - display: none;
906   -}
907   -
908   -#footer-logos .logo-acesso {
909   - background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
910   - width: 107px;
911   -}
912   -
913   -#footer-logos .logo-brasil {
914   - background: transparent url(images/brasil.png) center center no-repeat;
915   - width: 153px;
916   -}
917   -
918   -#footer-logos .logo-sgpr {
919   - background: transparent url(images/sgpr.png) center center no-repeat;
920   - width: 187px;
921   - margin-right: 30px;
922   -}
923   -
924   -#footer-logos .institucionais {
925   - float: right;
926   -}
927   -
928   -#footer-license {
929   - max-width: 960px;
930   - margin: 0 auto;
931   - text-align: left;
932   - padding: 19px;
933   -}
934   -
935   -#footer-license p {
936   - color: #F28F00;
937   - text-align: left;
938   -}
939   -
940   -
css/userBar_controlPanel.css
View file @66e4fbc
... ... @@ -1,430 +0,0 @@
1   -
2   -/****************** Barra do usuário e Espaço do usuário ******************/
3   -
4   -/********ABA Lateral - Espaço do Usuário**********/
5   -/*escondendo e revelando a aba lateral*/
6   -div#wrap-1,div#wrap-0{transition-duration: 0.6s;-webkit-transition-duration:0.6s;}
7   -div#wrap-1,div#theme-footer {float: right;}
8   -div#wrap-1.menu,div#theme-footer.menu {width: 80%;}
9   -div#wrap-0.menu{width: 20%; float: left;height: 1px;}
10   -
11   -/*Propriedades da aba lateral e elementos internos*/
12   -#navigation-control {
13   - width: 20%;
14   - position: absolute;
15   - display: inline-block;
16   - background-color: transparent;
17   - color: black;
18   -}
19   -
20   -#navigation-control a{}
21   -
22   -#navigation-control ul li {
23   - margin: 10px 0;
24   - text-align: left;
25   -}
26   -
27   -#navigation-control ul li a.button.with-text,
28   -#navigation-control ul li a.button.with-text:visited {
29   - border: 0px solid #AAA;
30   -}
31   -
32   -#navigation-control ul li a span {
33   - background-repeat: no-repeat;
34   - /*padding-left: 25px;*/
35   -}
36   -
37   -/**/
38   -#navigation-control .perfil{
39   - display: inline-block;
40   - background-color: gray;
41   - width: 100%;
42   -}
43   -
44   -#navigation-control .perfil ul{padding-left: 0;}
45   -
46   -#navigation-control .perfil ul li{}
47   -
48   -#navigation-control .perfil .name{text-align: center;}
49   -
50   -#navigation-control .perfil .name h1{color: #fff;}
51   -
52   -#navigation-control .perfil .picture{display: inline-block;width: 100%;text-align: center;}
53   -
54   -#navigation-control .perfil .picture img{max-width: 140px; max-height: 140px;overflow: hidden;/*border-radius: 50%;border: 1px solid red;*/}
55   -
56   -#navigation-control .perfil .tasks_inner{cursor:pointer; color: #fff;display: inline-block;width: 49%;text-align: center;background: url(images/barra-menu-task.png) no-repeat 10px center gray;}
57   -
58   -#navigation-control .perfil .user_status{cursor:pointer; display:inline-block; width:49% ; text-align: center;}
59   -
60   -#navigation-control .perfil .online{color: greenyellow;}
61   -#navigation-control .perfil .busy{color: red;}
62   -#navigation-control .perfil .away{color: yellow;}
63   -#navigation-control .perfil .offline{color: #ccc;}
64   -
65   -#navigation-control .perfil .online span{font-size: large;vertical-align: -1px;}
66   -
67   -
68   -#navigation-control .menu_user{margin-top: 0;}
69   -
70   -#navigation-control .menu_user .activity_menu {margin-top: 0;padding: 0;border-top: 1px solid #ddd;}
71   -
72   -#navigation-control .menu_user .activity_menu .activity_menu_item{color: #ddd; background-color: gray;padding: 14px 28px;margin: 0;border-bottom: 1px solid #ddd;}
73   -
74   -#navigation-control .menu_user .activity_menu .activity_menu_item:hover {background-color: #ddd; color: #333;}
75   -
76   -#navigation-control .menu_user .activity_menu .activity_menu_item span{float: right;}
77   -
78   -#navigation-control .menu_user .activity_menu .activity_menu_item .quick_post{padding: 14px;background-color: #fff;margin-top: 10px;display: none;}
79   -
80   -/********FIM ABA Lateral - Espaço do Usuário**********/
81   -
82   -
83   -/****************** Barra do usuário ******************/
84   -#barra-psocial {
85   - position: relative;
86   - height: 40px;
87   - margin: auto;
88   - background: url(images/barra-psocial-bg.png) repeat-x;
89   -}
90   -
91   -#barra-psocial.top {
92   - background-image: none;
93   - background-color: #fff;
94   - height: 40px;
95   -}
96   -
97   -#barra-psocial li {
98   - float: left;
99   -}
100   -
101   -
102   -/*****Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/
103   -.btn_control_panel{
104   - min-width: 40px;
105   - height: 40px;
106   - color: #999;
107   - margin-top: 0;
108   - display: inline-block;
109   - float: left;
110   - cursor: pointer;
111   - border-right: 1px solid #999;
112   - opacity:0.4;
113   - filter:alpha(opacity=40);
114   - padding: 0px 0px 0 35px;
115   -}
116   -
117   -.btn_control_panel:hover { background-color: #ddd; opacity:0.8;filter:alpha(opacity=80);}
118   -
119   -.btn_control_panel span{margin:8px 5px 5px 5px; border: 1px solid gray;border-radius: 5px; background-color: white; padding: 3px;color: #333;display: inline-block;}
120   -
121   -a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
122   -
123   -.btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em}
124   -
125   -.btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em}
126   -
127   -a.btn_control_panel:hover ul li{display: block;}
128   -
129   -.btn_control_panel ul li ul {display: none;}
130   -
131   -.btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
132   -
133   -
134   -/*****FIM Botões da barra do usuário - Menu - Pendẽncias - Mensagens *****/
135   -
136   -.btn_control,
137   -.btn_menu {
138   - background: url(images/barra-menu-control.png) no-repeat 14px center #eee;
139   - padding-left: 10px;
140   -}
141   -
142   -.btn_tasks {
143   - background: url(images/barra-menu-task.png) no-repeat 10px center #eee;padding-left: 30px;
144   -}
145   -
146   -.btn_msg {
147   - background: url(images/barra-menu-mail.png) no-repeat 10px center #eee;
148   -}
149   -
150   -
151   -/*tarefas da barra do usuário*/
152   -.task_list {
153   - position: absolute;
154   - background: #eee;
155   - z-index: 9999;
156   - margin-left: 50px;
157   - visibility: visible;
158   - display: block;
159   -}
160   -
161   -#msg_list.task_list {margin-left: 122px;}
162   -
163   -.task_list ul {display: inline-block;padding-left: 0;}
164   -
165   -.task_list ul li {
166   - float: none;
167   - display: block;
168   - padding: 10px;
169   -}
170   -.task_list ul .task_box {
171   - border-bottom: 1px solid #ccc;
172   -/* display: inline-block;
173   - float: left;
174   - margin-right: 1em;*/
175   -}
176   -
177   -.task_icon {
178   - float: left;
179   - margin-right: 14px;
180   -}
181   -
182   -.task_list ul .task_decisions {
183   - clear: right;
184   -}
185   -
186   -.task_information {
187   - display: inline-block;
188   - width: 300px;
189   -}
190   -
191   -.task_list ul .task_title {margin-right: 0px !important}
192   -
193   -.task_list .button-bar{float: right;margin-right: 10px;}
194   -
195   -.task_list .button-bar a.button.with-text {
196   - padding: 5px 10px;
197   - padding-left: 20px;
198   - padding-right: 5px;
199   -}
200   -.task_list .button-bar input.button.with-text {
201   - max-height: 32px;
202   - height: 32px;
203   - padding: 0 25px;
204   - padding-right: 10px;
205   -}
206   -
207   -.task_list.hide {display: none; visibility: hidden;}
208   -
209   -/*FIM tarefas da barra do usuário*/
210   -
211   -
212   -/**/
213   -
214   - /*código "#control-panel" substituído por "#control_panel_bar" */
215   -/*
216   -#control-panel {
217   - position: absolute;
218   - width: 230px;
219   - padding: 10px;
220   -}
221   -#control-panel .pending-tasks {background-color: white;}
222   -
223   -#control-panel .pending-tasks ul{
224   - padding-left: 0;
225   -}
226   -
227   -#control-panel .pending-tasks ul li{
228   - margin: 10px 0;
229   - padding: 10px 0;
230   - border-bottom: 1px solid gray;
231   -}
232   -
233   -#control-panel .control-panel {position: relative;}
234   -
235   -#control-panel .control-panel a,
236   -#control-panel .control-panel a:visited {
237   - clear: left;
238   - border-bottom: 1px solid LightGray;
239   -}
240   -*/
241   -
242   -
243   -
244   -/************* Bar Psocial Style - Menu Horizontal**************/
245   -/*
246   -#user{
247   - padding: 0px 2em;
248   - top: -30px;
249   - font-size: 12px;
250   - right: 4em;
251   -}
252   -
253   -.logged-in #user{
254   - top: -40px;
255   -}
256   -*/
257   -
258   -#user{
259   -
260   - top: 0px;
261   - font-size: 12px;
262   - position: relative;
263   -}
264   -
265   -
266   -#user form {
267   - display:none;
268   -}
269   -
270   -#user .logged-in {
271   - visibility: hidden;
272   - display: block;
273   - background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
274   - display: block;
275   - padding: 2px 1em;
276   - text-align: left;
277   - width: 130px;
278   - border-radius: 10px
279   -}
280   -
281   -#user .logged-in:hover {
282   - visibility: visible;
283   -}
284   -#user .logged-in a#homepage-link {
285   - display: block;
286   - visibility: visible;
287   -}
288   -
289   -
290   -#user .logged-in a.admin-link,
291   -#user .logged-in a.ctrl-panel,
292   -#user .logged-in a#logout {
293   - margin-top: 14px;
294   -}
295   -
296   -
297   -#user .logged-in span {display: none;}
298   -
299   -#user .logged-in a {
300   - display: block;
301   - margin-bottom: 10px;
302   - width: auto;
303   -}
304   -
305   -#user .logged-in #pending-tasks-count {
306   - display: inline-block;
307   - left: -30px;
308   - position: absolute;
309   - top: 0px;
310   - visibility: visible;
311   - text-align: right;
312   -}
313   -
314   -/****************** FIM Barra do usuário ******************/
315   -
316   -/****************** FIM Barra do usuário e Menu do usuário ******************/
317   -
318   -
319   -
320   -
321   -/****************** Painel de Controle ******************/
322   -
323   -/*Botão Painel de controle*/
324   -
325   -#btn_open_control_panel {}
326   -
327   -#btn_open_control_panel span {
328   - position: relative;
329   - background: url("images/20-gear2.png") no-repeat left center transparent;
330   - padding-left: 30px;
331   - display: inline-block;
332   - height: 30px;
333   - line-height: 30px;
334   -}
335   -
336   -#btn_open_control_panel.show span {}
337   -
338   -/*****FIM Botão Painel de controle*****/
339   -
340   -/*barra (menu) painel de controle*/
341   -
342   -#control_panel_bar {
343   - /*width: 100%;*/
344   - text-align: center;
345   - display: inline-block;
346   - padding-top: 0px;
347   - background-color: #ccc;
348   - /*overflow: hidden;*/
349   - height: 0px;
350   - transition: 0.6s;
351   - margin-bottom: 14px;
352   - width: 100%;
353   -}
354   -
355   -
356   -#control_panel_bar.show {
357   - padding-top: 0px;
358   - background-color: transparent;
359   - height: 80px;
360   -
361   -}
362   -
363   -.btn_control_panel_bar{
364   - text-align: right;
365   - position: absolute;
366   - right: 0;
367   -}
368   -
369   -#control_panel_bar .btn_control_panel{
370   - float: none;
371   -}
372   -
373   -#control_panel_bar #new_content{
374   - background-image: url(images/text-editor.png);
375   - background-repeat: no-repeat;
376   -}
377   -
378   -#control_panel_bar .btn_control {
379   - background-position: center 3px;
380   - height: 35px;
381   - padding: 40px 14px 0px 14px;
382   - display: inline-block;
383   - width: 100px;
384   - vertical-align: top;
385   - background-size: 25%;
386   -}
387   -
388   -#control_panel_bar .btn_menu{
389   - background-position: center 3px;
390   - height: 0px;
391   - overflow: hidden;
392   - padding: 0px;
393   - display: inline-block;
394   - width: 100px;
395   - vertical-align: top;
396   - background-size: 25%;
397   - transition: 0.6s;
398   -}
399   -
400   -#control_panel_bar.show .btn_menu{
401   - background-position: center 3px;
402   - height: 35px;
403   - overflow: visible;
404   - padding: 40px 14px 0px 14px;
405   - display: inline-block;
406   - width: 100px;
407   - vertical-align: top;
408   - background-size: 25%;
409   -}
410   -
411   -/*Menu e SubMenu do Painel de controle*/
412   -#control_panel_bar a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;}
413   -
414   -#control_panel_bar .btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em}
415   -
416   -#control_panel_bar .btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em}
417   -
418   -#control_panel_bar a.btn_control_panel:hover ul li{display: block;}
419   -
420   -#control_panel_bar .btn_control_panel ul li ul {display: none;}
421   -
422   -#control_panel_bar .btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block}
423   -/*FIM Menu e SubMenu do Painel de controle*/
424   -
425   -/* FIM barra (menu) painel de controle*/
426   -
427   -
428   -
429   -/****************** FIM Painel de Controle ******************/
430   -