Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Adding chrome css from previous project

  • Loading branch information...
commit 61f6d35f6b16b5440db797ace31596be7d48f6a7 1 parent d309959
Mark Kahn authored
Showing with 281 additions and 0 deletions.
  1. +205 −0 css/chrome.css
  2. +76 −0 css/reset.css
View
205 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;
+}
View
76 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));
+}
Please sign in to comment.
Something went wrong with that request. Please try again.