Download as
Browse Code »

Commit 978971dccd8e8125813dcac0300272d190b2ed8b

Authored by Melissa Wen
1 parent 535dd217
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

Adjusts on use report syntax to show images

Showing 1 changed file with 51 additions and 33 deletions   Show diff stats
css/use-report.css
  Diff comments   View file @978971d
... ... @@ -33,6 +33,16 @@
33 33 margin-right: 3px;
34 34 }
35 35  
  36 +.profile-homepage #content .communities-ratings-block .button-bar a.button.with-text{
  37 + height: 32px;
  38 + padding: 0px 5px;
  39 + border: 1px solid #3E67B1;
  40 + font-family: 'open_sansbold';
  41 + font-size: 14px;
  42 + line-height: 32px;
  43 + text-transform: uppercase;
  44 +}
  45 +
36 46 /* Use report list */
37 47  
38 48 .profile-homepage #content .communities-ratings-block .ratings-title .block-title {
... ... @@ -48,11 +58,12 @@
48 58 }
49 59  
50 60 .profile-homepage #content .communities-ratings-block .ratings-list .make-report-block {
  61 + margin-top: 0px;
  62 + padding-top: 32px;
51 63 background-repeat: no-repeat;
52 64 border-bottom: 1px solid #D3D6DE;
53 65 border-top: none;
54   - margin-top: 0px;
55   - padding-top: 32px;
  66 + font-family: Arial;
56 67 }
57 68  
58 69 #content #software-information-block-table {
... ... @@ -108,12 +119,12 @@
108 119 }
109 120  
110 121 #content .main-content .star-page-title .title {
111   - font-size: 34px !important;
  122 + font-size: 34px;
112 123 }
113 124  
114 125 #content .main-content .star-rate-data {
115 126 border-bottom: 1px solid #D3D6DE;
116   - border-top: 1px solid #D3D6DE !important;
  127 + border-top: 1px solid #D3D6DE;
117 128 color: #172738;
118 129 margin-top: 16px;
119 130 padding: 29px 0px 21px 0px;
... ... @@ -132,7 +143,7 @@
132 143 }
133 144  
134 145 #content .main-content .star-rate-data .star-rate-form {
135   - padding-left: 37px;
  146 + padding: 0 37px;
136 147 letter-spacing: 0.1px;
137 148 width: 100%;
138 149 }
... ... @@ -157,6 +168,14 @@
157 168 width: 60px;
158 169 }
159 170  
  171 +#content .main-content .star-rate-data .star-rate-form .star-container .star-positive {
  172 + background-image: url('../images/star-positive-big.png');
  173 +}
  174 +
  175 +#content .main-content .star-rate-data .star-rate-form .star-container .star-negative {
  176 + background-image: url('../images/star-negative-big.png');
  177 +}
  178 +
160 179 #content .main-content .star-rate-data .star-rate-form .star-container .star-positive,
161 180 #content .main-content .star-rate-data .star-rate-form .star-container .star-negative {
162 181 display: table-cell;
... ... @@ -186,7 +205,7 @@
186 205 }
187 206  
188 207 #content .main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input {
189   - background-color: #3E67B1 !important;
  208 + background-color: #3E67B1;
190 209 font-weight: 700;
191 210 height: 31px;
192 211 margin-top: 10px;
... ... @@ -225,14 +244,13 @@
225 244 font-size: 12px;
226 245 }
227 246  
228   -/** TODO: fix theses rules to the forms on addtional information **/
229 247 #content .star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments input {
230   - margin-top: 3px;
231   - padding: 4px 3px 3px 3px;
232   - width: 366px;
233 248 display: block;
234 249 height: 19px;
  250 + width: 335px;
235 251 padding: 6px;
  252 + margin-top: 3px;
  253 + color: rgb(88, 88, 88);
236 254 border: 1px solid rgb(204, 204, 204);
237 255 border-image-source: initial;
238 256 border-image-slice: initial;
... ... @@ -240,17 +258,19 @@
240 258 border-image-outset: initial;
241 259 border-image-repeat: initial;
242 260 border-radius: 4px;
243   - width: 384px;
244 261 font-size: 15px;
245   - font-family: arial, helvetica;
246   - color: rgb(88, 88, 88);
  262 + font-family: Arial, helvetica;
247 263 }
248 264  
249 265 #content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited,
250   -#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values {
  266 +#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values{
251 267 font-size: 12px;
252 268 float: left;
253   - padding-right: 20px;
  269 + padding-right: 10px;
  270 +}
  271 +
  272 +#content .star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values{
  273 + padding-right: 0px;
254 274 }
255 275  
256 276 #content .star-rate-form .star-comment-container form .formfieldline {
... ... @@ -276,30 +296,26 @@
276 296 padding-bottom: 4px;
277 297 }
278 298  
279   -/** TODO: ARROWS ARE NOT SHOWING **/
280   -#content .action-communities_ratings_plugin_profile-new_rating .star-rate-form .star-comment-container .comments-additional-information span.comments-arrow-up:after {
281   - content: url('/images/top-arrow-black.png') !important;
  299 +.action-communities_ratings_plugin_profile-new_rating #content .star-rate-form .star-comment-container .comments-display-fields .comments-arrow-up::after {
  300 + content: url('../images/top-arrow-black.png');
282 301 float: right;
283 302 padding-top: 7px;
284 303 padding-right: 6px;
285 304 }
286 305  
287   -/** TODO: ARROWS ARE NOT SHOWING **/
288   -#content .star-rate-form .star-comment-container .comments-additional-information span.comments-arrow-down:after {
289   - content: url('/images/bottom-arrow-black.png');
  306 +.action-communities_ratings_plugin_profile-new_rating #content .star-rate-form .star-comment-container .comments-display-fields .comments-arrow-down::after{
  307 + content: url('../images/bottom-arrow-black.png');
290 308 float: right;
291 309 padding-top: 7px;
292 310 padding-right: 6px;
293 311 }
294 312  
295   -/** TODO: fix theses rules to the forms on addtional information **/
296 313 #content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_people_benefited,
297 314 #content .star-rate-form .star-comment-container .comments-software-extra-fields #comments_saved_value {
298   - width: 167px;
299   - padding: 4px;
300   - margin-top: 4px;
301 315 display: block;
302 316 height: 19px;
  317 + width: 155px;
  318 + margin-top: 4px;
303 319 padding: 6px;
304 320 border: 1px solid rgb(204, 204, 204);
305 321 border-image-source: initial;
... ... @@ -309,7 +325,7 @@
309 325 border-image-repeat: initial;
310 326 border-radius: 4px;
311 327 font-size: 15px;
312   - font-family: arial, helvetica;
  328 + font-family: Arial, helvetica;
313 329 color: rgb(88, 88, 88);
314 330 }
315 331  
... ... @@ -435,6 +451,8 @@
435 451 }
436 452  
437 453 .ratings-list .make-report-block .make-report-container .make-report-message {
  454 + font-family: Arial;
  455 + font-weight: 300;
438 456 font-size: 18px;
439 457 }
440 458  
... ... @@ -450,9 +468,9 @@
450 468 .ratings-list .make-report-block .make-report-container .button-bar a,
451 469 .star-rate-data .rating-cooldown .button-bar a,
452 470 .star-rate-data .rating-vote-once .button-bar a {
453   - background-color: #3E67B1 !important;
  471 + background-color: #3E67B1;
454 472 background-image: none;
455   - color: #fff !important;
  473 + color: #fff;
456 474 font-weight: 700;
457 475 font-size: 14px;
458 476 font-style: normal;
... ... @@ -481,8 +499,8 @@
481 499  
482 500 .ratings-list a.icon-arrow-right-p {
483 501 background: none;
484   - color: #172738 !important;
485   - font-family: 'Open Sans';
  502 + color: #172738;
  503 + font-family: 'open_sansregular';
486 504 font-size: 11px;
487 505 float: none;
488 506 margin-top: 0px;
... ... @@ -493,10 +511,10 @@
493 511 text-transform: uppercase;
494 512 }
495 513  
496   -.ratings-list a.icon-arrow-right-p:after {
497   - background-color: #3E67B1 !important;
  514 +.ratings-list a.icon-arrow-right-p::after {
  515 + background-color: #3E67B1;
498 516 border-radius: 4px;
499   - content: url('images/right-arrow.png');
  517 + content: url('../images/right-arrow.png');
500 518 font-size: 15px;
501 519 line-height: 20px;
502 520 margin-left: 9px;
... ...