Download as
Browse Code »

Commit a117235560cb0167cdfb1a43a6a0581311cfc833

Authored by Melissa Wen
2 parents da1e41c7 6177241d
Exists in master and in 6 other branches comments-opacity, fix_javascript, format_highlight_block_#85, news_page_css, stable, tooltips

Merge branch 'master' into fix_javascript

Showing 3 changed files with 214 additions and 91 deletions   Show diff stats
images/bottom-arrow.png 0 → 100644
View file @a117235

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

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