summaryrefslogtreecommitdiffstats
path: root/askbot/skins/default/media/style/style.less
diff options
context:
space:
mode:
Diffstat (limited to 'askbot/skins/default/media/style/style.less')
-rw-r--r--askbot/skins/default/media/style/style.less195
1 files changed, 127 insertions, 68 deletions
diff --git a/askbot/skins/default/media/style/style.less b/askbot/skins/default/media/style/style.less
index 49b1de4c..389a0acc 100644
--- a/askbot/skins/default/media/style/style.less
+++ b/askbot/skins/default/media/style/style.less
@@ -39,6 +39,10 @@ input, select {
margin-left:0px;
}
+textarea:focus, input:focus{
+ outline: none;
+}
+
iframe {
border: none;
}
@@ -384,7 +388,7 @@ body.user-messages {
height:42px;
margin:6px 0px 0px 15px;
- .searchInput, .searchInputCancelable {
+ .searchInput, .searchInputCancelable{
font-size: 30px;
height: 40px;
font-weight:300;
@@ -396,7 +400,7 @@ body.user-messages {
vertical-align: middle;
}
- .searchInput {
+ .searchInput,{
width: 352px;
}
@@ -534,6 +538,7 @@ body.anon {
text-align:left;
font-weight:normal;
font-family:@main-font;
+ padding-left:0px;
}
.contributorback{
background: #eceeeb url(../images/contributorsback.png) no-repeat center left;
@@ -544,8 +549,14 @@ body.anon {
font-size:15px;
display: block;
float: right;
- width: 177px;
+ text-align:left;
font-family:@main-font;
+ width:80px;
+ margin-right:18px;
+ }
+
+ #displayTagFilterControl label { /*Especial width just for the display tag filter box in index page*/
+ width:160px;
}
ul {
@@ -573,7 +584,8 @@ body.anon {
.inputs{
#interestingTagInput, #ignoredTagInput{
- width:158px;
+ width:153px;
+ padding-left:5px;
border:#c9c9b5 1px solid;
height:25px;
}
@@ -615,6 +627,7 @@ body.anon {
font-weight:normal;
font-size:21px;
margin-top:3px;
+
display:block;
width:120px;
text-decoration:none;
@@ -776,6 +789,10 @@ body.anon {
text-decoration: none;
}
+.tabsC .first{
+ border:none;
+}
+
.rss {
float: right;
font-size: 16px;
@@ -862,7 +879,7 @@ ul#searchTags {
font-weight:normal;
line-height: 26px;
padding-left: 0;
- margin-bottom:8px;
+ margin-bottom:6px;
display:block;
font-family:@main-font;
}
@@ -1116,7 +1133,7 @@ ul#related-tags {
ul.tags li {
float:left;
display: block;
- margin: 0 5px 0 0;
+ margin: 0 8px 0 0;
padding: 0;
height:20px;
}
@@ -1143,7 +1160,7 @@ ul#ab-user-tags li {
}
ul#related-tags li {
- margin: 0 5px 5px 0;
+ margin: 0 5px 8px 0;
float: left;
clear: left;
}
@@ -1151,26 +1168,28 @@ ul#related-tags li {
/* .tag-left and .tag-right are for the sliding doors decoration of tags */
.tag-left {
- background: url(../images/tag-right.png) no-repeat right center;
- border: none;
cursor: pointer;
display: block;
float: left;
- height: 20px;
+ height: 17px;
margin: 0 5px 0 0;
padding: 0;
+ .box-shadow(0px,0px,5px,#d3d6d7);
}
.tag-right {
- background:url(../images/tag-left.png) no-repeat left center;
- border: none;
+ background: #f3f6f6;
+ border:#fff 1px solid ;
+ border-top:#fff 2px solid;
+ outline:#cfdbdb 1px solid;
+ /* .box-shadow(0px,1px,0px,#88a8a8);*/
display: block;
float: left;
- height: 20px;
- line-height: 20px;
+ height: 17px;
+ line-height: 17px;
font-weight: normal;
font-size: 11px;
- padding: 0px 10px 0px 15px;
+ padding: 0px 8px 0px 8px;
text-decoration: none;
text-align: center;
white-space: nowrap;
@@ -1181,14 +1200,7 @@ ul#related-tags li {
.deletable-tag {
margin-right: 3px;
white-space: nowrap;
-}
-
-.deletable-tag .tag-right {
- padding-right: 0px;
- float: left;
-}
-.deletable-tag.tag-left {
- padding-right: 0px;
+ .rounded-corners-right(4px);
}
.tags a.tag-right,
@@ -1209,23 +1221,28 @@ ul#related-tags li {
margin-right: 5px;
}
-span.delete-icon {
- padding-left: 13px;
- vertical-align: bottom;
- background: url(../images/close-small-dark.png) bottom no-repeat;
+.delete-icon {
+ margin-top:-1px;
+ float: left;
+ height: 21px;
+ width:18px;
+ display: block;
+ line-height:20px;
+ text-align:center;
+ background: #bbcdcd;
cursor: default;
+ color:#fff;
+ border-top:#cfdbdb 1px solid;
+ font-family:@body-font;
+ .rounded-corners-right(4px);
+ .text-shadow(0px,1px,0px,#7ea0a0)
+
}
-span.delete-icon:hover {
- background: url(../images/close-small-dark.png) top no-repeat;
+.delete-icon:hover {
+ background: #b32f2f;
}
-.tags span.delete-icon {
- float: left;
- height: 20px;
- width:8px;
- margin: 0px 0 0 10px;
- display: block;
-}
+
.tag-number {
font-weight: normal;
@@ -1249,10 +1266,6 @@ span.delete-icon:hover {
font-size:24px;
}
-.ask-body {
- padding-right: 10px;
-}
-
#fmask{
margin-bottom:30px;
width:100%;
@@ -1370,7 +1383,7 @@ span.delete-icon:hover {
border-top:0;
padding:10px;
margin-bottom:10px;
- width:710px;
+ width:717px;
}
#id_title {
@@ -1417,7 +1430,8 @@ span.delete-icon:hover {
}
.after-editor {
- margin-top: 10px;
+ margin-top: 15px;
+ margin-bottom: 15px;
}
.checkbox {
@@ -1442,7 +1456,7 @@ span.delete-icon:hover {
margin: 5px 0 5px 0;
}
-.edit-question-page, #fmedit{
+.edit-question-page, #fmedit, .wmd-preview{
color:@info-text-dark;
#id_revision{
@@ -1505,7 +1519,7 @@ span.delete-icon:hover {
.question-content{
float:right;
- width:690px;
+ width:682px;
margin-bottom:10px;
}
@@ -1518,14 +1532,14 @@ span.delete-icon:hover {
.answer-table {
margin: 6px 0 6px 0;
border-spacing: 0px;
- width: 680px;
- padding-right:3px;
+ width: 670px;
+ padding-right:10px;
}
.answer-table {
margin-top:0px;
border-bottom: 1px solid #D4D4D4;
- float:left;
+ float:right;
}
.answer-table td,
@@ -1606,6 +1620,7 @@ span.delete-icon:hover {
clear: left;
float: right;
margin-top:10px;
+ margin-bottom:8px;
a {
color: #777;
@@ -1625,6 +1640,7 @@ span.delete-icon:hover {
a:hover {
background-color: #f5f0c9;
+ .rounded-corners(3px);
}
.sep {
@@ -1690,6 +1706,9 @@ span.delete-icon:hover {
background: url(../images/vote-arrow-down-on-new.png) no-repeat;
}
+ #fmanswer_button{
+ margin:8px 0px ;
+ }
.question-img-favorite:hover {
background: url(../images/vote-favorite-on.png)
}
@@ -1741,22 +1760,34 @@ span.delete-icon:hover {
}
form.post-comments {
- margin: 3px 30px 4px 5px;
+ margin: 3px 26px 0 42px;
+ textarea{
+ font-size: 13px;
+ line-height: 1.3;
+
+ }
}
textarea {
height: 42px;
width:100%;
- margin: 12px 0 5px 1px;
+ margin: 7px 0 5px 1px;
font-family: @body-font;
outline: none;
overflow:auto;
font-size: 12px;
line-height: 140%;
padding-left:2px;
- padding-top:4px;
+ padding-top:3px;
border:#cce6ec 3px solid;
}
+
+ /* A small hack to solve 1px problem on webkit browsers */
+ @media screen and (-webkit-min-device-pixel-ratio:0){
+ textarea{
+ padding-left:3px !important;
+ }
+ }
input {
margin-left: 10px;
@@ -1768,16 +1799,17 @@ span.delete-icon:hover {
background:url(../images/small-button-blue.png) repeat-x top;
border:0;
color:@button-label;
- font-size:12px;
- width:95px;
+ font-family:@body-font;
+ font-size:13px;
+ width:100px;
font-weight:bold;
- height:24px;
- margin-top:-2px;
+ height:27px;
+ line-height:25px;
+ margin-bottom:5px;
cursor:pointer;
.rounded-corners(4px);
.text-shadow(0px,1px,0px,#E6F6FA);
.box-shadow(1px, 1px, 2px, #808080);
- float:left;
}
button:hover{
background: url(../images/small-button-blue.png) bottom repeat-x;
@@ -1795,6 +1827,7 @@ span.delete-icon:hover {
}
.comment {
border-bottom: 1px solid #edeeeb;
+ clear:both;
margin: 0;
margin-top:8px;
padding-bottom:4px;
@@ -1819,11 +1852,14 @@ span.delete-icon:hover {
}
span.delete-icon{
background:url(../images/close-small.png) no-repeat;
+ border:0;
+ width:14px;
+ height:14px;
}
span.delete-icon:hover{
border:#BC564B 2px solid;
.rounded-corners(10px);
-
+ margin: -3px 0px 0px -2px;
}
.content {
margin-bottom: 7px;
@@ -1842,6 +1878,10 @@ span.delete-icon:hover {
padding: 5px 3px;
color: #666;
font-size:13px;
+
+ .edit{
+ padding-left:6px;
+ }
}
.comment-body p{
@@ -1917,7 +1957,7 @@ span.delete-icon:hover {
float: left;
text-align: center;
padding-top: 2px;
- margin:3px 10px 0px 3px;
+ margin:10px 10px 0px 3px;
}
.vote-buttons IMG {
@@ -1934,6 +1974,7 @@ span.delete-icon:hover {
.vote-buttons .notify-sidebar {
text-align: left;
+ width:120px;
}
.vote-buttons .notify-sidebar label {
vertical-align: top;
@@ -1957,6 +1998,7 @@ span.delete-icon:hover {
.vote-buttons {
width:27px;
margin-right:10px;
+ margin-top:10px;
}
}
@@ -2006,10 +2048,7 @@ span.delete-icon:hover {
color:@info-text;
line-height:1.2;
margin-top:10px;
- p{
- font-size:13px;
- line-height:1.3;
- }
+
h2{
font-family:@main-font;
color:@section-title;
@@ -2078,6 +2117,17 @@ span.delete-icon:hover {
padding-left:0px;
font-size:16px;
}
+}
+
+.openid-signin,
+.meta,
+.users-page,
+.user-profile-edit-page,
+.user-profile-page,
+{
+ form{
+ margin-bottom:15px;
+ }
input[type="text"],input[type="password"],select{
border:#cce6ec 3px solid;
height:25px;
@@ -2101,9 +2151,11 @@ span.delete-icon:hover {
border:0;
color:@button-label;
font-weight:bold;
- font-size:16px;
- height:24px;
- margin-top:-2px;
+ font-size:13px;
+ font-family:@body-font;
+ height:26px;
+ margin:5px 0px;
+ width:100px;
cursor:pointer;
.rounded-corners(4px);
.text-shadow(0px,1px,0px,#E6F6FA);
@@ -2124,7 +2176,7 @@ span.delete-icon:hover {
#email-input-fs,#local_login_buttons,#password-fs,#openid-fs{
margin-top:10px;
- #id_email,#id_username,#id_password,input{
+ #id_email,#id_username,#id_password{
font-size: 12px;
line-height: 20px;
height: 20px;
@@ -2138,9 +2190,12 @@ span.delete-icon:hover {
border:0;
color:@button-label;
font-weight:bold;
- font-size:12px;
+ font-size:13px;
+ font-family:@body-font;
height:24px;
margin-top:-2px;
+ padding-left:10px;
+ padding-right:10px;
cursor:pointer;
.rounded-corners(4px);
.text-shadow(0px,1px,0px,#E6F6FA);
@@ -2612,6 +2667,10 @@ span.form-error {
margin-left: 5px;
}
+ul.errorlist {
+ margin-bottom: 0;
+}
+
p.form-item {
margin: 0px;
}
@@ -3098,7 +3157,7 @@ ul.form-horizontal-rows li input {
ul.post-tags {
- margin-left: 7px;
+ margin-left: 3px;
}
ul.post-tags li {
margin-top: 4px;
@@ -3274,7 +3333,7 @@ a.edit {
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
-pre.prettyprint { padding: 3px; border: 0px solid #888; }
+pre.prettyprint { clear:both;padding: 3px; border: 0px solid #888; }
@media print {
.str { color: #060; }