css shadow for some components

Dmitriy Zaporozhets
1 parent 5f4a7c3e
Showing 3 changed files with 15 additions and 8 deletions Show diff stats
app/assets/stylesheets/common.scss
app/assets/stylesheets/main.scss
app/assets/stylesheets/tree.scss
@@ -111,9 +111,7 @@ nav.main_menu {
   background-image: -moz-linear-gradient(#eee 6.6%, #dfdfdf);
   background-image: -o-linear-gradient(#eee 6.6%, #dfdfdf);
-  -moz-box-shadow: 0 0 3px #ddd;
-  -webkit-box-shadow: 0 0 3px #ddd;
-  box-shadow: 0 0 3px #ddd;
+  @include shade;
   .count { 
@@ -282,9 +280,9 @@ img.lil_av {
 .ui-box { 
-
   margin-bottom: 40px;
   @include round-borders-all(4px);
+  @include shade;
   border-color:#ddd;
   ul { 
@@ -294,10 +292,6 @@ img.lil_av {
   h5, .title { 
     padding: 0 10px;
     background:#f5f5f5;
-    background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.076, #fefefe), to(#F6F7F8));
-    background-image: -webkit-linear-gradient(#fefefe 7.6%, #F6F7F8);
-    background-image: -moz-linear-gradient(#fefefe 7.6%, #F6F7F8);
-    background-image: -o-linear-gradient(#fefefe 7.6%, #F6F7F8);
     border-bottom: 1px solid #eee;
     @include round-borders-top(4px);
     border-top:none;
@@ -24,6 +24,13 @@ $hover: #FDF5D9;
 /** MIXINS **/
+@mixin shade {
+  -moz-box-shadow: 0 0 3px #ddd;
+  -webkit-box-shadow: 0 0 3px #ddd;
+  box-shadow: 0 0 3px #ddd;
+}
+
+
 @mixin round-borders-bottom($radius) {
   border-top: 1px solid #eaeaea;
   -moz-border-radius-bottomright: $radius;
@@ -142,6 +142,8 @@ table.highlighttable .linenodiv pre {
 }
 #tree-slider { 
+  @include shade;
+
   td { 
     padding:7px;
     border-color:#f1f1f1;
@@ -155,3 +157,7 @@ table.highlighttable .linenodiv pre {
 .tree-commit-link { 
   color:#333;
 }
+
+#tree-content-holder { 
+  @include shade;
+}
	@@ -24,6 +24,13 @@ $hover: #FDF5D9;		@@ -24,6 +24,13 @@ $hover: #FDF5D9;
24		24
25		25
26	/ MIXINS /	26	/ MIXINS /
		27	+@mixin shade {
		28	+ -moz-box-shadow: 0 0 3px #ddd;
		29	+ -webkit-box-shadow: 0 0 3px #ddd;
		30	+ box-shadow: 0 0 3px #ddd;
		31	+}
		32	+
		33	+
27	@mixin round-borders-bottom($radius) {	34	@mixin round-borders-bottom($radius) {
28	border-top: 1px solid #eaeaea;	35	border-top: 1px solid #eaeaea;
29	-moz-border-radius-bottomright: $radius;	36	-moz-border-radius-bottomright: $radius;