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

Challenge details page needs some enhancements in its CSS styling #462

Merged
merged 4 commits into from
Jan 29, 2017
Merged

Challenge details page needs some enhancements in its CSS styling #462

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ecf2368
Challenge details page needs some enhancements in its CSS styling
ThomasKranitsas Jan 26, 2017
7912be3
Update headings
ThomasKranitsas Jan 28, 2017
782c057
Update heading styles
ThomasKranitsas Jan 29, 2017
1c8df14
Update final submission guidelines styling
ThomasKranitsas Jan 29, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 29 additions & 16 deletions src/css/challenge-detail-software.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -302,47 +302,60 @@ font-size: 18px;
width: 180px;
}

.challenge-detail .tableWrap h1 {
.challenge-detail .tableWrap .final-submission-guidelines,
.challenge-detail .tableWrap .final-submission-guidelines p {
font-weight: normal;
color: rgb(51, 51, 51);
font-size: 14px;
font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Arial, sans-serif;
line-height: 22px;
}

.challenge-detail .tableWrap h3 {
color: #00aeff;
font-size: 16px;
line-height: 22px;
font-weight: bold;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 10px;
padding-bottom: 8px;
margin-bottom: 6px;
margin-top: 20px;
}

h1.center {
margin-top: 10px;
text-align: center;
}

.challenge-detail.develop .tableWrap h1 {
.challenge-detail.develop .tableWrap h3 {
color: #228400;
}

.challenge-detail .tableWrap h2 {
.challenge-detail .tableWrap h1, .challenge-detail .tableWrap h2,
.challenge-detail .tableWrap h3, .challenge-detail .tableWrap h4,
.challenge-detail .tableWrap h5, .challenge-detail .tableWrap h6 {
color: #000;
font-size: 16px;
line-height: 22px;
font-weight: 500;
margin-bottom: 10px;
margin-bottom: 6px;
margin-top: 20px;
}

.challenge-detail .tableWrap h3 {
.challenge-detail .tableWrap h2 {
color: #ed1c24;
}

.challenge-detail .tableWrap h4,
.challenge-detail .tableWrap h5, .challenge-detail .tableWrap h6 {
font-size: 14px;
line-height: 22px;
font-weight: bold;
margin-bottom: 0px;
}

.challenge-detail .tableWrap p {
margin-bottom: 15px;
.challenge-detail .tableWrap, .challenge-detail .tableWrap p {
margin-bottom: 6px;
font-family: 'Merriweather Sans';
font-size: 14px;
line-height: 1.4;
color: #797979;
font-weight: lighter;
}

.challenge-detail .tableWrap strong {
Expand Down Expand Up @@ -2725,8 +2738,8 @@ h1.center {
text-transform: uppercase;
text-align: center;
border: none; }
.cd-wrapper h2,
.cd-wrapper .challenge-detail .tableWrap h2 {
.cd-wrapper h1,
.cd-wrapper .challenge-detail .tableWrap h1 {
font-size: 18px;
font-weight: 400;
font-style: normal;
Expand All @@ -2751,7 +2764,7 @@ h1.center {
font-weight: 600; }
.cd-wrapper em {
font-style: italic;
font-family: "Merriweather", Georgia, serif; }
font-family: "Merriweather Sans", Georgia, serif; }
.cd-wrapper .note {
border-left: 6px solid #d2d2d2;
padding-left: 30px;
Expand Down
34 changes: 17 additions & 17 deletions src/js/app/challenge-details/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -403,12 +403,12 @@ <h3><small>$</small><span ng-bind="CD.challenge.prize[j]"></span></h3>

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

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

<article id="platforms">
<h2>Platforms</h2>
<h1>Platforms</h1>
<ul>
<li ng-if="(hasPlatforms = CD.challenge.platforms && CD.challenge.platforms.length > 0)" ng-repeat="platform in CD.challenge.platforms" >
<strong ng-bind="platform"></strong>
Expand All @@ -420,7 +420,7 @@ <h2>Platforms</h2>
</article>

<article id="technologies">
<h2>Technologies</h2>
<h1>Technologies</h1>
<div class="technologyTags">
<ul>
<li ng-if="CD.challenge.technology && CD.challenge.technology.length > 0" ng-repeat="tech in CD.challenge.technology">
Expand All @@ -435,18 +435,18 @@ <h2>Technologies</h2>
</div>
</article>

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

<article id="payments">
<h2>Payments</h2>
<h1>Payments</h1>

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

<h2>Reliability Rating and Bonus</h2>
<h1>Reliability Rating and Bonus</h1>

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

<article id="contestSummary">
<h2>CHALLENGE SUMMARY</h2>
<h1>CHALLENGE SUMMARY</h1>

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

Expand All @@ -477,7 +477,7 @@ <h2>CHALLENGE SUMMARY</h2>
</article>

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

<article id="fullDescription">
<h2>FULL DESCRIPTION &amp; PROJECT GUIDE</h2>
<h1>FULL DESCRIPTION &amp; PROJECT GUIDE</h1>

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

<article id="stockPhotography">
<h2>STOCK PHOTOGRAPHY</h2>
<h1>STOCK PHOTOGRAPHY</h1>

<p ng-if="CD.challenge.allowStockArt"> Stock photography is allowed in this challenge.<br>
<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>
Expand All @@ -540,7 +540,7 @@ <h2>STOCK PHOTOGRAPHY</h2>
</article>

<article id="howtosubmit">
<h2>HOW TO SUBMIT</h2>
<h1>HOW TO SUBMIT</h1>

<p>
<ul class="howToSubmit">
Expand Down Expand Up @@ -569,7 +569,7 @@ <h2>HOW TO SUBMIT</h2>
</article>

<article id="winnerselection">
<h2>WINNER SELECTION</h2>
<h1>WINNER SELECTION</h1>

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

<article id="payments">
<h2>PAYMENTS</h2>
<h1>PAYMENTS</h1>

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

<h2>Reliability Rating and Bonus</h2>
<h1>Reliability Rating and Bonus</h1>

<p>For challenges that have a reliability bonus, the bonus depends on the reliability rating at
the moment of registration for that project. A participant with no previous projects is
Expand Down Expand Up @@ -891,7 +891,7 @@ <h3>Share:</h3>
class="tip reviewStyleTip tipFinalReview" style="display: none;">
<div class="inner">
<div class="tipHeader">
<h2>Final Review</h2>
<h1>Final Review</h1>
</div>
<div class="tipBody">
<!--Bugfix refactored-challenge-details-117: Removed unused hyperlink-->
Expand All @@ -909,7 +909,7 @@ <h2>Final Review</h2>
style="display: none;">
<div class="inner">
<div class="tipHeader">
<h2>Approval</h2>
<h1>Approval</h1>
</div>
<div class="tipBody">
Customer has final opportunity to sign-off on the delivered assets.
Expand Down
8 changes: 4 additions & 4 deletions wp/wp-content/themes/tcs-responsive/page-challenge-details.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -207,7 +207,7 @@ class="contestForumIcon" target="_blank">Challenge Discussion</a>
</div>
</article>

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


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

<h2>Reliability Rating and Bonus</h2>
<h1>Reliability Rating and Bonus</h1>

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

<h2>Reliability Rating and Bonus</h2>
<h1>Reliability Rating and Bonus</h1>

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