Advertisement
teenratchet

1975

Dec 21st, 2014
214
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.55 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>
  4. {Title}
  5. </title>
  6. <link rel="shortcut icon" href="{Favicon}"/>
  7. <meta name="color:Background" content="#45454f"/>
  8. <meta name="color:Text" content="#"/>
  9. <meta name="color:Hover" content="#fff8ff"/>
  10. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  11. <style>
  12.  
  13. body {
  14. background-color:{color:Background};
  15. font-family: 'Raleway', sans-serif;
  16. color:{color:Text};
  17. cursor:crosshair;
  18. }
  19.  
  20.  
  21. ::-webkit-scrollbar {
  22. width:7px;
  23. height:7px;
  24. background-color:{color:Background};
  25. }
  26.  
  27. ::-webkit-scrollbar-thumb {
  28. background-color:{color:Text};
  29. }
  30.  
  31. #cent {
  32. width:600px;
  33. margin:auto;
  34. padding-top:70px;
  35. }
  36.  
  37. .entry {
  38. font-family:'consolas';
  39. color:{color:Hover};
  40. text-align:justify;
  41. width:500px;
  42. margin:50px;
  43. }
  44.  
  45. #cq {
  46. width:100%;
  47. font-size:100px;
  48. letter-spacing:15px;
  49. position:fixed;
  50. text-align:center;
  51. left:0px;
  52. text-transform:uppercase;
  53. top:0px;
  54. -webkit-transition: all 1s ease;
  55. -moz-transition: all 1s ease;
  56. -o-transition: all 1s ease;
  57. transition: all 1s ease;
  58. }
  59.  
  60. #cq:hover {
  61. color:{color:Hover};
  62. cursor:crosshair;
  63. text-shadow:0px 0px 10px #bea0ba;
  64. }
  65.  
  66. #one,#two,#three,#four {
  67. width:65px;
  68. margin-left:12.5px;
  69. margin-right:12.5px;
  70. height:100px;
  71. background-color:transparent;
  72. border:2px solid {color:Text};
  73. -webkit-transition: all 1s ease;
  74. -moz-transition: all 1s ease;
  75. -o-transition: all 1s ease;
  76. transition: all 1s ease;
  77. display:inline-block;
  78. }
  79.  
  80. #one:hover,#two:hover,#three:hover,#four:hover {
  81. border:2px solid {color:Hover};
  82. box-shadow:0px 0px 10px #bea0ba,inset 0px 0px 10px #bea0ba;
  83. }
  84.  
  85. #cont {
  86. width:100%;
  87. position:fixed;
  88. bottom:15px;
  89. left:0px;
  90. }
  91.  
  92. #for:hover,#back:hover{
  93. color:{color:Hover};
  94. cursor:crosshair;
  95. text-shadow:0px 0px 10px #bea0ba;
  96. }
  97.  
  98. a:link,a:active,a:visited {
  99. color:{color:Text};
  100. text-decoration:none;
  101. -webkit-transition: all 1s ease;
  102. -moz-transition: all 1s ease;
  103. -o-transition: all 1s ease;
  104. transition: all 1s ease;
  105. }
  106.  
  107. a:hover {
  108. color:{color:Hover};
  109. text-shadow:0px 0px 10px #bea0ba;
  110. }
  111.  
  112. #for,#back {
  113. -webkit-transition: all 1s ease;
  114. -moz-transition: all 1s ease;
  115. -o-transition: all 1s ease;
  116. transition: all 1s ease;
  117. position:fixed;
  118. bottom:15px;
  119. font-size:100px;
  120. font-family: 'Raleway', sans-serif;
  121. }
  122.  
  123. #for {
  124. right:15px;
  125. }
  126.  
  127. #back {
  128. left:15px;
  129. }
  130.  
  131. </style>
  132. </head>
  133. <body>
  134. <div id="cont">
  135. <center>
  136. <a href="/"><div id="one"></div></a>
  137. <a href="/ask"><div id="two"></div></a>
  138. <a href="/submit"><div id="three"></div></a>
  139. <a href="/other"><div id="four"></div></a>
  140. </center>
  141. </div>
  142. <div id="cq">
  143. <center>
  144. {Title}
  145. </center>
  146. </div>
  147. <div id="cent">
  148. {block:Posts}
  149. <div class="entry">
  150. {block:Video}
  151. {Video-500}
  152. {/block:Video}
  153. {block:Photo}
  154. <img src="{PhotoURL-500}" width="500px">
  155. {/block:Photo}
  156. {block:Photoset}
  157. {Photoset-500}
  158. {/block:Photoset}
  159. {block:Text}
  160. {block:Title}{Title}{/block:Title}
  161. {Body}
  162. {/block:Text}
  163. {block:Audio}
  164. {AudioPlayerGray}
  165. {/block:Audio}
  166. </div>
  167. {/block:Posts}
  168. </div>
  169. {block:Pagination}
  170. {block:NextPage}
  171. <a href="{NextPage}">
  172. <div id="for">
  173. >
  174. </div>
  175. </a>
  176. {/block:NextPage}
  177. {block:PreviousPage}
  178. <a href="{PreviousPage}">
  179. <div id="back">
  180. <
  181. </div>
  182. </a>
  183. {/block:PreviousPage}
  184. {/block:Pagination}
  185. </body>
  186. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement