Download as
Browse Code »

Commit bc78d385bfac87140cdb9612889007f3d74669bf

Authored by Arthur Sturzbecher
1 parent 3e71eddd
Exists in master and in 7 other branches comments-opacity, fix_javascript, format_highlight_block_#85, news_page_css, page_catalog, stable, tooltips

Fixing layout for software catalog page

Showing 1 changed file with 139 additions and 147 deletions   Show diff stats
page-catalog-software.css
  Diff comments   View file @bc78d38
1   - /*controller-search action-search-software_infos template-default webkit*/
  1 +/*controller-search action-search-software_infos template-default webkit*/
  2 +
  3 +.action-search-software_infos br {
  4 + display:none;
  5 +}
2 6  
3 7 #catalog-filter{
4 8 display: none;
5 9 }
6 10  
7   -.action-search-software_infos #content #main-content-wrapper-8 h1{
8   - color: #172838;
9   - text-transform: normal;
10   - font-variant: normal;
11   - font-size: 34px !important;
12   - padding: 0 0 10px 0;
13   - border-bottom: 1px solid #D7D7D7;
14   - background-color: none;
15   - margin-bottom: 30px;
16   - font-family: Arial, Helvetica, sans-serif;
17   -}
18   -
19   -#main-content-wrapper-8 h2{
20   - margin: 0 0 30px 0;
21   - font-family: "open_sansregular", Arial, Helvetica, sans-serif;
22   - font-size: 16px;
23   - color: #FF0366;
24   - text-transform: uppercase;
  11 +.action-search-software_infos h1,
  12 +.action-search-software_infos h2,
  13 +.action-search-software_infos h3,
  14 +.action-search-software_infos h4{
  15 + background: transparent !important;
25 16 }
26 17  
27   -#content .no-boxes #main-content-wrapper-8 {
28   - padding: 0 !important;
29   - background: #fff;
  18 +.action-search-software_infos .main-content {
  19 + border: none;
  20 + box-shadow: none;
  21 +}
  22 +.action-search-software_infos input[type="checkbox"]{
  23 + vertical-align:sub;
30 24 }
31 25  
32   -.search-form h3{
33   - text-transform: uppercase;
34   - font-family: "open_sansbold", Arial, Helvetica, sans-serif;
35   - font-size: 14px;
36   - margin-bottom: 5px;
37   - color: #4562B1;
38   - font-size: 16px;
39   - padding: 15px;
40   - margin: 0 !important;
  26 +.action-search-software_infos #content #main-content-wrapper-8 {
  27 + padding:0px !important;
  28 + margin-top: 10px;
41 29 }
42 30  
43   -.controller-search .search-field .formfield {
44   - width: 100% !important;
  31 +.action-search-software_infos #content .main-content h2{
  32 + text-transform: uppercase;
  33 + font-family: "open_sansregular",Arial, Helvetica,sans-serif;
  34 + color: #ff0066;
  35 + font-size:16px;
45 36 }
46 37  
47   -#search-input{
48   - font-size: 15px !important;
49   - margin: 0 15px 3px 15px;
50   - color: #172938;
51   - padding: 7px 5px;
52   - width: 96%;
53   - border: 1px solid #D7D7D7;
54   - border-radius: 4px;
  38 +.action-search-software_infos #content .main-content h1{
  39 + padding:5px 0 10px 0;
  40 + font-family:Arial, Helvetica, sans-serif;
  41 + font-size: 35px !important;
  42 + font-variant: normal;
  43 +}
  44 +.action-search-software_infos #content #main-content-wrapper-8 h1{
  45 + border-top: 4px solid #3E67B1 !important;
  46 + color: #2B65cd !important;
  47 + text-transform: uppercase;
  48 + font-size: 16px !important;
  49 + padding: 15px 0px 10px 15px;
  50 + border-bottom:none !important;
  51 + background-color:#eee;
  52 + /*padding-left: 0.8em !important;*/
  53 + /*margin-left: 0px;*/
55 54 }
56 55  
57 56 .action-search-software_infos #main-content-wrapper-8 .search-form{
  57 + margin-top:-10px;
  58 + background-color: #eee; /*#f1f1f1;*/
  59 +}
  60 +
  61 +.search-form{
  62 + background: #ecedf1;
  63 + border-radius: 4px;
  64 + border:1px solid #d7d7d7;
58 65 padding: 0;
59   - background-color: #EAEBEE;
  66 + margin-top:28px;
60 67 }
61 68  
62   -.action-search-software_infos #main-content-wrapper-8 .search-form br {
63   - display: none;
  69 +.action-search-software_infos .search-form h3{
  70 + padding:16px 0 10px 14px;
  71 + font-family:"open_sansregular", Arial, Helvetica, sans-serif;
  72 + margin:0 !important;
  73 + font-weight:bold;
  74 + font-size: 15px;
  75 +}
  76 +
  77 +.search-form #search-subheader{
  78 + padding-left: 14px;
  79 +}
  80 +.search-form #search-header #search-filters{
  81 + float: left !important;
  82 + padding-left: 14px;
64 83 }
65 84  
66 85 .search-form{
... ... @@ -84,6 +103,16 @@
84 103 border-bottom: 1px solid #ccc !important;
85 104 }
86 105  
  106 +#search-input {
  107 + width:95% !important;
  108 + font-size:110%;
  109 + margin: 4px 0px 0px 13px;
  110 + border-radius: 4px;
  111 + padding: 6px;
  112 + font-size: 14px;
  113 + border: 1px solid #d7d7d7;
  114 +}
  115 +
87 116 #search-input.blur {
88 117 font-size:110%;
89 118 font-style: normal;
... ... @@ -93,98 +122,62 @@
93 122 padding:0.55em;
94 123 }
95 124  
96   -#filter-option-catalog-software{
97   - padding: 10px 15px;
98   - color: #172938;
  125 +.controller-search #content form input.button.submit {
  126 + height: 30px;
  127 + max-height: 30px;
  128 + width: auto;
  129 + padding: 0 14px 0 14px;
  130 + margin: 14px;
99 131 text-transform: uppercase;
100   - text-align: right;
101   - border-top: 1px solid #fff;
102   - background-color: #D4D5DC;
103   - border-bottom-left-radius: 4px;
104   - border-bottom-right-radius: 4px;
105   - font-size: 11px;
106   - font-family: "open_sansbold", Arial, Helvetica, sans-serif;
107   -}
108   -
109   -#filter-option-catalog-software:hover{
110   - background-color: #ccc;
111   - border-bottom-left-radius: 4px;
112   - border-bottom-right-radius: 4px;
113   - cursor: pointer;
114   -}
115   -
116   -.controller-search #content .search_form {
117   - background: #eeeff1;
118   -}
119   -
120   -.controller-search #content .search_form h4 {
121   - background: none;
122   - color: #172938;
123 132 font-weight: bold;
124   - font-family: arial;
125   - font-size: 15px;
  133 + /*border: 1px solid #4562b1;*/
  134 + /*padding:0px;*/
  135 + color:#ffffff;
  136 + background-color:#4562b1;
126 137 }
127 138  
128   -#group-categories {
129   - line-height: 31px;
130   - font-size: 14px;
131   - color: #172938;
132   -}
  139 +.controller-search .search-results-type-empty div{
  140 + text-align: left;
  141 + color:#172738;
  142 + font-size:20px;
  143 + padding:5px;
133 144  
134   -.project-software {
135   - border-top: 1px dotted;
136   - border-bottom: 1px dotted;
137   - padding: 8px;
138   - font-size: 14px;
139   - margin: auto 5px;
  145 +}
  146 +.action-search-software_infos #content input.button{
  147 + background-color:#2B65cd;
  148 + border: 1px solid #2B65cd;
  149 + font-family:open_sansbold;
  150 + color: #ffffff;
  151 + border-radius: 4px;
  152 + padding:0px;
140 153 }
141 154  
142   -.project-software label input {
143   - margin-right: 0;
144   - position: relative;
145   - top: 2px;
  155 +.action-search-software_infos .icon-search{
  156 + background-image:none !important;
146 157 }
147 158  
148   -.project-software span {
149   - display: none;
  159 +.action-search-software_infos #filter-option-catalog-software {
  160 + border:none;
  161 + font-size: 11px;
  162 + padding: 14px;
  163 + background-color: #d7d7d7;
150 164 }
151 165  
152   -#cleanup-filter-catalg{
153   - background: #3867B7;
154   - margin: 15px 0 10px 8px;
155   - color: #fff;
156   - border-radius: 4px;
157   - border: 1px solid #2B65CD;
158   - padding: 5px 15px;
159   - font-size: 14px;
160   - cursor: pointer;
  166 +.action-search-software_infos #catalog-display-options {
  167 + font-size:14px;
  168 + font-family:Arial;
161 169 }
162 170  
163   -#cleanup-filter-catalg:hover {
164   - background: #3867B7;
  171 +.action-search-software_infos #catalog-display-options #catalog-display-options-count{
  172 + padding: 45px 0 4px 0;
165 173 }
166 174  
167   -#close-filter-catalog{
168   - float: right;
169   - border: none;
170   - background: none;
171   - font-size: 12px;
172   - margin-top: 0;
173   - color: #172938;
174   - text-transform: uppercase;
175   - padding: 0;
176   - margin: 20px 8px 10px 8px;
  175 +.action-search-software_infos #catalog-display-options #catalog-display-options-show-and-sort{
  176 + padding: 38px 0 5px 0;
177 177 }
178 178  
179   -#catalog-display-options {
180   - position: relative;
181   - width: 100%;
182   - font-size: 14px;
183   - border-bottom: 1px solid #D7D7D7;
184   - margin: 0 0 20px 0;
185   - padding: 30px 0 0 0;
186   - height: 30px;
187   - background: #fff;
  179 +.project-software{
  180 + font-weight:bold;
188 181 }
189 182  
190 183 .controller-search #content form input.button.submit {
... ... @@ -200,25 +193,14 @@
200 193 color:#ffffff;
201 194 }
202 195  
203   -.controller-search .search-results-type-empty div{
204   - text-align: left;
205   - color:#172738;
206   - font-size:20px;
207   - padding:5px;
208 196  
209   -}
210   -.action-search-software_infos #content input.button{
211   - background-color:#2B65cd;
212   - border: 1px solid #2B65cd;
213   - font-family:open_sansbold;
214   - color: #ffffff;
215   - border-radius: 4px;
216   - padding:0px;
  197 +.project-software span::after{
  198 + content:"";
  199 +
217 200 }
218 201  
219   -.action-search-software_infos .icon-search{
220   - background-image:none !important;
221   -
  202 +.action-search-software_infos #search-results {
  203 + border-top: 1px solid #d7d7d7;
222 204 }
223 205 /*
224 206 .search-enterprise-item {
... ... @@ -226,12 +208,13 @@
226 208 }*/
227 209  
228 210 .controller-search .action-search-software_infos .search-field .formfield {
229   - width: 80%;
  211 + width: 100%;
  212 + margin: 0;
  213 + padding: 0;
230 214 }
231 215  
232 216 .action-search-software_infos .only-one-result-box .search-enterprise-item {
233   - padding-top:35px !important;
234   - padding-bottom: 35px !important;
  217 + padding: 29px 0 31px 0 !important;
235 218 background: #ffffff;
236 219 /*padding: 50px 0 !important;*/
237 220 }
... ... @@ -251,7 +234,7 @@
251 234 }
252 235  
253 236 .action-search-software_infos .common-profile-list-block .vcard a.profile_link{
254   - float:left;
  237 + float:left;
255 238 }
256 239  
257 240 /*
... ... @@ -261,8 +244,8 @@
261 244 */
262 245  
263 246 .action-search-software_infos .search-enterprise-item-column-left{
264   - border-right: 1px solid #ccc;
265   - width: 143px;
  247 + border-right: 1px dotted #ccc;
  248 + width: 130px;
266 249 height: 130px;
267 250 /*padding: 0px 60px 0px 10px; /*50 no lugar coloquei 70*/
268 251 /*margin:none;*/
... ... @@ -278,6 +261,7 @@
278 261  
279 262 #content .search-results-box .vcard {
280 263 display: table;
  264 + margin: 0;
281 265 }
282 266  
283 267 #content .vcard a:hover{
... ... @@ -308,9 +292,8 @@
308 292 }
309 293  
310 294 .action-search-software_infos .common-profile-list-block .profile-image{
311   - /*padding:20px 40px;*/
312   - margin-left: 140px; /*85px; TESTANDO*/
313   - /*margin-top: 10px;*/
  295 + margin-left: 130px;
  296 + margin-top: 35px;
314 297 width: 130px;
315 298 height: 130px;
316 299 }
... ... @@ -319,7 +302,7 @@
319 302 font-size: 13px;
320 303 font-family: Arial;
321 304 opacity: inherit;
322   - width:135px;
  305 + width:130px;
323 306 padding-right:20px;
324 307 text-align: left;
325 308 position:absolute;
... ... @@ -340,16 +323,20 @@
340 323  
341 324 .action-search-software_infos .search-enterprise-item .search-enterprise-item-column-right {
342 325 font-size: 15px;
343   - padding-top: 0px;
  326 + padding: 0 0 0 8px;
344 327 font-family: Arial;
345 328 }
346 329  
  330 +.action-search-software_infos .search-enterprise-item-column-right .search-community-content-block {
  331 + max-height:40px;
  332 +}
347 333 .action-search-software_infos .search-enterprise-item-column-right .search-community-content-block h4 a {
348 334 color:#172938 !important;
349 335 font-size:19px !important;
350 336 }
351 337 .action-search-software_infos .search-enterprise-item-column-right span b{
352 338 font-weight: normal;
  339 + font-size: 13px;
353 340 }
354 341  
355 342 .action-search-software_infos .search-enterprise-item-column-right span b:last-child {
... ... @@ -367,15 +354,20 @@
367 354 }*/
368 355  
369 356 .action-search-software_infos .search-community-content-block #categories-list{
370   - margin-top:35px;
  357 + margin-top:51px;
371 358 margin-bottom: 10px;
372 359 }
  360 +.action-search-software_infos .search-community-content-block #categories-list li a{
  361 + color:#2B65cd;
  362 +}
373 363 .action-search-software_infos .search-community-content-block #categories-list li{
374 364 text-decoration: underline;
375 365 font-size: 13px;
376 366 color:#2B65cd;
377 367 display:block !important;
378 368 float:left;
  369 + line-height:21px;
379 370 margin-right: 10px !important;
380 371 width: auto !important;
381 372 }
  373 +
... ...