Finished style for sidebar elements on question template

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 }}
-<div class="box">
+<div class="box vote-buttons">
     <h2 >{% trans %}Question tools{% endtrans %}</h2>
     {% if favorited %}
-        <a class="button follow" 
+        <a class="button followed" 
             alt="{% trans %}click to unfollow this question{% endtrans %}">
             <div>{% trans %}Following{% endtrans %}</div>
             <div class='unfollow'>{% trans %}Unfollow{% endtrans %}</div>
         </a>
     {% else %}
-        <a class="button follow"
+        <a class="button followed"
             alt="{% trans %}click to follow this question{% endtrans %}">
             {%trans %}Follow{%endtrans%}
         </a>
@@ -41,9 +41,9 @@
 
 
 {% if settings.SIDEBAR_QUESTION_SHOW_META %}
-<div class="box">
+<div class="box statsWidget">
     <div class="clearfix"></div>
-    <h2>{% trans %}Stats:{% endtrans %}</h2>
+    <h2>{% trans %}Stats{% endtrans %}</h2>
     <p>
         {% trans %}question asked{% endtrans %}: <strong title="{{ question.added_at }}">{{question.added_at|diff_date}}</strong>
     </p>
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 @@
         </li>
     </ul>
     <p class='info-box-follow-up-links'>
+<!-- will be change to a popup windows
         <a href="{% url faq %}" target="_blank" title="{% trans %}see frequently asked questions{% endtrans %}">{% trans %}FAQ{% endtrans %} »</a>
+-->
     </p>
 </div>
 
@@ -53,7 +55,9 @@
         </li>
     </ul>
     <p class='info-box-follow-up-links'>
+<!-- will be change to a popup windows
         <a href="http://en.wikipedia.org/wiki/Markdown" target="_blank">{% trans %}learn more about Markdown{% endtrans %} »</a>
+-->
     </p>
 </div>
 <!-- end question_edit_tips.html -->