Skip to content
Browse files

tweak css

  • Loading branch information...
1 parent 55e1450 commit d928bb8cbd238b42f9da768bf5f65fddf2f817db @maccman committed Apr 16, 2012
Showing with 10 additions and 11 deletions.
  1. +2 −7 assets/stylesheets/app/inspector.css.styl
  2. +8 −4 public/assets/application.css
View
9 assets/stylesheets/app/inspector.css.styl
@@ -17,14 +17,9 @@
header {
hbox()
-webkit-box-pack: center
- // vbg-gradient(#FFF, rgba(238, 238, 238, 1))
- // vbg-gradient(#8F9398, #5D646D)
vbg-gradient(#959A9B, #767B7C)
color: #FFF
- border-left: 1px solid #C6C6C6
- border-bottom: 1px solid darken(#DDDDDD, 10%)
- // text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8)
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3)
text-transform: uppercase
font-weight: bold
@@ -34,15 +29,15 @@
box-flex(1)
padding: 8px 15px
cursor: pointer
- border-right: 1px solid #767B7C
text-align: center
&:last-child {
border-right: none
}
&:active, &.active {
- background: rgba(255, 255, 255, 0.18)
+ vbg-gradient(darken(#959A9B, 10%), darken(#767B7C, 5%))
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)
}
}
}
View
12 public/assets/application.css
@@ -311,8 +311,6 @@ body {
background: -moz-linear-gradient(top, #959a9b, #767b7c);
background: linear-gradient(top, #959a9b, #767b7c);
color: #fff;
- border-left: 1px solid #c6c6c6;
- border-bottom: 1px solid #c7c7c7;
text-shadow: 0px -1px 0px rgba(0,0,0,0.30);
text-transform: uppercase;
font-weight: bold;
@@ -324,15 +322,21 @@ body {
box-flex: 1;
padding: 8px 15px;
cursor: pointer;
- border-right: 1px solid #767b7c;
text-align: center;
}
#app .inspector header div:last-child {
border-right: none;
}
#app .inspector header div:active,
#app .inspector header div.active {
- background: rgba(255,255,255,0.18);
+ background: #858b8c;
+ background: -webkit-gradient(linear, left top, left bottom, from(#858b8c), to(#707576));
+ background: -webkit-linear-gradient(top, #858b8c, #707576);
+ background: -moz-linear-gradient(top, #858b8c, #707576);
+ background: linear-gradient(top, #858b8c, #707576);
+ -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.20);
+ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.20);
+ box-shadow: inset 0 0 5px rgba(0,0,0,0.20);
}
#app .inspector .textInspector,
#app .inspector .displayInspector {

0 comments on commit d928bb8

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