From 39dc6a63dafb0d506efa6bc8ed74209bd21407b4 Mon Sep 17 00:00:00 2001 From: Brittany Cheng Date: Tue, 7 Aug 2012 14:41:28 -0400 Subject: [PATCH] cleanup css --- lms/static/sass/_discussion.scss | 84 ++++++++++++++++++++++++++++++++ 1 file changed, 84 insertions(+) diff --git a/lms/static/sass/_discussion.scss b/lms/static/sass/_discussion.scss index c97d0d88f3..d08c6076e5 100644 --- a/lms/static/sass/_discussion.scss +++ b/lms/static/sass/_discussion.scss @@ -25,10 +25,13 @@ form label { } .discussion { + .discussion-non-content { margin-left: flex-gutter(); } + //TITLE + .discussion-title { @include discussion-font; @include discussion-clickable; @@ -37,6 +40,7 @@ form label { font-weight: bold; margin-bottom: flex-gutter(6); } + .discussion-title-wrapper { .discussion-watch-discussion, .discussion-unwatch-discussion { @include discussion-font; @@ -45,36 +49,46 @@ form label { margin-left: 5px; } } + .blank { margin: 2%; } + //SORTING + .discussion-sort { float: right; font-size: $comment_body_size; margin-top: -2.5%; + .discussion-sort-link { + &:hover { color: #1C71DD; text-decoration: none; } } + .discussion-sort-link.sorted { color: #1C71DD; font-weight: bold; } } + //SEARCH + .search-wrapper-inline { display: inline-block; margin-bottom: 6%; margin-top: 3%; width: 80%; } + .discussion-search-form { display: inline-block; margin-bottom: 1%; width: flex-grid(12); + .discussion-link { @include button; color: white; @@ -85,9 +99,11 @@ form label { padding-top: 9px; text-decoration: none; } + .discussion-search-text { @include discussion-font; } + .search-input { float: left; font: inherit; @@ -95,16 +111,20 @@ form label { width: 72%; } } + .search-within { display: block; margin-bottom: 3%; } + .discussion-search-within-board { font: inherit; font-size: $comment_body_size; font-style: normal; } + //BASIC BUTTON STYLES + .control-button { @include button; @include discussion-font; @@ -128,6 +148,7 @@ form label { width: inherit; text-decoration: none; text-shadow: none; + &:hover { background-color: #A2A2A2; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A2A2A2),color-stop(100%, #7B7B7B)); @@ -142,9 +163,12 @@ form label { box-shadow: inset 0 1px 0 #BBB,0 0 3px #CCC; } } + //FOLLOW BUTTON + .follow-wrapper { float: right; + .discussion-link { @include button; background-color: #BEBEBE; @@ -158,6 +182,7 @@ form label { padding: 5px 8px; text-decoration: none; text-shadow: none; + &:hover { background-color: #AAA; background-image: none; @@ -168,49 +193,62 @@ form label { } } } + //VOTES + .discussion-votes { float: left; height: flex-grid(3); margin: 1% 2%; text-align: center; + .discussion-vote-count { @include discussion-font; font-size: $comment_body_size; } + a.discussion-vote { color: black; display: block; font-size: 15px; font-weight: bold; + &:hover { color: #1C71DD; text-decoration: none; } + &.discussion-vote-up { margin-bottom: 3px; } + &.discussion-vote-down { margin-top: 5px; } + &.voted { color: #1C71DD; } } } + //CREATE NEW AND EDIT POSTS + .discussion-right-wrapper { float: left; min-height: 40px; width: 90%; } + .new-post-form, .discussion-thread-edit { + .title-input, .body-input { display: block !important; font: inherit; font-style: normal; width: $discussion_input_width !important; } + .new-post-similar-posts-wrapper { @include border-radius(3px); border: 1px solid #EEE; @@ -219,9 +257,11 @@ form label { margin-top: 1%; padding: 1% 1.5%; } + .hide-similar-posts { float: right; } + .new-post-similar-posts { font: inherit; .similar-post { @@ -229,9 +269,11 @@ form label { line-height: 150%; } } + .new-post-body { margin-top: flex-gutter(); } + .tagsinput { background: #FAFAFA; border: 1px solid #C8C8C8; @@ -251,8 +293,10 @@ form label { -webkit-font-smoothing: antialiased; } } + .discussion-content-edit, .discussion-reply-new, .new-post-form { margin: 10px 0 10px 0; + .discussion-errors { color: #8F0E0E; display: block; @@ -262,21 +306,26 @@ form label { margin-left: -3%; padding-left: 2em; } + a:hover { color: #1C71DD; text-decoration: none; }; + .new-post-control { margin-left: 80%; margin-top: 1%; } + .reply-post-control { margin-left: 73%; } + .edit-post-control { margin-left: 79%; margin-top: 1%; } + .control-button { @include button; @include discussion-font; @@ -288,27 +337,35 @@ form label { padding-top: 9px; text-decoration: none; width: inherit; + &:hover { color: white; } } } + .new-post-form { margin: 10px 0 40px 0; } + .discussion-reply-new { + .discussion-auto-watch { margin-left: 2%; } } + //THREAD STYLES + .thread { //display: none; + .search-highlight { display: inline; font-weight: bold; background-color: lightyellow; } + .thread-title { @include discussion-font; @include discussion-clickable; @@ -316,19 +373,23 @@ form label { font-size: $comment_title_size; font-weight: bold; } + .thread-body, .content-body { @include discussion-font; font-size: $comment_body_size; margin-bottom: 4px; margin-top: 3px; min-height: 35px; + p { @include discussion-font; margin: 0; } } + .thread-tags { display: inline-block; + .thread-tag { @include discussion-font; background: #CDE69C; @@ -341,53 +402,65 @@ form label { margin: 5px 7px 5px 0; padding: 5px 7px; text-decoration: none; + &:hover { border-color: #1E4612; color: #1E4612; } } } + .info { @include discussion-font; color: gray; font-size: $comment_info_size; font-style: italic; margin-top: 2%; + a { + &:hover { text-decoration: none; color: #1C71DD; } } + .comment-time { display: inline; float: right; margin-right: -4%; } + .comment-count { display: inline; } + .discussion-reply { margin-left: 4px; } + .discussion-link { @include discussion-font; color: #1d9dd9; display: inline; margin-left: 2px; + &:hover { text-decoration: none; color: #1C71DD; } } } + .discussion-content { border-top: lightgray 1px solid; overflow: hidden; padding: 1.5% 0; + .discussion-reply-new { @include discussion-font; margin-left: 5%; + .reply-body { @include discussion-font; display: block; @@ -397,12 +470,16 @@ form label { } } } + //COMMENT STYLES + .comments { //display: none; margin-left: $comment_margin_left; overflow: hidden; + .comment { + .comment-body, .content-body { @include discussion-font; color: black; @@ -410,7 +487,9 @@ form label { font-size: $comment_body_size; margin-top: 3px; } + &.endorsed { + > .discussion-content { background-color: lightyellow; } @@ -418,16 +497,20 @@ form label { } } } + //PAGES + .discussion-paginator { font-size: $comment_body_size; margin-bottom: 10px; margin-top: 20px; text-align: center; + div { display: inline-block; font-weight: bold; margin: 0 5px; + a { background: #EEE; -webkit-border-radius: 3px; @@ -439,6 +522,7 @@ form label { font-weight: normal; padding: 4px 10px; text-decoration: none; + &:hover { background: #DDD; }