@font-face{ font-family:'Noto'; font-weight:300; src:url('/_res/font/NotoSans-DemiLight.eot'); src:url('/_res/font/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'), url('/_res/font/NotoSans-DemiLight.woff2') format('woff2'), url('/_res/font/NotoSans-DemiLight.woff') format('woff'); } body { font-family: 'Noto'; margin:0; font: 18px/23px; color: #4F5155; background: url('/_res/images/construction_bg.png') repeat } #container { margin:15% auto; width:50%; padding-bottom:40px; min-width:380px; background:#fff; border-radius:3px; border: 1px solid #D0D0D0; box-shadow: 0 0 8px #D0D0D0; transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; animation:flipX .5s ease-in; -webkit-animation:flipX .5s ease-in; } #container h1 { padding:0px 0 20px 15px; margin-bottom:40px; background-color: transparent; border-bottom: 1px solid #D0D0D0; color:#E13300; } #container.code404 h1 { color:#444 !important; } code { font-family: Consolas, Monaco, Courier New, Courier, monospace; background-color: #f9f9f9; border: 1px solid #D0D0D0; color: #002166; display: block; margin: 14px 0; padding: 10px 15px; } p { font-size:1.2em; margin: 10px 15px; } a { color: #003399; background-color: transparent; font-weight: normal; } ::selection { background-color: #E13300; color: white; } ::-moz-selection { background-color: #E13300; color: white; } @-webkit-keyframes flipX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipX; animation-name: flipX; }