Commit 13cde7931dd8d4c976687b25765f3faecdd336ce

Authored by Pedro de Lyra Pereira
2 parents ca411707 186e7cac

Merge branch 'page_catalog' of https://gitlab.com/softwarepublico/noosfero-spb-theme into use-report

images/bottom-arrow.png 0 → 100644

265 Bytes

images/top-arrow.png 0 → 100644

850 Bytes

page-catalog-software.css
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 }
  10 +.action-search-software_infos h1,
  11 +.action-search-software_infos h2,
  12 +.action-search-software_infos h3,
  13 +.action-search-software_infos h4{
  14 + background: transparent !important;
  15 +}
  16 +
  17 +.action-search-software_infos .main-content {
  18 + border: none;
  19 + box-shadow: none;
  20 +}
  21 +.action-search-software_infos input[type="checkbox"]{
  22 + vertical-align:sub;
  23 +}
  24 +
  25 +.action-search-software_infos #content #main-content-wrapper-8 {
  26 + padding:0px !important;
  27 + margin-top: 10px;
  28 +}
  29 +
  30 +.action-search-software_infos #content .main-content h2{
  31 + text-transform: uppercase;
  32 + font-family: "open_sansregular",Arial, Helvetica,sans-serif;
  33 + color: #ff0066;
  34 + font-size:16px;
  35 +}
6 36  
  37 +.action-search-software_infos #content .main-content h1{
  38 + padding:5px 0 10px 0;
  39 + font-family:Arial, Helvetica, sans-serif;
  40 + font-size: 35px !important;
  41 + font-variant: normal;
  42 +}
7 43 .action-search-software_infos #content #main-content-wrapper-8 h1{
8 44 border-top: 4px solid #3E67B1 !important;
9 45 color: #2B65cd !important;
... ... @@ -12,8 +48,6 @@
12 48 padding: 15px 0px 10px 15px;
13 49 border-bottom:none !important;
14 50 background-color:#eee;
15   - /*padding-left: 0.8em !important;*/
16   - /*margin-left: 0px;*/
17 51 }
18 52  
19 53 .action-search-software_infos #main-content-wrapper-8 .search-form{
... ... @@ -24,6 +58,30 @@
24 58 .search-form{
25 59 background: #ecedf1;
26 60 border-radius: 4px;
  61 + border:1px solid #d7d7d7;
  62 + padding: 0;
  63 + margin-top:28px;
  64 +}
  65 +
  66 +.action-search-software_infos .search-form h3{
  67 + padding:16px 0 10px 14px;
  68 + font-family:"open_sansregular", Arial, Helvetica, sans-serif;
  69 + margin:0 !important;
  70 + font-weight:bold;
  71 + font-size: 15px !important;
  72 +}
  73 +
  74 +.search-form #search-subheader{
  75 + padding-left: 14px;
  76 +}
  77 +.search-form #search-header #search-filters{
  78 + float: left !important;
  79 + padding-left: 14px;
  80 +}
  81 +
  82 +.search-form{
  83 + background: #ecedf1;
  84 + border-radius: 4px;
27 85 }
28 86  
29 87 .search-form #search-subheader{
... ... @@ -43,10 +101,13 @@
43 101 }
44 102  
45 103 #search-input {
  104 + width:95% !important;
46 105 font-size:110%;
47   - margin: 0px 0px 15px 15px;
  106 + margin: 4px 0px 0px 13px;
48 107 border-radius: 4px;
49   - padding: 0.55em;
  108 + padding: 6px;
  109 + font-size: 14px;
  110 + border: 1px solid #d7d7d7;
50 111 }
51 112  
52 113 #search-input.blur {
... ... @@ -58,20 +119,14 @@
58 119 padding:0.55em;
59 120 }
60 121  
61   -.controller-search .search-field .formfield {
62   - width: 80%;
63   -}
64   -
65 122 .controller-search #content form input.button.submit {
66 123 height: 30px;
67 124 max-height: 30px;
68   - width: 104px;
69   - margin-bottom: 22px;
70   - margin-left: 32px;
  125 + width: auto;
  126 + padding: 0 14px 0 14px;
  127 + margin: 14px;
71 128 text-transform: uppercase;
72   - font-weight: bold;
73   - /*border: 1px solid #4562b1;*/
74   - /*padding:0px;*/
  129 + font-family:"open_sansbold",Arial,sans-serif;
75 130 color:#ffffff;
76 131 background-color:#4562b1;
77 132 }
... ... @@ -81,8 +136,8 @@
81 136 color:#172738;
82 137 font-size:20px;
83 138 padding:5px;
84   -
85 139 }
  140 +
86 141 .action-search-software_infos #content input.button{
87 142 background-color:#2B65cd;
88 143 border: 1px solid #2B65cd;
... ... @@ -94,22 +149,123 @@
94 149  
95 150 .action-search-software_infos .icon-search{
96 151 background-image:none !important;
  152 +}
  153 +
  154 +.action-search-software_infos #filter-option-catalog-software:hover {
  155 + background-color: #c7c7c7;
  156 +}
  157 +
  158 +.action-search-software_infos #filter-option-catalog-software {
  159 + border:none;
  160 + font-size: 11px;
  161 + padding: 14px;
  162 + background-color: #d7d7d7;
  163 +}
  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 +
  194 +.action-search-software_infos #catalog-display-options {
  195 + font-size:14px;
  196 + font-family:Arial;
  197 +}
  198 +
  199 +.action-search-software_infos #catalog-display-options #catalog-display-options-count{
  200 + padding: 45px 0 4px 0;
  201 +}
  202 +
  203 +.action-search-software_infos #catalog-display-options #catalog-display-options-show-and-sort{
  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;
  219 +}
  220 +
  221 +.project-software{
  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;
  228 +}
  229 +
  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;
  237 +}
97 238  
  239 +.action-search-software_infos #group-categories br {
  240 + display:inline;
  241 +}
  242 +
  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;
  254 +}
  255 +
  256 +.action-search-software_infos #search-results {
  257 + border-top: 1px solid #d7d7d7;
98 258 }
99   -/*
100   -.search-enterprise-item {
101   - border-bottom: 1px solid #eee;
102   -}*/
103 259  
104 260 .controller-search .action-search-software_infos .search-field .formfield {
105   - width: 80%;
  261 + width: 100%;
  262 + margin: 0;
  263 + padding: 0;
106 264 }
107 265  
108 266 .action-search-software_infos .only-one-result-box .search-enterprise-item {
109   - padding-top:35px !important;
110   - padding-bottom: 35px !important;
  267 + padding: 29px 0 31px 0 !important;
111 268 background: #ffffff;
112   - /*padding: 50px 0 !important;*/
113 269 }
114 270  
115 271 .action-search-software_infos .search-results-innerbox {
... ... @@ -130,30 +286,21 @@
130 286 float:left;
131 287 }
132 288  
133   -/*
134   -.common-profile-list-block .profile-image {
135   - padding:0px 200px;
136   -}
137   -*/
138   -
139 289 .action-search-software_infos .search-enterprise-item-column-left{
140   - border-right: 1px solid #ccc;
141   - width: 143px;
  290 + border-right: 1px dotted #ccc;
  291 + width: 130px;
142 292 height: 130px;
143   - /*padding: 0px 60px 0px 10px; /*50 no lugar coloquei 70*/
144   - /*margin:none;*/
145   - /*position:absolute;*/
146 293 }
147 294  
148 295 .action-search-software_infos .search-enterprise-item-column-right{
149 296 width:60%; /*440px;*/
150 297 float:left;
151 298 margin-left: 130px;
152   - /*text-align: justify;*/
153 299 }
154 300  
155 301 #content .search-results-box .vcard {
156 302 display: table;
  303 + margin: 0;
157 304 }
158 305  
159 306 #content .vcard a:hover{
... ... @@ -171,12 +318,7 @@
171 318 .action-search-software_infos .search-enterprise-item-column-left .vcard img {
172 319 max-width: 90px;
173 320 height: auto;
174   - /*margin-left: 15px;
175   - margin-right: 15px;*/
176   - /*max-height: 130px; /*90px;*/
177   - /*margin-left: 60%; /*30%;90px;
178   - position: absolute;
179   - float: left;*/
  321 + margin-left:170px;
180 322 }
181 323  
182 324 .action-search-software_infos .common-profile-list-block img{
... ... @@ -184,9 +326,8 @@
184 326 }
185 327  
186 328 .action-search-software_infos .common-profile-list-block .profile-image{
187   - /*padding:20px 40px;*/
188   - margin-left: 140px; /*85px; TESTANDO*/
189   - /*margin-top: 10px;*/
  329 + margin-left: 130px;
  330 + margin-top: 35px;
190 331 width: 130px;
191 332 height: 130px;
192 333 }
... ... @@ -195,64 +336,56 @@
195 336 font-size: 13px;
196 337 font-family: Arial;
197 338 opacity: inherit;
198   - width:135px;
  339 + width:130px;
199 340 padding-right:20px;
200 341 text-align: left;
201 342 position:absolute;
202 343 top:0px;
203   - /* margin-bottom:130px;*/ /*verificar melhor forma de fazer, tamanho da barra laterial*/
204   -
  344 + color: #21376c;
205 345 }
206 346 .action-search-software_infos .common-profile-list-block .extra_info::before{
207 347 content: url("images/ic-calendar.png");
208   - line-height: 20px;
209 348 margin-right:10px;
210 349 margin-top:6px;
211 350 float: left;
212   - /*padding-top: 10px;*/
213   - /* position: static; */
214   - /* overflow: auto; */
215 351 }
216 352  
217 353 .action-search-software_infos .search-enterprise-item .search-enterprise-item-column-right {
218 354 font-size: 15px;
219   - padding-top: 0px;
  355 + padding: 0 0 0 8px;
220 356 font-family: Arial;
221 357 }
222 358  
  359 +.action-search-software_infos .search-enterprise-item-column-right .search-community-content-block {
  360 +}
223 361 .action-search-software_infos .search-enterprise-item-column-right .search-community-content-block h4 a {
224 362 color:#172938 !important;
225 363 font-size:19px !important;
226 364 }
227 365 .action-search-software_infos .search-enterprise-item-column-right span b{
228 366 font-weight: normal;
  367 + font-size: 13px;
229 368 }
230 369  
231 370 .action-search-software_infos .search-enterprise-item-column-right span b:last-child {
232 371 float: left;
233   - margin-right: 10px;
234   - /*font-size: 13px;*/ /*font deve ser aplicada as categorias*/
235   -}
236   -/* Verificar a melhor maneira de fazer
237   -.action-search-software_infos .search-enterprise-item-column-right span b:nth-last-child(2){
238   - display: none;
239 372 }
240 373  
241   -.action-search-software_infos .search-enterprise-item-column-right span a:nth-last-child(1){
242   - display: none;
243   -}*/
244   -
245 374 .action-search-software_infos .search-community-content-block #categories-list{
246   - margin-top:35px;
  375 + margin-top:30px;
247 376 margin-bottom: 10px;
248 377 }
  378 +.action-search-software_infos .search-community-content-block #categories-list li a{
  379 + color:#2B65cd;
  380 +}
  381 +
249 382 .action-search-software_infos .search-community-content-block #categories-list li{
250 383 text-decoration: underline;
251 384 font-size: 13px;
252 385 color:#2B65cd;
253   - display:block !important;
254 386 float:left;
255   - margin-right: 10px !important;
  387 + line-height:18px;
  388 + margin-left: 7px !important;
256 389 width: auto !important;
257 390 }
258 391  
... ...