1 body {2 margin: 0;3 padding: 0;4 }5 6 .tp-margin {7 max-width: 900px;8 margin: auto;9 }10 11 .tp-header {12 background: silver;13 overflow: hidden;14 }15 16 .tp-header h1 {17 margin: 0;18 padding: 0;19 }20 21 .tp-login {22 float: right;23 }24 25 .tp-login button {26 padding: 12px 32px;27 border: none;28 margin: 0;29 background: darkorange;30 cursor: pointer;31 font-weight: bold;32 }33 34 .tp-login button:hover {35 background: orange;36 }37 38 39 40 .tp-menu.tp-menu-horizontal ul {41 display: block;42 margin: 0;43 padding: 8px 0;44 list-style-type: none;45 }46 47 .tp-menu.tp-menu-horizontal li {48 display: inline-block;49 margin: 0;50 padding: 0;51 border-left: solid dodgerblue 1px;52 }53 54 .tp-menu.tp-menu-horizontal li:first-child {55 border-left: none;56 }57 58 .tp-menu.tp-menu-horizontal a {59 display: block;60 margin: 0;61 padding: 8px 32px;62 text-decoration: none;63 color: dodgerblue;64 }65 66 .tp-menu-1 {67 background: #F4F4F4;68 text-align: center;69 }70 71 .tp-menu-1 a:hover {72 text-decoration: underline;73 color: blue;74 }75 76 .shade {77 display: none;78 position: fixed;79 top: 0;80 left: 0;81 right: 0;82 bottom: 0;83 background: rgba(0,0,0,0.5);84 }85 86 body.busy .shade {87 display: block;88 }Enlace
El enlace para compartir es: