Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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: #0e233e;
- 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/Romney-believe_in_53percent.png) 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: 600px;
- font-size: 20px;
- line-height: 1.3em;
- padding-bottom: 80px;
- }
- #footer {
- display: block;
- background-color: white;
- text-decoration: none;
- color: #0e233e;
- 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: #0e233e!important;
- text-decoration: none;
- }
- #footer #msg2:active {
- color: #0e233e;
- }
- #footer #msg2:visited {
- color: #0e233e;
- }
- #footer #msg2:hover {
- color: #0e233e;
- }
- .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);
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement