Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Jim+Nightshade' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- background: #0f0f0f;
- font-family: Cabin;
- }
- .navlinks {
- border-bottom: none;
- background-image:url("http://i.imgur.com/vSx6eQj.png");
- display: block;
- width: 1125px;
- height: 58px;
- padding-top: 20px;
- margin-left: auto;
- margin-right: auto;
- margin-top: 0px;
- text-align: center;
- }
- .navlinks a {
- color: #ababab;
- font-family: Economica;
- text-transform: uppercase;
- font-size: 15px;
- font-weight: lighter;
- text-align: center;
- padding-left: 5px;
- padding-right: 5px;
- }
- a {
- text-decoration: none;
- color: #4b4a54;
- font-weight: bold;
- }
- ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
- display: none;
- }
- ::-webkit-scrollbar{
- width: 3px;
- height: 5px;
- }
- ::-webkit-scrollbar-track-piece {
- background-color: #504F52;
- }
- ::-webkit-scrollbar-thumb:vertical {
- width: 3px;
- height: 5px;
- background-color: #000000;
- }
- #cuerpo {
- max-width: 910px;
- min-width: 910px;
- margin-left: auto;
- position: relative;
- margin-right: auto;
- margin-bottom: -25px;
- background: #191919;
- box-shadow: 2px 3px 4px #000000;
- margin-top: -17px;
- padding-top: 50px;
- color: #9d99a3;
- padding-bottom: 30px;
- min-height: 400px;
- border-radius: 0px 0px 60px 60px;
- }
- .cmn-t-underline {
- position: relative;
- color: #ababab;
- text-transform: uppercase;
- font-size: 11px;
- padding-top:10px;
- padding-bottom: 10px;
- line-height: 100%;
- background: #000000;
- font-family: Calibri;
- width: 200px;
- text-align: center;
- display: inline-block;
- margin:2px;
- margin-bottom:6px;
- transition: 1s;
- }
- .cmn-t-underline:after {
- display: block;
- position: absolute;
- left: 0;
- bottom: -3px;
- width: 0;
- height: 2px;
- background-color: #687d8e;
- content: "";
- transition: width 1s;
- }
- .cmn-t-underline:hover {
- color: #687d8e;
- transition: 1s;
- }
- .cmn-t-underline:hover:after {
- width: 100%;
- }
- .tags1 {
- width: 408px;
- display: inline-block;
- margin-right: 20px;
- }
- .tags2 {
- width: 408px;
- display: inline-block;
- }
- .titulowid {
- background: #000000;
- width: 100%;
- line-height: 100%;
- color: #4b4a54;
- letter-spacing: 3px;
- font-size: 12px;
- text-transform: uppercase;
- font-family: calibri;
- padding-top: 15px;
- text-align: center;
- padding-bottom:15px;
- margin-top: 5px;
- font-weight: bold;
- }
- .titulo {
- background: #000000;
- width: 835px;
- line-height: 100%;
- color: #4b4a54;
- letter-spacing: 3px;
- font-size: 12px;
- text-transform: uppercase;
- font-family: calibri;
- padding-top: 25px;
- text-align: center;
- padding-bottom:25px;
- margin-top: 10px;
- font-weight: bold;
- }
- </style>
- <body>
- <div class="navlinks"><a href="/">Inicio</a><a href="/ask">Pregúntanos</a><a href="/submit">Colabora</a><a href="http://thecaptainknowsbest.tumblr.com/">Créditos</a></div><div id="cuerpo"><center><div class="tags1"><a href="/tagged/" class="cmn-t-underline">Link 1</a><a href="/tagged/" class="cmn-t-underline">Link 2</a><a href="/tagged/" class="cmn-t-underline">Link 3</a><a href="/tagged/" class="cmn-t-underline">Link 4</a><a href="/tagged/" class="cmn-t-underline">Link 5</a><a href="/tagged/" class="cmn-t-underline">Link 6</a><a href="/tagged/" class="cmn-t-underline">Link 7</a><a href="/tagged/" class="cmn-t-underline">Link 8</a><a href="/tagged/" class="cmn-t-underline">Link 9</a><a href="/tagged/" class="cmn-t-underline">Link 10</a><div class="titulowid">Nombre del grupo 2</div></div><div class="tags2"><a href="/tagged/" class="cmn-t-underline">Link 1</a><a href="/tagged/" class="cmn-t-underline">Link 2</a><a href="/tagged/" class="cmn-t-underline">Link 3</a><a href="/tagged/" class="cmn-t-underline">Link 4</a><a href="/tagged/" class="cmn-t-underline">Link 5</a><a href="/tagged/" class="cmn-t-underline">Link 6</a><a href="/tagged/" class="cmn-t-underline">Link 7</a><a href="/tagged/" class="cmn-t-underline">Link 8</a><a href="/tagged/" class="cmn-t-underline">Link 9</a><a href="/tagged/" class="cmn-t-underline">Link 10</a><div class="titulowid">Nombre del grupo 1</div></div>
- <div class="titulo">Página de navegación</div></center>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement