stuff

rsvplusplus/application/static/css/chrome.css

@@ -0,0 +1,205 @@
+body {
+	width  : 100%;
+	height : 100%;
+}
+
+body {
+	margin      : 0px;
+	min-width   : 1080px;
+	padding     : 0px;
+	font-family : "Caecilia-Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
+	overflow-x  : hidden;
+}
+
+#content {
+	position : fixed;
+	top      : 0px;
+	left     : 0px;
+	width    : 100%;
+	height   : 100%;
+}
+
+a { 
+	color           : #6C6;
+	text-decoration : none;
+}
+
+a:hover {
+	text-decoration : underline;
+}
+
+p {
+	margin      : 0 0 20px 0;
+	font-size   : 13px;
+	line-height : 24px;
+}
+
+p, ul {
+	font-family      : "Caecilia-Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
+	font-weight      : 200;
+	font-style       : normal;
+	list-style       : none;
+}
+
+#header ul li {
+	width      : 325px;
+	height     : 50px;
+	float      : left;
+	text-align : center;
+}
+
+#header ul {
+	padding: 0;
+}
+
+img {
+	border: 0;
+}
+
+h1 {
+	font-family      : "Caecilia-RomanSC", Verdana, serif;
+	font-weight      : bold;
+	font-style       : normal;
+}
+
+h2 {
+	font-family : "Caecilia-RomanSC", Verdana, sans-serif;
+	font-size   : 30px; 
+	font-weight : bold;
+	line-height : 80px;
+}
+
+h3 {
+	font-family : "Caecilia-Roman", Verdana, sans-serif;
+	font-size   : 16px;
+	font-weight : bold;
+	margin      : 1em 0;
+}
+
+h3.caseStudy {
+	cursor : pointer;
+}
+
+.video {
+	overflow : hidden;
+}
+
+
+section {
+	min-height : 500px;
+	min-height : 100%;
+	width      : 100%;
+	position   : absolute;
+	overflow   : hidden;
+	visibility : hidden;
+}
+
+section .story {
+	position      : relative;
+	z-index       : 1;
+	width         : 500px;
+	padding-right : 450px;
+	margin        : 20px auto 0 auto;
+}
+
+div.caption {
+	padding-bottom : 30px;
+	font-size      : 13px;
+}
+
+/* default section show / hide animations */
+section.start {
+	top : 100%;
+}
+
+section.focus, section.to {
+	bottom : 0%;
+}
+
+section.end {
+	bottom : 100%;
+}
+
+/* default background image animation */
+
+section .bg {
+	position : absolute;
+	left     : 0px;
+	top      : 0%;
+}
+
+section .bg.start {
+	top : -50%;
+}
+
+section .bg, section .bg.focus, section .bg.to {
+	top : 0%;
+}
+
+section .bg.end {
+	top : 50%;
+}
+
+/* Side Nav */
+ul#nav {
+	position : fixed;
+	left     : 5%;
+	top      : 20%;
+	z-index  : 999;
+}
+
+ul#nav li {
+	height   : 20px;
+	position : relative;
+}
+
+ul#nav a {
+	display     : block;
+	width       : 20px;
+	height      : 20px;
+	background  : url('../images/grey-dot.png') 0 100% no-repeat;
+	text-indent : -9000px;
+	overflow    : hidden;
+	outline     : none;
+}
+
+ul#nav a:hover, nav#main li.active a {
+	background : url('../images/grey-pink-dot.png') 0 100% no-repeat;
+}
+
+ul#nav h1 {
+	display     : none;
+	opacity     : 0;
+	position    : absolute;
+	left        : 15px;
+	top         : 0px;
+	white-space : nowrap;
+	padding     : 0 0 0 18px;
+	background  : url('../images/menu-arrow.png') 0 50% no-repeat;
+	overflow    : hidden;
+	margin      : 0;
+	font-size   : 16px;
+}
+
+ul#nav span {
+	display            : block;
+	background         : url('../images/menu-bg.png') repeat-x;
+	color              : #FFF;
+	padding            : 4px 8px;
+	white-space        : nowrap;
+	-moz-border-radius : 10px;
+	border-radius      : 10px;
+}
+
+#fancybox-left #fancybox-left-ico {
+	left : -40px;
+}
+
+#fancybox-right #fancybox-right-ico {
+	left  : auto;
+	right : -40px;
+}
+
+.video-js-box.vjs-fullscreen {
+	height : auto !important;
+}

rsvplusplus/application/static/css/reset.css

@@ -0,0 +1,76 @@
+html{
+	color      : #000;
+	background : #FFF;
+}
+
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
+	margin  : 0;
+	padding : 0;
+}
+
+table{
+	border-collapse : collapse;
+	border-spacing  : 0;
+}
+
+fieldset,img{
+	border : 0;
+}
+
+address,caption,cite,code,dfn,em,strong,th,var,optgroup{
+	font-style  : inherit;
+	font-weight : inherit;
+}
+/*
+del,ins{
+	text-decoration : none;
+}
+*/
+li{
+	list-style : none;
+}
+/*
+caption,th{
+	text-align : left;
+}
+*/
+h1,h2,h3,h4,h5,h6{
+	font-size  : 100%;
+	font-weight : normal;
+}
+
+q:before,q:after{
+	content : '';
+}
+
+abbr,acronym{
+	border       : 0;
+	font-variant : normal;
+}
+
+sup{
+	vertical-align : baseline;
+}
+
+sub{
+	vertical-align : baseline;
+}
+
+legend{
+	color : inherit;
+}
+
+input,button,textarea,select,optgroup,option{
+	font-family : inherit;
+	font-size   : inherit;
+	font-style  : inherit;
+	font-weight : inherit;
+}
+
+input,button,textarea,select{
+	*font-size : 100%;
+}
+
+input {
+        background : -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
+}

rsvplusplus/application/static/js/backgrounds.js

@@ -0,0 +1,30 @@
+$(function(){
+	var aBackgrounds = $( 'section > .bg' )
+	  ,     $content = $( '#content' )
+	  ;
+
+	function measureBackgrounds(){
+		var i, l, oData, $item, $section, fRW, fRH;
+
+		for( i=0, l=aBackgrounds.length; i<l; i++ ){
+			$item    = aBackgrounds.eq(i);
+			oData    = $item.data();
+			$section = $item.parent();
+			$section.appendTo( $content );
+
+			if( !oData.width ){
+				oData.width  = $item.width();
+				oData.height = $item.height();
+			}
+
+			fRW = $section.width()  / oData.width;
+			fRH = $section.height() / oData.height;
+
+			$item.css( { width: 'auto', height: 'auto' } ).css( fRW > fRH ? 'width' : 'height', '100%' );
+
+			$section.detach();
+		}
+	}
+
+	$( window ).bind( 'post-resize-anim', measureBackgrounds );
+});