fix level complete style

This commit is contained in:
Juraj Michalek
2014-12-30 13:27:31 +00:00
parent 76057ec47c
commit 41c2761004
3 changed files with 13 additions and 5 deletions

View File

@@ -11,8 +11,9 @@ BODY, HTML {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-weight: bold; font-weight: bold;
border-radius: 4px; border-radius: 4px;
padding-top: 0;
} }
.buttonStyle { .buttonStyle {
border-radius: 4px; border-radius: 4px;
border: thin solid #F0E020; border: thin solid #F0E020;
@@ -81,7 +82,7 @@ BODY, HTML {
background:rgba(0,0,0,0.7); background:rgba(0,0,0,0.7);
text-align: center; text-align: center;
color: white; color: white;
height: 10em; height: 100%;
} }
#congratulation { #congratulation {
@@ -127,3 +128,7 @@ BODY, HTML {
.instructionSymbols { .instructionSymbols {
padding-top: 2em; padding-top: 2em;
} }
.signature {
padding-bottom: 2em;
}

View File

@@ -97,9 +97,12 @@
<a class="levelButton" id="replayButton" ng-click="restartLevel()" ng-hide="isFinalScreenVisible"><i class="fa fa-repeat"></i> Play again</a> <a class="levelButton" id="replayButton" ng-click="restartLevel()" ng-hide="isFinalScreenVisible"><i class="fa fa-repeat"></i> Play again</a>
<a class="levelButton" id="nextButton" ng-click="nextLevel()" ng-hide="isFinalScreenVisible"><i class="fa fa-arrow-right" ></i> Next level</a> <a class="levelButton" id="nextButton" ng-click="nextLevel()" ng-hide="isFinalScreenVisible"><i class="fa fa-arrow-right" ></i> Next level</a>
</div> </div>
<div class="levelCompleteButtons"> <div class="levelCompleteButtons" ng-show="isFinalScreenVisible">
<a class="levelButton" id="webButton" ng-click="openUrl('http://www.ysofters.com/2014/12/30/pf2015')" ng-show="isFinalScreenVisible"> <div>Wishing you all the best this New Year!</div>
<div class="signature"> - Juraj</div>
<div><a class="levelButton" id="webButton" ng-click="openUrl('http://www.ysofters.com/2014/12/30/pf2015')">
<i class="fa fa-thumbs-up" ></i> Visit PF 2015 website</a> <i class="fa fa-thumbs-up" ></i> Visit PF 2015 website</a>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -317,7 +317,7 @@ angular.module('app', ['angular-flippy', 'level-selector', 'level-complete'])
$scope.containerStyle = { $scope.containerStyle = {
"max-width": (cardSize + 20) * cardsPerRow + "px", "max-width": (cardSize + 20) * cardsPerRow + "px",
"padding-left": paddingLeft + "px", "padding-left": paddingLeft + "px",
"padding-top": paddingTop + "px" "margin-top": paddingTop + "px"
}; };
}; };