Commit 2f5ef52eeb222624914acb88b31a6ee20c84e6ac
1 parent
b6b57d70
Exists in
master
and in
10 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 @@ | @@ -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 | \ No newline at end of file | 144 | \ No newline at end of file |
pagina_software.css
@@ -147,7 +147,7 @@ border: none; | @@ -147,7 +147,7 @@ border: none; | ||
147 | #content span.req_spb a:hover , #content span.nov_spb a:hover, #content span.licensed a:hover { | 147 | #content span.req_spb a:hover , #content span.nov_spb a:hover, #content span.licensed a:hover { |
148 | color: #8ECBF7; | 148 | color: #8ECBF7; |
149 | } | 149 | } |
150 | -/************Bloco de Software**************/ | 150 | +/************Bloco de download de Software**************/ |
151 | #download-block-2{ | 151 | #download-block-2{ |
152 | border:1px solid #D3D6DE; | 152 | border:1px solid #D3D6DE; |
153 | border-radius: 10px; | 153 | border-radius: 10px; |
@@ -161,11 +161,12 @@ border: none; | @@ -161,11 +161,12 @@ border: none; | ||
161 | background-color: #D3D6DE; | 161 | background-color: #D3D6DE; |
162 | border-top-left-radius:8px; | 162 | border-top-left-radius:8px; |
163 | border-top-right-radius:8px; | 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 | margin:6px 0px 2px 10px; | 168 | margin:6px 0px 2px 10px; |
169 | + font-size: 20px; | ||
169 | } | 170 | } |
170 | 171 | ||
171 | #download-info-1, | 172 | #download-info-1, |
@@ -187,10 +188,12 @@ border: none; | @@ -187,10 +188,12 @@ border: none; | ||
187 | /*border:1px solid #2c66ce;/*#5E82C6;*/ | 188 | /*border:1px solid #2c66ce;/*#5E82C6;*/ |
188 | /*border-radius: 8px; | 189 | /*border-radius: 8px; |
189 | /*background-color: #2c66ce;/*#5E82C6;*/ | 190 | /*background-color: #2c66ce;/*#5E82C6;*/ |
190 | - /*padding: 20px 10px; | ||
191 | - width:40px;*/ | 191 | + /*padding: 20px 10px;*/ |
192 | + width:80px; | ||
192 | float:left; | 193 | float:left; |
193 | margin-right: 20px; | 194 | margin-right: 20px; |
195 | + margin-left: 15px; | ||
196 | + clear:both; | ||
194 | 197 | ||
195 | } | 198 | } |
196 | 199 | ||
@@ -202,11 +205,11 @@ border: none; | @@ -202,11 +205,11 @@ border: none; | ||
202 | border-top-left-radius: 8px; | 205 | border-top-left-radius: 8px; |
203 | background-image: url("images/download-icon.png"); | 206 | background-image: url("images/download-icon.png"); |
204 | background-repeat: no-repeat; | 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 | display:block; | 213 | display:block; |
211 | } | 214 | } |
212 | 215 | ||
@@ -218,11 +221,12 @@ border: none; | @@ -218,11 +221,12 @@ border: none; | ||
218 | border:1px solid #1a397d; | 221 | border:1px solid #1a397d; |
219 | border-bottom-right-radius: 8px; | 222 | border-bottom-right-radius: 8px; |
220 | border-bottom-left-radius: 8px; | 223 | border-bottom-left-radius: 8px; |
221 | - width: 45px; | 224 | + display:block; |
225 | + /*padding: 0px 10px 3px 6px; /*3px 22px;*/ | ||
226 | + /* width: 45px; | ||
222 | height: 17px; | 227 | height: 17px; |
223 | - padding:3px 22px; | ||
224 | margin:0px 9px; | 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,6 +242,7 @@ border: none; | ||
238 | }*/ | 242 | }*/ |
239 | 243 | ||
240 | #info-software-download{ | 244 | #info-software-download{ |
245 | + font-size: 16px; | ||
241 | position: relative; | 246 | position: relative; |
242 | margin: 5px 0px 0px 100px; | 247 | margin: 5px 0px 0px 100px; |
243 | } | 248 | } |
@@ -248,25 +253,26 @@ border: none; | @@ -248,25 +253,26 @@ border: none; | ||
248 | } | 253 | } |
249 | 254 | ||
250 | .download-system{ | 255 | .download-system{ |
251 | - font-size: 12px; | 256 | + font-size: 14px; |
252 | display: block; | 257 | display: block; |
253 | 258 | ||
254 | } | 259 | } |
255 | 260 | ||
256 | .req_min_spb{ | 261 | .req_min_spb{ |
257 | - font-size: 11px; | 262 | + font-size: 12px; |
258 | } | 263 | } |
259 | 264 | ||
260 | .req_min_spb a{ | 265 | .req_min_spb a{ |
261 | line-height: 40px; | 266 | line-height: 40px; |
262 | color:#3E67B1; | 267 | color:#3E67B1; |
268 | + text-decoration: underline; | ||
263 | } | 269 | } |
264 | 270 | ||
265 | #licensed-software{ | 271 | #licensed-software{ |
266 | border-top: 1px solid #D3D6DE; | 272 | border-top: 1px solid #D3D6DE; |
267 | background-color: #D3D6DE; | 273 | background-color: #D3D6DE; |
268 | text-align: right; | 274 | text-align: right; |
269 | - padding:15px; | 275 | + padding:14px; |
270 | border-bottom-right-radius:8px; | 276 | border-bottom-right-radius:8px; |
271 | border-bottom-left-radius:8px; | 277 | border-bottom-left-radius:8px; |
272 | font-size: 12px; | 278 | font-size: 12px; |
style.css
@@ -24,6 +24,8 @@ | @@ -24,6 +24,8 @@ | ||
24 | 24 | ||
25 | /****************** pagina de software ********************/ | 25 | /****************** pagina de software ********************/ |
26 | @import url(pagina_software.css); | 26 | @import url(pagina_software.css); |
27 | +/****************** Pagina comunidade ********************/ | ||
28 | +@import url(pagina_comunidade.css); | ||
27 | 29 | ||
28 | @import url(page-inicial.css); | 30 | @import url(page-inicial.css); |
29 | @import url(page-catalog-software.css); | 31 | @import url(page-catalog-software.css); |