diff --git a/public/css/style.less b/public/css/style.less index b4a0f13b44..b52eedb1fe 100644 --- a/public/css/style.less +++ b/public/css/style.less @@ -21,10 +21,18 @@ body { background: #fdfdfd; + -webkit-transition: margin-bottom 250ms ease; + -moz-transition: margin-bottom 250ms ease; + -ms-transition: margin-bottom 250ms ease; + -o-transition: margin-bottom 250ms ease; + transition: margin-bottom 250ms ease; + + &.composing { + margin-bottom: 350px; + } } -// havent really decided what makes more sense tbh -.none, .hide { +.none { display: none !important; } @@ -73,6 +81,7 @@ footer.footer { left: 0px; bottom: 0px; background: white; + z-index: 1500; input { width: 100%; @@ -374,27 +383,66 @@ footer.footer { } .category-purple { - background: #ab1290; + @color: #ab1290; + background: @color; color: white; + + &:hover { + background: lighten(@color, 10%); + } } .category-darkblue { - background: #004C66; + @color: #004C66; + background: @color; color: white; + + &:hover { + background: lighten(@color, 10%); + } } .category-blue { - background: #0059B2; + @color: #0059B2; + background: @color; color: white; + + &:hover { + background: lighten(@color, 10%); + } } .category-darkgreen { - background: #004000; + @color: #004000; + background: @color; color: white; + + &:hover { + background: lighten(@color, 10%); + } } .category-orange { + @color: #FF7A4D; color: white; - background: #FF7A4D; + background: @color; + + &:hover { + background: lighten(@color, 10%); + } +} + +.category-list { + li { + .inline-block; + .pointer; + padding: 0.5em 0; + text-align: center; + margin: 0.5em; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 0.5em; + } } .hero-unit { diff --git a/public/src/app.js b/public/src/app.js index 4a989e06bd..88b2b51f24 100644 --- a/public/src/app.js +++ b/public/src/app.js @@ -100,9 +100,10 @@ var socket, reply_title = reply_title || document.getElementById('reply_title'); post_content = post_content || document.getElementById('post_content'); - post_window = post_window || document.getElementById('post_window'); - jQuery(post_window).slideToggle(250); + + jQuery(post_window).slideDown(250); + $(document.body).addClass('composing'); if (post_mode == 'topic') { post_title.style.display = "block"; @@ -149,7 +150,7 @@ var socket, 'topic_id' : topic_id, 'content' : content }); - jQuery(post_window).slideToggle(250); + jQuery(post_window).slideDown(250); }; app.post_topic = function(category_id) { @@ -175,6 +176,7 @@ var socket, jQuery('#post_title, #post_content').val(''); jQuery(post_window).slideToggle(250); + $(document.body).addClass('composing'); }; diff --git a/public/templates/account.tpl b/public/templates/account.tpl index 5c859a26ad..0aa2334368 100644 --- a/public/templates/account.tpl +++ b/public/templates/account.tpl @@ -10,7 +10,7 @@