Advertisement
Hardrockdesign

Página de etiquetas

Jun 2nd, 2015
296
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.57 KB | None | 0 0
  1. <html>
  2. <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
  3. <link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
  4. <link href='http://fonts.googleapis.com/css?family=Jim+Nightshade' rel='stylesheet' type='text/css'>
  5. <style type="text/css">
  6.  
  7. body {
  8. background: #0f0f0f;
  9. font-family: Cabin;
  10. }
  11.  
  12. .navlinks {
  13. border-bottom: none;
  14. background-image:url("http://i.imgur.com/vSx6eQj.png");
  15. display: block;
  16. width: 1125px;
  17. height: 58px;
  18. padding-top: 20px;
  19. margin-left: auto;
  20. margin-right: auto;
  21. margin-top: 0px;
  22. text-align: center;
  23. }
  24.  
  25. .navlinks a {
  26. color: #ababab;
  27. font-family: Economica;
  28. text-transform: uppercase;
  29. font-size: 15px;
  30. font-weight: lighter;
  31. text-align: center;
  32. padding-left: 5px;
  33. padding-right: 5px;
  34. }
  35.  
  36. a {
  37. text-decoration: none;
  38. color: #4b4a54;
  39. font-weight: bold;
  40. }
  41.  
  42. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  43. display: none;
  44. }
  45.  
  46. ::-webkit-scrollbar{
  47. width: 3px;
  48. height: 5px;
  49. }
  50.  
  51. ::-webkit-scrollbar-track-piece {
  52. background-color: #504F52;
  53. }
  54.  
  55. ::-webkit-scrollbar-thumb:vertical {
  56. width: 3px;
  57. height: 5px;
  58. background-color: #000000;
  59. }
  60.  
  61. #cuerpo {
  62. max-width: 910px;
  63. min-width: 910px;
  64. margin-left: auto;
  65. position: relative;
  66. margin-right: auto;
  67. margin-bottom: -25px;
  68. background: #191919;
  69. box-shadow: 2px 3px 4px #000000;
  70. margin-top: -17px;
  71. padding-top: 50px;
  72. color: #9d99a3;
  73. padding-bottom: 30px;
  74. min-height: 400px;
  75. border-radius: 0px 0px 60px 60px;
  76. }
  77.  
  78. .cmn-t-underline {
  79. position: relative;
  80. color: #ababab;
  81. text-transform: uppercase;
  82. font-size: 11px;
  83. padding-top:10px;
  84. padding-bottom: 10px;
  85. line-height: 100%;
  86. background: #000000;
  87. font-family: Calibri;
  88. width: 200px;
  89. text-align: center;
  90. display: inline-block;
  91. margin:2px;
  92. margin-bottom:6px;
  93. transition: 1s;
  94. }
  95. .cmn-t-underline:after {
  96. display: block;
  97. position: absolute;
  98. left: 0;
  99. bottom: -3px;
  100. width: 0;
  101. height: 2px;
  102. background-color: #687d8e;
  103. content: "";
  104. transition: width 1s;
  105. }
  106. .cmn-t-underline:hover {
  107. color: #687d8e;
  108. transition: 1s;
  109. }
  110. .cmn-t-underline:hover:after {
  111. width: 100%;
  112. }
  113.  
  114. .tags1 {
  115. width: 408px;
  116. display: inline-block;
  117. margin-right: 20px;
  118. }
  119.  
  120. .tags2 {
  121. width: 408px;
  122. display: inline-block;
  123. }
  124.  
  125. .titulowid {
  126. background: #000000;
  127. width: 100%;
  128. line-height: 100%;
  129. color: #4b4a54;
  130. letter-spacing: 3px;
  131. font-size: 12px;
  132. text-transform: uppercase;
  133. font-family: calibri;
  134. padding-top: 15px;
  135. text-align: center;
  136. padding-bottom:15px;
  137. margin-top: 5px;
  138. font-weight: bold;
  139. }
  140.  
  141. .titulo {
  142. background: #000000;
  143. width: 835px;
  144. line-height: 100%;
  145. color: #4b4a54;
  146. letter-spacing: 3px;
  147. font-size: 12px;
  148. text-transform: uppercase;
  149. font-family: calibri;
  150. padding-top: 25px;
  151. text-align: center;
  152. padding-bottom:25px;
  153. margin-top: 10px;
  154. font-weight: bold;
  155. }
  156.  
  157. </style>
  158.  
  159. <body>
  160. <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>
  161.  
  162. <div class="titulo">Página de navegación</div></center>
  163.  
  164. </div>
  165.  
  166.  
  167. </body>
  168. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement