recompiled style.less file

1 files changed, 280 insertions, 80 deletions

diff --git a/askbot/media/style/style.css b/askbot/media/style/style.css
index ea81746f..34d5da64 100644
--- a/askbot/media/style/style.css
+++ b/askbot/media/style/style.css
@@ -380,7 +380,7 @@ body.user-messages {
   margin-bottom: 10px;
   font-family: 'Open Sans Condensed', Arial, sans-serif;
 }
-#secondaryHeader #homeButton {
+#homeButton {
   border-right: #afaf9e 1px solid;
   background: -6px -36px url(../images/sprites.png) no-repeat;
   height: 55px;
@@ -388,28 +388,22 @@ body.user-messages {
   display: block;
   float: left;
 }
-#secondaryHeader #homeButton:hover {
+#homeButton:hover {
   background: -51px -36px url(../images/sprites.png) no-repeat;
 }
-#secondaryHeader #scopeWrapper {
-  width: 688px;
-  float: left;
-}
-#secondaryHeader #scopeWrapper a {
+.scope-selector {
   display: block;
   float: left;
-}
-#secondaryHeader #scopeWrapper .scope-selector {
   font-size: 20px;
   color: #7a7a6b;
   height: 55px;
   line-height: 55px;
   margin-left: 16px;
 }
-#secondaryHeader #scopeWrapper .on {
+.scope-selector.on {
   background: url(../images/scopearrow.png) no-repeat center bottom;
 }
-#secondaryHeader #scopeWrapper .ask-message {
+.scope-selector.ask-message {
   font-size: 24px;
 }
 .validate-email-page label {
@@ -431,78 +425,122 @@ body.user-messages {
 #searchBar {
   /* Main search form , check widgets/search_bar.html */
 
-  display: inline-block;
+  display: block;
   background-color: #fff;
-  width: 400px;
   border: 1px solid #c9c9b5;
-  float: right;
-  height: 42px;
-  margin: 6px 0px 0px 15px;
+  height: 41px;
+  z-index: 10000;
+  position: relative;
 }
-#searchBar .searchInput,
-#searchBar .searchInputCancelable {
-  font-size: 26px;
-  height: 39px;
-  line-height: 39px;
+#searchBar input.searchInput {
+  font-size: 22px;
+  height: 26px;
+  line-height: 26px;
   font-weight: 300;
   background: #FFF;
   border: 0px;
   color: #484848;
-  padding-left: 10px;
-  padding-top: 1px;
   font-family: Arial;
-  vertical-align: top;
+  width: 100%;
+  margin: 8px 0 6px 0;
+  padding: 0;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
 }
-#searchBar .searchInput {
-  width: 340px;
+#searchBar div.input-tool-tip {
+  margin-top: -40px;
+  padding-top: 10px;
+  height: 30px;
+  line-height: 20px;
+  font-size: 20px;
+  font-style: italic;
 }
-#searchBar .searchInputCancelable {
-  width: 305px;
+.search-drop-menu {
+  box-sizing: border-box;
+  background: whitesmoke;
+  border: 1px solid #c9c9b5;
+  border-top: none;
+  margin: 0;
+  position: relative;
+  top: 0;
+  z-index: 10000;
+}
+.search-drop-menu ul {
+  list-style: none;
+  overflow: auto;
+  padding: 0 0 10px 0;
+  margin: 0 0 20px 0;
+  position: relative;
 }
-#searchBar .logoutsearch {
-  width: 337px;
+.search-drop-menu ul li {
+  padding: 5px 10px;
+  position: relative;
 }
-#searchBar .searchBtn {
+.search-drop-menu ul li a {
+  text-decoration: none;
+}
+.search-drop-menu ul li.selected {
+  background: #08c;
+}
+.search-drop-menu ul li.selected a {
+  color: whitesmoke;
+}
+.search-drop-menu ul.empty {
+  padding: 5px;
+  margin: 0;
+}
+.search-drop-menu .footer {
+  text-align: center;
+  padding-bottom: 10px;
+}
+.input-tool-tip {
+  color: #999;
+}
+.input-tool-tip.dimmed {
+  color: #ccc;
+}
+input[type="submit"].searchBtn {
   font-size: 10px;
   color: #666;
   background-color: #eee;
-  height: 42px;
+  height: 41px;
   border: #FFF 1px solid;
   line-height: 22px;
   text-align: center;
   float: right;
-  margin: 0px;
+  margin: 7px 28px 0 0;
   width: 48px;
   background: -98px -36px url(../images/sprites.png) no-repeat;
   cursor: pointer;
+  position: relative;
+  z-index: 10001;
 }
-#searchBar .searchBtn:hover {
+.ask-page input[type="submit"].searchBtn {
+  display: none;
+}
+.searchBtn:hover {
   background: -146px -36px url(../images/sprites.png) no-repeat;
 }
-#searchBar .cancelSearchBtn {
+.cancelSearchBtn {
   font-size: 30px;
   color: #ce8888;
   background: #fff;
-  height: 42px;
+  height: 41px;
   line-height: 42px;
   border: 0px;
   border-left: #deded0 1px solid;
   text-align: center;
   width: 35px;
   cursor: pointer;
+  float: right;
+  margin-top: 7px;
+  position: relative;
+  z-index: 10001;
 }
-#searchBar .cancelSearchBtn:hover {
+.cancelSearchBtn:hover {
   color: #d84040;
 }
-body.anon #searchBar {
-  width: 500px;
-}
-body.anon #searchBar .searchInput {
-  width: 440px;
-}
-body.anon #searchBar .searchInputCancelable {
-  width: 405px;
-}
 #askButton {
   /* check blocks/secondary_header.html and widgets/ask_button.html*/
 
@@ -555,6 +593,35 @@ body.anon #searchBar .searchInputCancelable {
   -moz-text-shadow: 0px 1px 0px #c6d9dd;
   -webkit-text-shadow: 0px 1px 0px #c6d9dd;
 }
+/* 
+    Put the secondary navigation together:
+    1) raise the search bar by 55px
+    2) add padding to fit the buttons
+*/
+#searchBar {
+  margin: 0 228px 0 327px;
+  width: auto;
+  margin-top: -49px;
+  padding: 0 49px 0 8px;
+}
+/* line up drop menu the same way as the search bar */
+.search-drop-menu {
+  margin: 0 228px 0 327px;
+  width: auto;
+}
+.ask-page .search-drop-menu,
+body.anon.ask-page .search-drop-menu {
+  margin: 0;
+}
+body.anon #searchBar,
+body.anon .search-drop-menu {
+  margin-left: 227px;
+  /* we don't have the "followed" scope */
+
+}
+#searchBar.cancelable {
+  padding-right: 82px;
+}
 /* ----- Content layout, check two_column_body.html or one_column_body.html ----- */
 #ContentLeft {
   width: 730px;
@@ -1425,8 +1492,9 @@ ul#related-tags li {
 }
 #askFormBar {
   display: inline-block;
-  padding: 4px 7px 0px 0px;
+  padding: 4px 0 0 0;
   margin-top: 0px;
+  width: 100%;
 }
 #askFormBar p {
   margin: 0 0 5px 0;
@@ -1438,10 +1506,14 @@ ul#related-tags li {
   font-size: 24px;
   height: 36px;
   line-height: 36px;
-  margin: 0px;
-  padding: 0px 0 0 5px;
+  margin: 0;
+  padding: 0;
+  /*-left: 5px;*/
+
   border: #cce6ec 3px solid;
-  width: 719px;
+  width: 100%;
+  /*719px;*/
+
 }
 .ask-page div#question-list,
 .edit-question-page div#question-list {
@@ -1487,11 +1559,13 @@ ul#related-tags li {
 }
 .ask-page #id_tags,
 .edit-question-page #id_tags {
+  box-sizing: border-box;
   border: #cce6ec 3px solid;
-  height: 25px;
+  height: 31px;
   padding-left: 5px;
   font-size: 14px;
-  width: 395px;
+  width: 100%;
+  max-width: 395px;
 }
 .ask-page #id_post_author_username,
 .question-page #id_post_author_username,
@@ -1762,12 +1836,17 @@ ul#related-tags li {
 .edit-question-page .wmd-container,
 .edit-answer-page .wmd-container {
   width: 723px;
+  width: 100%;
 }
 .ask-page #editor,
 .question-page #editor,
 .edit-question-page #editor,
 .edit-answer-page #editor {
-  width: 710px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
   padding: 6px;
 }
 .ask-page .retagger-buttons button,
@@ -1891,6 +1970,7 @@ ul#related-tags li {
   font-size: 14px;
   margin-top: 5px;
   margin-bottom: 5px;
+  width: 100%;
 }
 .edit-question-page #id_title,
 #fmedit #id_title,
@@ -1901,7 +1981,7 @@ ul#related-tags li {
   margin: 0px;
   padding: 0px 0 0 5px;
   border: #cce6ec 3px solid;
-  width: 719px;
+  width: 100%;
   margin-bottom: 10px;
 }
 .edit-question-page #id_summary,
@@ -3922,22 +4002,12 @@ pre.prettyprint {
 }
 /* language-specific fixes */
 body.lang-es #searchBar {
-  width: 398px;
-}
-body.lang-es #searchBar .searchInput {
-  width: 337px;
-}
-body.lang-es #searchBar .searchInputCancelable {
-  width: 302px;
+  /* need special left padding */
+
 }
 body.anon.lang-es #searchBar {
-  width: 485px;
-}
-body.anon.lang-es #searchBar .searchInput {
-  width: 425px;
-}
-body.anon.lang-es #searchBar .searchInputCancelable {
-  width: 390px;
+  /* need special left padding */
+
 }
 /* user groups */
 #user-groups ul {
@@ -4145,6 +4215,12 @@ textarea.tipped-input {
 /* modifications for small screens */
 @media screen and (max-width: 960px) {
   /* content margins touch viewport */
+  #homeButton {
+    background: 1px -36px url(../images/sprites.png) no-repeat;
+  }
+  #homeButton:hover {
+    background: -44px -36px url(../images/sprites.png) no-repeat;
+  }
 }
 @media screen and (max-width: 480px) {
   .content-wrapper {
@@ -4156,24 +4232,148 @@ textarea.tipped-input {
   #ContentLeft {
     width: 100%;
   }
-  #secondaryHeader #scopeWrapper {
+  .main-page h1,
+  #askButton,
+  #metaNav #navBadges,
+  .user-info,
+  .copyright,
+  .counts .views,
+  .counts .votes,
+  .help,
+  .rss,
+  .scope-selector,
+  .settings,
+  .tabBar,
+  .tags,
+  .userinfo,
+  .widgets {
+    display: none;
+  }
+  .ask-page input[type="submit"].searchBtn,
+  .edit-question-page input[type="submit"].searchBtn {
     display: none;
   }
-  #askButton {
-    display: block;
+  .ask-page .preview-toggle,
+  .edit-answer-page .preview-toggle,
+  .edit-question-page .preview-toggle,
+  .ask-page .proxy-user-info,
+  .edit-answer-page .proxy-user-info,
+  .edit-question-page .proxy-user-info,
+  .ask-page .answer-options,
+  .edit-answer-page .answer-options,
+  .edit-question-page .answer-options,
+  .ask-page .question-options,
+  .edit-answer-page .question-options,
+  .edit-question-page .question-options,
+  .ask-page .revision-comment,
+  .edit-answer-page .revision-comment,
+  .edit-question-page .revision-comment,
+  .ask-page .wmd-preview,
+  .edit-answer-page .wmd-preview,
+  .edit-question-page .wmd-preview,
+  .ask-page #wmd-hr-button,
+  .edit-answer-page #wmd-hr-button,
+  .edit-question-page #wmd-hr-button,
+  .ask-page #wmd-heading-button,
+  .edit-answer-page #wmd-heading-button,
+  .edit-question-page #wmd-heading-button {
+    display: none;
+  }
+  .edit-answer-page label[for="id_title"],
+  .edit-question-page label[for="id_title"],
+  .edit-answer-page label[for="id_revision"],
+  .edit-question-page label[for="id_revision"],
+  .edit-answer-page #id_revision,
+  .edit-question-page #id_revision {
+    display: none;
+  }
+  .edit-answer-page #fmedit #id_title,
+  .edit-question-page #fmedit #id_title {
+    margin: 15px 0 0 0;
+  }
+  .question-page .comment-votes {
+    display: none;
+  }
+  .question-page .comments form.post-comments {
+    margin: 0 10px 0 0;
+  }
+  .question-page .comments .comment .comment-body {
+    margin-left: 5px;
+  }
+  .question-page .post-update-info-container {
     float: none;
-    margin: auto;
-    margin-top: 5px;
+    width: 100%;
   }
-  .main-page h1,
-  .main-page .counts .views,
-  .main-page .counts .votes,
-  .main-page .rss,
-  .main-page .tabBar,
-  .main-page .tags,
-  .main-page .userinfo {
+  .question-page .post-update-info {
+    float: none;
+    margin-left: 0;
+    width: 95%;
+  }
+  .question-page .post-update-info br,
+  .question-page .post-update-info .badge1,
+  .question-page .post-update-info .badge2,
+  .question-page .post-update-info .badge3,
+  .question-page .post-update-info .gravatar,
+  .question-page .post-update-info .reputation-score,
+  .question-page .post-update-info .badge-count {
     display: none;
   }
+  .question-page .question-content,
+  .question-page ul.post-retag input {
+    width: 88%;
+  }
+  .question-page .answer-table,
+  .question-page #question-table {
+    width: 85%;
+  }
+  .users-page .userList td {
+    display: block;
+    width: 100%;
+  }
+  .users-page .userList td .user {
+    width: 100%;
+  }
+  .user-profile-page td {
+    display: block;
+  }
+  .footer-links,
+  .powered-link {
+    text-align: center;
+    width: 100%;
+  }
+  #userToolsNav {
+    margin-left: 10px;
+  }
+  #metaNav {
+    float: left;
+  }
+  #metaNav a#navUsers,
+  #metaNav a#navTags,
+  #metaNav a#navGroups {
+    background: none;
+    color: #d0e296;
+    font-size: 16px;
+    text-decoration: underline;
+    margin-left: 20px;
+    padding-left: 0;
+  }
+  .powered-link {
+    margin-bottom: 15px;
+  }
+  .short-summary:first-child {
+    padding-top: 0;
+  }
+  #searchBar,
+  body.anon #searchBar {
+    margin: -49px 8px 0 52px;
+  }
+  .search-drop-menu,
+  body.anon .search-drop-menu {
+    margin: 0 8px 0 52px;
+  }
+  input[type="submit"].searchBtn {
+    margin-right: 8px;
+  }
   .short-summary {
     width: 100%;
   }