diff options
Diffstat (limited to 'askbot/skins/default/media/style/style.less')
-rw-r--r-- | askbot/skins/default/media/style/style.less | 195 |
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; } |