-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbase.css
1 lines (1 loc) · 12.3 KB
/
base.css
1
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.hide-text{font:a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0 5px}.wrapper{margin:0 auto}.row{*zoom:1;width:100%;clear:left}.row:before,.row:after{display:table;content:""}.row:after{clear:both}.col{float:left;display:block;width:100%}.boxguides .wrapper{-moz-box-shadow:inset 1px 0 1px #008000,inset -1px 0 1px #008000,inset 0 -1px 1px #008000,inset 0 1px 1px #008000;-webkit-box-shadow:inset 1px 0 1px #008000,inset -1px 0 1px #008000,inset 0 -1px 1px #008000,inset 0 1px 1px #008000;box-shadow:inset 1px 0 1px #008000,inset -1px 0 1px #008000,inset 0 -1px 1px #008000,inset 0 1px 1px #008000}.boxguides .row{-moz-box-shadow:inset 1px 0 1px #f00,inset -1px 0 1px #f00,inset 0 -1px 1px #f00,inset 0 1px 1px #f00;-webkit-box-shadow:inset 1px 0 1px #f00,inset -1px 0 1px #f00,inset 0 -1px 1px #f00,inset 0 1px 1px #f00;box-shadow:inset 1px 0 1px #f00,inset -1px 0 1px #f00,inset 0 -1px 1px #f00,inset 0 1px 1px #f00}.boxguides .col{-moz-box-shadow:inset 1px 0 1px #00f,inset -1px 0 1px #00f,inset 0 -1px 1px #00f,inset 0 1px 1px #00f;-webkit-box-shadow:inset 1px 0 1px #00f,inset -1px 0 1px #00f,inset 0 -1px 1px #00f,inset 0 1px 1px #00f;box-shadow:inset 1px 0 1px #00f,inset -1px 0 1px #00f,inset 0 -1px 1px #00f,inset 0 1px 1px #00f}.Pad{padding:1.25em}@media all and (min-width:48em){body{padding-left:0;padding-right:0}.wrapper{width:48em}.col{margin-left:.625em;margin-right:.625em}.rowGutter{margin-bottom:.625em}.col,.one{width:2.75em}.two{width:6.75em}.three{width:10.75em}.four{width:14.75em}.five{width:18.75em}.six{width:22.75em}.seven{width:26.75em}.eight{width:30.75em}.nine{width:34.75em}.ten{width:38.75em}.eleven{width:42.75em}.twelve{width:46.75em}.innerCol,.col .col{margin-left:0;margin-right:1.25em}.Pad{padding:1.25em}}@media all and (min-width:61.5em){.wrapper{width:61.5em}.col{margin-left:.9375em;margin-right:.9375em}.rowGutter{margin-bottom:.9375em}.col,.one{width:3.25em}.two{width:8.375em}.three{width:13.5em}.four{width:18.625em}.five{width:23.75em}.six{width:28.875em}.seven{width:34em}.eight{width:39.125em}.nine{width:44.25em}.ten{width:49.375em}.eleven{width:54.5em}.twelve{width:59.625em}.innerCol,.col .col{margin-left:0;margin-right:1.875em}.Pad{padding:1.875em}}.innerCol:last-child,.col .col:last-child{margin-right:0}html,body{width:100%;height:100%;overflow:hidden}body{background-color:#ff9003;font:Arial,Helvetica,Verdana,"Bitstream Vera Sans",sans-serif;-moz-box-shadow:1px 1px 20px #01233f;-webkit-box-shadow:1px 1px 20px #01233f;box-shadow:1px 1px 20px #01233f;margin:0;padding:0;font-weight:normal;z-index:1}#header{height:130px;padding:25px 10px 30px;width:100%;background:white;background:#fff url(/img/bg-texture.png);text-indent:-999em}#header h1{background:transparent url(/img/) no-repeat;width:242px;height:104px;margin:0 auto}.final #header h1{background-position:left bottom}#msg{text-align:left;color:white;margin:40px auto;width:850px;font-size:20px;line-height:1.3em;padding-bottom:80px}#footer{display:block;background-color:white;text-decoration:none;color:#ff9003;width:100%;max-height:0;-webkit-transition:max-height .5s;-moz-transition:max-height .5s;-ms-transition:max-height .5s;-o-transition:max-height .5s;transition:max-height .5s;overflow:hidden;font-size:17px}#footer #msg2{display:block;padding:10px 0;width:980px;margin:0 auto;color:#ff9003!important;text-decoration:none}#footer #msg2:active{color:#ff9003}#footer #msg2:visited{color:#ff9003}#footer #msg2:hover{color:#ff9003}.final #footer{max-height:300px}button{width:200px;height:60px;left:50%;top:270px;color:white;font-weight:bold;font:bold 18px/19px Proxima Nova,sans-serif;text-transform:uppercase;border:2px solid rgba(255,255,255,0.9);position:absolute;margin-left:-100px;-webkit-transition:all .15s;-moz-transition:all .15s;-ms-transition:all .15s;-o-transition:all .15s;transition:all .15s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;-o-perspective:1000;perspective:1000;-webkit-transform:translate(0,0,0);-moz-transform:translate(0,0,0);-ms-transform:translate(0,0,0);-o-transform:translate(0,0,0);transform:translate(0,0,0);-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;opacity:0;filter:alpha(opacity=0);z-index:30;background-color:#c80000;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#C80000',endColorstr='#890000');background:-webkit-gradient(linear,left top,left bottom,from(#c80000),to(#890000));background:-moz-linear-gradient(top,#c80000,#890000);background:-webkit-linear-gradient(top,#c00 0,#890000 100%)}button.on{opacity:1;filter:alpha(opacity=100)}button:hover{cursor:default}button.hovered{margin-left:0}.mitt{z-index:-1;background:url(/img/laugh.jpg) no-repeat;height:160px;width:160px;position:absolute;opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.mitt.mitt1{background:url(/img/laugh.jpg) no-repeat;left:50%;top:50%}.mitt.mitt2{background:url(/img/laugh1.jpg) no-repeat;-webkit-transition:opacity .2s .2s;-moz-transition:opacity .2s .2s;-ms-transition:opacity .2s .2s;-o-transition:opacity .2s .2s;transition:opacity .2s .2s;width:200px;height:200px;left:25%;top:25%}.laugh .mitt{opacity:1}.laugh .mitt2{opacity:1}.skewleft{-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;-o-transform-origin:right;transform-origin:right;-webkit-transform:skew(20deg,20deg) rotatey(50deg);-moz-transform:skew(20deg,20deg) rotatey(50deg);-ms-transform:skew(20deg,20deg) rotatey(50deg);-o-transform:skew(20deg,20deg) rotatey(50deg);transform:skew(20deg,20deg) rotatey(50deg)}.skewright{-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;transform-origin:left;-webkit-transform:skew(-20deg,20deg) rotatey(50deg);-moz-transform:skew(-20deg,20deg) rotatey(50deg);-ms-transform:skew(-20deg,20deg) rotatey(50deg);-o-transform:skew(-20deg,20deg) rotatey(50deg);transform:skew(-20deg,20deg) rotatey(50deg)}.skewtopleft{-webkit-transform-origin:bottom right;-moz-transform-origin:bottom right;-ms-transform-origin:bottom right;-o-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:skew(20deg,-20deg) rotatex(50deg);-moz-transform:skew(20deg,-20deg) rotatex(50deg);-ms-transform:skew(20deg,-20deg) rotatex(50deg);-o-transform:skew(20deg,-20deg) rotatex(50deg);transform:skew(20deg,-20deg) rotatex(50deg)}.skewtopright{-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;-ms-transform-origin:bottom left;-o-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:skew(-20deg,20deg) rotatex(50deg);-moz-transform:skew(-20deg,20deg) rotatex(50deg);-ms-transform:skew(-20deg,20deg) rotatex(50deg);-o-transform:skew(-20deg,20deg) rotatex(50deg);transform:skew(-20deg,20deg) rotatex(50deg)}.skewbottomleft{-webkit-transform-origin:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right;-webkit-transform:skew(20deg,20deg) rotatey(50deg);-moz-transform:skew(20deg,20deg) rotatey(50deg);-ms-transform:skew(20deg,20deg) rotatey(50deg);-o-transform:skew(20deg,20deg) rotatey(50deg);transform:skew(20deg,20deg) rotatey(50deg)}.skewbottomright{-webkit-transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;-o-transform-origin:top left;transform-origin:top left;-webkit-transform:skew(-20deg,-20deg) rotatey(-50deg);-moz-transform:skew(-20deg,-20deg) rotatey(-50deg);-ms-transform:skew(-20deg,-20deg) rotatey(-50deg);-o-transform:skew(-20deg,-20deg) rotatey(-50deg);transform:skew(-20deg,-20deg) rotatey(-50deg)}footer{position:absolute;bottom:0;width:100%;display:block;font-size:12px}footer .widest{width:980px;margin:0 auto 10px;overflow:hidden}.smallbox{width:74%;border:1px solid white;padding:5px;margin:5px;float:left}.copyright{width:19%;margin-left:4%;margin-top:6px;float:right;font-size:8px;line-height:10px}.copyright a{font-size:12px}.copyright span{line-height:12px}.smallbox,.copyright{color:white;text-align:center}.smallbox a,.copyright a{color:#fff!important;text-decoration:none}.smallbox a:active,.copyright a:active{color:#fff}.smallbox a:visited,.copyright a:visited{color:#fff}.smallbox a:hover,.copyright a:hover{color:#fff}.floatList{clear:both;display:block;overflow:hidden;height:30px;margin:10px auto 10px;width:500px;text-decoration:none;list-style-type:none}.floatList li{list-style:none;width:25%;float:left}.floatList .tw{margin-right:15px}.floatList .em{background:url(https://d13ja4ud2claol.cloudfront.net/imgs/sprite-email_print.png) no-repeat;width:60px;height:20px;margin-right:10px}.floatList .em a{width:100%;height:100%;display:block}.floatList .do img{float:right}.floatList .fb{overflow:hidden;position:static}.floatList .fb_iframe_widget span{overflow:hidden;top:0;left:0}.floatList .fb_edge_widget_with_comment{position:relative!important}.floatList .fb_iframe_widget iframe{position:relative!important}.fb>div{position:relative!important}#ytapiplayer,#myytplayer{left:-999em;top:-99em;visibility:hidden}@media screen and (max-width:767px){footer{position:relative}#msg,.smallbox,.copyright{width:90%;float:none;margin:10px auto}#msg{padding-bottom:160px}#footer,footer .widest{width:100%}.final footer{position:fixed;bottom:0}#footer #msg2{width:94%}.floatList{width:100%;padding-left:10px;padding-right:10px}}@media screen and (max-height:500px){html{overflow-y:visible}footer{position:relative}#header{-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-transition:height 1s;-moz-transition:height 1s;-ms-transition:height 1s;-o-transition:height 1s;transition:height 1s}}@media screen and (max-height:500px) and (max-width:767px){button{top:280px}.final #msg{display:none}.final button{opacity:0}.header{height:100px}.header h1{height:58px;background-position:center top;background-size:100px 99px}.final #header{height:69px;padding:0}.final #header h1{height:58px;background-position:center bottom;background-size:100px 99px}}@media screen and (max-width:480px){.fb{display:none}}@media screen and (max-width:380px){#msg{font-size:18px;padding-bottom:100px}}@media screen and (max-width:300px){#msg{font-size:16px}}@media screen and (max-height:550px){.final #msg{font-size:17px}}@media screen and (max-height:400px){button{top:210px}#header{height:69px;padding:0}#header h1{height:58px;background-position:center bottom;background-size:100px 99px}.final #header{height:0!important}.final #header h1{height:0!important}}@-webkit-keyframes "page curl down"{from{-webkit-transform:rotate3d(1,0,0,180deg)}to{-webkit-transform:rotate3d(0,0,1)}}