Improved stylesheet
This commit is contained in:
parent
f032460621
commit
1a41e60515
7 changed files with 35 additions and 24 deletions
|
@ -3,7 +3,7 @@ body {
|
|||
padding: 0;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
color: #555;
|
||||
font-family: 'Droid Sans', sans-serif;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
@ -25,12 +25,12 @@ h2 {
|
|||
}
|
||||
|
||||
a {
|
||||
color: #6a2;
|
||||
color: #298;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #7b3;
|
||||
color: #4ba;
|
||||
}
|
||||
|
||||
hr {
|
||||
|
|
|
@ -23,5 +23,5 @@
|
|||
background: #efa;
|
||||
}
|
||||
.pager li.active a {
|
||||
background: #faffca;
|
||||
background: #f7fbfc;
|
||||
}
|
||||
|
|
|
@ -57,7 +57,7 @@
|
|||
font-weight: normal;
|
||||
}
|
||||
#post-upload-step2 table tr.selected {
|
||||
background: #faffca;
|
||||
background: #f7fbfc;
|
||||
}
|
||||
#post-upload-step2 table .checkbox {
|
||||
width: 30px;
|
||||
|
|
|
@ -14,20 +14,23 @@
|
|||
|
||||
#top-navigation li a {
|
||||
display: inline-block;
|
||||
text-transform: lowercase;
|
||||
font-variant: small-caps;
|
||||
padding: 0.5em 1em;
|
||||
color: #000;
|
||||
color: #aaa;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#top-navigation li.active a {
|
||||
background: #faffca;
|
||||
color: #8ba;
|
||||
background: #f7fbfc;
|
||||
}
|
||||
|
||||
#top-navigation li a:focus,
|
||||
#top-navigation li a:hover {
|
||||
outline: 0;
|
||||
background: #efa;
|
||||
color: #000;
|
||||
background: #f3f7f8;
|
||||
color: #7a9;
|
||||
}
|
||||
|
||||
#top-navigation li:first-child a {
|
||||
|
@ -37,3 +40,8 @@
|
|||
#top-navigation li:last-child a {
|
||||
margin-right: -1em;
|
||||
}
|
||||
|
||||
#top-navigation i {
|
||||
font-size: 40px;
|
||||
margin: 0 10px 5px;
|
||||
}
|
||||
|
|
|
@ -18,7 +18,7 @@
|
|||
}
|
||||
|
||||
#user-list ul.order li.active a {
|
||||
background: #faffca;
|
||||
background: #f7fbfc;
|
||||
}
|
||||
|
||||
#user-list ul.order a {
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
}
|
||||
|
||||
#user-view ul a.active {
|
||||
background: #faffca;
|
||||
background: #f7fbfc;
|
||||
}
|
||||
|
||||
#user-view .tab {
|
||||
|
|
|
@ -1,33 +1,36 @@
|
|||
<ul>
|
||||
<%
|
||||
var links = [['home', '#/home', 'Home']];
|
||||
var links = [['home', '#/home', 'Home', 'fa-home']];
|
||||
if (canListPosts) {
|
||||
links.push(['posts', '#/posts', 'Posts']);
|
||||
links.push(['posts', '#/posts', 'Posts', 'fa-th']);
|
||||
if (canUploadPosts) {
|
||||
links.push(['upload', '#/upload', 'Upload']);
|
||||
links.push(['upload', '#/upload', 'Upload', 'fa-upload']);
|
||||
}
|
||||
links.push(['comments', '#/comments', 'Comments']);
|
||||
links.push(['comments', '#/comments', 'Comments', 'fa-comments']);
|
||||
}
|
||||
if (canListTags) {
|
||||
links.push(['tags', '#/tags', 'Tags']);
|
||||
links.push(['tags', '#/tags', 'Tags', 'fa-tags']);
|
||||
}
|
||||
if (canListUsers) {
|
||||
links.push(['users', '#/users', 'Users']);
|
||||
links.push(['users', '#/users', 'Users', 'fa-users']);
|
||||
}
|
||||
if (!loggedIn) {
|
||||
links.push(['login', '#/login', 'Login']);
|
||||
links.push(['register', '#/register', 'Register']);
|
||||
links.push(['login', '#/login', 'Login', 'fa-sign-in']);
|
||||
links.push(['register', '#/register', 'Register', 'fa-file-text-o']);
|
||||
} else {
|
||||
links.push(['my-account', '#/user/' + user.name, user.name]);
|
||||
links.push(['logout', '#/logout', 'Logout']);
|
||||
links.push(['my-account', '#/user/' + user.name, 'Account', 'fa-user']);
|
||||
links.push(['logout', '#/logout', 'Logout', 'fa-sign-out']);
|
||||
}
|
||||
links.push(['help', '#/help', 'Help']);
|
||||
links.push(['help', '#/help', 'Help', 'fa-question-circle']);
|
||||
%>
|
||||
|
||||
<% _.each(links, function(link) { %><!--
|
||||
--><% var className = link[0], target=link[1], title=link[2] %><!--
|
||||
--><% var className = link[0], target=link[1], title=link[2], iconClassName=link[3] %><!--
|
||||
--><li class="<%= className %>">
|
||||
<a href="<%= target %>"><%= title %></a>
|
||||
<a href="<%= target %>">
|
||||
<i class="fa <%= iconClassName %>"></i><br/>
|
||||
<%= title %>
|
||||
</a>
|
||||
</li><!--
|
||||
--><% }) %>
|
||||
</ul>
|
||||
|
|
Loading…
Reference in a new issue