Advertisement
alicescreed

1.2 Riot Gear

Aug 7th, 2014
9,693
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.47 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />
  11.  
  12. {/block:Description}
  13.  
  14. <style type="text/css">
  15.  
  16. ::-webkit-scrollbar {background-color:#fff; height:5px; width:9px}
  17. ::-webkit-scrollbar-thumb:vertical {background-color:#999; height:50px;border-radius:10px;border:1px solid #fff;}
  18. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important}
  19.  
  20.  
  21. body {
  22. font-size: 9px;
  23. }
  24.  
  25. #dead {
  26. margin-top: 20px;
  27. margin-bottom: 100px;
  28. margin-left: 500px;
  29. position: absolute;
  30. }
  31.  
  32. #pool {
  33. width: 500px;
  34. height: auto;
  35. position: absolute;
  36. padding: 10px;
  37. }
  38.  
  39. #muse {
  40. margin-left
  41. width: 400px;
  42. height: 100px;
  43. padding: 20px;
  44. }
  45.  
  46.  
  47. #h1 {
  48. font-size: 12pt;
  49. letter-spacing: 5px;
  50. font-weight: bold;
  51. text-transform: uppercase;
  52. }
  53.  
  54. td {
  55. width: 300px;
  56. }
  57.  
  58. a {
  59. color: #000;
  60. }
  61.  
  62. #cred {
  63. position:fixed;
  64. font-size:15px;
  65. font-weight:normal;
  66. line-height:150%;
  67. letter-spacing:2px;
  68. right:10px;
  69. padding: 4px;
  70. bottom:10px;
  71. text-transform:uppercase;
  72. text-align:center;
  73. }
  74.  
  75.  
  76. </style>
  77.  
  78.  
  79. </head>
  80.  
  81. <body>
  82.  
  83. <div id="dead">
  84.  
  85. <div id="pool">
  86.  
  87. <a href="/">back home</a> / <a href="http://tumblr.com">dashboard</a>
  88.  
  89. <div id="muse">
  90. <table>
  91. <td><img src="FIRST ICON URL HERE"> <img src="SECOND ICON URL HERE"></td>
  92. <td><div id="h1">NAME HERE</div><br>
  93. SHORT DESCRIPTION HERE. THIS IS THE CODE YOU SHOULD USE IF YOU WANT THE ICONS TO THE LEFT.
  94. </td>
  95. </table>
  96. </div>
  97.  
  98. <div id="muse">
  99. <table>
  100. <td><div id="h1">NAME HERE</div><br>
  101. SHORT DESCRIPTION HERE. THIS IS THE CODE YOU SHOULD USE IF YOU WANT THE ICONS TO THE RIGHT. YOU CAN ALTERNATE BETWEEN THESE LIKE IN THE PREVIEW, OR KEEP IT ALL ORGANIZED ON ONE SIDE.
  102. </td>
  103. <td><img src="FIRST ICON URL"> <img src="SECOND ICON URL"></td>
  104. </table>
  105. </div>
  106.  
  107. </div>
  108.  
  109. </div>
  110.  
  111. <div id="cred"><a href="http://ritasvrataski.tumblr.com">☂</a></div>
  112.  
  113. </body>
  114.  
  115. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement