Skip to content
Browse files

Front-end changes

Remove dropdown shadow for header.
Add background gradient.
Add main wrapper.
Add padding/margin around nav.
  • Loading branch information...
1 parent a441e43 commit ed109f2e8f21ca5df103b81fadd29b0920fa21d0 @akavlie akavlie committed Mar 5, 2012
Showing with 54 additions and 35 deletions.
  1. +29 −9 public/stylesheets/style.css
  2. +25 −26 views/layout.jade
View
38 public/stylesheets/style.css
@@ -4,7 +4,6 @@ body {
}
h1, h2, h3 { line-height:1.2em; }
-ul, ol { padding-left:2em; }
p { line-height:1.2em; padding:0.5em 0; }
.fr { float: right; }
@@ -183,20 +182,33 @@ p#incomplete {
margin-right: 8px;
}
-header{
+header {
padding: 30px 0;
text-align: center;
border-bottom: 1px solid #FFF;
- box-shadow: 3px 7px 5px #DDD;
- -webkit-box-shadow: 3px 7px 5px #DDD;
- -moz-box-shadow: 3px 7px 5px #DDD;
- -o-box-shadow: 3px 7px 5px #DDD;
- background: #F2F2F2 url('/static/i/rocket-logo-small.png') 30px 15px no-repeat;
+
+ background: #f2f2f2;
+ background-image: url('/static/i/rocket-logo-small.png');
+ background-position: 30px 15px;
+ background-repeat: no-repeat;
+ background: url('/static/i/rocket-logo-small.png') no-repeat 30px 15px,
+ -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ddd));
+ background: url('/static/i/rocket-logo-small.png') no-repeat 30px 15px,
+ -webkit-linear-gradient(top, #f2f2f2, #ddd);
+ background: url('/static/i/rocket-logo-small.png') no-repeat 30px 15px,
+ -moz-linear-gradient(top, #f2f2f2, #ddd);
+ background: url('/static/i/rocket-logo-small.png') no-repeat 30px 15px,
+ -ms-linear-gradient(top, #f2f2f2, #ddd);
+ background: url('/static/i/rocket-logo-small.png') no-repeat 30px 15px,
+ -o-linear-gradient(top, #f2f2f2, #ddd);
+ background: url('/static/i/rocket-logo-small.png') no-repeat 30px 15px,
+ linear-gradient(to bottom, #f2f2f2, #ddd);
}
+
header h1 {
font-size: 2.8em;
- text-shadow: 1px 1px 1px #FFF;
- color: #000;
+ text-shadow: 2px 2px 2px #fff;
+ color: black;
}
footer {
@@ -210,6 +222,14 @@ footer p {
line-height:1.4em;
}
+.main {
+ margin-top: 15px;
+}
+
+.nav {
+ padding: 0 20px;
+}
+
/**** MODAL ****/
.modal {
visibility: hidden;
View
51 views/layout.jade
@@ -15,34 +15,33 @@ html
body
header
h1 Nodester Admin Panel
- - if(is_logged)
- p.log_info
- | Howdy <strong>#{user}</strong> !
- a(href="/logout") Logout
- #content_wrapper
+ .main
- if(is_logged)
- .sidebar.fl
- != partial("nav")
- .content
- != body
- .cl
- footer
- p <strong>NOTE</strong> <br />
- | This project is work in progress. <br />
- | Kindly file issues/pull requests at
- a(href='http://github.com/nodester/admin-panel', target="_blank") http://github.com/nodester/admin-panel
- p Special thanks to the creators of
- a(target="_blank", href='http://nodester.com') Nodester.com
- | for this brilliant platform :)
+ != partial("nav")
+ p.log_info
+ | Howdy <strong>#{user}</strong> !
+ a(href="/logout") Logout
+ #content_wrapper
+ .content
+ != body
+ .cl
+ footer
+ p <strong>NOTE</strong> <br />
+ | This project is work in progress. <br />
+ | Kindly file issues/pull requests at
+ a(href='http://github.com/nodester/admin-panel', target="_blank") http://github.com/nodester/admin-panel
+ p Special thanks to the creators of
+ a(target="_blank", href='http://nodester.com') Nodester.com
+ | for this brilliant platform :)
- p - by
- | <a href="http://twitter.com/michealbenedict" target="_blank">@michealbenedict</a>,
- | <a href="http://twitter.com/crp_underground" target="_blank">@crp_underground</a> and
- | <a href="http://twitter.com/kev_nz" target="_blank">@kev_nz</a>
- | for <a href="http://twitter.com/nodester" target="_blank">@nodester</a>
- #modal.modal
- .close &times;
- #modal_content
+ p - by
+ | <a href="http://twitter.com/michealbenedict" target="_blank">@michealbenedict</a>,
+ | <a href="http://twitter.com/crp_underground" target="_blank">@crp_underground</a> and
+ | <a href="http://twitter.com/kev_nz" target="_blank">@kev_nz</a>
+ | for <a href="http://twitter.com/nodester" target="_blank">@nodester</a>
+ #modal.modal
+ .close &times;
+ #modal_content
script(src="/static/javascripts/lib/jq.modal.js")
script(src="/static/javascripts/lib/underscore-min.js")

0 comments on commit ed109f2

Please sign in to comment.
Something went wrong with that request. Please try again.