Commit 8c235f32 authored by Riccardo Padovani's avatar Riccardo Padovani

Aggiornate le pagine delle domande alla nuova grafica.

Create le icone per domande senza risposta, con risposta e con risposta accettata
Piccoli accorgimenti sui colori
Bugfix sparsi
parent 1a3b0a9b
...@@ -12,14 +12,6 @@ body { ...@@ -12,14 +12,6 @@ body {
min-width: 985px; min-width: 985px;
margin: 0 1px 0 0; margin: 0 1px 0 0;
padding: 0; padding: 0;
scrollbar-3dlight-color: orange;
scrollbar-arrow-color: #313131;
scrollbar-base-color: red;
scrollbar-darkshadow-color: #80FFFF;
scrollbar-face-color: red;
scrollbar-highlight-color: rgb(50,0,1);
scrollbar-shadow-color: rgb(112,22,21);
scrollbar-track-color: black;
} }
div { div {
...@@ -438,11 +430,10 @@ padding-top: 4px; ...@@ -438,11 +430,10 @@ padding-top: 4px;
color: black; color: black;
} }
#listA { #listA {
float: left; float: left;
padding: 0 0; padding: 0 0;
width: auto; width: 100%;
} }
.thousand { .thousand {
...@@ -496,13 +487,10 @@ padding-top: 4px; ...@@ -496,13 +487,10 @@ padding-top: 4px;
.short-summary .question-summary-wrapper { .short-summary .question-summary-wrapper {
float: left; float: left;
width: 565px; width: 100%;
} }
.short-summary .votes, .short-summary .status, .short-summary .views { .short-summary .votes, .short-summary .status, .short-summary .views {
-moz-border-radius: 5px 5px 5px 5px;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
float: left; float: left;
font-size: 11px; font-size: 11px;
height: 42px; height: 42px;
...@@ -619,31 +607,36 @@ padding-top: 4px; ...@@ -619,31 +607,36 @@ padding-top: 4px;
} }
.paginator .page, .paginator .page a:visited, .paginator .curr { .paginator .page, .paginator .page a:visited, .paginator .curr {
background-color: #FFFFFF; background-color: white;
border: 1px solid #CCCCCC; border: 1px solid #DD4818;
color: #777777; color: #DD4818;
font: 0.875em verdana; font: 0.875em Ubuntu;
margin: 0 0.25em; margin: 0 0.25em;
padding: 0.25em; padding: 0.25em;
} }
.paginator .curr { .paginator .curr {
background-color: #777777; background-color: #DD4818;
border: 1px solid #777777; border: 1px solid #DD4818;
color: #FFFFFF; color: #FFFFFF;
font-weight: bold; font-weight: bold;
} }
.paginator .page:hover, .paginator .prev a:hover, .paginator .next a:hover { .paginator .page:hover, .paginator .prev a:hover, .paginator .next a:hover {
background-color: #777777; background-color: #DD4818;
border: 1px solid #777777; border: 1px solid #DD4818;
color: #FFFFFF; color: white !important;
text-decoration: none;
}
.paginator .page:hover a {
color: white;
text-decoration: none; text-decoration: none;
} }
.paginator .text { .paginator .text {
color: #777777; color: #777777;
font: bold 100% sans-serif; font: bold 100% Ubuntu;
padding: 0.3em; padding: 0.3em;
} }
...@@ -671,7 +664,7 @@ padding-top: 4px; ...@@ -671,7 +664,7 @@ padding-top: 4px;
} }
.tags a:hover { .tags a:hover {
background-color: #356FCB; background-color: #DD4818;
color: #FFFFFF; color: #FFFFFF;
} }
...@@ -754,7 +747,7 @@ a.medal:hover { ...@@ -754,7 +747,7 @@ a.medal:hover {
.tabsA a.on, .tabsA a:hover { .tabsA a.on, .tabsA a:hover {
background: none repeat scroll 0 0 #FFFFFF; background: none repeat scroll 0 0 #FFFFFF;
color: #A40000; color: #DD4818;
} }
.tabsA a:hover { .tabsA a:hover {
...@@ -822,7 +815,8 @@ a.medal:hover { ...@@ -822,7 +815,8 @@ a.medal:hover {
font-weight: 800; font-weight: 800;
margin-bottom: 12px; margin-bottom: 12px;
padding: 5px; padding: 5px;
text-align: left; float: left;
width: auto;
} }
.questions-related { .questions-related {
...@@ -896,18 +890,21 @@ div.question-body p, div.answer-body p { ...@@ -896,18 +890,21 @@ div.question-body p, div.answer-body p {
} }
.answered { .answered {
background: none repeat scroll 0 0 #E5EBF8; background-image: url(../images/light/answered.png);
color: #314362; background-repeat: none;
color: black;
} }
.answered-accepted, .answer-votes.answered-accepted { .answered-accepted, .answer-votes.answered-accepted {
background: none repeat scroll 0 0 #E6F8DD; background-image: url(../images/light/answered-accepted.png);
color: #3A6231; background-repeat: none;
color: white;
} }
.unanswered { .unanswered {
background: none repeat scroll 0 0 #F3E3E1; background: url(../images/light/unanswered.png);
color: #6B2B28; background-repeat: none;
color: white;
} }
.focusedAnswer { .focusedAnswer {
...@@ -1166,6 +1163,7 @@ ins { ...@@ -1166,6 +1163,7 @@ ins {
.relativetime { .relativetime {
text-decoration: none; text-decoration: none;
float: right;
} }
.answer-summary { .answer-summary {
...@@ -2029,9 +2027,9 @@ div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content text ...@@ -2029,9 +2027,9 @@ div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content text
} }
.feed-icon { .feed-icon {
width: 14px; width: 28px;
height: 14px; height: 28px;
display: inline-block; float: left;
} }
div#subscription_list { div#subscription_list {
......
{% load i18n humanize extra_filters extra_tags user_tags %} {% load i18n humanize extra_filters extra_tags user_tags %}
<div class="short-summary"> <div class="short-summary">
<div class="counts">{% if favorite_count %} <div class="question-summary-wrapper">
<div class="favorites"> <div class="counts">{% if favorite_count %}
<span class="favorite-mark{% if question.favourite_count %} on{% endif %}"></span> <div class="favorites">
<div class="item-count">{{question.favourite_count|intcomma}}</div> <span class="favorite-mark{% if question.favourite_count %} on{% endif %}"></span>
</div> <div class="item-count">{{question.favourite_count|intcomma}}</div>
{% endif %} </div>
<div class="votes"> {% endif %}
<div class="item-count">{{question.score|intcomma}}</div> <div class="votes">
<div>{% ifequal question.score 1 %}{% trans "vote" %}{% else %}{% trans "votes" %}{% endifequal %}</div> <div class="item-count">{{question.score|intcomma}}</div>
</div > <div>{% ifequal question.score 1 %}{% trans "vote" %}{% else %}{% trans "votes" %}{% endifequal %}</div>
<div {% if question.accepted_count %}title="{% trans "this question has an accepted answer" %}"{% endif %} class="status {% if question.accepted_count %}answered-accepted{% endif %} {% ifequal question.answer_count 0 %}unanswered{% endifequal %}{% ifnotequal question.answer_count 0 %}answered{% endifnotequal %}"> </div >
<div class="item-count">{{question.answer_count|intcomma}}</div> <div {% if question.accepted_count %}title="{% trans "this question has an accepted answer" %}"{% endif %} class="status {% if question.accepted_count %}answered-accepted{% endif %} {% ifequal question.answer_count 0 %}unanswered{% endifequal %}{% ifnotequal question.answer_count 0 %}answered{% endifnotequal %}">
<div>{% ifequal question.answer_count 1 %}{% trans "answer" %}{% else %}{% trans "answers" %}{% endifequal %}</div> <div class="item-count">{{question.answer_count|intcomma}}</div>
</div> <div>{% ifequal question.answer_count 1 %}{% trans "answer" %}{% else %}{% trans "answers" %}{% endifequal %}</div>
<div class="views"> </div>
<div class="item-count">{{question.view_count|decorated_int|safe}}</div> <div class="views">
<div>{% ifequal question.view_count 1 %}{% trans "view" %}{% else %}{% trans "views" %}{% endifequal %}</div> <div class="item-count">{{question.view_count|decorated_int|safe}}</div>
<div>{% ifequal question.view_count 1 %}{% trans "view" %}{% else %}{% trans "views" %}{% endifequal %}</div>
</div>
</div> </div>
</div>
<div class="question-summary-wrapper">
<h2><a {% if not question_summary %}title="{{ question.summary }}"{% endif %} href="{{ question.get_absolute_url }}">{{question.headline}}</a></h2> <h2><a {% if not question_summary %}title="{{ question.summary }}"{% endif %} href="{{ question.get_absolute_url }}">{{question.headline}}</a></h2>
{% if question_summary %} {% if question_summary %}
<div class="summary"> <div class="summary">
...@@ -28,8 +28,8 @@ ...@@ -28,8 +28,8 @@
</div> </div>
{% endif %} {% endif %}
<div class="userinfo"> <div class="userinfo">
{% if question.last_activity_by %}{% user_signature question.last_activity_by signature_type %}{% endif %} <br/>
<span class="relativetime" title="{{question.last_activity_at}}">{% diff_date question.last_activity_at %}</span> <span class="relativetime" title="{{question.last_activity_at}}">{% diff_date question.last_activity_at %}</span>
{% if question.last_activity_by %}{% user_signature question.last_activity_by signature_type %}{% endif %}
</div> </div>
<div class="tags">{% for tag in question.tagname_list %} <div class="tags">{% for tag in question.tagname_list %}
...@@ -37,4 +37,4 @@ ...@@ -37,4 +37,4 @@
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
{% load i18n %} {% load i18n %}
<div class="headQuestions"> <div class="headUser">
{% if searchtag %} {% if searchtag %}
{% trans "Found by tags" %} {% trans "Found by tags" %}
{% else %} {% else %}
...@@ -22,4 +22,4 @@ ...@@ -22,4 +22,4 @@
{% endif %} {% endif %}
{% endif %} {% endif %}
{% endif %} {% endif %}
</div> </div>
\ No newline at end of file
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<div class="tabBar"> <div class="tabBar">
{% include "question_list/title.html" %} {% include "question_list/title.html" %}
<a class="feed-icon" style="background-image:url('{% media "media/images/feed-icon-small.png" %}');" href="{{ feed_url }}" title="{% trans "subscribe to question RSS feed" %}"></a> <a class="feed-icon" style="background-image:url('{% media "media/images/feed-icon.png" %}');" href="{{ feed_url }}" title="{% trans "subscribe to question RSS feed" %}"></a>
{{ questions.paginator.sort_tabs }} {{ questions.paginator.sort_tabs }}
</div> </div>
<div id="listA">{% for question in questions.paginator.page %} <div id="listA">{% for question in questions.paginator.page %}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment