Skip to content

Commit 045b5e5

Browse files
thezekielthezekiel
committed
markup teaks
1 parent 96bbbc2 commit 045b5e5

File tree

2 files changed

+23
-22
lines changed

2 files changed

+23
-22
lines changed

‎css/tc.splash.css

Lines changed: 22 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
body{
44
overflow:hidden; /* hiding scollbars for when the canvas is huge */
5-
color: #808080; font: normal normal 100%/100% Helvetica, Arial, Verdana, Tahoma, sans-serif;
5+
color: #707070; font: normal normal 100%/100% Helvetica, Arial, Verdana, Tahoma, sans-serif;
66
}
77

88
.masthead { position:relative; margin:auto; }
@@ -34,45 +34,45 @@ h1 span { display:none; }
3434
position: fixed;
3535
z-index: 9999;
3636
width: 100%;
37-
display:none;
37+
/*display:none;*/
3838
}
3939

4040

4141
.top, .bottom{
42-
height: 15%; }
42+
height: 10%; }
4343

4444
.left, .right{
4545
width: 15%; }
4646

4747

4848
.top{
49-
background-image: -moz-linear-gradient(100% 100% 90deg, rgba(255, 255, 255, 0), #ffffff );
50-
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(rgba(255, 255, 255, 0)));
49+
background-image: -moz-linear-gradient(100% 100% 90deg, rgba(255, 255, 255, 0), rgba(55, 55, 55, .15) );
50+
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(55, 55, 55, .15)), to(rgba(255, 255, 255, 0)));
5151
top: 0;
5252
left:0;
5353
}
5454

5555
.bottom{
56-
background-image: -moz-linear-gradient(100% 100% 90deg, #ffffff, rgba(255, 255, 255, 0) );
57-
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0)), to(#ffffff));
56+
background-image: -moz-linear-gradient(100% 100% 90deg, rgba(55, 55, 55, .15), rgba(255, 255, 255, 0) );
57+
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0)), to(rgba(55, 55, 55, .15)));
5858
bottom: 0;
5959
}
6060

6161
.left{
62-
background-image: -moz-linear-gradient(100% 100% 180deg, rgba(255, 255, 255, 0), #ffffff );
63-
background-image: -webkit-gradient(linear, left center, right center, from(#ffffff), to(rgba(255, 255, 255, 0)));
62+
background-image: -moz-linear-gradient(100% 100% 180deg, rgba(255, 255, 255, 0), rgba(55, 55, 55, .15) );
63+
background-image: -webkit-gradient(linear, left center, right center, from(rgba(55, 55, 55, .15)), to(rgba(255, 255, 255, 0)));
6464
left: 0;
6565
}
6666

6767
.right{
68-
background-image: -moz-linear-gradient(100% 100% 180deg, #ffffff, rgba(255, 255, 255, 0) );
69-
background-image: -webkit-gradient(linear, right center, left center, from(#ffffff), to(rgba(255, 255, 255, 0)));
68+
background-image: -moz-linear-gradient(100% 100% 180deg, rgba(55, 55, 55, .15), rgba(255, 255, 255, 0) );
69+
background-image: -webkit-gradient(linear, right center, left center, from(rgba(55, 55, 55, .15)), to(rgba(255, 255, 255, 0)));
7070
right: 0;
7171
}
7272

7373

7474
.content{
75-
width: 570px;
75+
width: 680px;
7676
margin:0px auto;
7777
padding: 350px 0 50px 10px;
7878
display:block;
@@ -81,15 +81,16 @@ h1 span { display:none; }
8181
}
8282

8383
.content p {
84-
font-size: 25px;
84+
font-size: 22px;
8585
font-weight:normal;
86-
line-height: 33px;
87-
margin-bottom: 20px;
86+
line-height: 32px;
87+
margin-bottom: 16px;
8888
}
8989

9090
.content p em{
9191
color:#333333;
9292
font-weight:bold;
93+
font-style:normal;
9394
}
9495
/*
9596
.content a{
@@ -135,14 +136,14 @@ h1 span { display:none; }
135136
.content a{
136137
color: #6198bf;
137138
text-decoration:none;
138-
padding: 0px 10px 5px 10px;
139+
padding: 3px 10px 5px 10px;
139140
margin: 0 -3px 0 -3px;
140141
position: relative;
141142
z-index:10000;
142143
right:0;
143144
bottom:0;
144145
-webkit-transition-property:-webkit-box-shadow, background;
145-
-webkit-transition-duration: 0.05s, 0.05s;
146+
-webkit-transition-duration: 0.15s, 0.25s;
146147
-webkit-transition-timing-function: linear, ease-in;
147148
}
148149
.content a:hover{
@@ -152,17 +153,17 @@ h1 span { display:none; }
152153
-webkit-border-radius: 0px;
153154
border-radius: 0px;
154155
-moz-box-shadow: 2px -2px 5px rgba(0,0,0,.25);
155-
-webkit-box-shadow: 2px -2px 5px rgba(0,0,0,.25);
156+
-webkit-box-shadow: 2px -3px 4px rgba(0,0,0,.1);
156157
box-shadow: 2px -2px 5px rgba(0,0,0,.25);
157-
/*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));*/
158-
/*background: -moz-linear-gradient(top, #fff, #f2f2f2);*/
158+
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff));*/
159+
background: -moz-linear-gradient(top, #fff, #f2f2f2);*/
159160
background:white;
160161
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e2e2e2');*/
161162

162163
}
163164
.content a:active{
164165
-moz-box-shadow: 2px -2px 2px rgba(0,0,0,.1);
165-
-webkit-box-shadow: 2px -2px 2px rgba(0,0,0,.1);
166+
-webkit-box-shadow: 2px -2px 2px rgba(0,0,0,.05);
166167
box-shadow: 2px -2px 2px rgba(0,0,0,.1);
167168
/*background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#fff));*/
168169
/* background: -moz-linear-gradient(top, #f2f2f2, #fff);*/

‎index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ <h1><span>Type/Code</span></h1>
2020
</div>
2121

2222
<div class="content">
23-
<p>We are <em>Type/Code</em>. We design things, and make them come to life. We just opened our doors, so a full website is still in the oven.</p>
23+
<p>We are <em>Type/Code</em>. We design things and make them come to life. We just opened our doors, so a full website is still in the oven.</p>
2424
<p>Drop us a line: <a href="mailto:hello@typeslashcode.com">hello@typeslashcode.com</a></p>
2525
<p>See what we’re up to on <a href="http://blog.typeslashcode.com">our blog</a></p>
2626
</div>

0 commit comments

Comments
 (0)