Permalink
Browse files

Logo anim and no padding

  • Loading branch information...
Jake Archibald
Jake Archibald committed Aug 25, 2011
1 parent ca93fa5 commit 70e28aa2455e744334b8e1c65833f229ff702f3b
Showing with 17 additions and 12 deletions.
  1. +5 −1 www/assets/4/script/pageLayout.js
  2. +12 −11 www/assets/4/style/base.css
@@ -45,7 +45,11 @@ spriteCow.pageLayout = (function() {
targets: [
[$container, { width: '100%' }],
[$header, { height: $header.height() }],
[$headerH1, $.support.transition ? { transform: $headerH1.vendorCss('transform') } : {}],
[$headerH1, $.support.transition ? {
transform: $headerH1.vendorCss('transform'),
opacity: $headerH1.css('opacity'),
top: $headerH1.css('top')
} : {}],
[$cssOutput, {
height: $cssOutput.height(),
'padding-top': $cssOutput.css('padding-top'),
@@ -23,13 +23,9 @@ body {
height: 100%;
min-height: 100%;
margin: 0;
padding: 0 30px;
padding: 0;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA0CAYAAAA62j4JAAAAe0lEQVR42u3QMQ5AQABFQbWIaGiI6CjU7n+z9TdxCjvFO8CbrpSypTutaWqtCnClJ51pb60KsHzzc+pbqwKM6UhD6loLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPC/XvoS9OcMtc3PAAAAAElFTkSuQmCC');
}
.not-supported body {
/* Working around an Opera bug */
background: none;
}
/* Reset */
ul, ol, li, form, dl, dt, dd {
@@ -132,7 +128,7 @@ body {
.container > header {
display: table-cell;
vertical-align: middle;
height: 79px;
height: 0;
}
.container.intro > header {
height: 169px;
@@ -142,14 +138,17 @@ body {
color: #fff;
font: normal 5.3em/1 prowin, monospace;
margin: 0;
height: 0;
position: relative;
white-space: nowrap;
/* I don't really want a 1px blur, but it works around http://code.google.com/p/chromium/issues/detail?id=86702 */
text-shadow: #004a86 0 6px 1px;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-o-transform: scale(0.3);
transform: scale(0.3);
opacity: 0;
}
.container > header h1 span {
display: inline-block;
@@ -178,6 +177,8 @@ body {
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
top: -46px;
}
/* Canvas */
.canvas-view {

0 comments on commit 70e28aa

Please sign in to comment.