Commit 38f01b932f59819298db28f2430173ce14ec569b

Authored by Melissa Wen
1 parent 8d367ef9

Adjusts to mantain style on software catalog page and change color to obey pattern

Showing 1 changed file with 32 additions and 25 deletions   Show diff stats
css/software-catalog-page.css
... ... @@ -11,14 +11,16 @@
11 11 }
12 12  
13 13 .action-search-software_infos #content .main-content h2{
14   - color: #ff0066;
  14 + color: #FF0366;
15 15 font-size: 16px;
16 16 font-family: "open_sansregular",Arial, Helvetica,sans-serif;
  17 + font-weight: 300;
17 18 text-transform: uppercase;
18 19 }
19 20  
20 21 .action-search-software_infos #content .main-content h1{
21 22 padding: 5px 0 10px 0;
  23 + border-bottom: 1px solid #D3D6DE;
22 24 font-family: Arial, Helvetica, sans-serif;
23 25 font-size: 35px;
24 26 font-variant: normal;
... ... @@ -32,15 +34,17 @@
32 34 padding: 0;
33 35 background: #ecedf1;
34 36 border-radius: 4px;
35   - border: 1px solid #d7d7d7;
  37 + border: 1px solid #D3D6DE;
36 38 }
37 39  
38 40 .action-search-software_infos #software-search-container .search-form h3{
39 41 margin: 0;
40 42 padding: 16px 0 10px 14px;
  43 + color: #2C4B6B;
41 44 font-family:"open_sansregular", Arial, Helvetica, sans-serif;
42 45 font-weight: bold;
43 46 font-size: 15px;
  47 + text-transform: uppercase;
44 48 }
45 49  
46 50 .action-search-software_infos #content .search-form .search-field .formfield {
... ... @@ -53,42 +57,45 @@
53 57 width: 96%;
54 58 margin: 4px 0px 0px 13px;
55 59 padding: 6px;
  60 + background: #FFF;
56 61 border-radius: 4px;
57   - border: 1px solid #d7d7d7;
  62 + border: 1px solid #D3D6DE;
58 63 font-size: 14px;
59 64 }
60 65  
61 66  
62 67 .action-search-software_infos #content .search-form .search-field input.button{
63 68 padding: 0px;
64   - background-color: #2B65cd;
65   - color: #ffffff;
66   - border: 1px solid #2B65cd;
  69 + background-color: #3E67B1;
  70 + color: #FFF;
  71 + border: 1px solid #3E67B1;
67 72 font-family: "open_sansbold",Arial,sans-serif;
68 73 border-radius: 4px;
69 74 }
70 75  
71   -.controller-search #content .search-form .search-field input.button.submit {
  76 +.action-search-software_infos #content .search-form .search-field input.button.submit {
72 77 width: auto;
73 78 height: 30px;
74 79 max-height: 30px;
75 80 margin: 14px;
76 81 padding: 0 14px 0 14px;
77   - background-color: #4562b1;
  82 + background-color: #3E67B1;
  83 + line-height: 14px;
78 84 text-transform: uppercase;
79 85 }
80 86  
81 87 /* Filter options */
82 88  
83 89 .action-search-software_infos #filter-catalog-software {
84   - background-color: #d7d7d7;
  90 + background-color: #D3D6DE;
85 91 }
86 92  
87 93 .action-search-software_infos #filter-option-catalog-software {
88 94 padding: 14px;
89   - background-color: #d7d7d7;
90   - border:none;
  95 + background-color: #D3D6DE;
  96 + border: none;
91 97 font-size: 11px;
  98 + text-align: right;
92 99 }
93 100  
94 101 .action-search-software_infos #filter-option-catalog-software:hover {
... ... @@ -97,10 +104,10 @@
97 104  
98 105 .action-search-software_infos #filter-option-catalog-software:after {
99 106 content: "";
100   - margin-left:5px;
  107 + margin-left: 5px;
101 108 padding: 3px 10.5px;
102   - background:url("../images/bottom-arrow.png") no-repeat center;
103   - background-color:#4562b1;
  109 + background: url("../images/bottom-arrow.png") no-repeat center;
  110 + background-color: #3E67B1;
104 111 border-radius: 4px;
105 112 }
106 113  
... ... @@ -124,12 +131,12 @@
124 131 }
125 132  
126 133 .action-search-software_infos #group-categories label {
127   - font-family:Arial;
  134 + font-family: Arial;
128 135 font-size: 14px;
129 136 }
130 137  
131 138 .action-search-software_infos #group-categories label span {
132   - font-family:Arial;
  139 + font-family: Arial;
133 140 font-size: 14px;
134 141 }
135 142  
... ... @@ -145,15 +152,15 @@
145 152  
146 153 .action-search-software_infos #filter-catalog-software .project-software span {
147 154 padding: 2px 6px;
148   - background: #fff;
149   - color: #3867b7;
  155 + background: #FFF;
  156 + color: #3E67B1;
150 157 border-radius: 50%;
151 158 font-size: 16px;
152 159 }
153 160  
154 161 .action-search-software_infos button#cleanup-filter-catalg {
155 162 cursor: pointer;
156   - background-color: #4562b1;
  163 + background-color: #3E67B1;
157 164 font-size: 14px;
158 165 font-family:Arial;
159 166 }
... ... @@ -167,7 +174,7 @@
167 174 margin-left: 5px;
168 175 padding: 2.5px 10.5px;
169 176 background: url("../images/top-arrow.png") no-repeat center;
170   - background-color: #4562b1;
  177 + background-color: #3E67B1;
171 178 border-radius: 4px;
172 179 }
173 180  
... ... @@ -234,7 +241,7 @@
234 241 }
235 242  
236 243 .action-search-software_infos #search-results .search-software-item-column-left .vcard a:hover{
237   - color:#2C66CE;
  244 + color: #3E67B1;
238 245 }
239 246  
240 247 .action-search-software_infos #search-results .search-software-item-column-left .vcard a.profile_link{
... ... @@ -268,7 +275,7 @@
268 275 padding-right: 20px;
269 276 top: 0px;
270 277 position: absolute;
271   - color: #21376c;
  278 + color: #2C4B6B;
272 279 font-size: 13px;
273 280 font-family: Arial;
274 281 text-align: left;
... ... @@ -298,7 +305,7 @@
298 305 }
299 306  
300 307 .action-search-software_infos #search-results .search-software-item-column-right .search-software-content-block h4 a {
301   - color: #172938;
  308 + color: #172738;
302 309 font-size: 19px;
303 310 }
304 311  
... ... @@ -324,12 +331,12 @@
324 331 width: auto !important; /* force overwritting from base */
325 332 margin-left: 7px !important; /* force overwritting from base */
326 333 float: left;
327   - color: #2B65cd;
  334 + color: #3E67B1;
328 335 font-size: 13px;
329 336 line-height: 18px;
330 337 text-decoration: underline;
331 338 }
332 339  
333 340 .action-search-software_infos #search-results .search-software-content-block #categories-list li a{
334   - color: #2B65cd;
  341 + color: #3E67B1;
335 342 }
... ...