diff options
Diffstat (limited to 'askbot/skins/default/media/style/style.less')
-rw-r--r-- | askbot/skins/default/media/style/style.less | 464 |
1 files changed, 406 insertions, 58 deletions
diff --git a/askbot/skins/default/media/style/style.less b/askbot/skins/default/media/style/style.less index f07c1972..a381c29a 100644 --- a/askbot/skins/default/media/style/style.less +++ b/askbot/skins/default/media/style/style.less @@ -9,7 +9,7 @@ body { line-height: 150%; margin: 0; padding: 0; - color: #000; + color: #666; font-family:@body-font; } @@ -39,6 +39,13 @@ input, select { margin-left:0px; } +input[type="text"].prompt, +input[type="password"].prompt, +input.tipped-input.blank { + font-style: italic; + color: @info-text; +} + textarea:focus, input:focus{ outline: none; } @@ -183,10 +190,9 @@ body.user-messages { padding: 0; text-align: center; background-color: #f5dd69; - border-top:#fff 1px solid; font-family:@main-font; - p.notification { + .notification { margin-top: 6px; margin-bottom: 6px; font-size: 16px; @@ -307,20 +313,59 @@ body.user-messages { } #navTags{ - .sprites(-50px,-5px) - } - - #navUsers{ - .sprites(-125px,-5px) + .sprites(0px,-95px); } + #navUsers, #navGroups{ - .sprites(-125px,-5px) + .sprites(3px,-133px) } #navBadges{ - .sprites(-210px,-5px) + .sprites(3px,-170px) + } + + a.group-name { + padding: 0px; + float:center; + margin:5px 0px 5px 10px; + } + + input.group-name{ + border-top:none; + border-left:none; + border-right:none; + border-bottom: #e2e2ae 1px solid; + color: #e2e2ae; + height: 25px; + font-size: 18px; + font-weight: 100; + text-decoration: none; + display: block; + float: left; + + } + + input.group-name:focus{ + border:none; + } + + a.group-name:hover{ + background-color: transparent; + } + + span.dropdown:hover ul.dropdown-menu { + display: block; + } + + .dropdown { + float:left; + } + + .dropdown-menu{ + left: 7%; } + } #header.with-logo #userToolsNav { @@ -532,6 +577,7 @@ body.anon { margin-bottom: 4px; color: @info-text; font-family:@main-font; + font-size: 14px; } p.info-box-follow-up-links { @@ -565,6 +611,10 @@ body.anon { background: #eceeeb url(../images/contributorsback.png) no-repeat center left; } + form { + margin: 0px; + } + label { color: @info-text; font-size:15px; @@ -611,6 +661,7 @@ body.anon { padding-left:5px; border:#c9c9b5 1px solid; height:25px; + font-size: 14px; } #ab-tag-search { width: 138px; @@ -1243,10 +1294,69 @@ ul#related-tags li { color: #1A1A1A; } -.users-page h1, -.tags-page h1, -.groups-page h1 { - float: left; +.users-page, +.tags-page, +.groups-page, +.moderate-tags-page { + th { + padding-bottom: 5px; + font-weight: normal; + } + h1 { + float: left; + padding-top: 7px; + } +} + +.moderate-tags-page { + button { + line-height: 18px; + } + table { + border-spacing: 0; + } + table.suggested-tags-table { + width: 100%; + } + th { + font-style: italic; + } + th, tr { + vertical-align: top; + text-align: left; + padding-right: 20px; + } + td.per-thread-controls { + width: 120px;/* 20px more to compensate for the padding */ + height: 30px; + button { + display: none; + } + } + th.decision-col, + th.tags-col, + th.users-col { + width: 100px; + } + tr.per-tag-controls { + height: 30px; + text-align: center; + } + tr.thread-info { + a { + line-height: 18px; + } + } + tr.thread-info td { + padding-bottom: 5px; + } + td.tags-col, + td.users-col { + padding-top: 7px + } + td.thread-links-col { + padding-top: 5px; + } } .main-page h1 { @@ -1330,7 +1440,7 @@ ul#related-tags li { div#question-list { border-bottom:#f0f0ec 1px solid; float: none; - a{ + a { line-height:30px; } @@ -1339,12 +1449,12 @@ ul#related-tags li { div#question-list h2 { font-size: 13px; padding-bottom: 0; - color:@link; - border-top:#f0f0ec 1px solid; - border-left:#f0f0ec 1px solid; - height:30px; - line-height:30px; - font-weight:normal; + color: @link; + border-top: #f0f0ec 1px solid; + border-left: #f0f0ec 1px solid; + min-height: 30px; + line-height: 30px; + font-weight: normal; } div#question-list span { @@ -1390,6 +1500,7 @@ ul#related-tags li { } table.proxy-user-info { border-spacing: 0px; + width: 100%; .form-item { float: left; @@ -1397,6 +1508,79 @@ ul#related-tags li { } } +.groups-input, +.users-input { + width:152px; + padding-left:5px; + border:#c9c9b5 1px solid; + height:25px; + font-size: 14px; +} + +.add-groups, +.add-users { + border:0; + font-weight:bold; + margin-top:-2px; + .button-style(27px, 14px); + .rounded-corners(4px); +} + +.share-input-col { + width: 160px; + text-align: center; +} + +.add-everyone-group { + text-align: center; + margin: auto; + display: block; + padding: 0 10px; + height: 25px; +} + +.add-groups:hover { + .button-style-hover; +} + +#id_user, +#id_user_author { + border:#cce6ec 3px solid; + height:25px; + padding-left:5px; + width:395px; + font-size:14px; +} + +.groups-input, +.users-input { + width:152px; + padding-left:5px; + border:#c9c9b5 1px solid; + height:25px; + font-size: 14px; +} + +.add-groups, +.add-users { + border:0; + font-weight:bold; + margin-top:-2px; + .button-style(27px, 14px); + .rounded-corners(4px); +} + +.add-everyone-group { + text-align: center; + margin: auto; + display: block; + padding: 0 10px; +} + +.add-groups:hover { + .button-style-hover; +} + #id_user, #id_user_author { border:#cce6ec 3px solid; @@ -1412,6 +1596,14 @@ ul#related-tags li { margin-bottom: 5px; } +.ask-page, .question-page { + .title-desc, .tags-desc { + color: @info-text; + font-style: italic; + font-size: 16px; + } +} + #fmanswer input.submit, .ask-page input.submit, .edit-question-page input.submit { @@ -1431,6 +1623,10 @@ ul#related-tags li { .wmd-container { border:#cce6ec 3px solid; + min-height: 250px; + textarea { + border: none; + } } .users-page .wmd-container { width: 200px; @@ -1446,6 +1642,11 @@ ul#related-tags li { width: 710px; padding: 6px; } + .retagger-buttons { + button { + margin: 8px 10px 5px 0; + } + } } #editor { /* adjustment for editor preview */ @@ -1606,6 +1807,12 @@ ul#related-tags li { margin-bottom:10px; } + .question-content, .answer { + pre, code { + clear:both; + } + } + #question-table{ float:left; border-top:#f0f0f0 1px solid; @@ -2060,6 +2267,7 @@ ul#related-tags li { .answer{ .vote-buttons { float:left; + margin-top: 10px; } } .accepted-answer { @@ -2240,6 +2448,27 @@ ul#related-tags li { .cancel:hover{ background:url(../images/small-button-cancel.png) repeat-x bottom !important; } + .re { + float: left; + width: 960px; + } +} + +.inbox-flags.user-profile-page { + .re { + width: 810px; + } + .post-moderation-controls { + float: left; + width: 150px; + margin-top: 23px; + text-align: right; + } + .dropdown:hover { + ul.dropdown-menu { + display: block; + } + } } .openid-signin form { @@ -2331,7 +2560,6 @@ ul#related-tags li { /* tags page */ .tabBar-tags{ - width:270px; margin-bottom:15px; } @@ -2663,7 +2891,7 @@ ins .post-tag, ins p, ins { width: 100%; clear: both; border-top: 1px solid #000; - padding: 6px 0 0 0; + padding: 16px 0 0 0; background: @header-color; font-size:16px; font-family:@main-font; @@ -2676,7 +2904,7 @@ ins .post-tag, ins p, ins { .footer-links { color: #EEE; text-align:left; - width:500px; + width:450px; float:left; a { color: #e7e8a8; @@ -2684,7 +2912,7 @@ ins .post-tag, ins p, ins { } .powered-link{ - width:500px; + width:450px; float:left; text-align:left; a{ @@ -2694,7 +2922,7 @@ ins .post-tag, ins p, ins { .copyright{ color:#616161; - width:450px; + width:500px; float:right; text-align:right; @@ -2770,10 +2998,6 @@ table.ab-subscr-form { width: 45em; } -table.ab-tag-filter-form { - width: 45em; -} - .submit-row { line-height: 30px; padding-top: 10px; @@ -2786,10 +3010,17 @@ table.ab-tag-filter-form { color: red; } -.error { +.error, +.openid-signin p.error { color: darkred; margin: 0; - font-size: 10px; + font-size: 12px; + font-weight: bold; + text-align: left; +} + +.openid-signin p.error { + text-align: center; } label.retag-error { @@ -3269,10 +3500,15 @@ p.signup_p { margin: 20px 0px 0px 0px; } -.simple-subscribe-options ul { - list-style: none; - list-style-position: outside; - margin: 0; +.simple-subscribe-options { + ul { + list-style: none; + list-style-position: outside; + margin: 0; + } + input { + display: inline; + } } /* a workaround to set link colors correctly */ @@ -3393,30 +3629,34 @@ a.edit { color: #145bff; } -.str { color: #080; } -.kwd { color: #008; } -.com { color: #800; } -.typ { color: #606; } -.lit { color: #066; } -.pun { color: #660; } -.pln { color: #000; } -.tag { color: #008; }/* name conflict here */ -.atn { color: #606; } -.atv { color: #080; } -.dec { color: #606; } +pre { + .str { color: #080; } + .kwd { color: #008; } + .com { color: #800; } + .typ { color: #606; } + .lit { color: #066; } + .pun { color: #660; } + .pln { color: #000; } + .tag { color: #008; }/* name conflict here with tags */ + .atn { color: #606; } + .atv { color: #080; } + .dec { color: #606; } +} pre.prettyprint { clear:both;padding: 3px; border: 0px solid #888; } @media print { - .str { color: #060; } - .kwd { color: #006; font-weight: bold; } - .com { color: #600; font-style: italic; } - .typ { color: #404; font-weight: bold; } - .lit { color: #044; } - .pun { color: #440; } - .pln { color: #000; } - .tag { color: #006; font-weight: bold; } - .atn { color: #404; } - .atv { color: #060; } + pre { + .str { color: #060; } + .kwd { color: #006; font-weight: bold; } + .com { color: #600; font-style: italic; } + .typ { color: #404; font-weight: bold; } + .lit { color: #044; } + .pun { color: #440; } + .pln { color: #000; } + .tag { color: #006; font-weight: bold; } + .atn { color: #404; } + .atv { color: #060; } + } } #leading-sidebar { @@ -3468,6 +3708,12 @@ body.anon.lang-es { background: #b32f2f; } +.question-page .post-update-info a.primary-group-name, +a.primary-group-name { + color: #990E08; + font-weight: bold; +} + .users-page { .wmd-prompt-dialog { background: #ccc; @@ -3507,6 +3753,19 @@ img.group-logo { } } +.groups-page #groups-list { + th, td { + padding-right: 20px; + } + th { + font-weight: bold; + } + th:nth-child(2), + td:nth-child(2) { + text-align: center; + } +} + #reject-edit-modal { input, textarea { width: 514px; @@ -3532,19 +3791,108 @@ textarea.tipped-input { padding-left: 7px; font-size: 14px; line-height: 25px; + input { + margin: 0 0 2px -5px; + font-size: 14px; + line-height: 14px; + vertical-align: middle; + color: @info-text; + } } li.selected, li.selected:hover { background-color: #fcf8e3; color: #c09853; } - li:hover { background-color: #cecece; color: white; } } +/* category selector */ +.category-selector { + border-spacing: 0; + ul.select-box { + height: 150px; + width: 235px; + overflow: auto; + border: #ccc 3px solid; + } + td { + vertical-align: top; + } + li { + position: relative; + color: @info-text; + } + li.tree:after { + content: ">>"; + position: absolute; + right: 5px; + font-weight: bold; + } + li.selected.tree:after { + color: #C09853; + } + th { + color: @info-text; + font-style: italic; + font-size: 16px; + font-weight: normal; + padding-top: 5px; + text-align: left; + } +} + +.question-page { + .category-selector ul.select-box { + width: 217px; + input { + width: 95px; + } + } + .tag-editor { + width: 660px; + margin-left: 0; + } +} + +.editor-status { + float: right; + margin: 7px 350px 0 0; + font-weight: bold; + + span { + display: none; + } +} + +/* tag editor */ +.tag-editor { + height: 64px; + border: #ccc 3px solid; + padding-left: 8px; + ul.tags { + margin: 0; + li { + margin-top: 8px; + height: 13px; + } + } + input.new-tags-input, + input.new-tags-input:focus { + border: none; + font-size: 15px; + font-color: @info-text; + line-height: 16px; + margin-top: 9px; + -webkit-box-shadow: none;/* undo bootstrap glow */ + -moz-box-shadow: none; + box-shadow: none; + } +} + /* fixes for bootstrap */ .caret { margin-bottom: 7px; |