Commit 65b2a60e9450a84ceb833ce8b1fa4ae60ca66682
1 parent
eb3a4dca
Exists in
master
and in
39 other branches
Fixing some Grid and adding message-preview css
Showing
3 changed files
with
113 additions
and
39 deletions
Show diff stats
src/colab/deprecated/templates/base.html
| ... | ... | @@ -40,30 +40,28 @@ |
| 40 | 40 | <body> |
| 41 | 41 | <div class="container"> |
| 42 | 42 | <div class="row"> |
| 43 | - <div class="col-lg-12"> | |
| 44 | - {% if not user.is_authenticated %} | |
| 45 | - <span class="col-lg-2 col-lg-offset-9 text-right"> | |
| 46 | - <a href="{% url 'signup' %}">{% trans "Sign up" %}</a> | |
| 47 | - </span> | |
| 48 | - <span class="col-lg-1 text-center"> | |
| 49 | - <a href="{% url 'login' %}?next={{ request.path }}">{% trans "Login" %}</a> | |
| 50 | - </span> | |
| 51 | - {% else %} | |
| 52 | - <span class="col-lg-10 text-right"> | |
| 53 | - {% trans "authenticated as" %} <b>{{ user.username }}</b> | |
| 54 | - </span> | |
| 55 | - <span class="col-lg-1 text-center"> | |
| 56 | - <a href="{% url 'user_profile' user.username %}"> | |
| 57 | - {% trans "My Profile" %} | |
| 58 | - </a> | |
| 59 | - </span> | |
| 60 | - <span class="col-lg-1 text-center"> | |
| 61 | - <a href="{% url 'logout' %}"> | |
| 62 | - {% trans "Logout" %} | |
| 63 | - </a> | |
| 64 | - </span> | |
| 65 | - {% endif %} | |
| 43 | + {% if not user.is_authenticated %} | |
| 44 | + <div class="col-lg-2 col-lg-offset-9 text-right"> | |
| 45 | + <a href="{% url 'signup' %}">{% trans "Sign up" %}</a> | |
| 46 | + </div> | |
| 47 | + <div class="col-lg-1 text-center"> | |
| 48 | + <a href="{% url 'login' %}?next={{ request.path }}">{% trans "Login" %}</a> | |
| 49 | + </div> | |
| 50 | + {% else %} | |
| 51 | + <div class="col-lg-10 text-right"> | |
| 52 | + {% trans "authenticated as" %} <b>{{ user.username }}</b> | |
| 66 | 53 | </div> |
| 54 | + <div class="col-lg-1 text-center"> | |
| 55 | + <a href="{% url 'user_profile' user.username %}"> | |
| 56 | + {% trans "My Profile" %} | |
| 57 | + </a> | |
| 58 | + </div> | |
| 59 | + <div class="col-lg-1 text-center"> | |
| 60 | + <a href="{% url 'logout' %}"> | |
| 61 | + {% trans "Logout" %} | |
| 62 | + </a> | |
| 63 | + </div> | |
| 64 | + {% endif %} | |
| 67 | 65 | </div> |
| 68 | 66 | |
| 69 | 67 | {% block header %} |
| ... | ... | @@ -73,7 +71,7 @@ |
| 73 | 71 | </h1> |
| 74 | 72 | {% endblock %} |
| 75 | 73 | |
| 76 | - <div class="row vertical-center"> | |
| 74 | + <div id="header-menu" class="row"> | |
| 77 | 75 | |
| 78 | 76 | <span class="col-lg-1 text-center"> |
| 79 | 77 | <a href="{% url 'thread_list' %}">{% trans "Discussions" %}</a> |
| ... | ... | @@ -95,14 +93,14 @@ |
| 95 | 93 | |
| 96 | 94 | <span class="col-lg-4 col-lg-offset-2 text-right"> |
| 97 | 95 | <form action="/search/" method="GET"> |
| 98 | - <input name="q" class="col-lg-9" value="{{ request.GET.q }}" | |
| 96 | + <input name="q" id="header-searchbox" value="{{ request.GET.q }}" | |
| 99 | 97 | type="text" placeholder="{% trans 'Search here...' %}" /> |
| 100 | 98 | <input type="submit" value="{% trans 'Search' %}"></input> |
| 101 | 99 | </form> |
| 102 | 100 | </span> |
| 103 | 101 | </div> |
| 104 | 102 | |
| 105 | - <hr/> | |
| 103 | + <hr id="header-hr"/> | |
| 106 | 104 | |
| 107 | 105 | <div> |
| 108 | 106 | {% block main-content %} {% endblock %} | ... | ... |
src/colab/deprecated/templates/home.html
| ... | ... | @@ -20,8 +20,8 @@ |
| 20 | 20 | <div class="row"> |
| 21 | 21 | <div class="col-lg-6"> |
| 22 | 22 | <h3> |
| 23 | - <span class="col-lg-11">{% trans "Latest collaborations" %}</span> | |
| 24 | - <a class="col-lg-1" target="_blank" | |
| 23 | + <span>{% trans "Latest collaborations" %}</span> | |
| 24 | + <a class="pull-right" target="_blank" | |
| 25 | 25 | href="{% url 'rss_latest_colab' %}" |
| 26 | 26 | title="{% trans 'RSS - Latest collaborations' %}"> |
| 27 | 27 | <img src="{{ STATIC_URL }}img/rss.png" alt="{% trans 'RSS' %}"/></a> |
| ... | ... | @@ -31,8 +31,7 @@ |
| 31 | 31 | {% include "message-preview.html" %} |
| 32 | 32 | {% endfor %} |
| 33 | 33 | </ul> |
| 34 | - <hr /> | |
| 35 | - <a class="col-lg-8 col-lg-offset-4 text-right" | |
| 34 | + <a class="pull-right" | |
| 36 | 35 | href="{% url 'search' %}?o=modified+desc"> |
| 37 | 36 | {% trans "View more collaborations..." %} |
| 38 | 37 | </a> |
| ... | ... | @@ -49,8 +48,8 @@ |
| 49 | 48 | <div class="row"> |
| 50 | 49 | <div class="col-lg-6"> |
| 51 | 50 | <h3> |
| 52 | - <span class="col-lg-11">{% trans "Discussions Most Relevance" %}</span> | |
| 53 | - <a class="col-lg-1" target="_blank" | |
| 51 | + <span>{% trans "Discussions Most Relevance" %}</span> | |
| 52 | + <a class="pull-right" target="_blank" | |
| 54 | 53 | href="{% url 'rss_hottest_threads' %}" |
| 55 | 54 | title="{% trans "RSS - Discussions Most Relevance" %}"> |
| 56 | 55 | <img src="{{ STATIC_URL }}img/rss.png" alt="{% trans 'RSS' %}"/></a> |
| ... | ... | @@ -60,8 +59,7 @@ |
| 60 | 59 | {% include "message-preview.html" with doc=thread.latest_message %} |
| 61 | 60 | {% endfor %} |
| 62 | 61 | </ul> |
| 63 | - <hr /> | |
| 64 | - <a class="col-lg-8 col-lg-offset-4 text-right" | |
| 62 | + <a class="pull-right" | |
| 65 | 63 | href="{% url 'thread_list' %}?order=hottest"> |
| 66 | 64 | {% trans "View more discussions relevance..." %} |
| 67 | 65 | </a> |
| ... | ... | @@ -69,8 +67,8 @@ |
| 69 | 67 | |
| 70 | 68 | <div class="col-lg-6"> |
| 71 | 69 | <h3> |
| 72 | - <span class="col-lg-11">{% trans "Latest Discussions" %}</span> | |
| 73 | - <a class="col-lg-1" target="_blank" | |
| 70 | + <span>{% trans "Latest Discussions" %}</span> | |
| 71 | + <a class="pull-right" target="_blank" | |
| 74 | 72 | href="{% url 'rss_latest_threads' %}" |
| 75 | 73 | title="{% trans "RSS - Latest Discussions" %}"> |
| 76 | 74 | <img src="{{ STATIC_URL }}img/rss.png" alt="{% trans 'RSS' %}"/></a> |
| ... | ... | @@ -80,9 +78,7 @@ |
| 80 | 78 | {% include "message-preview.html" with doc=thread.latest_message %} |
| 81 | 79 | {% endfor %} |
| 82 | 80 | </ul> |
| 83 | - <hr /> | |
| 84 | - <a class="col-lg-8 col-lg-offset-4 text-right" | |
| 85 | - href="{% url 'thread_list' %}"> | |
| 81 | + <a class="pull-right" href="{% url 'thread_list' %}"> | |
| 86 | 82 | {% trans "View more discussions..." %} |
| 87 | 83 | </a> |
| 88 | 84 | </div> | ... | ... |
src/colab/static/css/screen.css
| ... | ... | @@ -0,0 +1,80 @@ |
| 1 | +/* Header */ | |
| 2 | + | |
| 3 | +#header-searchbox { | |
| 4 | + width: 290px; | |
| 5 | +} | |
| 6 | + | |
| 7 | +#header-menu { | |
| 8 | + line-height: 33px; | |
| 9 | +} | |
| 10 | + | |
| 11 | +#header-hr{ | |
| 12 | + margin-top: 0; | |
| 13 | +} | |
| 14 | + | |
| 15 | +/* From message-preview.html*/ | |
| 16 | +.quiet { | |
| 17 | + color: #999; | |
| 18 | + font-size: 95%; | |
| 19 | +} | |
| 20 | + | |
| 21 | +.preview-message { | |
| 22 | + white-space: nowrap; | |
| 23 | + overflow: hidden; | |
| 24 | + line-height: 28px; | |
| 25 | + border-bottom: solid 1px #ddd; | |
| 26 | +} | |
| 27 | + | |
| 28 | +.preview-message a { | |
| 29 | + text-decoration: none; | |
| 30 | +} | |
| 31 | + | |
| 32 | +.preview-message img { | |
| 33 | + margin-right: 5px; | |
| 34 | +} | |
| 35 | + | |
| 36 | +.tag { | |
| 37 | + text-decoration: none; | |
| 38 | + background-color: #2183b3; | |
| 39 | + padding: 2px 4px; | |
| 40 | + border-radius: 5px; | |
| 41 | + font-size: 90%; | |
| 42 | + color: #fff; | |
| 43 | + margin-right: 5px; | |
| 44 | + line-height: 2; | |
| 45 | + white-space: nowrap; | |
| 46 | +} | |
| 47 | + | |
| 48 | +.tag:hover, | |
| 49 | +.tag:focus { | |
| 50 | + background-color: #21b6e6; | |
| 51 | + color: #fff; | |
| 52 | +} | |
| 53 | + | |
| 54 | +.tag-cloud .size-1 { | |
| 55 | + font-size: 90%; | |
| 56 | +} | |
| 57 | +.tag-cloud .size-2 { | |
| 58 | + font-size: 100%; | |
| 59 | +} | |
| 60 | +.tag-cloud .size-3 { | |
| 61 | + font-size: 130%; | |
| 62 | +} | |
| 63 | +.tag-cloud .size-4 { | |
| 64 | + font-size: 150%; | |
| 65 | +} | |
| 66 | + | |
| 67 | +.subject, | |
| 68 | +.subject a { | |
| 69 | + color: #000; | |
| 70 | +} | |
| 71 | + | |
| 72 | +.subject a:hover, | |
| 73 | +.subject a:focus { | |
| 74 | + text-decoration: underline; | |
| 75 | + color: #335; | |
| 76 | +} | |
| 77 | + | |
| 78 | +.subject img { | |
| 79 | + margin-right: 5px; | |
| 80 | +} | ... | ... |