Merge pull request #26 from udacity/remove_dj_version

[osqa.git] / forum / skins / default / media / style / style.css

diff --git a/forum/skins/default/media/style/style.css b/forum/skins/default/media/style/style.css
index dc32123299c80642d5bdc35fab3a0620af30cb24..883c8913928b8de54eaa81e923d7669f49ddbabc 100644 (file)
--- a/forum/skins/default/media/style/style.css
+++ b/forum/skins/default/media/style/style.css
@@ -1,6 +1,8 @@
 @import "jquery.autocomplete.css";
 
 body {
 @import "jquery.autocomplete.css";
 
 body {

+    /*overflow-y: scroll;
+    height: 100%; */

     background: none repeat scroll 0 0 #FFFFFF;
     color: #000000;
     font-family: sans-serif;
     background: none repeat scroll 0 0 #FFFFFF;
     color: #000000;
     font-family: sans-serif;


@@ -56,6 +58,12 @@ a {
     text-decoration: none;
 }
 
     text-decoration: none;
 }
 

+.clear {
+  clear: both;
+  width: 0px;
+  height: 0px;
+}
+

 .badges a {
     color: #763333;
     text-decoration: underline;
 .badges a {
     color: #763333;
     text-decoration: underline;


@@ -80,6 +88,7 @@ h1 {
     font-size: 160%;
     padding: 5px 0;
     line-height: 110%;
     font-size: 160%;
     padding: 5px 0;
     line-height: 110%;

+    overflow: hidden;

 }
 
 h2 {
 }
 
 h2 {


@@ -119,17 +128,19 @@ li input {
 pre {
     background-color: #F5F5F5;
     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
 pre {
     background-color: #F5F5F5;
     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;

-    font-size: 100%;
+    font-size: 90%;

     margin-bottom: 10px;
     overflow: auto;
     padding-left: 5px;
     padding-top: 5px;
     width: 580px;
     margin-bottom: 10px;
     overflow: auto;
     padding-left: 5px;
     padding-top: 5px;
     width: 580px;

+    white-space: pre-wrap;

 }
 
 code {
     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
 }
 
 code {
     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;

-    font-size: 100%;
+    font-size: 90%;
+    white-space: pre-wrap;

 }
 
 blockquote {
 }
 
 blockquote {


@@ -137,18 +148,23 @@ blockquote {
     margin-bottom: 10px;
     margin-right: 15px;
     padding: 10px 0 1px 10px;
     margin-bottom: 10px;
     margin-right: 15px;
     padding: 10px 0 1px 10px;

+    max-width: 650px;

 }
 
 }
 

-#wrapper {
+blockquote blockquote {
+    margin: 0;
+    padding: 0;
+}
+
+#wrapper, #announcement {

     margin: auto;
     padding: 0;
     width: 990px;
     margin: auto;
     padding: 0;
     width: 990px;

+    background-color: #FFF;

 }
 
 #roof {
 }
 
 #roof {

-    background: none repeat scroll 0 0 #FFFFFF;
-    margin-top: 0;
-    position: relative;
+    width: 990px;

 }
 
 #room {
 }
 
 #room {


@@ -180,17 +196,13 @@ blockquote {
     padding-bottom: 0;
     padding-top: 6px;
     text-align: center;
     padding-bottom: 0;
     padding-top: 6px;
     text-align: center;

-    width: 100%;
+    width: 990px;

 }
 
 #top {
 }
 
 #top {

-    background-color: #FFFFFF;
-    height: 20px;
+    float: right;

     padding: 3px;
     padding: 3px;

-    position: absolute;
-    right: 0;

     text-align: right;
     text-align: right;

-    top: 0;

     width: 500px;
 }
 
     width: 500px;
 }
 


@@ -204,20 +216,17 @@ blockquote {
 }
 
 #logo {
 }
 
 #logo {

+    float: left;

     padding: 5px 0 0;
 }
 
     padding: 5px 0 0;
 }
 

-#navBar {
-    display: block;
-    position: relative;
-    width: 990px;
-}
-
-#navBar .nav {
-    margin: 20px 0 0 16px;
+#nav {
+    float: right;
+    margin: 35px 0px 0px 0px;
+    width: 750px;

 }
 
 }
 

-#navBar .nav a {
+#nav a {

     background-color: #E5EBF8;
     border-color: #888888 #888888 -moz-use-text-color;
     border-style: solid solid none;
     background-color: #E5EBF8;
     border-color: #888888 #888888 -moz-use-text-color;
     border-style: solid solid none;


@@ -234,11 +243,11 @@ blockquote {
     text-decoration: none;
 }
 
     text-decoration: none;
 }
 

-#navBar .nav a:hover {
+#nav a:hover {

     text-decoration: underline;
 }
 
     text-decoration: underline;
 }
 

-#navBar .nav a.on {
+#nav a.on {

     background: none repeat scroll 0 0 #356FCB;
     border: 1px solid #356FCB;
     color: #FFFFFF;
     background: none repeat scroll 0 0 #356FCB;
     border: 1px solid #356FCB;
     color: #FFFFFF;


@@ -248,23 +257,24 @@ blockquote {
     text-decoration: none;
 }
 
     text-decoration: none;
 }
 

-#navBar .nav a.special {
+#nav a#nav_ask {
+    float: right;

     color: #B02B2C;
     font-size: 14px;
     font-weight: bold;
     text-decoration: none;
 }
 
     color: #B02B2C;
     font-size: 14px;
     font-weight: bold;
     text-decoration: none;
 }
 

-#navBar .nav a.special:hover {
+#nav a#nav_ask:hover {

     text-decoration: underline;
 }
 
     text-decoration: underline;
 }
 

-#navBar .nav div.focus {
-    float: right;
-    padding-right: 0;
+#nav a#nav_ask.on {
+   color: #FFFFFF;

 }
 
 #searchBar {
 }
 
 #searchBar {

+    text-align: center;

     background-color: #B6C4E2;
     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
     border-style: solid;
     background-color: #B6C4E2;
     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
     border-style: solid;


@@ -277,6 +287,8 @@ blockquote {
 }
 
 #searchBar .searchInput {
 }
 
 #searchBar .searchInput {

+    border: 0px;
+    padding: 3px;

     font-size: 13px;
     height: 18px;
     width: 400px;
     font-size: 13px;
     height: 18px;
     width: 400px;


@@ -322,6 +334,14 @@ blockquote {
     width: 740px;
 }
 
     width: 740px;
 }
 

+#listA .short-summary:first-of-type {
+    border-top: 0;
+}
+
+.user-stats-table .short-summary {
+    width: 764px;
+}
+

 .short-summary h2 a {
     color: #2A5594;
     font-family: "Trebuchet MS", "segoe ui", arial, sans-serif;
 .short-summary h2 a {
     color: #2A5594;
     font-family: "Trebuchet MS", "segoe ui", arial, sans-serif;


@@ -350,6 +370,11 @@ blockquote {
     font-weight: bold;
 }
 
     font-weight: bold;
 }
 

+.short-summary .question-summary-wrapper {
+  float: right;
+  width: 565px;
+}
+

 .short-summary .votes, .short-summary .status, .short-summary .views {
     -moz-border-radius: 5px 5px 5px 5px;
     border-bottom: 1px solid #CCCCCC;
 .short-summary .votes, .short-summary .status, .short-summary .views {
     -moz-border-radius: 5px 5px 5px 5px;
     border-bottom: 1px solid #CCCCCC;


@@ -469,7 +494,7 @@ blockquote {
     margin-left: 0.5em;
 }
 
     margin-left: 0.5em;
 }
 

-.paginator .page a, .paginator .page a:visited, .paginator .curr {
+.paginator .page, .paginator .page a:visited, .paginator .curr {

     background-color: #FFFFFF;
     border: 1px solid #CCCCCC;
     color: #777777;
     background-color: #FFFFFF;
     border: 1px solid #CCCCCC;
     color: #777777;


@@ -485,7 +510,7 @@ blockquote {
     font-weight: bold;
 }
 
     font-weight: bold;
 }
 

-.paginator .page a:hover, .paginator .prev a:hover, .paginator .next a:hover {
+.paginator .page:hover, .paginator .prev a:hover, .paginator .next a:hover {

     background-color: #777777;
     border: 1px solid #777777;
     color: #FFFFFF;
     background-color: #777777;
     border: 1px solid #777777;
     color: #FFFFFF;


@@ -536,7 +561,7 @@ blockquote {
     margin-top: 0;
 }
 
     margin-top: 0;
 }
 

-a.medal {
+.medal {

     background: none repeat scroll 0 0 #FFFFCD;
     border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
     border-left: 1px solid #EEEEEE;
     background: none repeat scroll 0 0 #FFFFCD;
     border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
     border-left: 1px solid #EEEEEE;


@@ -547,7 +572,11 @@ a.medal {
     font-weight: bold;
     line-height: 250%;
     padding: 4px 12px 4px 6px;
     font-weight: bold;
     line-height: 250%;
     padding: 4px 12px 4px 6px;

+}
+
+a.medal {

     text-decoration: none;
     text-decoration: none;

+    color: #333333;

 }
 
 a.medal:hover {
 }
 
 a.medal:hover {


@@ -578,7 +607,7 @@ a.medal:hover {
     position: relative;
 }
 
     position: relative;
 }
 

-.tabsA a {
+.tabsA a, .sticky-sort-tabs {

     background: none repeat scroll 0 0 #EEEEEE;
     border-bottom: 1px solid #CCCCCC;
     border-right: 1px solid #CCCCCC;
     background: none repeat scroll 0 0 #EEEEEE;
     border-bottom: 1px solid #CCCCCC;
     border-right: 1px solid #CCCCCC;


@@ -588,10 +617,25 @@ a.medal:hover {
     height: 20px;
     line-height: 22px;
     margin: 5px 4px 0 0;
     height: 20px;
     line-height: 22px;
     margin: 5px 4px 0 0;

-    padding: 0 11px;

     text-decoration: none;
 }
 
     text-decoration: none;
 }
 

+.tabsA a {
+    padding: 0 11px;    
+}
+
+.sticky-sort-tabs {
+    width: 20px;
+    padding: 0;
+}
+
+.sticky-sort-tabs input {
+    border: 0;
+    height: 14px;
+    width: 14px;
+    margin: 2px;
+}
+

 .tabsA a.on, .tabsA a:hover {
     background: none repeat scroll 0 0 #FFFFFF;
     color: #A40000;
 .tabsA a.on, .tabsA a:hover {
     background: none repeat scroll 0 0 #FFFFFF;
     color: #A40000;


@@ -715,12 +759,18 @@ ul.errorlist li {
     font-size: 13px;
     line-height: 20px;
     min-height: 80px;
     font-size: 13px;
     line-height: 20px;
     min-height: 80px;

+    margin: 0 0 20px 0;

 }
 
 .answer-body img {
     max-width: 640px;
 }
 
 }
 
 .answer-body img {
     max-width: 640px;
 }
 

+/* Fixes OSQA-143 IE8 text overflow issue */
+div.question-body p, div.answer-body p {
+    max-width: 700px;
+}
+

 .answered-by-owner {
     background: none repeat scroll 0 0 #E9E9FF;
 }
 .answered-by-owner {
     background: none repeat scroll 0 0 #E9E9FF;
 }


@@ -745,6 +795,10 @@ ul.errorlist li {
     color: #6B2B28;
 }
 
     color: #6B2B28;
 }
 

+.focusedAnswer {
+    background: #FFFFCC;
+}
+

 .tagsList {
     list-style-type: none;
     margin: 0;
 .tagsList {
     list-style-type: none;
     margin: 0;


@@ -770,6 +824,29 @@ ul.errorlist li {
     color: #333333;
 }
 
     color: #333333;
 }
 

+#medalList .badgeListDescription {
+    float: left;
+    margin-top: 8px;
+    max-width: 60%;
+}
+
+#medalList .badgeListItem {
+    float: left;
+    width: 32%;
+}
+
+#medalList .intoMyBadges span {
+    font-size: 175%;
+    padding-right: 5px;
+    color: #5B9058;
+}
+#medalList .intoMyBadges {
+    float: left;
+    min-width: 5%;
+    text-align: right;
+    height:30px;
+}
+

 .list-item {
     margin-left: 15px;
 }
 .list-item {
     margin-left: 15px;
 }


@@ -848,6 +925,7 @@ span.form-error {
     min-height: 20px;
     padding: 6px;
     width: 98%;
     min-height: 20px;
     padding: 6px;
     width: 98%;

+    overflow: hidden;

 }
 
 .preview-toggle {
 }
 
 .preview-toggle {


@@ -871,9 +949,12 @@ span.form-error {
     width: 100%;
 }
 
     width: 100%;
 }
 

+.revision .rev-arrow {
+    cursor: pointer;
+}
+

 .revision .header {
     background-color: #EEEEEE;
 .revision .header {
     background-color: #EEEEEE;

-    cursor: pointer;

     padding: 5px;
 }
 
     padding: 5px;
 }
 


@@ -886,7 +967,7 @@ span.form-error {
 }
 
 .revision .summary span {
 }
 
 .revision .summary span {

-    background-color: yellow;
+    /**background-color: yellow;**/

     display: inline;
     padding-left: 3px;
     padding-right: 3px;
     display: inline;
     padding-left: 3px;
     padding-right: 3px;


@@ -1064,7 +1145,7 @@ ins {
     color: #CC9933;
 }
 
     color: #CC9933;
 }
 

-.score {
+.score, .accept_rate {

     color: #333333;
     font-size: 110%;
     font-weight: bold;
     color: #333333;
     font-size: 110%;
     font-weight: bold;


@@ -1085,6 +1166,7 @@ ins {
     line-height: 140%;
     padding: 5px;
     width: 170px;
     line-height: 140%;
     padding: 5px;
     width: 170px;

+    display: inline-block;

 }
 
 .user ul {
 }
 
 .user ul {


@@ -1145,6 +1227,10 @@ ins {
     z-index: 100;
 }
 
     z-index: 100;
 }
 

+* html .notify {
+    position: absolute;
+}
+

 .notify p {
     font-size: 16px;
     margin-bottom: 5px;
 .notify p {
     font-size: 16px;
     margin-bottom: 5px;


@@ -1279,6 +1365,10 @@ ul.form-horizontal-rows li input {
     margin: 0 0 16px 0;
 }
 
     margin: 0 0 16px 0;
 }
 

+#question-tags {
+    margin-top: 15px;
+}
+

 .post-controls {
     float: left;
 }
 .post-controls {
     float: left;
 }


@@ -1462,7 +1552,7 @@ a.accept-answer.on, a.accept-answer:hover {
     margin-left: 4px;
 }
 
     margin-left: 4px;
 }
 

-a.comment-like, a.comment-delete, a.comment-edit {
+a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert, a.comment-convert-to-question {

     margin-left: 2px;
     width: 18px;
 }
     margin-left: 2px;
     width: 18px;
 }


@@ -1483,6 +1573,22 @@ a.comment-delete:hover {
     background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent;
 }
 
     background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent;
 }
 

+a.comment-convert {
+    background: url("../images/convert-off.png") no-repeat scroll center center transparent;
+}
+
+a.comment-convert:hover {
+    background: url("../images/convert-hover.png") no-repeat scroll center center transparent;
+}
+
+a.comment-convert-to-question {
+    background: url("../images/convert-to-question-off.png") no-repeat scroll center center transparent;
+}
+
+a.comment-convert-to-question:hover {
+    background: url("../images/convert-to-question-hover.png") no-repeat scroll center center transparent;
+}
+

 a.comment-edit {
     background: url("../images/comment-edit.png") no-repeat scroll center center transparent;
 }
 a.comment-edit {
     background: url("../images/comment-edit.png") no-repeat scroll center center transparent;
 }


@@ -1491,9 +1597,14 @@ a.comment-edit:hover {
     background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent;
 }
 
     background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent;
 }
 

+img.subscription-remove {
+    float:right;
+}
+

 .comment-form-container {
     display: none;
     padding-top: 12px;
 .comment-form-container {
     display: none;
     padding-top: 12px;

+    margin-bottom: 8px;

 }
 
 .comment-form-widgets-container input {
 }
 
 .comment-form-widgets-container input {


@@ -1517,6 +1628,15 @@ div.comment-tools {
     text-align: right;
 }
 
     text-align: right;
 }
 

+div.comment-tools span.comment-tools-separator {
+    float: left;
+    display: block;
+    line-height: 17px;
+    color: #ccc;
+    font-size: 15px;
+    margin-left: 1px;
+}
+

 div.comment-tools .comments-showing {
     color: #777777;
     font-size: 11px;
 div.comment-tools .comments-showing {
     color: #777777;
     font-size: 11px;


@@ -1588,7 +1708,8 @@ div.comment-tools a:hover {
 
 .comment-form-buttons input {
     width: 100%;
 
 .comment-form-buttons input {
     width: 100%;

-    height: 22px;
+    height: auto;
+    padding: 2px 0 4px 0;

     vertical-align: middle;
     margin-top: 6px;
 }
     vertical-align: middle;
     margin-top: 6px;
 }


@@ -1621,6 +1742,7 @@ div.dialog, .context-menu-dropdown {
     top: 1.5em;
     text-align: left;
     list-style-type: none;
     top: 1.5em;
     text-align: left;
     list-style-type: none;

+    z-index: 500;

 }
 
 .context-menu-dropdown li.item {
 }
 
 .context-menu-dropdown li.item {


@@ -1659,7 +1781,8 @@ div.dialog, .context-menu-dropdown {
 }
 
 div.dialog .dialog-content {
 }
 
 div.dialog .dialog-content {

-    padding: 12px 12px 37px 12px;
+    padding: 12px 12px 42px 12px;
+    z-index: 1000;

 }
 
 div.dialog .dialog-buttons {
 }
 
 div.dialog .dialog-buttons {


@@ -1673,13 +1796,14 @@ div.dialog .dialog-buttons {
 }
 
 .dialog-yes, .dialog-no {
 }
 
 .dialog-yes, .dialog-no {

+    padding: 0px 5px;

     margin: 0 3px 5px 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     background-color: #3060A8;
     color: white;
     margin: 0 3px 5px 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     background-color: #3060A8;
     color: white;

-    height: 20px;

     line-height: 20px;
     line-height: 20px;

+    vertical-align: baseline;

     font-weight: bold;
     border: 0;
 }
     font-weight: bold;
     border: 0;
 }


@@ -1694,7 +1818,7 @@ div.dialog.confirm {
 }
 
 div.dialog.prompt {
 }
 
 div.dialog.prompt {

-    width: 300px;
+    width: 355px;

 }
 
 div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
 }
 
 div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {


@@ -1709,4 +1833,114 @@ div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content text
 
 .suspended-user {
     text-decoration: line-through;
 
 .suspended-user {
     text-decoration: line-through;

-}
\ No newline at end of file
+}
+
+.feed-icon {
+    width: 14px;
+    height: 14px;
+    display: inline-block;
+}
+
+div#subscription_list {
+    width: 100%;
+    /*float:left;*/
+}
+
+.subscription_switch {
+    display: inline-block;
+    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
+    *display: inline;
+    vertical-align: baseline;
+    margin: 0 2px;
+    outline: none;
+    cursor: pointer;
+    text-align: center;
+    text-decoration: none;
+    font: 11px Arial, Helvetica, sans-serif;
+    padding: .2em 1em .275em;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+    -webkit-border-radius: .5em;
+    -moz-border-radius: .5em;
+    border-radius: .5em;
+    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    color: #101010 !important;
+    border: solid 1px #b7b7b7;
+    background: #fff;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
+    background: -moz-linear-gradient(top,  #fff,  #ededed);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
+}
+.subscription_switch:hover {
+    text-decoration: none;
+    background: #ededed;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
+    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
+    color: #101010 !important;
+}
+.subscription_switch:active {
+    position: relative;
+    top: 1px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
+    background: -moz-linear-gradient(top,  #ededed,  #fff);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
+}
+
+div.subscription_summary {
+    border-top: 2px dotted #CCCCCE;
+    overflow: hidden;
+    padding: 3px 0px 5px 0;
+    position: relative;
+    width:100%;
+    margin-top: 5px;
+}
+
+div.subscription_title {
+    /*float:left;
+    line-height:30px;*/
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight:bold;
+}
+
+a.subscription_unsubscribe_button {
+    float:left;
+    font-size: 11px;
+    font-weight:bold;
+
+    margin-right:15px;
+    margin-top: 5px;
+}
+
+div.subscription_userinfo {
+    float:right;
+}
+
+div.subscription_tags {
+    font-family: sans-serif;
+    float:left;
+}
+div.subscription_tags a, span.tag {
+    background-color: #EEEEEE;
+    border-bottom: 1px solid #CCCCCC;
+    border-right: 1px solid #CCCCCC;
+    color: #777777;
+    font-size: 11px;
+    font-weight: normal;
+    padding: 1px 8px;
+    text-decoration: none;
+    white-space: nowrap;
+}
+div.subscription_tags a:hover {
+    background-color: #356FCB;
+    color: #FFFFFF;
+}
+
+div.wmd-button {
+    color:white;
+}
+div.wmd-button-bar {
+    float:left;
+}