From d75fe3934366ea5e2581df6111c6bccdb77d1e95 Mon Sep 17 00:00:00 2001 From: tkimia Date: Tue, 22 Apr 2014 01:50:18 -0400 Subject: redesign of tournaments index and matches index --- app/assets/stylesheets/matches.css.scss | 12 ++++++++++++ app/assets/stylesheets/scaffolds.css.scss | 10 ++++++++-- app/assets/stylesheets/tournaments.css.scss | 16 +++++++++------- 3 files changed, 29 insertions(+), 9 deletions(-) (limited to 'app/assets/stylesheets') diff --git a/app/assets/stylesheets/matches.css.scss b/app/assets/stylesheets/matches.css.scss index 84430d6..66da68e 100644 --- a/app/assets/stylesheets/matches.css.scss +++ b/app/assets/stylesheets/matches.css.scss @@ -39,4 +39,16 @@ #current-id { display: none; +} + + + +/**** INDEX PAGE - TABLE AND GRAPH ****/ +#matches-table { + @extend .table; + color: #FFF; + + form { + color: #333; + } } \ No newline at end of file diff --git a/app/assets/stylesheets/scaffolds.css.scss b/app/assets/stylesheets/scaffolds.css.scss index fd2a1fb..40791e8 100644 --- a/app/assets/stylesheets/scaffolds.css.scss +++ b/app/assets/stylesheets/scaffolds.css.scss @@ -3,6 +3,7 @@ $page-color: #444; $toolbar-color: black; $orange: #DD9125; +$darker-orange: #9D4102; $link-yellow: #FFC50D; html{ @@ -22,6 +23,10 @@ h1, h2, h3, h4, h5, p{ color: $orange; } +h1, h2, h3, h4, h5 { + text-shadow: 0px 0px 2px $darker-orange; +} + p, ol, ul, td { font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; @@ -104,9 +109,10 @@ button, input[type="submit"] { footer { clear: both; margin: 0 auto; - margin-top: 10px; border-top: solid 1px $orange; padding-top: 10px; - color: white; text-align: center; + position:absolute; + bottom: 0; + width: 100%; } \ No newline at end of file diff --git a/app/assets/stylesheets/tournaments.css.scss b/app/assets/stylesheets/tournaments.css.scss index 2074783..41d6023 100644 --- a/app/assets/stylesheets/tournaments.css.scss +++ b/app/assets/stylesheets/tournaments.css.scss @@ -17,7 +17,7 @@ span.default-explanation { } #tournament-side-params { - background: none repeat scroll 0 0 #ADD8E6; + background: none repeat scroll 0 0 rgba(0,0,0,0.5); border-radius: 5px; float: right; font-size: 7px; @@ -33,23 +33,24 @@ span.default-explanation { #tournament-users{ li { - color: green; + color: #10A010; } .black { - color: black; + color: white; } } /* Style of a tournament listing div */ div.tournament-listing { - margin-top: 10px; + margin: 10px 0px; border-radius: 5px; - box-shadow: 2px 2px 4px #B8B8B8; - border: 2px solid #AAAAAA; + box-shadow: 0px 0px 3px #B8B8B8; + background-color: rgba(0, 0, 0, 0.6); + border: 1px solid #AAAAAA; min-height: 100px; - padding: 4px; + padding: 8px 4px; /* AKA the listing title */ h3 { @@ -65,6 +66,7 @@ div.tournament-listing { /* host of the tournament */ .host { font-weight: bold; + color: #FFF; } .col-md-8 { -- cgit v1.2.3