@import url('fontello.css'); video#vidbg_fullscreen { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-size: cover !important; } @font-face { font-family: BebasNeue; src: url(../../../../fonts/BebasNeue-webfont.ttf); font-weight: 200; } #zinman_overlay { background: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; top: 0; right: 0; } #zinman_logo { float: left; background: url('../../../../wp-includes/images/zinman_large.png') no-repeat; width: 300px; height: 600px; margin-top: 290px; margin-left: 200px; } #zinman_tagline { float: left; font-family: BebasNeue; color: #fff; font-weight: 200; margin-top: 282px; } #zinman_date { width: 70px; padding-bottom: 5px; border-bottom: 6px solid #fff; padding-right: 5px; font-size: 12px } #zinman_text { width: 600px; font-size: 100px; line-height: 85px; padding-top: 30px; margin-bottom: 40px; margin-top: 50px; } #zinman_tagline input[type=button] { width: 240px; text-align: left; margin-left: 5px; padding-left: 20px; padding-top: 15px; padding-bottom: 15px; background: transparent; border: 2px solid #fff; font-size: 18px; opacity:1; } #zinman_tagline input[type=button]:hover { background: #fff; color: #000; } #zinman_tagline input[type=button]:target { opacity:0; transition:all 300ms cubic-bezier(.15, .75, .49, .93); -webkit-transition:all 300ms cubic-bezier(.15, .75, .49, .93); -moz-transition:all 300ms cubic-bezier(.15, .75, .49, .93); -ms-transition:all 300ms cubic-bezier(.15, .75, .49, .93); transform:translateZ(0) translateZ(-100px) rotateX(-90deg); -webkit-transform:translateZ(0) translateZ(-100px) rotateX(-90deg); -moz-transform:translateZ(0) translateZ(-100px) rotateX(-90deg); -ms-transform:translateZ(0) translateZ(-100px) rotateX(-90deg); } #vidbg_play_pause, #vidbg_mute, #vidbg_close { padding: 10px; background: rgba(0,0,0,0.5); float: left; color: #ddd; cursor: pointer; } #vidbg_play_pause:hover, #vidbg_mute:hover, #vidbg_close { color: #fff; } #vidbg_controls { position: absolute; z-index: 1; bottom: 80px; right: 70px; } #vidbg_close { position: absolute; right: 70px; top: 70px; z-index: 1; padding: 5px 10px; }