API tools faq
paste
Advertisement
minimu

verses page /1

minimu
Jan 24th, 2015
5,799
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <script type="text/javascript" language="JavaScript"><!--
  7. function HideContent(d) {
  8. document.getElementById(d).style.display = "none";
  9. }
  10. function ShowContent(d) {
  11. document.getElementById(d).style.display = "block";
  12. }
  13. function ReverseDisplay(d) {
  14. if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
  15. else { document.getElementById(d).style.display = "none"; }
  16. }
  17. //--></script>
  18.  
  19.  
  20.  
  21. <!---jcgged.tumblr.com
  22. --->
  23.  
  24. <style type="text/css">
  25. ::-webkit-scrollbar {width: 5px; height: 3px; background: #FFFFFF;}
  26. ::-webkit-scrollbar-thumb {background-color:black ;}
  27.  
  28. body {
  29. background:{color:background};
  30. margin:0px;
  31. color:{color:text};
  32. font-family:arial;
  33. font-size:10px;
  34. line-height:150%;
  35. text-align:justify;
  36. background-image:url('{image:Background}');
  37. }
  38.  
  39.  
  40. a {
  41. text-decoration:none;
  42. outline:none;
  43. -moz-outline-style:none;
  44. color:{color:Links};
  45. }
  46.  
  47. img {
  48. border:none;
  49. }
  50.  
  51. blockquote {
  52. padding-left:5px;
  53. border-left:1px solid {color:text};
  54. }
  55.  
  56. blockquote blockquote {
  57. padding-left:5px;
  58. border-left:2px solid;
  59. }
  60.  
  61.  
  62. a:hover {
  63. color:#000000;
  64. -moz-transition-duration:0.3s;
  65. -webkit-transition-duration:0.3s;
  66. -o-transition-duration:0.3s;
  67. }
  68.  
  69. small {font-size:10px;}
  70.  
  71. h1{font-size:15px;
  72. font-weight:bold;
  73. border:solid 1px black;
  74. padding:10px;
  75. font-style: italic}
  76.  
  77. /*ENTRIES*/
  78.  
  79. #entries {
  80. padding:10px;
  81. border:solid 1px black;
  82. width:550px;
  83. position:fixed;
  84. margin-left:400px;
  85. margin-top:110px;
  86. overflow:auto;
  87. height:500px;
  88. font-size:10px;
  89. line-height:150%;
  90. font-family:'arial';
  91. }
  92.  
  93. #post {
  94. width:500px;
  95. padding-bottom:20px;
  96. padding:25px;
  97. margin-top:-10px;
  98. }
  99.  
  100. .verse{background-color:black;
  101. font-size:12px;
  102. text-align:center;
  103. text-transform:uppercase;
  104. font-weight:bold;
  105. padding:5px;
  106. }
  107.  
  108. .verse a {color:white;}
  109.  
  110. .info {margin-top:-150px;
  111. width:250px;
  112. margin-left:120px;
  113. font-family:arial;
  114. font-size:10px;
  115. height:95px;
  116. overflow:auto;
  117. }
  118.  
  119. .image{border: solid 1px black;
  120. padding:10px;
  121. margin-bottom:40px;
  122. margin-top:-10px;
  123. }
  124.  
  125. .tag{width:40px;
  126. color:white;
  127. margin-left:380px;
  128. text-align:center;
  129. margin-top:-95px;
  130. margin-bottom:20px;
  131. padding:35px;
  132. background-color:black;}
  133.  
  134. .tag a {color:white;}
  135.  
  136.  
  137. #header{font-size:25px;
  138. text-transform:uppercase;
  139. position:fixed;
  140. margin-top:60px;
  141. font-family:arial;
  142. text-align:center;
  143. width:542px;
  144. margin-left:400px;
  145. font-weight:bold;
  146. border:solid 1px black;
  147. padding:15px;
  148. }
  149.  
  150. /*LINKS*/
  151. #links{position:fixed;
  152. text-transform:uppercase;
  153. font-family:arial;
  154. font-weight:bold;
  155. width:150px;
  156. font-size:8px;
  157. margin-left:122px;
  158. margin-top:100px;
  159. height:22px;
  160. -moz-transition-duration:0.3s;
  161. -webkit-transition-duration:0.3s;
  162. -o-transition-duration:0.3s;
  163. overflow:hidden;
  164. text-align:center;
  165. padding:5px;
  166. }
  167.  
  168. #links:hover{height:300px;}
  169.  
  170. #links a{margin-right:5px;
  171. width:94px;
  172. border:1px solid white;
  173. margin-top:5px;
  174. color:white;
  175. padding:2px;
  176. display:inline-block;
  177. -moz-transition-duration:0.3s;
  178. -webkit-transition-duration:0.3s;
  179. -o-transition-duration:0.3s;
  180. }
  181.  
  182. /*CREDIT*/
  183.  
  184. #cred {
  185. position:fixed;
  186. font-family:arial;
  187. font-size:8px;
  188. right:9px;
  189. bottom:9px;
  190. padding:4px;
  191. letter-spacing:1px;
  192. }
  193.  
  194. {CustomCSS}</style></head><body>
  195.  
  196. <div id="header">( &. VERSES ) </div>
  197. <div id="links">
  198. <a href="/"><span>+</a></span>
  199. <a href="{text:Link 1 URL}"><span>{text:Link 1}</a></span>
  200. <a href="{text:Link 2 URL}"><span>{text:Link 2}</a></span>
  201. <a href="{text:Link 3 URL}"><span>{text:Link 3}</a></span>
  202. <a href="{text:Link 4 URL}"><span>{text:Link 4}</a></span>
  203.  
  204. </div>
  205.  
  206. </div>
  207. <div id="entries">
  208. <div id="post">
  209.  
  210. <a href="javascript:ReverseDisplay('one')"><div class="verse">( &. VERSE NAME HERE ) </a></div>
  211. </p>
  212. <div id="one" style="display:none;">
  213. <div class="image"><img src="https://31.media.tumblr.com/5bdd9b2a24599606a1ca80c9bd749882/tumblr_inline_nip702FaTu1t0iex7.png"></div><div class="info">
  214. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mattis interdum risus tempus maximus. Nulla interdum felis urna, eget tempor ex rhoncus eget. Quisque at posuere elit. Suspendisse at tempus orci. Duis vulputate eu eros quis luctus. Fusce interdum, metus et ullamcorper cursus, tellus erat iaculis leo, non vestibulum est augue a tellus. Proin quis augue sapien. Ut id purus sed lacus sagittis fringilla. Etiam eget rutrum mauris. In ac rutrum est. Vestibulum at nibh id justo lobortis interdum. Suspendisse blandit, nunc pellentesque posuere faucibus, lorem tortor aliquam libero, eu varius urna dui in nunc. Aliquam id dolor magna. Nulla pharetra nisl nibh, eget varius dui consectetur vel.
  215. </div><div class="tag"><a href="/tagged/tag">VERSE TAG</a></div>
  216. </div>
  217.  
  218. <a href="javascript:ReverseDisplay('two')"><div class="verse">( &. VERSE NAME HERE ) </a></div>
  219. </p>
  220. <div id="two" style="display:none;">
  221. <div class="image"><img src="https://31.media.tumblr.com/5bdd9b2a24599606a1ca80c9bd749882/tumblr_inline_nip702FaTu1t0iex7.png"></div><div class="info">
  222. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mattis interdum risus tempus maximus. Nulla interdum felis urna, eget tempor ex rhoncus eget. Quisque at posuere elit. Suspendisse at tempus orci. Duis vulputate eu eros quis luctus. Fusce interdum, metus et ullamcorper cursus, tellus erat iaculis leo, non vestibulum est augue a tellus. Proin quis augue sapien. Ut id purus sed lacus sagittis fringilla. Etiam eget rutrum mauris. In ac rutrum est. Vestibulum at nibh id justo lobortis interdum. Suspendisse blandit, nunc pellentesque posuere faucibus, lorem tortor aliquam libero, eu varius urna dui in nunc. Aliquam id dolor magna. Nulla pharetra nisl nibh, eget varius dui consectetur vel.
  223. </div><div class="tag"><a href="/tagged/tag">VERSE TAG</a></div>
  224. </div>
  225.  
  226. <a href="javascript:ReverseDisplay('three')"><div class="verse">( &. VERSE NAME HERE ) </a></div>
  227. </p>
  228. <div id="three" style="display:none;">
  229. <div class="image"><img src="https://31.media.tumblr.com/5bdd9b2a24599606a1ca80c9bd749882/tumblr_inline_nip702FaTu1t0iex7.png"></div><div class="info">
  230. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mattis interdum risus tempus maximus. Nulla interdum felis urna, eget tempor ex rhoncus eget. Quisque at posuere elit. Suspendisse at tempus orci. Duis vulputate eu eros quis luctus. Fusce interdum, metus et ullamcorper cursus, tellus erat iaculis leo, non vestibulum est augue a tellus. Proin quis augue sapien. Ut id purus sed lacus sagittis fringilla. Etiam eget rutrum mauris. In ac rutrum est. Vestibulum at nibh id justo lobortis interdum. Suspendisse blandit, nunc pellentesque posuere faucibus, lorem tortor aliquam libero, eu varius urna dui in nunc. Aliquam id dolor magna. Nulla pharetra nisl nibh, eget varius dui consectetur vel.
  231. </div><div class="tag"><a href="/tagged/tag">VERSE TAG</a></div>
  232. </div>
  233.  
  234. <a href="javascript:ReverseDisplay('five')"><div class="verse">( &. VERSE NAME HERE ) </a></div>
  235. </p>
  236. <div id="five" style="display:none;">
  237. <div class="image"><img src="https://31.media.tumblr.com/5bdd9b2a24599606a1ca80c9bd749882/tumblr_inline_nip702FaTu1t0iex7.png"></div><div class="info">
  238. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mattis interdum risus tempus maximus. Nulla interdum felis urna, eget tempor ex rhoncus eget. Quisque at posuere elit. Suspendisse at tempus orci. Duis vulputate eu eros quis luctus. Fusce interdum, metus et ullamcorper cursus, tellus erat iaculis leo, non vestibulum est augue a tellus. Proin quis augue sapien. Ut id purus sed lacus sagittis fringilla. Etiam eget rutrum mauris. In ac rutrum est. Vestibulum at nibh id justo lobortis interdum. Suspendisse blandit, nunc pellentesque posuere faucibus, lorem tortor aliquam libero, eu varius urna dui in nunc. Aliquam id dolor magna. Nulla pharetra nisl nibh, eget varius dui consectetur vel.
  239. </div><div class="tag"><a href="/tagged/tag">VERSE TAG</a></div>
  240. </div>
  241.  
  242. <!---TO ADD A NEW SECTION COPY BETWEEN HERE AND THE OTHER INDICATED LINE. ALSO CHANGE THE NUMBER "SIX" IN TWO PLACES BELOW TO SEVEN/EIGHT/NINE/ETC FOR IT TO WORK!--->
  243. <a href="javascript:ReverseDisplay('six')"><div class="verse">( &. VERSE NAME HERE ) </a></div>
  244. </p>
  245. <div id="six" style="display:none;">
  246. <div class="image"><img src="https://31.media.tumblr.com/5bdd9b2a24599606a1ca80c9bd749882/tumblr_inline_nip702FaTu1t0iex7.png"></div><div class="info">
  247. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mattis interdum risus tempus maximus. Nulla interdum felis urna, eget tempor ex rhoncus eget. Quisque at posuere elit. Suspendisse at tempus orci. Duis vulputate eu eros quis luctus. Fusce interdum, metus et ullamcorper cursus, tellus erat iaculis leo, non vestibulum est augue a tellus. Proin quis augue sapien. Ut id purus sed lacus sagittis fringilla. Etiam eget rutrum mauris. In ac rutrum est. Vestibulum at nibh id justo lobortis interdum. Suspendisse blandit, nunc pellentesque posuere faucibus, lorem tortor aliquam libero, eu varius urna dui in nunc. Aliquam id dolor magna. Nulla pharetra nisl nibh, eget varius dui consectetur vel.
  248. </div><div class="tag"><a href="/tagged/tag">VERSE TAG</a></div>
  249. </div><!---HERE--->
  250.  
  251. </div>
  252.  
  253. <div id="cred">
  254. <a href="http://jcgged.tumblr.com/">CR</a>
  255. </div>
  256. </div>
  257. </body>
  258. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!