unified css of buttons

4 files changed, 157 insertions, 174 deletions

diff --git a/askbot/media/bootstrap/css/bootstrap.css b/askbot/media/bootstrap/css/bootstrap.css
index e6190005..396e05c6 100644
--- a/askbot/media/bootstrap/css/bootstrap.css
+++ b/askbot/media/bootstrap/css/bootstrap.css
@@ -935,7 +935,6 @@ input[type="file"] {
   line-height: 18px \9;
 }
 select {
-  width: 220px;
   background-color: #ffffff;
 }
 select[multiple],
@@ -968,6 +967,7 @@ textarea {
   -o-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
 }
+/*
 input:focus,
 textarea:focus {
   border-color: rgba(82, 168, 236, 0.8);
@@ -975,10 +975,9 @@ textarea:focus {
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
   outline: 0;
-  outline: thin dotted \9;
-  /* IE6-9 */
-
+  outline: thin dotted \9; ***** for IE6-9 *
 }
+*/
 input[type="file"]:focus,
 input[type="radio"]:focus,
 input[type="checkbox"]:focus,
diff --git a/askbot/media/js/post.js b/askbot/media/js/post.js
index 94e230a2..342a3cf3 100644
--- a/askbot/media/js/post.js
+++ b/askbot/media/js/post.js
@@ -1544,9 +1544,9 @@ EditCommentForm.prototype.createDom = function(){
     div.append(this._textarea);
     this._text_counter = $('<span></span>').attr('class', 'counter');
     div.append(this._text_counter);
-    this._submit_btn = $('<button class="submit small"></button>');
+    this._submit_btn = $('<button class="submit"></button>');
     div.append(this._submit_btn);
-    this._cancel_btn = $('<button class="submit small"></button>');
+    this._cancel_btn = $('<button class="submit"></button>');
     this._cancel_btn.html(gettext('cancel'));
     div.append(this._cancel_btn);
 
diff --git a/askbot/media/style/lib_style.less b/askbot/media/style/lib_style.less
index 05ab38f5..5e454173 100644
--- a/askbot/media/style/lib_style.less
+++ b/askbot/media/style/lib_style.less
@@ -17,29 +17,6 @@
 @main-font:'Open Sans Condensed', Arial, sans-serif;
 @secondary-font:Arial;
 
-/* Buttons */
-
-.button-style(@h:20px, @f:14px){
-    height:@h;
-    font-size:@f;
-    text-align:center;
-    text-decoration:none;
-    cursor:pointer;
-    color:@button-label;
-    font-family:@main-font;
-    .text-shadow(0px,1px,0px,#c6d9dd);
-    border-top:#eaf2f3 1px solid;
-    .linear-gradient(#d1e2e5,#a9c2c7);
-    .rounded-corners(4px);
-    .box-shadow(1px, 1px, 2px, #636363)
-}
-
-.button-style-hover{
-    .linear-gradient(#cde5e9,#94b3ba);
-    text-decoration:none;
-    .text-shadow(0px, 1px, 0px, #c6d9dd);
-}
-
 /* General styles for gradients */
 
 .linear-gradient(@start:#eee,@end:#fff,@stop:25%){
diff --git a/askbot/media/style/style.less b/askbot/media/style/style.less
index 5dce292c..64bc584a 100644
--- a/askbot/media/style/style.less
+++ b/askbot/media/style/style.less
@@ -38,6 +38,9 @@ input, select {
     font-family: Trebuchet MS, "segoe ui", Helvetica, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
     margin-left:0px;
 }
+select {
+    width: 100%;
+}
 
 input[type="text"].prompt,
 input[type="password"].prompt,
@@ -208,7 +211,7 @@ body.user-messages {
 
 .wait-icon-box {
     text-align: center;
-    margin-bottom: 8px;
+    margin: 5px 0 8px;
 }
 
 #closeNotify {
@@ -500,9 +503,7 @@ body.user-messages {
         width: 100%;
         margin: 8px 0 6px 0;
         padding: 0;
-        -webkit-box-shadow: none;
-        -moz-box-shadow: none;
-        box-shadow: none;
+        .box-shadow(0, 0, 0);
     }
 
     div.input-tool-tip {
@@ -552,13 +553,13 @@ body.user-messages {
 
     .footer {
         text-align: center;
-        padding-bottom: 10px;
+        padding: 9px 0 10px 0;
     }
 }
 
 .search-drop-menu.empty {
     ul {
-        padding: 5px;
+        padding: 1px;
         margin: 0;
     }
 }
@@ -579,9 +580,11 @@ input[type="submit"].searchBtn {
     line-height: 22px;
     text-align: center;
     float:right;
-    margin: 7px 28px 0 0;
+    margin: 8px 28px 0 0;
     width: 48px;
-    .sprites(-98px,-36px);
+    .sprites(-98px,-37px);
+    .rounded-corners(0);
+    .box-shadow(0, 0, 0);
     cursor:pointer;
     position: relative;
     z-index: 10001;
@@ -604,8 +607,14 @@ input[type="submit"].searchBtn {
     }
 }
 
-.searchBtn:hover {
-    .sprites(-98px-48,-36px);
+input[type="submit"].searchBtn:hover {
+    background-image: none;
+    background-image: none;
+    background-image: none;
+    background-image: none;
+    background-image: none;
+    background-image: none;
+    .sprites(-98px-48,-37px);
 }
 
 .cancelSearchBtn {
@@ -616,11 +625,12 @@ input[type="submit"].searchBtn {
     line-height: 42px;
     border:0px;
     border-left:#deded0 1px solid;
+    .box-shadow(0, 0, 0);
     text-align: center;
     width: 35px;
     cursor:pointer;
     float: right;
-    margin-top: 7px;
+    margin: 7px 0 0 0;
     position: relative;
     z-index: 10001;
 }
@@ -629,17 +639,63 @@ input[type="submit"].searchBtn {
     color: #d84040;
 }
 
-#askButton{ /* check blocks/secondary_header.html and widgets/ask_button.html*/
-    line-height:44px;
-    margin-top:6px;
-    float:right;
-    text-transform:uppercase;
-    .button-style(42px, 20px);
-    width: 200px;/* to match width of sidebar */
+button,
+input[type="submit"],
+input[type="button"],
+input[type="reset"],
+.button {
+    cursor: pointer;
+    color: @button-label;
+    height: 27px;
+    font-family: @main-font;
+    font-size: 14px;
+    font-weight: bold;
+    text-align: center;
+    text-decoration: none;
+    .text-shadow(0px,1px,0px,#c6d9dd);
+    border: 0 !important;
+    border-top: #eaf2f3 1px solid;
+    .linear-gradient(#d1e2e5,#a9c2c7);
+    .rounded-corners(4px);
+    .box-shadow(1px, 1px, 2px, #636363)
+}
+button.large,
+input[type="submit"].large,
+input[type="button"].large,
+input[type="reset"].large,
+.button.large {
+    font-size: 20px;
+    height: 35px;
+    line-height: 35px;
+    padding: 0 10px;
+}
+
+button:hover, 
+input[type="submit"]:hover,
+.button:hover {
+    .linear-gradient(#cde5e9,#94b3ba);
+    text-decoration:none;
+    .text-shadow(0px, 1px, 0px, #c6d9dd);
+}
+
+input[type="submit"].link {
+    .box-shadow(0, 0, 0);
+    .text-shadow(0, 0, 0);
+    font-weight: normal;
 }
 
-#askButton:hover{
-    .button-style-hover;
+input[type="submit"].link:hover {
+    text-decoration: underline;
+}
+
+#askButton { /* check blocks/secondary_header.html and widgets/ask_button.html*/
+    float:right;
+    font-size: 20px;
+    height: 42px;
+    line-height: 44px;
+    margin-top: 6px;
+    text-transform: uppercase;
+    width: 200px;/* to match width of sidebar */
 }
 
 /* 
@@ -800,16 +856,8 @@ body.anon {
         #subscribedTagAdd,
         #ab-tag-search-add {
             border:0;
-            font-weight:bold;
             margin-top:-2px;
-            .button-style(27px, 14px);
-            .rounded-corners(4px);
         }
-       #interestingTagAdd:hover,
-       #ignoredTagAdd:hover,
-       #ab-tag-search-add:hover {
-            .button-style-hover;
-       }
        #ab-tag-search-add {
             width: 47px;
        }
@@ -822,21 +870,17 @@ body.anon {
 /* widgets for question template */
 
     a.followed, a.follow{
+        height: 34px;
+        font-size: 21px;
         line-height:34px;
         border:0;
         font-weight:normal;
         margin-top:3px;
         display:block;
-        .button-style(34px,21px);
         .center;
         width: 130px;
     }
 
-    a.followed:hover, a.follow:hover{
-        .button-style-hover;
-        .text-shadow(0px, 1px, 0px, #c6d9dd);
-    }
-
     a.followed div.unfollow{
         display:none;
     }
@@ -1334,7 +1378,7 @@ ul.tags.marked-tags,
 ul#related-tags {
     list-style: none;
     margin: 0;
-    padding: 0;
+    padding: 0 0 0 1px;
     line-height: 170%;
     display: block;
 }
@@ -1660,10 +1704,7 @@ ul#related-tags li {
 .add-groups,
 .add-users {
     border:0;
-    font-weight:bold;
     margin-top:-2px;
-    .button-style(27px, 14px);
-    .rounded-corners(4px);
 }
 
 .share-input-col {
@@ -1679,10 +1720,6 @@ ul#related-tags li {
     height: 25px;
 }
 
-.add-groups:hover {
-    .button-style-hover;
-}
-
 #id_user,
 #id_user_author {
     border:#cce6ec 3px solid;
@@ -1704,10 +1741,7 @@ ul#related-tags li {
 .add-groups,
 .add-users {
     border:0;
-    font-weight:bold;
     margin-top:-2px;
-    .button-style(27px, 14px);
-    .rounded-corners(4px);
 }
 
 .add-everyone-group {
@@ -1717,10 +1751,6 @@ ul#related-tags li {
     padding: 0 10px;
 }
 
-.add-groups:hover {
-    .button-style-hover;
-}
-
 #id_user,
 #id_user_author {
     border:#cce6ec 3px solid;
@@ -1749,18 +1779,12 @@ ul#related-tags li {
 .edit-question-page input.submit {
     float: left;
     font-weight:normal;
+    height: 35px;
+    font-size: 20px;
     margin-top:3px;
-    .button-style(34px,21px);
     margin-right:7px;
 }
 
-#fmanswer input.submit:hover,
-.ask-page input.submit:hover,
-.edit-question-page input.submit:hover{
-    .button-style-hover;
-    .text-shadow(0px, 1px, 0px, #c6d9dd)
-}
-
 .wmd-container {
     border:#cce6ec 3px solid;
     textarea {
@@ -1768,7 +1792,7 @@ ul#related-tags li {
     }
 }
 .users-page .wmd-container {
-    width: 200px;
+    width: auto;
 }
 .ask-page,
 .question-page,
@@ -1803,7 +1827,7 @@ ul#related-tags li {
 }
 
 .users-page #editor {
-    width: 192px;
+    width: 187px;
 }
 
 #id_title {
@@ -2264,22 +2288,25 @@ ul#related-tags li {
         clear: both;
         
         div.controls {
-              clear: both;
+            clear: both;
             float:left;
             width: 100%;
             margin: 3px 0 20px 5px;
         }
         
         .controls a {
-             color: #988e4c;
-            padding: 0 3px 2px 22px;
-            font-family:@body-font;
-            font-size:13px;
-            background:url(../images/comment.png) no-repeat center left;
+            border: none;
+            color: #988e4c;
+            padding: 0 3px 5px 22px;
+            font-family: @body-font;
+            font-size: 13px;
+            font-weight: normal;
+            background: url(../images/comment.png) no-repeat center left;
+            .box-shadow(0, 0, 0);
+            .text-shadow(0, 0, 0);
         }
 
         .controls a:hover {
-            background-color: #f5f0c9;
             text-decoration: none;
         }
 
@@ -2296,43 +2323,35 @@ ul#related-tags li {
         }
         
         form.post-comments {
-            margin: 3px 26px 0 42px;
-            textarea{
-                font-size: 13px;
-                line-height: 1.3;
-
-            }
+            padding: 6px 6px 7px 42px;
+            border-bottom: 1px solid #edeeeb;
+            margin-bottom: 0;
         }
 
         textarea {
-            height: 42px;
-            width:100%;
-            margin: 7px 0 5px 1px;
+            box-sizing: border-box;
+            border: #cce6ec 3px solid;
             font-family: @body-font;
+            font-size: 13px;
+            height: 54px;
+            line-height: 1.3;
+            margin: -1px 0 7px 1px;
             outline: none;
             overflow:auto;
-            font-size: 12px;
-            line-height: 140%;
-            padding-left:2px;
-            padding-top:3px;
-            border:#cce6ec 3px solid;
+            padding: 0px 19px 2px 3px;
+            width:100%;
         }
-        
         input {
             margin-left: 10px;
             margin-top: 1px;
             vertical-align: top;
             width: 100px;
         }
-        button{
-            line-height:25px;
-            margin-bottom:5px;
-            .button-style(27px, 12px);
-            font-family:@body-font;
-            font-weight:bold;
-        }
-        button:hover{
-            .button-style-hover;
+        button.submit {
+            height: 26px;
+            line-height: 26px;
+            padding: 0 8px;
+            margin-right: 6px;
         }
         .counter {
             display: inline-block;
@@ -2346,16 +2365,13 @@ ul#related-tags li {
         }
         .comment {
             border-bottom: 1px solid #edeeeb;
-            clear:both;
+            clear: both;
             margin: 0;
-            margin-top:8px;
-            padding-bottom:4px;
+            padding-bottom: 4px;
             overflow: auto;
-            font-family:@body-font;
-            font-size:11px;
+            font-family: @body-font;
+            font-size: 11px;
             min-height: 25px;
-            background:#fff url(../images/comment-background.png) bottom repeat-x;
-            .rounded-corners(5px);
         }
         div.comment:hover {
             background-color: #efefef;
@@ -2402,29 +2418,32 @@ ul#related-tags li {
                 padding-left:6px;
             }
 
-            .convert-comment{
-              display: inline;
-              white-space: nowrap;
-              padding-left: 0px;
-            }
+            .convert-comment {
+                display: inline;
+                white-space: nowrap;
+                padding-left: 0px;
+                input {
+                    background: none;
+                    padding: 0px;
+                    color: #1B79BD;
+                    border:none;
+                    height: 13px;
+                    width:auto;
+                    font-family: Arial;
+                    font-size: 13px;
+                    font-weight: normal;
+                    line-height: 13px;
+                    margin: 0 0 0 8px;
+                    .box-shadow(0, 0, 0);
+                    .text-shadow(0, 0, 0);
+                }
 
-            .convert-comment input{
-              background: none;
-              padding: 0px;
-              color: #1B79BD;
-              border:none;
-              width:auto;
-              font-family: Arial;
-              line-height: 14px;
-              margin-left: 6px;
-              font-size: 13px;
-              box-shadow: none;
+                input:hover {
+                    text-decoration: underline;
+                    cursor: pointer;
+                }
             }
 
-            .convert-comment input:hover{
-              text-decoration:underline;
-              cursor:pointer;
-            }
         }
 
         .comment-body p{
@@ -2708,11 +2727,6 @@ ul#related-tags li {
     input.submit{
         font-weight:normal;
         margin:5px 0px;
-        .button-style(26px,15px);
-        font-family:@body-font;
-    }
-    input.submit:hover{
-        .button-style-hover;
     }
     .cancel{
         background:url(../images/small-button-cancel.png) repeat-x top !important;
@@ -2727,6 +2741,18 @@ ul#related-tags li {
     }
 }
 
+.user-profile-page.inbox-group-join-requests {
+    form {
+        margin-bottom: 0;
+    }
+    table {
+        margin-bottom: 13px;
+    }
+    td {
+        padding-right: 10px;
+    }
+}
+
 .inbox-flags.user-profile-page {
     .re {
         width: 810px;
@@ -2759,17 +2785,6 @@ ul#related-tags li {
         border:#cce6ec 3px solid;
         width:200px;
     }
-    .submit-b{
-        .button-style(24px,15px);
-        font-family:@body-font;
-        font-weight:bold;
-        padding-right:10px;
-        border:0;
-    }
-
-    .submit-b:hover{
-        .button-style-hover;
-    }
 }
 
 
@@ -2901,12 +2916,6 @@ a:hover.medal {
     .inputs {
         margin-top: 10px; 
         margin-bottom: 10px; 
-        input[type='submit']{
-          .button-style(26px,15px);
-        }
-    }
-    input[type='submit'].select-language {
-        .button-style(26px,15px);
     }
     select {
         margin-bottom: 12px;
@@ -2930,16 +2939,18 @@ a:hover.medal {
     p{font-size:13px;}
 }
 
+.follow-toggle {
+    height: auto;
+}
+
 .follow-toggle,.submit {
     border:0 !important;
     font-weight:bold;
     line-height:26px;
     margin-top:-2px;
-    .button-style(26px,14px);
 }
 
 .follow-toggle:hover, .submit:hover {
-    .button-style-hover;
     text-decoration:none !important;
 }
 
@@ -4332,10 +4343,6 @@ textarea.tipped-input {
     border-spacing: 10px; 
     border-collapse: separate;
 
-    button {
-        .button-style(27px, 14px);
-    }
-
     form {
         display: inline-block;
         margin-bottom: 0;