Download as
Browse Code »

Commit 08f6a360fc119f85278ea570ef8cfa8bedb4b2f9

Authored by Leandro Nunes dos Santos
1 parent 1076d19d
Exists in master and in 2 other branches production, staging

atualizando layout

Showing 5 changed files with 226 additions and 207 deletions   Show diff stats
images/down-arrow-light.png 0 → 100644
View file @08f6a36

169 Bytes
navigation.css 0 → 100644
  Diff comments   View file @08f6a36
... ... @@ -0,0 +1,69 @@
  1 +#navigation {
  2 + background: none;
  3 + position: absolute;
  4 + right: 0;
  5 + text-align: right;
  6 + top: 100px;
  7 + width: 100%;
  8 + height: 33px;
  9 +}
  10 +
  11 +#navigation-end {
  12 + background: url("images/menuconsulta.gif") no-repeat top right transparent;
  13 + height: 60px;
  14 + margin-right: -14px;
  15 + margin-top: -3px;
  16 +}
  17 +
  18 +#navigation ul{
  19 + background: url("images/menuconsulta-fim.png") no-repeat -25px 0 #2172AC;
  20 + height: 31px;
  21 + margin-top: -2px;
  22 +}
  23 +
  24 +#navigation li{
  25 + width: 146px;
  26 +}
  27 +
  28 +#navigation a {
  29 + line-height: 30px;
  30 + padding: 0 10px;
  31 + border-left: 0px;
  32 + font-size: 110%;
  33 +}
  34 +
  35 +#navigation .menu-submenu{
  36 + margin-right: -1px;
  37 + width: auto;
  38 +}
  39 +
  40 +#navigation .menu-submenu ul{
  41 + border: 1px solid #2172AC;
  42 +}
  43 +
  44 +#navigation li .menu-submenu-trigger{
  45 + top: 30px;
  46 +}
  47 +
  48 +#navigation li .menu-submenu-trigger {
  49 + background: #2172AC url(images/down-arrow-light.png) center center no-repeat;
  50 + border: 1px solid #032b5c;
  51 + border-top-color: #fff;
  52 +}
  53 +
  54 +#navigation li:hover .menu-submenu-trigger:hover {
  55 + background: #5B8CC9 url(images/down-arrow-light.png) center center no-repeat;
  56 +}
  57 +
  58 +#navigation .menu-submenu-content ul {
  59 + background: #2172AC;
  60 +}
  61 +
  62 +#navigation .menu-submenu-list li {
  63 + background: #2172AC;
  64 +}
  65 +
  66 +#navigation .menu-submenu-list li a:hover {
  67 + background: #5B8CC9 ;
  68 +}
  69 +
... ...
profile_header.css 0 → 100644
  Diff comments   View file @08f6a36
... ... @@ -0,0 +1,24 @@
  1 +#profile-header {
  2 + background-image: url("images/marca-consultapublica.png");
  3 + background-repeat: no-repeat;
  4 + display: block;
  5 + height: 152px;
  6 + position: absolute;
  7 + top: -31px;
  8 + width: 100%;
  9 +}
  10 +
  11 +#profile-header p {
  12 + color: #004595;
  13 + font-family: sans-serif;
  14 + font-size: 38px;
  15 + font-weight: lighter;
  16 + padding-left: 10px;
  17 + position: relative;
  18 + top: 55px;
  19 +}
  20 +
  21 +#profile-header h1{
  22 + margin-left: 20px;
  23 + margin-top: 90px;
  24 +}
... ...
style.css
  Diff comments   View file @08f6a36
1 1 @import url(../base/style.css);
2   -
3   -/*
4   -#site-title img {
5   - left:-22px;
6   - position:absolute;
7   - top:-30px;
8   -}
9   -
10   -#title-bar {
11   - background-color: gray;
12   -}
13   -#buddy-list .toolbar {
14   - background-color: gray;
15   - border-top: 1px solid;
16   - border-bottom: 1px solid;
17   -}
18   -#title-bar h1 {
19   - color: white;
20   -}
21   -#chat-window {
22   - background: white;
23   -}
24   -#buddy-list #environment-logo {
25   - background-color: #BBB;
26   -}
27   -
28   -body {
29   - background: red;
30   - font-family: Liberation Sans, Arial, sans-serif;
31   -}*/
32   -
  2 +@import url(profile_header.css);
  3 +@import url(user_bar.css);
  4 +@import url(navigation.css);
33 5  
34 6 html {
35   - background: url(images/background.png) repeat fixed left top transparent;
36   - }
  7 + background: url(images/background.png) repeat fixed left top transparent;
  8 +}
37 9  
38 10 body {
39   - background-color: transparent;
40   - font-family: "trebuchet MS", verdana, sans-serif;
  11 + background-color: transparent;
  12 + font-family: "trebuchet MS", verdana, sans-serif;
41 13 }
42 14  
43 15 #theme-header{
44   - background: url("images/topo.gif") no-repeat scroll left top transparent;
45   - height: 40px
  16 + background: url("images/topo.gif") no-repeat scroll left top transparent;
  17 + height: 40px
46 18 }
47 19  
48 20 #wrap-2{
49   - background: url("images/topo2.gif") no-repeat scroll left top #FEFEFE;
  21 + background: url("images/topo2.gif") no-repeat scroll left top #FEFEFE;
50 22 }
51 23  
52 24 #site-title {
53   - left: 10px;
54   - top: -31px;
  25 + left: 10px;
  26 + top: -31px;
55 27 }
56 28  
57 29 #site-title a{
58   - background-image: url("images/marca-consultapublica.png");
59   - background-repeat: no-repeat;
60   - height: 90px;
61   - left: 0;
62   - top: 0;
  30 + background-image: url("images/marca-consultapublica.png");
  31 + background-repeat: no-repeat;
  32 + height: 90px;
  33 + left: 0;
  34 + top: 0;
63 35  
64 36 }
65 37  
66   -#profile-header {
67   - background-image: url("images/marca-consultapublica.png");
68   - background-repeat: no-repeat;
69   - display: block;
70   - height: 152px;
71   - position: absolute;
72   - top: -31px;
73   - width: 100%;
74   -}
75   -
76   -#profile-header p {
77   - color: #004595;
78   - font-family: sans-serif;
79   - font-size: 38px;
80   - font-weight: lighter;
81   - padding-left: 10px;
82   - position: relative;
83   - top: 55px;
84   -}
85   -
86   -#profile-header h1{
87   - margin-left: 20px;
88   - margin-top: 90px;
89   -}
90   -
91   -#user {
92   - color: white;
93   - position: absolute;
94   - right: 10px;
95   - text-align: right;
96   - top: -25px;
97   - z-index: 10;
98   -}
99   -
100   -#user a i{
101   - left: -20px;
102   -}
103   -
104   -#user,
105   -#user a,
106   -#user a:hover,
107   -#user a:visited,
108   -#user a strong {
109   - color: white;
110   - text-decoration: none;
111   -}
112   -
113   -
114   -#navigation {
115   - background: none;
116   - position: absolute;
117   - right: 0;
118   - text-align: right;
119   - top: 100px;
120   - width: 100%;
121   - height: 33px;
122   -}
123   -
124   -#navigation-end {
125   - background: url("images/menuconsulta.gif") no-repeat top right transparent;
126   - height: 60px;
127   - margin-right: -14px;
128   - margin-top: -3px;
129   -}
130   -
131   -#navigation ul{
132   - background: url("images/menuconsulta-fim.png") no-repeat -25px 0 #2172AC;
133   - height: 31px;
134   - margin-top: -2px;
135   -
136   -}
137   -
138   -#navigation li{
139   - width: 146px;
140   -}
141   -
142   -#navigation a {
143   - line-height: 30px;
144   - padding: 0 10px;
145   - border-left: 0px;
146   - font-size: 110%;
147   -}
148   -
149   -#navigation .menu-submenu{
150   - margin-right: -1px;
151   - width: auto;
152   -}
153   -
154   -
155   -#navigation li .menu-submenu-trigger{
156   - top: 30px;
157   -}
158   -
159   -#navigation span {
160   - color: white;
161   -}
162   -
163   -#navigation .menu-submenu{
164   -
165   -}
166   -
167 38 #content {
168   - margin-top: 150px;
  39 + margin-top: 150px;
169 40 }
170 41  
171 42 #content .box-2 #content .feed-reader-block, #content .recent-documents-block{
172   - overflow: visible;
  43 + overflow: visible;
173 44 }
174 45 #content .box-1{
175   - margin-left: 282px;
  46 + margin-left: 282px;
176 47 }
177 48 #content .box-2{
178   - width: 282px;
179   - background-color: #EFEFEF;
180   - margin-left: 15px;
181   - width: 250px;
  49 + width: 282px;
  50 + background-color: #EFEFEF;
  51 + margin-left: 15px;
  52 + width: 250px;
  53 +}
  54 +
  55 +#content .block {
  56 + margin: 0px;
  57 +}
  58 +#content .block ul{
  59 + list-style: none;
  60 + text-align: justify;
  61 + padding-left: 20px;
  62 + padding-right: 5px;
182 63 }
183 64  
184 65 #content .box-2 .block-inner-1 .block-inner-2{
185   - background: url("images/textosemconsulta.gif") no-repeat scroll left top transparent;
186   - margin-left: -14px;
  66 + background: url("images/textosemconsulta.gif") no-repeat scroll left top transparent;
  67 + margin-left: -14px;
187 68 }
188 69  
189 70 #content .box-2 .block-inner-2 .block-title{
190   - background: url("images/textosemconsulta-canto.gif") no-repeat scroll left 44px transparent;
191   - height: 62px;
192   - position: relative;
193   - margin-bottom: 0;
194   - border-bottom: 0 none;
195   - z-index: 9;
  71 + background: url("images/textosemconsulta-canto.gif") no-repeat scroll left 44px transparent;
  72 + height: 62px;
  73 + position: relative;
  74 + margin-bottom: 0;
  75 + border-bottom: 0 none;
  76 + z-index: 9;
196 77 }
197 78  
198 79  
199 80 #content .box-2 .block-inner-2 .block-title span {
200   - color: white;
201   - display: block;
202   - font-family: sans-serif;
203   - font-weight: lighter;
204   - padding-left: 20px;
205   - padding-top: 7px;
206   - position: relative;
  81 + color: white;
  82 + display: block;
  83 + font-family: sans-serif;
  84 + font-weight: lighter;
  85 + padding-left: 20px;
  86 + padding-top: 7px;
  87 + position: relative;
207 88 }
208 89  
209   -#content .box-2 .block-inner-2 ul{
210   -
  90 +#content .box-2 .block-inner-2 li{
  91 + list-style: none;
211 92 }
212 93  
213 94 #content .box-2 .block a {
214 95 color: #004A9E;
215 96 }
216 97  
  98 +/*
217 99 #content .box-2 .feed-reader-block li, .recent-documents-block li{
218 100 list-style: none;
219   - text-indent: 20px;
220   - background: url("images/divisoria-coluna2.gif") no-repeat scroll center top transparent;
221   - margin-left: 15px;
222   - padding: 20px 0;
223   -}
224   -#content .box-2 .feed-reader-block li, .recent-documents-block li:first-of-type {
225   - background: url("images/divisoria-coluna3.gif") no-repeat scroll center top transparent;
226   -}
227   -
228   -#content .box-2 .recent-documents-block ul {
229   - padding-left: 0;
230   -}
231   -
232   -#content .box-2 #site-title a img {
233   - display: none;
234   -}
235   -/*
236   -.profile-image-block,
237   -#site-title a img{
238   - display: none;
239   - visibility: hidden;
240   -}*/
241   -
242   -#content .box-2 #main-content-wrapper-1,
243   -#content .box-2 #main-content-wrapper-2,
244   -#content .box-2 #main-content-wrapper-3,
245   -#content .box-2 #main-content-wrapper-4,
246   -#content .box-2 #main-content-wrapper-5,
247   -#content .box-2 #main-content-wrapper-6,
248   -#content .box-2 #main-content-wrapper-7,
249   -#content .box-2 #main-content-wrapper-8 {
250   - background-image: none;
  101 + text-indent: 10px;
251 102 }
  103 +*/
252 104  
253 105 .box-1 .blocks {
254   - background-color: #f7f7f7;
  106 + background-color: #f7f7f7;
  107 + padding: 0px;
  108 + margin: 0px;
255 109 }
256 110  
257 111 #theme-footer {
258   - background-color: #ffffff;
  112 + background-color: #ffffff;
259 113 }
260 114  
261 115 #wrap-2 {
262   - border: 0px;
  116 + border: 0px;
263 117 }
264 118  
265 119 #footer-links,
266 120 #copyright,
267 121 #theme-footer #language-chooser {
268   - padding: 5px 10px;
  122 + padding: 5px 10px;
269 123 }
270 124  
271 125 #copyright p {
272   - margin: 0;
  126 + margin: 0;
  127 +}
  128 +
  129 +
  130 +/*
  131 + * Specific article style
  132 + */
  133 +
  134 +#article-tags{
  135 + text-align: left;
  136 + color: black;
  137 +}
  138 +
  139 +/*
  140 + * Specific blocks style
  141 + */
  142 +
  143 +/*FIXME verificar se pode usar .block-footer-content diretamente*/
  144 +#content .tags-block .block-footer-content,
  145 +#content .people-block .block-footer-content,
  146 +#content .profile-list-block .block-footer-content,
  147 +#content .enterprises-block .block-footer-content,
  148 +#content .members-block .block-footer-content,
  149 +#content .communities-block .block-footer-content,
  150 +#content .friends-block .block-footer-content{
  151 +
  152 + position: relative;
  153 + bottom: 4px;
  154 + width: 70px;
  155 + right: 0px;
  156 + font-size: 11px;
  157 + color: #000;
  158 + z-index: 10;
  159 + text-decoration: none;
  160 + padding-right: 15px;
  161 + background-color: red;
  162 +/* background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;*/
  163 +}
  164 +
  165 +#content .tags-block .block-footer-content a,
  166 +#content .people-block .block-footer-content a,
  167 +#content .profile-list-block .block-footer-content a,
  168 +#content .enterprises-block .block-footer-content a,
  169 +#content .members-block .block-footer-content a,
  170 +#content .communities-block .block-footer-content a,
  171 +#content .friends-block .block-footer-content a {
  172 + font-size: 11px;
  173 + color: #000;
  174 + text-decoration: none;
  175 + padding-right: 15px;
  176 + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
273 177 }
274 178  
275 179  
... ...
user_bar.css 0 → 100644
  Diff comments   View file @08f6a36
... ... @@ -0,0 +1,22 @@
  1 +#user {
  2 + color: white;
  3 + position: absolute;
  4 + right: 10px;
  5 + text-align: right;
  6 + top: -25px;
  7 + z-index: 10;
  8 +}
  9 +
  10 +#user a i{
  11 + left: -20px;
  12 +}
  13 +
  14 +#user,
  15 +#user a,
  16 +#user a:hover,
  17 +#user a:visited,
  18 +#user a strong {
  19 + color: white;
  20 + text-decoration: none;
  21 +}
  22 +
... ...