Commit 2f5ef52eeb222624914acb88b31a6ee20c84e6ac
1 parent
b6b57d70
Exists in
master
and in
12 other branches
New community page and alteration software download block
Showing
3 changed files
with
167 additions
and
16 deletions
Show diff stats
... | ... | @@ -0,0 +1,143 @@ |
1 | +/*****************Nome da comunidade********************/ | |
2 | +#infor-community-geral{ | |
3 | + border-bottom: 1px solid #D3D6DE; | |
4 | + padding-bottom: 30px; | |
5 | + margin:0px 20px 0px 0px; | |
6 | + | |
7 | +} | |
8 | +#infor-community-geral h1{ | |
9 | + text-align: left; | |
10 | +} | |
11 | +#infor-community-geral p{ | |
12 | + | |
13 | +} | |
14 | + | |
15 | +/********Bloco de informacao da comunidade********/ | |
16 | +.community-block{ | |
17 | + border:1px solid #ECEDF1; | |
18 | + border-radius:4px; | |
19 | + /*padding:10px;*/ | |
20 | +} | |
21 | + | |
22 | +.community-block-logo{ | |
23 | + border-bottom: 3px solid #3E67B1; | |
24 | +} | |
25 | +.community-block-title{ | |
26 | + background-color:#ECEDF1; | |
27 | + padding:10px; | |
28 | + border-bottom-right-radius: 4px; | |
29 | + border-bottom-left-radius: 4px; | |
30 | +} | |
31 | +.community-block-title h1{ | |
32 | + font-size: 14px !important; | |
33 | + margin-bottom:0px !important; | |
34 | +} | |
35 | +.community-block-logo{ | |
36 | + padding:10px; | |
37 | +} | |
38 | + | |
39 | +.community-block-logo img.logo{ | |
40 | + max-width: 170px; | |
41 | + height: auto; | |
42 | + min-width: 100px; | |
43 | + width: 100px; | |
44 | +} | |
45 | + | |
46 | +.community-block-logo a{ | |
47 | + display:block; | |
48 | + /*width: 210px;*/ | |
49 | + height: 100px; | |
50 | + overflow: hidden; | |
51 | + text-align: center; | |
52 | + | |
53 | +} | |
54 | + | |
55 | +/*****Bloco principal-com informacoes da comunidade*******/ | |
56 | +#block-infor-community ul { | |
57 | + /*margin:20px 20px 0;*/ | |
58 | + list-style:none; | |
59 | +} | |
60 | + | |
61 | +#block-infor-community ul li { | |
62 | + float:left; | |
63 | + border-top-right-radius: 4px; | |
64 | + border-top-left-radius: 4px; | |
65 | +} | |
66 | + | |
67 | +.itens-aba a { | |
68 | + float:left; | |
69 | + border:1px solid #FFF; | |
70 | + background:#ccc; | |
71 | + padding:10px 14px; | |
72 | + color:#FFF; | |
73 | + text-decoration:none; | |
74 | +} | |
75 | + | |
76 | +.itens-aba a:focus { | |
77 | + background:red; | |
78 | +} | |
79 | + | |
80 | +.abas-conteudo { | |
81 | + /*margin:0 20px;*/ | |
82 | + width:400px; | |
83 | + clear:both; | |
84 | + position:relative; | |
85 | +} | |
86 | + | |
87 | +.abas-conteudo div { | |
88 | + background:white; | |
89 | + border:1px solid black; | |
90 | + padding:10px; | |
91 | + width:490px; | |
92 | + height: 250px; | |
93 | + display:none; | |
94 | + position:absolute; | |
95 | +} | |
96 | + | |
97 | +.abas-conteudo div:first-child { | |
98 | + display:block; | |
99 | +} | |
100 | + | |
101 | +.abas-conteudo div:target { | |
102 | + display:block; | |
103 | +} | |
104 | +/******************************************************/ | |
105 | +/******************* Bloco Membros*********************/ | |
106 | +.members-block{ | |
107 | + background-color:#D3D6DE; | |
108 | +} | |
109 | +.members-block .block-title{ | |
110 | + border:1px solid #D3D6DE; | |
111 | +} | |
112 | + | |
113 | +/*****************************************************/ | |
114 | +/**********Bloco de informacoes temporarias*************/ | |
115 | +#temporary-alerts{ | |
116 | + border:1px solid #D3D6DE; | |
117 | + border-radius:4px; | |
118 | + margin:0px 20px 0px 0px; | |
119 | +} | |
120 | + | |
121 | +#temporary-alerts h3{ | |
122 | + background-color:#ECEDF1; | |
123 | + border-bottom:1px solid #D3D6DE; | |
124 | + margin:0px; | |
125 | + padding:10px 15px; | |
126 | + text-transform: uppercase; | |
127 | +} | |
128 | + | |
129 | +.calendar-infor-temp, | |
130 | +.search-infor-temp, | |
131 | +.chat-infor-temp{ | |
132 | + display:block; | |
133 | + border-bottom:1px dotted #D3D6DE; | |
134 | + border-radius: 1px; | |
135 | + line-height: 21px; | |
136 | + padding:10px 15px; | |
137 | +} | |
138 | + | |
139 | +#infor-temporary span:last-child { | |
140 | + border-bottom:none; | |
141 | +} | |
142 | + | |
143 | +/**************************************************/ | |
0 | 144 | \ No newline at end of file | ... | ... |
pagina_software.css
... | ... | @@ -147,7 +147,7 @@ border: none; |
147 | 147 | #content span.req_spb a:hover , #content span.nov_spb a:hover, #content span.licensed a:hover { |
148 | 148 | color: #8ECBF7; |
149 | 149 | } |
150 | -/************Bloco de Software**************/ | |
150 | +/************Bloco de download de Software**************/ | |
151 | 151 | #download-block-2{ |
152 | 152 | border:1px solid #D3D6DE; |
153 | 153 | border-radius: 10px; |
... | ... | @@ -161,11 +161,12 @@ border: none; |
161 | 161 | background-color: #D3D6DE; |
162 | 162 | border-top-left-radius:8px; |
163 | 163 | border-top-right-radius:8px; |
164 | - padding:3px 11px; | |
164 | + padding:5px 10px; /*3px 11px;*/ | |
165 | 165 | } |
166 | 166 | |
167 | -#download_spb h3{ | |
167 | +#download_spb-2 h3{ | |
168 | 168 | margin:6px 0px 2px 10px; |
169 | + font-size: 20px; | |
169 | 170 | } |
170 | 171 | |
171 | 172 | #download-info-1, |
... | ... | @@ -187,10 +188,12 @@ border: none; |
187 | 188 | /*border:1px solid #2c66ce;/*#5E82C6;*/ |
188 | 189 | /*border-radius: 8px; |
189 | 190 | /*background-color: #2c66ce;/*#5E82C6;*/ |
190 | - /*padding: 20px 10px; | |
191 | - width:40px;*/ | |
191 | + /*padding: 20px 10px;*/ | |
192 | + width:80px; | |
192 | 193 | float:left; |
193 | 194 | margin-right: 20px; |
195 | + margin-left: 15px; | |
196 | + clear:both; | |
194 | 197 | |
195 | 198 | } |
196 | 199 | |
... | ... | @@ -202,11 +205,11 @@ border: none; |
202 | 205 | border-top-left-radius: 8px; |
203 | 206 | background-image: url("images/download-icon.png"); |
204 | 207 | background-repeat: no-repeat; |
205 | - background-position: 15px; | |
206 | - padding: 10px 15px; /*5px 10px;*/ | |
207 | - margin: 0px 9px; | |
208 | - width: 45px; | |
209 | - height: 33px; | |
208 | + background-position: center; /*15px;*/ | |
209 | + padding:50px 0px 8px 0px; /*20px;*/ /*15px 15px;*/ /*5px 10px;*/ | |
210 | + /*margin: 0px 9px; */ | |
211 | + /*width: 45px;*/ | |
212 | + /*height: 25px;*/ | |
210 | 213 | display:block; |
211 | 214 | } |
212 | 215 | |
... | ... | @@ -218,11 +221,12 @@ border: none; |
218 | 221 | border:1px solid #1a397d; |
219 | 222 | border-bottom-right-radius: 8px; |
220 | 223 | border-bottom-left-radius: 8px; |
221 | - width: 45px; | |
224 | + display:block; | |
225 | + /*padding: 0px 10px 3px 6px; /*3px 22px;*/ | |
226 | + /* width: 45px; | |
222 | 227 | height: 17px; |
223 | - padding:3px 22px; | |
224 | 228 | margin:0px 9px; |
225 | - line-height: 20px; | |
229 | + line-height: 20px; */ | |
226 | 230 | } |
227 | 231 | |
228 | 232 | /* |
... | ... | @@ -238,6 +242,7 @@ border: none; |
238 | 242 | }*/ |
239 | 243 | |
240 | 244 | #info-software-download{ |
245 | + font-size: 16px; | |
241 | 246 | position: relative; |
242 | 247 | margin: 5px 0px 0px 100px; |
243 | 248 | } |
... | ... | @@ -248,25 +253,26 @@ border: none; |
248 | 253 | } |
249 | 254 | |
250 | 255 | .download-system{ |
251 | - font-size: 12px; | |
256 | + font-size: 14px; | |
252 | 257 | display: block; |
253 | 258 | |
254 | 259 | } |
255 | 260 | |
256 | 261 | .req_min_spb{ |
257 | - font-size: 11px; | |
262 | + font-size: 12px; | |
258 | 263 | } |
259 | 264 | |
260 | 265 | .req_min_spb a{ |
261 | 266 | line-height: 40px; |
262 | 267 | color:#3E67B1; |
268 | + text-decoration: underline; | |
263 | 269 | } |
264 | 270 | |
265 | 271 | #licensed-software{ |
266 | 272 | border-top: 1px solid #D3D6DE; |
267 | 273 | background-color: #D3D6DE; |
268 | 274 | text-align: right; |
269 | - padding:15px; | |
275 | + padding:14px; | |
270 | 276 | border-bottom-right-radius:8px; |
271 | 277 | border-bottom-left-radius:8px; |
272 | 278 | font-size: 12px; | ... | ... |
style.css
... | ... | @@ -24,6 +24,8 @@ |
24 | 24 | |
25 | 25 | /****************** pagina de software ********************/ |
26 | 26 | @import url(pagina_software.css); |
27 | +/****************** Pagina comunidade ********************/ | |
28 | +@import url(pagina_comunidade.css); | |
27 | 29 | |
28 | 30 | @import url(page-inicial.css); |
29 | 31 | @import url(page-catalog-software.css); | ... | ... |