Download as
Browse Code »

Commit 186e7cacf3058acd53f224db96ea584fa93ec344

Authored by Arthur Sturzbecher
1 parent be561ebe
Exists in master and in 9 other branches bootstrap_modal, bug_fix_40, code_block, design_41_backup, event_block, master_with_pkg_fixes, pkg_fixes, r4, r5_design

Adding last css changes to software catalog page

Showing 3 changed files with 81 additions and 63 deletions   Show diff stats
images/bottom-arrow.png 0 → 100644
View file @186e7ca

265 Bytes
images/top-arrow.png 0 → 100644
View file @186e7ca

850 Bytes
page-catalog-software.css
  Diff comments   View file @186e7ca
... ... @@ -7,7 +7,6 @@
7 7 #catalog-filter{
8 8 display: none;
9 9 }
10   -
11 10 .action-search-software_infos h1,
12 11 .action-search-software_infos h2,
13 12 .action-search-software_infos h3,
... ... @@ -49,8 +48,6 @@
49 48 padding: 15px 0px 10px 15px;
50 49 border-bottom:none !important;
51 50 background-color:#eee;
52   - /*padding-left: 0.8em !important;*/
53   - /*margin-left: 0px;*/
54 51 }
55 52  
56 53 .action-search-software_infos #main-content-wrapper-8 .search-form{
... ... @@ -129,9 +126,7 @@
129 126 padding: 0 14px 0 14px;
130 127 margin: 14px;
131 128 text-transform: uppercase;
132   - font-weight: bold;
133   - /*border: 1px solid #4562b1;*/
134   - /*padding:0px;*/
  129 + font-family:"open_sansbold",Arial,sans-serif;
135 130 color:#ffffff;
136 131 background-color:#4562b1;
137 132 }
... ... @@ -141,8 +136,8 @@
141 136 color:#172738;
142 137 font-size:20px;
143 138 padding:5px;
144   -
145 139 }
  140 +
146 141 .action-search-software_infos #content input.button{
147 142 background-color:#2B65cd;
148 143 border: 1px solid #2B65cd;
... ... @@ -156,6 +151,10 @@
156 151 background-image:none !important;
157 152 }
158 153  
  154 +.action-search-software_infos #filter-option-catalog-software:hover {
  155 + background-color: #c7c7c7;
  156 +}
  157 +
159 158 .action-search-software_infos #filter-option-catalog-software {
160 159 border:none;
161 160 font-size: 11px;
... ... @@ -163,6 +162,35 @@
163 162 background-color: #d7d7d7;
164 163 }
165 164  
  165 +.action-search-software_infos #filter-option-catalog-software:after {
  166 + margin-left:5px;
  167 + background:url("/designs/themes/noosfero-spb-theme/images/bottom-arrow.png") no-repeat center;
  168 + background-color:#4562b1;
  169 + padding: 3px 10.5px;
  170 + border-radius: 4px;
  171 + content: "";
  172 +}
  173 +
  174 +.action-search-software_infos #cleanup-filter-catalg {
  175 + background-color:#4562b1;
  176 + font-size: 14px;
  177 + font-family:Arial;
  178 + cursor:pointer;
  179 +}
  180 +
  181 +.action-search-software_infos #close-filter-catalog {
  182 + cursor:pointer;
  183 +}
  184 +
  185 +.action-search-software_infos #close-filter-catalog:after {
  186 + margin-left:5px;
  187 + background:url("/designs/themes/noosfero-spb-theme/images/top-arrow.png") no-repeat center;
  188 + background-color:#4562b1;
  189 + padding: 2.5px 10.5px;
  190 + border-radius: 4px;
  191 + content: "";
  192 +}
  193 +
166 194 .action-search-software_infos #catalog-display-options {
167 195 font-size:14px;
168 196 font-family:Arial;
... ... @@ -174,38 +202,60 @@
174 202  
175 203 .action-search-software_infos #catalog-display-options #catalog-display-options-show-and-sort{
176 204 padding: 38px 0 5px 0;
  205 + font-weight:bold;
  206 +}
  207 +
  208 +.action-search-software_infos #filter-catalog-software {
  209 + background-color: #d7d7d7;
  210 +}
  211 +
  212 +.action-search-software_infos #filter-catalog-software #filter-categories-option {
  213 + border:none;
  214 +}
  215 +
  216 +.action-search-software_infos #filter-catalog-software #filter-categories-option h4 {
  217 + color: black !important;
  218 + margin: 5px 0 10px 5px;
177 219 }
178 220  
179 221 .project-software{
180 222 font-weight:bold;
  223 + font-size:15px;
  224 + font-family:Arial;
  225 + margin: 0 0 30px;
  226 + border-top: 1px dotted;
  227 + border-bottom: 1px dotted;
181 228 }
182 229  
183   -.controller-search #content form input.button.submit {
184   - height: 30px;
185   - max-height: 30px;
186   - width: 104px;
187   - margin-bottom: 22px;
188   - margin-left: 32px;
189   - text-transform: uppercase;
190   - font-weight: bold;
191   - /*border: 1px solid #4562b1;*/
192   - /*padding:0px;*/
193   - color:#ffffff;
  230 +.action-search-software_infos #group-categories label {
  231 + font-family:Arial;
  232 + font-size: 14px;
  233 +}
  234 +.action-search-software_infos #group-categories label span {
  235 + font-family:Arial;
  236 + font-size: 14px;
194 237 }
195 238  
  239 +.action-search-software_infos #group-categories br {
  240 + display:inline;
  241 +}
196 242  
197   -.project-software span::after{
198   - content:"";
199   -
  243 +.project-software span{
  244 + margin-left: 5px;
  245 + color:transparent;
  246 +}
  247 +.project-software span:before {
  248 + content:"?";
  249 + border-radius: 50%;
  250 + font-size: 16px;
  251 + padding: 2px 6px;
  252 + background:#fff;
  253 + color: #3867b7;
200 254 }
201 255  
202 256 .action-search-software_infos #search-results {
203 257 border-top: 1px solid #d7d7d7;
204 258 }
205   -/*
206   -.search-enterprise-item {
207   - border-bottom: 1px solid #eee;
208   -}*/
209 259  
210 260 .controller-search .action-search-software_infos .search-field .formfield {
211 261 width: 100%;
... ... @@ -216,7 +266,6 @@
216 266 .action-search-software_infos .only-one-result-box .search-enterprise-item {
217 267 padding: 29px 0 31px 0 !important;
218 268 background: #ffffff;
219   - /*padding: 50px 0 !important;*/
220 269 }
221 270  
222 271 .action-search-software_infos .search-results-innerbox {
... ... @@ -237,26 +286,16 @@
237 286 float:left;
238 287 }
239 288  
240   -/*
241   -.common-profile-list-block .profile-image {
242   - padding:0px 200px;
243   -}
244   -*/
245   -
246 289 .action-search-software_infos .search-enterprise-item-column-left{
247 290 border-right: 1px dotted #ccc;
248 291 width: 130px;
249 292 height: 130px;
250   - /*padding: 0px 60px 0px 10px; /*50 no lugar coloquei 70*/
251   - /*margin:none;*/
252   - /*position:absolute;*/
253 293 }
254 294  
255 295 .action-search-software_infos .search-enterprise-item-column-right{
256 296 width:60%; /*440px;*/
257 297 float:left;
258 298 margin-left: 130px;
259   - /*text-align: justify;*/
260 299 }
261 300  
262 301 #content .search-results-box .vcard {
... ... @@ -279,12 +318,7 @@
279 318 .action-search-software_infos .search-enterprise-item-column-left .vcard img {
280 319 max-width: 90px;
281 320 height: auto;
282   - /*margin-left: 15px;
283   - margin-right: 15px;*/
284   - /*max-height: 130px; /*90px;*/
285   - /*margin-left: 60%; /*30%;90px;
286   - position: absolute;
287   - float: left;*/
  321 + margin-left:170px;
288 322 }
289 323  
290 324 .action-search-software_infos .common-profile-list-block img{
... ... @@ -307,18 +341,13 @@
307 341 text-align: left;
308 342 position:absolute;
309 343 top:0px;
310   - /* margin-bottom:130px;*/ /*verificar melhor forma de fazer, tamanho da barra laterial*/
311   -
  344 + color: #21376c;
312 345 }
313 346 .action-search-software_infos .common-profile-list-block .extra_info::before{
314 347 content: url("images/ic-calendar.png");
315   - line-height: 20px;
316 348 margin-right:10px;
317 349 margin-top:6px;
318 350 float: left;
319   - /*padding-top: 10px;*/
320   - /* position: static; */
321   - /* overflow: auto; */
322 351 }
323 352  
324 353 .action-search-software_infos .search-enterprise-item .search-enterprise-item-column-right {
... ... @@ -328,7 +357,6 @@
328 357 }
329 358  
330 359 .action-search-software_infos .search-enterprise-item-column-right .search-community-content-block {
331   - max-height:40px;
332 360 }
333 361 .action-search-software_infos .search-enterprise-item-column-right .search-community-content-block h4 a {
334 362 color:#172938 !important;
... ... @@ -341,33 +369,23 @@
341 369  
342 370 .action-search-software_infos .search-enterprise-item-column-right span b:last-child {
343 371 float: left;
344   - margin-right: 10px;
345   - /*font-size: 13px;*/ /*font deve ser aplicada as categorias*/
346   -}
347   -/* Verificar a melhor maneira de fazer
348   -.action-search-software_infos .search-enterprise-item-column-right span b:nth-last-child(2){
349   - display: none;
350 372 }
351 373  
352   -.action-search-software_infos .search-enterprise-item-column-right span a:nth-last-child(1){
353   - display: none;
354   -}*/
355   -
356 374 .action-search-software_infos .search-community-content-block #categories-list{
357   - margin-top:51px;
  375 + margin-top:30px;
358 376 margin-bottom: 10px;
359 377 }
360 378 .action-search-software_infos .search-community-content-block #categories-list li a{
361 379 color:#2B65cd;
362 380 }
  381 +
363 382 .action-search-software_infos .search-community-content-block #categories-list li{
364 383 text-decoration: underline;
365 384 font-size: 13px;
366 385 color:#2B65cd;
367   - display:block !important;
368 386 float:left;
369   - line-height:21px;
370   - margin-right: 10px !important;
  387 + line-height:18px;
  388 + margin-left: 7px !important;
371 389 width: auto !important;
372 390 }
373 391  
... ...