Skip to content
This repository was archived by the owner on Mar 4, 2025. It is now read-only.

Commit d114576

Browse files
authored
Merge pull request #462 from ThomasKranitsas/fix-challenge-headings
Challenge details page needs some enhancements in its CSS styling
2 parents cab18a4 + 1c8df14 commit d114576

File tree

3 files changed

+50
-37
lines changed

3 files changed

+50
-37
lines changed

src/css/challenge-detail-software.css

Lines changed: 29 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -302,47 +302,60 @@ font-size: 18px;
302302
width: 180px;
303303
}
304304

305-
.challenge-detail .tableWrap h1 {
305+
.challenge-detail .tableWrap .final-submission-guidelines,
306+
.challenge-detail .tableWrap .final-submission-guidelines p {
307+
font-weight: normal;
308+
color: rgb(51, 51, 51);
309+
font-size: 14px;
310+
font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Arial, sans-serif;
311+
line-height: 22px;
312+
}
313+
314+
.challenge-detail .tableWrap h3 {
306315
color: #00aeff;
307316
font-size: 16px;
308317
line-height: 22px;
309318
font-weight: bold;
310-
border-bottom: 1px solid #e7e7e7;
311-
margin-bottom: 10px;
312-
padding-bottom: 8px;
319+
margin-bottom: 6px;
320+
margin-top: 20px;
313321
}
314322

315323
h1.center {
316324
margin-top: 10px;
317325
text-align: center;
318326
}
319327

320-
.challenge-detail.develop .tableWrap h1 {
328+
.challenge-detail.develop .tableWrap h3 {
321329
color: #228400;
322330
}
323331

324-
.challenge-detail .tableWrap h2 {
332+
.challenge-detail .tableWrap h1, .challenge-detail .tableWrap h2,
333+
.challenge-detail .tableWrap h3, .challenge-detail .tableWrap h4,
334+
.challenge-detail .tableWrap h5, .challenge-detail .tableWrap h6 {
325335
color: #000;
326336
font-size: 16px;
327337
line-height: 22px;
328338
font-weight: 500;
329-
margin-bottom: 10px;
339+
margin-bottom: 6px;
340+
margin-top: 20px;
330341
}
331342

332-
.challenge-detail .tableWrap h3 {
343+
.challenge-detail .tableWrap h2 {
333344
color: #ed1c24;
345+
}
346+
347+
.challenge-detail .tableWrap h4,
348+
.challenge-detail .tableWrap h5, .challenge-detail .tableWrap h6 {
334349
font-size: 14px;
335-
line-height: 22px;
336-
font-weight: bold;
337-
margin-bottom: 0px;
338350
}
339351

340-
.challenge-detail .tableWrap p {
341-
margin-bottom: 15px;
352+
.challenge-detail .tableWrap, .challenge-detail .tableWrap p {
353+
margin-bottom: 6px;
342354
font-family: 'Merriweather Sans';
343355
font-size: 14px;
344356
line-height: 1.4;
345357
color: #797979;
358+
font-weight: lighter;
346359
}
347360

348361
.challenge-detail .tableWrap strong {
@@ -2725,8 +2738,8 @@ h1.center {
27252738
text-transform: uppercase;
27262739
text-align: center;
27272740
border: none; }
2728-
.cd-wrapper h2,
2729-
.cd-wrapper .challenge-detail .tableWrap h2 {
2741+
.cd-wrapper h1,
2742+
.cd-wrapper .challenge-detail .tableWrap h1 {
27302743
font-size: 18px;
27312744
font-weight: 400;
27322745
font-style: normal;
@@ -2751,7 +2764,7 @@ h1.center {
27512764
font-weight: 600; }
27522765
.cd-wrapper em {
27532766
font-style: italic;
2754-
font-family: "Merriweather", Georgia, serif; }
2767+
font-family: "Merriweather Sans", Georgia, serif; }
27552768
.cd-wrapper .note {
27562769
border-left: 6px solid #d2d2d2;
27572770
padding-left: 30px;

src/js/app/challenge-details/index.html

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -403,12 +403,12 @@ <h3><small>$</small><span ng-bind="CD.challenge.prize[j]"></span></h3>
403403

404404
<div ng-if="!CD.isDesign" id="contest-overview" class="tableWrap {{CD.activeTab != 'details' ? 'hide' : ''}} tab">
405405
<article ng-if="!CD.isDesign" id="contestOverview">
406-
<h2>Challenge Overview</h2>
406+
<h1>Challenge Overview</h1>
407407

408408
<p ng-bind-html="CD.challenge.detailedRequirements | trust"></p>
409409

410410
<article id="platforms">
411-
<h2>Platforms</h2>
411+
<h1>Platforms</h1>
412412
<ul>
413413
<li ng-if="(hasPlatforms = CD.challenge.platforms && CD.challenge.platforms.length > 0)" ng-repeat="platform in CD.challenge.platforms" >
414414
<strong ng-bind="platform"></strong>
@@ -420,7 +420,7 @@ <h2>Platforms</h2>
420420
</article>
421421

422422
<article id="technologies">
423-
<h2>Technologies</h2>
423+
<h1>Technologies</h1>
424424
<div class="technologyTags">
425425
<ul>
426426
<li ng-if="CD.challenge.technology && CD.challenge.technology.length > 0" ng-repeat="tech in CD.challenge.technology">
@@ -435,18 +435,18 @@ <h2>Technologies</h2>
435435
</div>
436436
</article>
437437

438-
<h3>Final Submission Guidelines</h3>
439-
<div ng-bind-html="CD.challenge.finalSubmissionGuidelines | trust"></div>
438+
<h1>Final Submission Guidelines</h1>
439+
<div class="final-submission-guidelines" ng-bind-html="CD.challenge.finalSubmissionGuidelines | trust"></div>
440440

441441
<article id="payments">
442-
<h2>Payments</h2>
442+
<h1>Payments</h1>
443443

444444
<p>Topcoder will compensate members in accordance with the payment structure of this challenge.
445445
Initial payment for the winning member will be distributed in two installments. The first payment
446446
will be made at the closure of the approval phase. The second payment will be made at the
447447
completion of the support period.</p>
448448

449-
<h2>Reliability Rating and Bonus</h2>
449+
<h1>Reliability Rating and Bonus</h1>
450450

451451
<p>For challenges that have a reliability bonus, the bonus depends on the reliability rating at
452452
the moment of registration for that project. A participant with no previous projects is
@@ -463,7 +463,7 @@ <h2>Reliability Rating and Bonus</h2>
463463
<article ng-if="CD.isDesign" id="contestOverview">
464464

465465
<article id="contestSummary">
466-
<h2>CHALLENGE SUMMARY</h2>
466+
<h1>CHALLENGE SUMMARY</h1>
467467

468468
<p class="paragraph" ng-bind-html="CD.challenge.introduction | trust"></p>
469469

@@ -477,7 +477,7 @@ <h2>CHALLENGE SUMMARY</h2>
477477
</article>
478478

479479
<article id="studioTournamentFormat" ng-if="CD.challenge.numberOfCheckpointsPrizes > 0">
480-
<h2>CHALLENGE FORMAT</h2>
480+
<h1>CHALLENGE FORMAT</h1>
481481
<p class="paragraph">This competition will be run as a two-round challenge.</p>
482482
<div>
483483
<span class="subTitle">Round One (1)</span>
@@ -522,13 +522,13 @@ <h6 class="smallTitle red">Regarding the Rounds:</h6>
522522
</article>
523523

524524
<article id="fullDescription">
525-
<h2>FULL DESCRIPTION &amp; PROJECT GUIDE</h2>
525+
<h1>FULL DESCRIPTION &amp; PROJECT GUIDE</h1>
526526

527527
<p ng-bind-html="CD.challenge.detailedRequirements | trust"></p>
528528
</article>
529529

530530
<article id="stockPhotography">
531-
<h2>STOCK PHOTOGRAPHY</h2>
531+
<h1>STOCK PHOTOGRAPHY</h1>
532532

533533
<p ng-if="CD.challenge.allowStockArt"> Stock photography is allowed in this challenge.<br>
534534
<a href="http://help.topcoder.com/hc/en-us/articles/217481408-Policy-for-Stock-Artwork-in-Design-Submissions">See this page for more details.</a></p>
@@ -540,7 +540,7 @@ <h2>STOCK PHOTOGRAPHY</h2>
540540
</article>
541541

542542
<article id="howtosubmit">
543-
<h2>HOW TO SUBMIT</h2>
543+
<h1>HOW TO SUBMIT</h1>
544544

545545
<p>
546546
<ul class="howToSubmit">
@@ -569,7 +569,7 @@ <h2>HOW TO SUBMIT</h2>
569569
</article>
570570

571571
<article id="winnerselection">
572-
<h2>WINNER SELECTION</h2>
572+
<h1>WINNER SELECTION</h1>
573573

574574
<p>
575575
Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the
@@ -578,14 +578,14 @@ <h2>WINNER SELECTION</h2>
578578
</article>
579579

580580
<article id="payments">
581-
<h2>PAYMENTS</h2>
581+
<h1>PAYMENTS</h1>
582582

583583
<p>Topcoder will compensate members in accordance with the payment structure of this challenge.
584584
Initial payment for the winning member will be distributed in two installments. The first payment
585585
will be made at the closure of the approval phase. The second payment will be made at the
586586
completion of the support period.</p>
587587

588-
<h2>Reliability Rating and Bonus</h2>
588+
<h1>Reliability Rating and Bonus</h1>
589589

590590
<p>For challenges that have a reliability bonus, the bonus depends on the reliability rating at
591591
the moment of registration for that project. A participant with no previous projects is
@@ -891,7 +891,7 @@ <h3>Share:</h3>
891891
class="tip reviewStyleTip tipFinalReview" style="display: none;">
892892
<div class="inner">
893893
<div class="tipHeader">
894-
<h2>Final Review</h2>
894+
<h1>Final Review</h1>
895895
</div>
896896
<div class="tipBody">
897897
<!--Bugfix refactored-challenge-details-117: Removed unused hyperlink-->
@@ -909,7 +909,7 @@ <h2>Final Review</h2>
909909
style="display: none;">
910910
<div class="inner">
911911
<div class="tipHeader">
912-
<h2>Approval</h2>
912+
<h1>Approval</h1>
913913
</div>
914914
<div class="tipBody">
915915
Customer has final opportunity to sign-off on the delivered assets.

wp/wp-content/themes/tcs-responsive/page-challenge-details.php

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -207,7 +207,7 @@ class="contestForumIcon" target="_blank">Challenge Discussion</a>
207207
</div>
208208
</article>
209209

210-
<h3>Final Submission Guidelines</h3>
210+
<h1>Final Submission Guidelines</h1>
211211
<?php echo $contest->finalSubmissionGuidelines; ?>
212212

213213

@@ -220,7 +220,7 @@ class="contestForumIcon" target="_blank">Challenge Discussion</a>
220220
will be made at the closure of the approval phase. The second payment will be made at the
221221
completion of the support period.</p>
222222

223-
<h2>Reliability Rating and Bonus</h2>
223+
<h1>Reliability Rating and Bonus</h1>
224224

225225
<p>For challenges that have a reliability bonus, the bonus depends on the reliability rating at
226226
the moment of registration for that project. A participant with no previous projects is
@@ -389,7 +389,7 @@ class="contestForumIcon" target="_blank">Challenge Discussion</a>
389389
will be made at the closure of the approval phase. The second payment will be made at the
390390
completion of the support period.</p>
391391

392-
<h2>Reliability Rating and Bonus</h2>
392+
<h1>Reliability Rating and Bonus</h1>
393393

394394
<p>For challenges that have a reliability bonus, the bonus depends on the reliability rating at
395395
the moment of registration for that project. A participant with no previous projects is
@@ -791,7 +791,7 @@ class="contestForumIcon" target="_blank">Challenge Discussion</a>
791791
class="tip reviewStyleTip tipFinalReview" style="display: none;">
792792
<div class="inner">
793793
<div class="tipHeader">
794-
<h2>Final Review</h2>
794+
<h1>Final Review</h1>
795795
</div>
796796
<div class="tipBody">
797797
<a href="javascript:;">Community Review Board</a> performs a thorough review based on scorecards.

0 commit comments

Comments
 (0)