From 362f3a6eb5f9577f91609b3e20893784aa58fa69 Mon Sep 17 00:00:00 2001 From: Byron Date: Sun, 23 Oct 2011 17:13:14 -0600 Subject: Finished style for sidebar elements on question template --- askbot/skins/default/media/style/lib_style.less | 2 +- askbot/skins/default/media/style/style.css | 137 +++++++++------------ .../skins/default/templates/question/sidebar.html | 10 +- .../templates/widgets/question_edit_tips.html | 4 + 4 files changed, 70 insertions(+), 83 deletions(-) diff --git a/askbot/skins/default/media/style/lib_style.less b/askbot/skins/default/media/style/lib_style.less index 34710137..cd8aa5d9 100644 --- a/askbot/skins/default/media/style/lib_style.less +++ b/askbot/skins/default/media/style/lib_style.less @@ -7,7 +7,7 @@ @question-link:#464646; @button-label:#4a757f; @section-title:#7ea9b3; -@info-text:#8d8d8d; +@info-text:#707070; @info-text-dark:#6b6b6b; /* Variables for fonts*/ diff --git a/askbot/skins/default/media/style/style.css b/askbot/skins/default/media/style/style.css index e5c38294..ded24542 100644 --- a/askbot/skins/default/media/style/style.css +++ b/askbot/skins/default/media/style/style.css @@ -490,7 +490,11 @@ h1 { } label { - color: #333; + color: @info-text; + font-size:15px; + display: block; + float: right; + width: 172px; } ul { @@ -541,9 +545,13 @@ h1 { } } + img.gravatar { + margin:1px; + } + /* widgets for question template */ - a.follow{ + a.followed, a.follow{ background: url(../images/medium-button.png) top repeat-x; height:34px; line-height:34px; @@ -555,22 +563,62 @@ h1 { font-size:21px; margin-top:3px; display:block; - width:150px; + width:120px; + text-decoration:none; .rounded-corners(4px); .box-shadow(1px, 1px, 2px, #636363); } - a.follow:hover{ + + a.followed:hover, a.follow:hover{ text-decoration:none; background: url(../images/medium-button.png) bottom repeat-x; .text-shadow(0px, 1px, 0px, #c6d9dd); } -} + a.followed div.unfollow{ + display:none; + } + + a.followed:hover div{ + display:none; + } + a.followed:hover div.unfollow{ + display:inline; + color:#a05736; + } + + .favorite-number { + padding: 5px 0 0 5px; + font-size: 100%; + font-family: Arial; + font-weight: bold; + color: #777; + text-align: left; + } -img.gravatar { - margin:1px; } +.statsWidget p{ + color:@info-text; + font-size:16px; + border-bottom:#cccccc 1px solid; + + strong{ + float:right; + padding-right:10px; + } +} +.questions-related { + word-wrap: break-word; + + p { + line-height: 20px; + padding: 4px 0px 4px 0px; + font-size: 16px; + font-weight:normal; + border-bottom:#cccccc 1px solid; + } +} /* tips and markdown help are widgets for ask template */ #tips{ @@ -594,6 +642,7 @@ img.gravatar { } } + /* ----- Sorting top Tab, check main_page/tab_bar.html ------*/ .tabBar { @@ -1310,11 +1359,13 @@ span.delete-icon:hover { float:none; clear:both; padding: 3px 0 0 1px; - font-size: 14px; + font-size: 15px; + width:110px; + } p.rss a { - padding-left: 18px; + font-family:@yanone; vertical-align: top; } } @@ -1435,16 +1486,6 @@ a:hover.medal { border-right: 1px solid #D1CA3D; } -.questions-related { - font-weight: 700; - word-wrap: break-word; -} - -.questions-related p { - line-height: 20px; - margin-bottom: 10px; - font-size: 100%; -} .question-status { margin-top: 10px; @@ -1468,56 +1509,6 @@ a:hover.medal { cursor: pointer; } -.vote-buttons .button{ - -moz-border-radius: 10px; - margin-top: 20px; - border-radius: 10px; - height: 20px; - width: 80px; - border-style: solid; - border-width: 1px; - padding: 8px; - float:left; -} - -.vote-buttons .followed{ - font-color: #000; - font-style:normal; - background: #cccccc; -} - -.vote-buttons .followed div{ - font-weight: normal; -} - -.vote-buttons .followed div.unfollow{ - display:none; -} - -.vote-buttons .followed:hover{ - color: #fff; - background: #8b0000; -} - -.vote-buttons .followed:hover div{ - display:none; -} - -.vote-buttons .followed:hover div.unfollow{ - display:inline; - font-weight: bold; -} - -.vote-buttons .follow{ - background: #cccccc; -} - -.vote-buttons .follow:hover{ - background: #234f32; - color: #fff; - font-weight: bold; -} - .vote-number { font-family: Arial; padding: 0px 0 3px 0; @@ -1545,14 +1536,6 @@ a:hover.medal { background: url(../images/vote-favorite-on.png) } -.favorite-number { - padding: 5px 0 0 10px; - font-size: 100%; - font-family: Arial; - font-weight: bold; - color: #777; - text-align: left; -} .notify-me { float: left; diff --git a/askbot/skins/default/templates/question/sidebar.html b/askbot/skins/default/templates/question/sidebar.html index 61339b08..d011d562 100644 --- a/askbot/skins/default/templates/question/sidebar.html +++ b/askbot/skins/default/templates/question/sidebar.html @@ -1,15 +1,15 @@ {% import "macros.html" as macros %} {{ settings.SIDEBAR_QUESTION_HEADER }} -
+

{% trans %}Question tools{% endtrans %}

{% if favorited %} - {% else %} - @@ -41,9 +41,9 @@ {% if settings.SIDEBAR_QUESTION_SHOW_META %} -
+
-

{% trans %}Stats:{% endtrans %}

+

{% trans %}Stats{% endtrans %}

{% trans %}question asked{% endtrans %}: {{question.added_at|diff_date}}

diff --git a/askbot/skins/default/templates/widgets/question_edit_tips.html b/askbot/skins/default/templates/widgets/question_edit_tips.html index b62c6338..1270687f 100644 --- a/askbot/skins/default/templates/widgets/question_edit_tips.html +++ b/askbot/skins/default/templates/widgets/question_edit_tips.html @@ -12,7 +12,9 @@

+

@@ -53,7 +55,9 @@

+

-- cgit v1.2.3-1-g7c22