jeena/tent.io
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Lightened backgrounds, removed homepage gradient

Browse source
This commit is contained in:
Rupert Parry 2012-10-22 22:36:31 +00:00
parent 9d52448d9e
commit c134fa0476
2 changed files with 5 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

24
content/assets/css/style.css
View file

@ -111,7 +111,7 @@ html {
} }
body { body {
background-color: #f5f5f5; background-color: #FDFDFD;
} }
h1.intro { h1.intro {
@ -161,22 +161,6 @@ h1.intro {
/* index.slim */ /* index.slim */
#intro {
text-align: center;
background-color: #E2E2E2;
background-image: -webkit-gradient(linear, left top, left 300px, from(#E2E2E2), to(#f5f5f5)); /* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(top, #E2E2E2, #f5f5f5); /* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #E2E2E2, #f5f5f5); /* Firefox 3.6-15 */
background-image: -o-linear-gradient(top, #E2E2E2, #f5f5f5); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #E2E2E2, #f5f5f5); /* Firefox 16+, IE10, Opera 12.50+ */
}
#intro img {
width: 50%;
margin: 0 auto;
}
.feature { .feature {
text-align: center; text-align: center;
float: left; float: left;
@ -216,11 +200,11 @@ img.responsive {
text-align: center; text-align: center;
font-family: ""; font-family: "";
font-size: 120%; font-size: 120%;
background-color: #f5f5f5; background-color: #FDFDFD;
border: 0; border: 0;
border-bottom: 1px; border-bottom: 1px;
-webkit-border-image: -webkit-gradient(linear,left top,right top,color-stop(25%,#f5f5f5),color-stop(50%,#e2e2e2),color-stop(75%,#f5f5f5)) 21 30 30 21; -webkit-border-image: -webkit-gradient(linear,left top,right top,color-stop(25%,#FDFDFD),color-stop(50%,#e2e2e2),color-stop(75%,#FDFDFD)) 21 30 30 21;
} }
.navbar-inner { .navbar-inner {
@ -242,6 +226,6 @@ img.responsive {
-webkit-box-shadow: inset 0 3px 21px rgba(0, 0, 0, 0.125); -webkit-box-shadow: inset 0 3px 21px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.1); box-shadow: inset 0 4px 7px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5; background-color: #FDFDFD;
} }

20
content/index.slim
View file

@ -1,21 +1,3 @@
css:
body {
background-color: #E2E2E2;
background-image: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#f5f5f5), color-stop(0.75, #f5f5f5)); /* Safari 4+, Chrome */
background-image: -webkit-linear-gradient(top,#E2E2E2 2em, #f5f5f5 20em); /* Chrome 10+, Safari 5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #E2E2E2, #f5f5f5); /* Firefox 3.6-15 */
background-image: -o-linear-gradient(top, #E2E2E2, #f5f5f5); /* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, #E2E2E2, #f5f5f5); /* Firefox 16+, IE10, Opera 12.50+ */
}
.navbar {
background-color: #e2e2e2;
-webkit-border-image: -webkit-gradient(linear,left top,right top,color-stop(25%,#e2e2e2),color-stop(50%,#BFBFBF),color-stop(75%,#e2e2e2)) 21 30 30 21;
}
h1.intro h1.intro
strong Tent strong Tent
| stores, shares, and protects your digital life. | stores, shares, and protects your digital life.
@ -37,4 +19,4 @@ img.responsive#arrows src="/assets/images/arrows_top.png"
p p
| Run your own Tent server or choose a hosting provider. Use Tent on your own terms. | Run your own Tent server or choose a hosting provider. Use Tent on your own terms.
== link_to('Learn more...', '/contribute', :class => 'button') == link_to('Learn more...', '/about', :class => 'button')