Extract common styling from bookmarks, history.

This commit is contained in:
Imran Sobir 2017-02-23 19:23:18 +05:00
parent 7cb384aaf3
commit 4b643f0b74
3 changed files with 48 additions and 70 deletions

View File

@ -1,59 +1,30 @@
{% extends "base.html" %} {% extends "styled.html" %}
{% block style %} {% block style %}
body { {{super()}}
background: #fefefe;
font-family: sans-serif;
margin: 0 auto;
max-width: 1280px;
padding-left: 20px;
padding-right: 20px;
}
h1 { h1 {
color: #444;
font-weight: normal;
margin-bottom: 10px; margin-bottom: 10px;
} }
a {
text-decoration: none;
color: #2562dc
}
a:hover {
text-decoration: underline;
}
.url a { .url a {
color: #444; color: #444;
} }
table {
border-collapse: collapse;
width: 100%;
}
th { th {
text-align: left; text-align: left;
} }
tbody tr:nth-child(odd) {
background-color: #f8f8f8;
}
.qmarks .name { .qmarks .name {
padding-left: 5px; padding-left: 5px;
} }
.empty { .empty-msg {
background-color: #f8f8f8; background-color: #f8f8f8;
color: #444; color: #444;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
width: 100%; width: 100%;
} }
{% endblock %} {% endblock %}
{% block content %} {% block content %}
@ -72,7 +43,7 @@ tbody tr:nth-child(odd) {
</tbody> </tbody>
</table> </table>
{% else %} {% else %}
<span class="empty">You have no quickmarks</span> <span class="empty-msg">You have no quickmarks</span>
{% endif %} {% endif %}
<h1>Bookmarks</h1> <h1>Bookmarks</h1>
@ -89,7 +60,7 @@ tbody tr:nth-child(odd) {
</tbody> </tbody>
</table> </table>
{% else %} {% else %}
<span class="empty">You have no bookmarks</span> <span class="empty-msg">You have no bookmarks</span>
{% endif %} {% endif %}
{% endblock %} {% endblock %}

View File

@ -1,29 +1,9 @@
{% extends "base.html" %} {% extends "styled.html" %}
{% block style %} {% block style %}
{{super()}}
body { body {
background: #fefefe;
font-family: sans-serif;
margin: 0 auto;
max-width: 1440px; max-width: 1440px;
padding-left: 20px;
padding-right: 20px;
}
h1 {
color: #444;
font-weight: normal;
}
table {
border-collapse: collapse;
width: 100%;
}
td {
max-width: 50%;
padding: 2px 5px;
text-align: left;
} }
td.title { td.title {
@ -36,19 +16,6 @@ td.time {
white-space: nowrap; white-space: nowrap;
} }
a {
text-decoration: none;
color: #2562dc
}
a:hover {
text-decoration: underline;
}
tr:nth-child(odd) {
background-color: #f8f8f8;
}
.date { .date {
color: #888; color: #888;
font-size: 14pt; font-size: 14pt;
@ -66,7 +33,6 @@ tr:nth-child(odd) {
color: #333; color: #333;
font-weight: bold; font-weight: bold;
} }
{% endblock %} {% endblock %}
{% block content %} {% block content %}

View File

@ -0,0 +1,41 @@
{% extends "base.html" %}
{% block style %}
a {
text-decoration: none;
color: #2562dc
}
a:hover {
text-decoration: underline;
}
body {
background: #fefefe;
font-family: sans-serif;
margin: 0 auto;
max-width: 1280px;
padding-left: 20px;
padding-right: 20px;
}
h1 {
color: #444;
font-weight: normal;
}
table {
border-collapse: collapse;
width: 100%;
}
tbody tr:nth-child(odd) {
background-color: #f8f8f8;
}
td {
max-width: 50%;
padding: 2px 5px;
text-align: left;
}
{% endblock %}