1 html {2 background-image: url('http://cdn.superbwallpapers.com/wallpapers/beaches/blue-horizon-29002-1920x1200.jpg');3 background-position: center center;4 background-size: cover;5 background-repeat: no-repeat;6 }7 8 html,9 body {10 height: 100%;11 margin: 0;12 padding: 0;13 }14 15 .centerbox {16 position: absolute;17 left: 50%;18 top: 50%;19 transform: translate(-50%, -50%);20 max-width: 400px;21 }22 23 .centerbox input {24 border: none;25 background-color: transparent;26 width: 100px;27 resize: horizontal;28 }29 30 .centerbox input:focus {31 outline: none;32 }33 34 .centerbox .buttons {35 text-align: center;36 padding-top: 16px;37 }38 39 .centerbox .buttons .button {40 padding: 8px;41 border: solid 1px;42 border-radius: 4px;43 background-color: dodgerblue;44 border-color: navy;45 color: white;46 }47 48 .centerbox .buttons .button[disabled] {49 border-color: silver;50 background-color: #F4F4F4;51 color: silver;52 }53 54 /* Common styles to text, input and button */55 .centerbox,56 .centerbox input,57 .centerbox .buttons .button {58 font-size: 21px;59 font-family: sans-serif;60 }61 62 63 Enlace
El enlace para compartir es: