Skip to content
This repository has been archived by the owner on May 16, 2020. It is now read-only.

Commit

Permalink
Fixed the reel on the overlay .. & added a few text shadows ... on na…
Browse files Browse the repository at this point in the history 
…vigation bar & section headers
  • Loading branch information
@netroy
netroy committed Jul 5, 2011
1 parent 5b4149d commit 5d7dd96
Show file tree
Hide file tree
Showing 2 changed files with 66 additions and 55 deletions.
38 changes: 22 additions & 16 deletions sass/_layout.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@ h1 {

h2 {
font-size: 300%;
@include text-shadow(#fff 0 1px 1px);
}

h3 {
Expand Down Expand Up @@ -274,7 +275,7 @@ h1#site-title {
margin: 0 auto;
ul {
@include clearfix;
background-color: rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.6);
padding: 0.35em 0.5em 0.5em;
list-style: none;
margin: 0;
Expand All @@ -283,6 +284,7 @@ h1#site-title {
a {
color: #fff;
text-decoration: none;
@include text-shadow(#222 0 0 2px);
}
a:hover {
text-decoration: underline;
Expand Down Expand Up @@ -702,21 +704,25 @@ hr {
}

&.playing {
position: fixed;
bottom: 10px;
left: 0;
right: 0;
z-index: 10000;
background-color: rgba(255,255,255,0.7);
height: 125px;
@include border-radius(0);
padding: 10px;
border-color: #FFF;
border-width: 1px 0;

b {
display: none;
}
position: fixed;
bottom: 10px;
left: 0;
right: 0;
z-index: 10000;
background-color: rgba(255,255,255,0.7);
height: 125px;
@include border-radius(0);
padding: 10px;
border-color: #FFF;
border-width: 1px 0;

&:before, &:after {
border: 0 none;
}

b {
display: none;
}
}
}

Expand Down
83 changes: 44 additions & 39 deletions www/css/screen.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -270,6 +270,7 @@ h1 {

h2 {
font-size: 300%;
text-shadow: white 0 1px 1px;
}

h3 {
Expand Down Expand Up @@ -299,7 +300,7 @@ a:hover, a:active {

header {
background-color: #bceef7;
background-image: url('../img/gradient1.svg?1308068196');
background-image: url('../img/gradient1.svg?1309782405');
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bceef7), color-stop(100%, #5abcec));
background-image: -webkit-linear-gradient(#bceef7, #5abcec);
background-image: -moz-linear-gradient(#bceef7, #5abcec);
Expand All @@ -325,7 +326,7 @@ header {
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('../img/planesprite.png?1308122646');
background-image: url('../img/planesprite.png?1309782405');
background-repeat: no-repeat;
background-position: 50% 50%;
position: absolute;
Expand Down Expand Up @@ -403,7 +404,7 @@ header {
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('../img/cloudsprite.png?1309778990');
background-image: url('../img/cloudsprite.png?1309782404');
background-repeat: no-repeat;
background-position: 50% 50%;
position: absolute;
Expand Down Expand Up @@ -502,7 +503,7 @@ h1#site-title {
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('../img/logo.png?1309778990');
background-image: url('../img/logo.png?1309782405');
background-repeat: no-repeat;
background-position: 50% 50%;
width: 600px;
Expand All @@ -517,7 +518,7 @@ h1#site-title {
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('../img/hasgeek-presents.png?1309778990');
background-image: url('../img/hasgeek-presents.png?1309782405');
background-repeat: no-repeat;
background-position: 50% 50%;
width: 100px;
Expand Down Expand Up @@ -552,7 +553,7 @@ h1#site-title {
#main-navigation ul {
overflow: hidden;
*zoom: 1;
background-color: rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.6);
padding: 0.35em 0.5em 0.5em;
list-style: none;
margin: 0;
Expand All @@ -567,6 +568,7 @@ h1#site-title {
#main-navigation ul a {
color: #fff;
text-decoration: none;
text-shadow: #222222 0 0 2px;
}
#main-navigation ul a:hover {
text-decoration: underline;
Expand Down Expand Up @@ -675,7 +677,7 @@ hr {

#sponsors-section {
background-color: #bceef7;
background-image: url('../img/gradient2.svg?1308068363');
background-image: url('../img/gradient2.svg?1309782405');
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5abcec), color-stop(100%, #bceef7));
background-image: -webkit-linear-gradient(#5abcec, #bceef7);
background-image: -moz-linear-gradient(#5abcec, #bceef7);
Expand All @@ -689,7 +691,7 @@ hr {
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('../img/sponsors.png?1309715119');
background-image: url('../img/sponsors.png?1309782405');
background-repeat: no-repeat;
background-position: 50% 50%;
width: 799px;
Expand Down Expand Up @@ -807,7 +809,7 @@ hr {
}

.sponsor-popup {
background-image: url('../img/gradient2.svg?1308068363');
background-image: url('../img/gradient2.svg?1309782405');
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5abcec), color-stop(100%, #bceef7));
background-image: -webkit-linear-gradient(#5abcec, #bceef7);
background-image: -moz-linear-gradient(#5abcec, #bceef7);
Expand Down Expand Up @@ -960,7 +962,7 @@ hr {
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('../img/blimp.png?1309778990');
background-image: url('../img/blimp.png?1309782404');
background-repeat: no-repeat;
background-position: 50% 50%;
width: 681px;
Expand Down Expand Up @@ -1089,13 +1091,16 @@ hr {
border-color: #FFF;
border-width: 1px 0;
}
#video-reel.playing:before, #video-reel.playing:after {
border: 0 none;
}
#video-reel.playing b {
display: none;
}

#ground-transition {
background-color: #bceef7;
background-image: url('../img/gradient3.svg?1308068431');
background-image: url('../img/gradient3.svg?1309782405');
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bceef7), color-stop(100%, #f9ae1f));
background-image: -webkit-linear-gradient(#bceef7, #f9ae1f);
background-image: -moz-linear-gradient(#bceef7, #f9ae1f);
Expand All @@ -1113,7 +1118,7 @@ hr {
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('../img/jetpack-ride.png?1309778990');
background-image: url('../img/jetpack-ride.png?1309782405');
background-repeat: no-repeat;
background-position: 50% 50%;
width: 229px;
Expand All @@ -1132,7 +1137,7 @@ hr {
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('../img/meghaman.png?1308162731');
background-image: url('../img/meghaman.png?1309782405');
background-repeat: no-repeat;
background-position: 50% 50%;
width: 300px;
Expand Down Expand Up @@ -1220,7 +1225,7 @@ a:hover .exspace, a:hover .exspace {
}

#hoarding {
background-image: url('../img/hoarding.png?1309778990');
background-image: url('../img/hoarding.png?1309782405');
background-repeat: no-repeat;
background-position: 50% 50%;
width: 503px;
Expand All @@ -1245,7 +1250,7 @@ a:hover .exspace, a:hover .exspace {
text-indent: -119988px;
overflow: hidden;
text-align: left;
background-image: url('../img/balloon.png?1309778990');
background-image: url('../img/balloon.png?1309782404');
background-repeat: no-repeat;
background-position: 50% 50%;
width: 201px;
Expand Down Expand Up @@ -1299,15 +1304,15 @@ footer {
}

#underground1 {
background-image: url('../img/underground1.png?1309778990');
background-image: url('../img/underground1.png?1309782405');
background-repeat: no-repeat;
background-position: 50% 50%;
height: 132px;
position: relative;
}

#underground2 {
background-image: url('../img/underground2.jpg?1309803669');
background-image: url('../img/underground2.jpg?1309816029');
background-repeat: no-repeat;
background-position: 50% 0;
height: 478px;
Expand Down Expand Up @@ -1498,51 +1503,51 @@ footer {
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
background: url('../img/colorbox/overlay.png?1267763662') repeat 0 0;
background: url('../img/colorbox/overlay.png?1309782405') repeat 0 0;
}

#cboxTopLeft {
width: 21px;
height: 21px;
background: url('../img/colorbox/controls.png?1248981180') no-repeat -100px 0;
background: url('../img/colorbox/controls.png?1309782404') no-repeat -100px 0;
}

#cboxTopRight {
width: 21px;
height: 21px;
background: url('../img/colorbox/controls.png?1248981180') no-repeat -129px 0;
background: url('../img/colorbox/controls.png?1309782404') no-repeat -129px 0;
}

#cboxBottomLeft {
width: 21px;
height: 21px;
background: url('../img/colorbox/controls.png?1248981180') no-repeat -100px -29px;
background: url('../img/colorbox/controls.png?1309782404') no-repeat -100px -29px;
}

#cboxBottomRight {
width: 21px;
height: 21px;
background: url('../img/colorbox/controls.png?1248981180') no-repeat -129px -29px;
background: url('../img/colorbox/controls.png?1309782404') no-repeat -129px -29px;
}

#cboxMiddleLeft {
width: 21px;
background: url('../img/colorbox/controls.png?1248981180') left top repeat-y;
background: url('../img/colorbox/controls.png?1309782404') left top repeat-y;
}

#cboxMiddleRight {
width: 21px;
background: url('../img/colorbox/controls.png?1248981180') right top repeat-y;
background: url('../img/colorbox/controls.png?1309782404') right top repeat-y;
}

#cboxTopCenter {
height: 21px;
background: url('../img/colorbox/border.png?1248981048') 0 0 repeat-x;
background: url('../img/colorbox/border.png?1309782404') 0 0 repeat-x;
}

#cboxBottomCenter {
height: 21px;
background: url('../img/colorbox/border.png?1248981048') 0 -29px repeat-x;
background: url('../img/colorbox/border.png?1309782404') 0 -29px repeat-x;
}

#cboxContent {
Expand Down Expand Up @@ -1586,7 +1591,7 @@ footer {
position: absolute;
bottom: 0;
left: 0;
background: url('../img/colorbox/controls.png?1248981180') no-repeat -75px 0;
background: url('../img/colorbox/controls.png?1309782404') no-repeat -75px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
Expand All @@ -1600,7 +1605,7 @@ footer {
position: absolute;
bottom: 0;
left: 27px;
background: url('../img/colorbox/controls.png?1248981180') no-repeat -50px 0;
background: url('../img/colorbox/controls.png?1309782404') no-repeat -50px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
Expand All @@ -1611,18 +1616,18 @@ footer {
}

#cboxLoadingOverlay {
background: url('../img/colorbox/loading_background.png?1244353794') no-repeat center center;
background: url('../img/colorbox/loading_background.png?1309782405') no-repeat center center;
}

#cboxLoadingGraphic {
background: url('../img/colorbox/loading.gif?1240972710') no-repeat center center;
background: url('../img/colorbox/loading.gif?1309782405') no-repeat center center;
}

#cboxClose {
position: absolute;
bottom: 0;
right: 0;
background: url('../img/colorbox/controls.png?1248981180') no-repeat -25px 0;
background: url('../img/colorbox/controls.png?1309782404') no-repeat -25px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
Expand Down Expand Up @@ -1651,35 +1656,35 @@ footer {
The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft {
background: url('../img/colorbox/ie6/borderTopLeft.png?1299001080');
background: url('../img/colorbox/ie6/borderTopLeft.png?1309782404');
}

.cboxIE6 #cboxTopCenter {
background: url('../img/colorbox/ie6/borderTopCenter.png?1299001080');
background: url('../img/colorbox/ie6/borderTopCenter.png?1309782404');
}

.cboxIE6 #cboxTopRight {
background: url('../img/colorbox/ie6/borderTopRight.png?1299001080');
background: url('../img/colorbox/ie6/borderTopRight.png?1309782404');
}

.cboxIE6 #cboxBottomLeft {
background: url('../img/colorbox/ie6/borderBottomLeft.png?1299001080');
background: url('../img/colorbox/ie6/borderBottomLeft.png?1309782404');
}

.cboxIE6 #cboxBottomCenter {
background: url('../img/colorbox/ie6/borderBottomCenter.png?1299001080');
background: url('../img/colorbox/ie6/borderBottomCenter.png?1309782404');
}

.cboxIE6 #cboxBottomRight {
background: url('../img/colorbox/ie6/borderBottomRight.png?1299001080');
background: url('../img/colorbox/ie6/borderBottomRight.png?1309782404');
}

.cboxIE6 #cboxMiddleLeft {
background: url('../img/colorbox/ie6/borderMiddleLeft.png?1299001080');
background: url('../img/colorbox/ie6/borderMiddleLeft.png?1309782404');
}

.cboxIE6 #cboxMiddleRight {
background: url('../img/colorbox/ie6/borderMiddleRight.png?1299001080');
background: url('../img/colorbox/ie6/borderMiddleRight.png?1309782404');
}

.cboxIE6 #cboxTopLeft,
Expand Down

0 comments on commit 5d7dd96

Please sign in to comment.