Permalink
Browse files

styles

  • Loading branch information...
1 parent 260418f commit 1b02df0b637123df22d7df96c12d190e3d965136 @releu releu committed Mar 28, 2013
Showing with 22 additions and 6 deletions.
  1. +22 −6 app/assets/stylesheets/styles.less
View
28 app/assets/stylesheets/styles.less
@@ -20,6 +20,23 @@
background-image: linear-gradient(@from, @to);
}
+.mirror-gradient(@to, @from) {
+ background: @from;
+ background: -moz-linear-gradient(top, @from 0%, @to 50%, @from 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @from), color-stop(50%, @to), color-stop(100%, @from));
+ background: -webkit-linear-gradient(top, @from 0%, @to 50%, @from 100%);
+ background: -o-linear-gradient(top, @from 0%, @to 50%, @from 100%);
+ background: -ms-linear-gradient(top, @from 0%, @to 50%, @from 100%);
+ background: linear-gradient(to bottom, @from 0%, @to 50%, @from 100%);
+}
+
+.transition(@duration: 0.5s) {
+ transition: @duration;
+ -moz-transition: @duration;
+ -webkit-transition: @duration;
+ -o-transition: @duration;
+}
+
.inputable {
padding: 4px;
outline: none;
@@ -141,7 +158,7 @@ a.secondary {
.main-header {
background: #eee;
border-bottom: 2px solid @red;
- .gradient(#e0e0e0, #eee);
+ .gradient(#eee * 1.03, #eee);
}
.main-logo {
@@ -153,7 +170,7 @@ a.secondary {
margin: 0 auto;
a {
color: #5e5e5e;
- text-shadow: 0 -1px rgba(255, 255, 255, 0.9);
+ text-shadow: 1px 1px rgba(255, 255, 255, 0.8);
}
}
@@ -200,12 +217,11 @@ a.secondary {
color: #666;
.rounded-corners;
+ .transition(0.5s);
&:focus {
border-color: #aaa;
- font-size: 15px;
- position: relative;
- top: -1px;
+ width: 308px;
}
}
}
@@ -474,7 +490,7 @@ a.secondary {
.main-footer {
margin-top: 20px;
border-top: 2px solid @red;
- background: #eee;
+ .gradient(#eee * 1.03, #eee);
}
.main-footer-menu {

0 comments on commit 1b02df0

Please sign in to comment.