diff --git a/app/assets/images/layout/drop-menu-background.png b/app/assets/images/layout/drop-menu-background.png index 4bb9e9b..75d8941 100644 Binary files a/app/assets/images/layout/drop-menu-background.png and b/app/assets/images/layout/drop-menu-background.png differ diff --git a/app/assets/stylesheets/_variables.scss b/app/assets/stylesheets/_variables.scss index 0eac9f4..1fc06c9 100644 --- a/app/assets/stylesheets/_variables.scss +++ b/app/assets/stylesheets/_variables.scss @@ -56,13 +56,13 @@ $dark-blue: darken($blue, 15); $deep-blue: darken($dark-blue, 15); $dark-gray: #21262A; -$medium-gray: #2F383D; - $light-blue: #36b1ff; $light-gray: darken(#ECF1F5, 5); $light-red: #e56c69; $light-yellow: #FFF6BF; $light-green: #1f7f5c; + +$medium-gray: lighten(#5a5a5a, 30%); $base-body-color: white; $base-font-color: $dark-gray; diff --git a/app/assets/stylesheets/components/_comments.scss b/app/assets/stylesheets/components/_comments.scss index 796ab21..402c3e3 100644 --- a/app/assets/stylesheets/components/_comments.scss +++ b/app/assets/stylesheets/components/_comments.scss @@ -27,7 +27,7 @@ width: 100%; margin-bottom: $base-line-height; padding-bottom: 1em; - border-bottom: 1px solid $light-gray; + border-bottom: 1px solid $medium-gray; .comment-image, .comment-content { diff --git a/app/assets/stylesheets/components/_forms.scss b/app/assets/stylesheets/components/_forms.scss index fb91a06..589235e 100644 --- a/app/assets/stylesheets/components/_forms.scss +++ b/app/assets/stylesheets/components/_forms.scss @@ -210,6 +210,7 @@ form { margin-bottom: 0; line-height: 30px; outline: none; + font-weight: normal; } } } diff --git a/app/assets/stylesheets/components/_gather.scss b/app/assets/stylesheets/components/_gather.scss index fc87902..74eac0d 100644 --- a/app/assets/stylesheets/components/_gather.scss +++ b/app/assets/stylesheets/components/_gather.scss @@ -62,7 +62,7 @@ #gather-info { @include span-columns(12); margin: 20px 0; - border-bottom: 2px solid $light-gray; + border-bottom: 2px solid $medium-gray; .info { @include span-columns(4); @@ -118,8 +118,9 @@ @include pad; border-radius: $column-border-width + $column-border-radius; padding-bottom: 20px; - padding: 20px; + padding: 0px; position: relative; + z-index: 100; h4 { padding-bottom: 20px; @@ -134,6 +135,22 @@ ul { margin-bottom: 10px; } + + .contents { + margin: 20px; + padding: 10px; + } + + .contents:before { + border-radius: $base-border-radius; + content: ''; + background: rgba(0, 0, 0, 0.15); + position: absolute; + width: 90%; + height: 100%; + z-index: -1; + margin: -20px; + } } .players { @@ -156,8 +173,8 @@ clear: both; padding: 20px 0; margin: 20px 0; - border-top: 2px solid $light-gray; - border-bottom: 2px solid $light-gray; + border-top: 2px solid $medium-gray; + border-bottom: 2px solid $medium-gray; position: relative; .admin { diff --git a/app/assets/stylesheets/components/_shoutbox.scss b/app/assets/stylesheets/components/_shoutbox.scss index 541765d..c36cd33 100644 --- a/app/assets/stylesheets/components/_shoutbox.scss +++ b/app/assets/stylesheets/components/_shoutbox.scss @@ -4,8 +4,30 @@ .shoutmsg { margin-bottom: 5px; + display: block; + clear: both; .timestamp { @extend .highlight; } + + .user { + float: left; + padding: 0 5px 5px 0; + + .delete { + float: left; + } + + .username { + clear: right; + display: block; + } + + .time { + clear: left; + display: block; + color: #5a5a5a; + } + } } diff --git a/app/assets/stylesheets/layout/_body.scss b/app/assets/stylesheets/layout/_body.scss index cd8213c..b50649e 100644 --- a/app/assets/stylesheets/layout/_body.scss +++ b/app/assets/stylesheets/layout/_body.scss @@ -2,7 +2,7 @@ Main Containers */ -$container-padding: 1.5em; +$container-padding: 2em; html, body { @@ -41,6 +41,12 @@ body#tinymce { padding-top: 20px; background-image: image-url('layout/body-background-full.png'); } + + &.no-body { + #main { + padding: 0; + } + } } #forums { @@ -49,14 +55,7 @@ body#tinymce { #main { @include span-columns(9 of 12); - padding: 20px 25px 20px 10px; - - &.no-body { - box-shadow: none; - border-radius: 0; - background: transparent; - padding: 0; - } + padding: 20px 25px 20px 0px; } #sidebar { @@ -82,7 +81,6 @@ h1, h2, h3, h4, h5, h6 { &:before { content: ""; display: block; - border-top: 2px solid $light-gray; width: 100%; height: 2px; position: absolute; diff --git a/app/assets/stylesheets/layout/_header.scss b/app/assets/stylesheets/layout/_header.scss index 1e625d0..2ea1372 100644 --- a/app/assets/stylesheets/layout/_header.scss +++ b/app/assets/stylesheets/layout/_header.scss @@ -44,6 +44,10 @@ header .banner { font-size: 12px; line-height: 14px; color: #497588; + + &:hover { + color: white; + } } form { @@ -52,6 +56,9 @@ header .banner { &.admin { + .links { + margin-top: -10px; + } } .fields { diff --git a/app/assets/stylesheets/layout/_navigation.scss b/app/assets/stylesheets/layout/_navigation.scss index 88024a2..8a62196 100644 --- a/app/assets/stylesheets/layout/_navigation.scss +++ b/app/assets/stylesheets/layout/_navigation.scss @@ -47,6 +47,21 @@ ul.navigation { &.active { color: #3dcfff; } + + .count { + border-radius: $base-border-radius; + display: inline-block; + margin-left: 20px; + background: darken(#5a5a5a, 15%); + line-height: 20px; + padding: 0 3px; + color: lighten(#5f5f5f, 20%); + } + + &.active .count, + &:hover .count { + color: $light-blue; + } } > a { @@ -94,7 +109,7 @@ ul.navigation { ul { background: image-url('layout/drop-menu-background.png') top center repeat-y; - width: 130px; + width: 176px; position: absolute; box-shadow: $content-shadow; visibility: hidden; @@ -123,9 +138,8 @@ ul.navigation { white-space: nowrap; display: block; padding: 0 20px; - line-height: 40px; + line-height: 30px; height: 40px; - font-size: 12px; } &:hover a { diff --git a/app/assets/stylesheets/layout/_sidebar.scss b/app/assets/stylesheets/layout/_sidebar.scss index ad2813e..8781730 100644 --- a/app/assets/stylesheets/layout/_sidebar.scss +++ b/app/assets/stylesheets/layout/_sidebar.scss @@ -15,7 +15,13 @@ height: 75px; background: image-url('layout/sidebar-shadow.png') top center no-repeat; top: 0; - right: -15px; + right: -20px; + } + + &:first-child { + &:before { + display: none; + } } h4 { @@ -41,7 +47,7 @@ color: white; background: #5a5a5a; padding: 0 20px; - margin: 0 -15px 0 0; + margin: 0 (- $container-padding) 0 0; margin-bottom: 12px; font-weight: normal; line-height: 30px; @@ -84,6 +90,12 @@ float: none; } + .button { + clear: both; + display: block; + margin: 0 auto; + } + &:last-child { margin-bottom: 0; } @@ -94,10 +106,6 @@ */ .calendar { - &:before { - display: none; - } - .entry { margin-bottom: 0; } @@ -122,30 +130,6 @@ @include span-columns(12); margin-bottom: 10px; } - - .shoutmsg { - display: block; - clear: both; - - .user { - float: left; - padding: 0 5px 5px 0; - - .delete { - float: left; - } - - .username { - clear: right; - display: block; - } - - .time { - clear: left; - display: block; - } - } - } } /* diff --git a/app/assets/stylesheets/pages/_matches.scss b/app/assets/stylesheets/pages/_matches.scss index 275d190..4b6f036 100644 --- a/app/assets/stylesheets/pages/_matches.scss +++ b/app/assets/stylesheets/pages/_matches.scss @@ -31,7 +31,7 @@ div#match { $title-height: 100px; @include span-columns(12); - border-bottom: 3px solid $light-gray; + border-bottom: 3px solid $medium-gray; .contesters, .details, @@ -109,12 +109,12 @@ div#match { } .score-1 { - padding-left: 10px; + padding-left: 5px; left: 0; } .score-2 { - padding-right: 10px; + padding-right: 5px; right: 0; } } @@ -295,7 +295,7 @@ div#match { .report { margin: 20px 0; padding-top: 20px; - border-top: 3px solid $light-gray; + border-top: 3px solid $medium-gray; textarea { margin: 20px 0; diff --git a/app/assets/stylesheets/pages/_news.scss b/app/assets/stylesheets/pages/_news.scss index da61956..3125b12 100644 --- a/app/assets/stylesheets/pages/_news.scss +++ b/app/assets/stylesheets/pages/_news.scss @@ -2,9 +2,13 @@ Articles */ +#news { + margin-left: -20px; +} + div.article { @include span-columns(12); - border-bottom: 3px solid $light-gray; + border-bottom: 3px solid $medium-gray; padding-bottom: 20px; h1 { @@ -46,10 +50,10 @@ div.article { &.preview { @include span-columns(12); - padding: 20px 20px 20px 20px; + @include omega; + box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.25); + padding: 20px; margin-bottom: 20px; - margin-left: -10px; - box-shadow: $content-shadow; border: 0; .content { diff --git a/app/assets/stylesheets/pages/_servers.scss b/app/assets/stylesheets/pages/_servers.scss index 408d234..2599272 100644 --- a/app/assets/stylesheets/pages/_servers.scss +++ b/app/assets/stylesheets/pages/_servers.scss @@ -10,7 +10,7 @@ @include span-columns(12); margin-bottom: 20px; padding-bottom: 20px; - border-bottom: 3px solid $light-gray; + border-bottom: 3px solid $medium-gray; position: relative; .connect { diff --git a/app/assets/stylesheets/pages/_users.scss b/app/assets/stylesheets/pages/_users.scss index 275e328..bd69cfe 100644 --- a/app/assets/stylesheets/pages/_users.scss +++ b/app/assets/stylesheets/pages/_users.scss @@ -138,6 +138,12 @@ form { @include span-columns(12); margin-bottom: 20px; + + &.inline { + width: auto; + display: inline; + margin: 0; + } } .tab { diff --git a/app/views/application/_gather.html.erb b/app/views/application/_gather.html.erb deleted file mode 100644 index e69de29..0000000 diff --git a/app/views/application/_navigation.html.erb b/app/views/application/_navigation.html.erb index dbb271f..b65656c 100644 --- a/app/views/application/_navigation.html.erb +++ b/app/views/application/_navigation.html.erb @@ -20,6 +20,7 @@