.page-404 { text-align: center; .entry-title { .hide; } } .srverror-title { font-size: 2em; margin-bottom: @line-height-computed/2; color: @text-color-light; } .srverror-text { font-size: 1.2em; letter-spacing: .01em; color: @text-color-dimmed } @hal-size: 72px; .hal-9000 { width: @hal-size; height: @hal-size; .border-radius(@hal-size); background: #444; padding: 1.5em; margin: @line-height-computed auto; text-align: center; position: relative; border: 4px solid #ccc; box-shadow: inset 0 0 10px #000; // eye &:before { content: " "; width: 100%; height: 100%; .border-radius(100%); display: block; background: red; box-shadow: 0 0 5px red, 0 0 10px red, 0 0 15px red, 0 0 20px red, 0 0 25px red, 0 0 30px red, 0 0 40px red; .animation(halpulse 7s infinite); } // gloss &:after { content: ""; position: absolute; width: @hal-size; height: @hal-size; .border-radius(@hal-size); position: absolute; left: 0; top: 0; background-image: linear-gradient(to bottom, rgba(255,255,255,.07) 0%, rgba(255,255,255,.07) 40%, rgba(255,255,255,0) 41%); .rotate(-60deg); } } @-webkit-keyframes halpulse { 0% { opacity: 1 } 50% { opacity: .6 } 100% { opacity: 1 } } @keyframes halpulse { 0% { opacity: 1 } 50% { opacity: .6 } 100% { opacity: 1 } }