moparisthebest
/
mailcatcher
mirror of https://github.com/moparisthebest/mailcatcher
1
0
Fork 0
Code Issues Releases Wiki Activity

Header button style tweaks.

This commit is contained in:
Samuel Cochran 2011-06-01 00:59:12 +08:00
parent 17d2cb3de9
commit 803a569ac8
2 changed files with 50 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
public/stylesheets/application.css
View File

@ -91,20 +91,33 @@ body > header {
body > header h1 a:hover {
color: #4183C4; }
body > header nav {
padding: 0 5px; }
border-left: 1px solid #ccc;
border-right: 1px solid #fff; }
body > header nav.project {
float: left; }
body > header nav.app {
float: right; }
body > header nav li {
padding: 10px 5px;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto; }
body > header nav li {
*display: inline; }
display: inline; }
body > header nav li a {
display: inline-block;
float: left;
padding: 9px;
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
background: #eee;
color: #666;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px 0 white; }
body > header nav li a:hover {
background: #fff; }
body > header nav li a:active {
margin: 1px -1px -1px 1px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
#messages {
width: 100%;

31
public/stylesheets/application.scss
View File

@ -41,13 +41,38 @@ body > header {
}
nav {
padding: 0 5px;
&.project { float: left; }
&.app { float: right; }
border-left: 1px solid #ccc;
border-right: 1px solid #fff;
li {
padding: 10px 5px;
@include inline-block;
display: inline;
// @include inline-block;
a {
display: inline-block;
float: left;
padding: 9px;
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
background: #eee;
color: #666;
font-weight: bold;
text-decoration: none;
@include text-shadow(0 1px 0 #fff);
&:hover {
background: #fff;
}
&:active {
margin: 1px -1px -1px 1px;
@include box-shadow(none);
}
}
}
}
}