API tools faq
paste
Advertisement
Guest User

verse page code

a guest
May 30th, 2015
223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!--
  5. THEME: ROLE PLAYS PAGE #01
  6. BY: jyuubi.org / manatopia.org
  7.  
  8. Please do not redistribute or use to make your own!
  9. You may edit whatever you please, but leave credit.
  10. -->
  11.  
  12. <head>
  13. <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
  14. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <style type="text/css">
  19. /* BODY */
  20. body {
  21. background-image: url('http://s5.postimage.org/9kgxecbuf/rppage01_bg.png');
  22. background-attachment: fixed;
  23. background-color: #ebedea;
  24. }
  25.  
  26. #container {
  27. width: 700px;
  28. margin: auto;
  29. }
  30.  
  31. /* MAIN HEADER (MY ROLE PLAYS) */
  32. #header {
  33. background-color: #5E494E;
  34. height: 40px;
  35. width: 688px;
  36. margin-left: 3px;
  37. margin-bottom: 10px;
  38. font-family: 'Lato', sans-serif;
  39. font-size: 20px;
  40. color: #1d1416;
  41. text-transform: uppercase;
  42. line-height: 40px;
  43. text-align: center;
  44. letter-spacing: 8px;
  45. }
  46.  
  47. /* ROLE PLAY HEADER (SUBJECT) */
  48. .roleplay {
  49. background-color: #5b8774;
  50. display: block;
  51. width: 220px;
  52. height: 30px;
  53. font-family: calibri;
  54. font-size: 11px;
  55. text-transform: uppercase;
  56. letter-spacing: 2px;
  57. text-align: center;
  58. line-height: 30px;
  59. }
  60.  
  61. .roleplay a {
  62. color: #314c40;
  63. text-decoration: none;
  64. }
  65.  
  66. /* MAIN INFO BOX (BORDER, FONT) */
  67. .info {
  68. background-color: #171717;
  69. width: 200px;
  70. padding: 10px;
  71. font-family: calibri;
  72. font-size: 10px;
  73. color: #5d5d5d;
  74. a:link: #755e64
  75. letter-spacing: 1px;
  76. text-align: justify;
  77. line-height: 12px;
  78. margin-bottom: 20px;
  79. margin-right: 10px;
  80. }
  81.  
  82. .info img {
  83. opacity: .7;
  84. max-width: 200px;
  85. }
  86.  
  87. /* INFORMATION BOX */
  88. .desc {
  89. background-color: #121212;
  90. padding: 5px;
  91. }
  92.  
  93. .desc b, strong {
  94. color: #755e64;
  95. }
  96. a {
  97. color: #755e64;
  98. }
  99.  
  100. /* CREDITS */
  101. #credit {
  102. position: fixed;
  103. bottom: 10px;
  104. right: 10px;
  105. font-family: calibri;
  106. font-size: 9px;
  107. text-transform: uppercase;
  108. text-align: right;
  109. letter-spacing: 1px;
  110. }
  111.  
  112. #credit a {
  113. color: #755e64;
  114. text-decoration: none;
  115. }
  116. </style>
  117. </head>
  118. <body>
  119.  
  120. <div id="container">
  121.  
  122. <!-- MAIN HEADER -->
  123. <div id="header">Verses</div>
  124. <!-- MAIN HEADER -->
  125.  
  126. <table><tr>
  127.  
  128. <!-- FIRST COLUMN -->
  129. <td valign="top">
  130.  
  131. <!-- ROLE PLAY HEADER -->
  132. <div class="roleplay"><a href="tag url">Verse Name</a></div>
  133. <!-- ROLE PLAY HEADER -->
  134.  
  135. <div class="info">
  136. <!-- IMAGE -->
  137. <img src="image url">
  138. <!-- IMAGE -->
  139.  
  140. <!-- INFORMATION BOX -->
  141. <div class="desc">
  142. Text about the verse
  143. </div>
  144. <!-- INFORMATION BOX -->
  145. </div>
  146.  
  147. <!-- ROLE PLAY HEADER -->
  148. <div class="roleplay"><a href="tag url">Verse Name</a></div>
  149. <!-- ROLE PLAY HEADER -->
  150.  
  151. <div class="info">
  152. <!-- IMAGE -->
  153. <img src="image url">
  154. <!-- IMAGE -->
  155.  
  156. <!-- INFORMATION BOX -->
  157. <div class="desc">
  158. Text about the verse
  159. </div>
  160. <!-- INFORMATION BOX -->
  161. </div>
  162. </div>
  163. </td>
  164. <!-- FIRST COLUMN -->
  165.  
  166.  
  167. <!-- SECOND COLUMN -->
  168. <td valign="top">
  169.  
  170. <!-- ROLE PLAY HEADER -->
  171. <div class="roleplay"><a href="tag url">Verse Name</a></div>
  172. <!-- ROLE PLAY HEADER -->
  173.  
  174. <div class="info">
  175. <!-- IMAGE -->
  176. <img src="image url">
  177. <!-- IMAGE -->
  178.  
  179. <!-- INFORMATION BOX -->
  180. <div class="desc">
  181. Text about the verse
  182. </div>
  183. <!-- INFORMATION BOX -->
  184. </div>
  185.  
  186. <!-- ROLE PLAY HEADER -->
  187. <div class="roleplay"><a href="tag url">Verse Name</a></div>
  188. <!-- ROLE PLAY HEADER -->
  189.  
  190. <div class="info">
  191. <!-- IMAGE -->
  192. <img src="image url">
  193. <!-- IMAGE -->
  194.  
  195. <!-- INFORMATION BOX -->
  196. <div class="desc">
  197. Text about the verse
  198. </div>
  199. <!-- INFORMATION BOX -->
  200. </div>
  201. </td>
  202. <!-- SECOND COLUMN -->
  203.  
  204.  
  205. <!-- THIRD COLUMN -->
  206. <td valign="top">
  207.  
  208. <!-- ROLE PLAY HEADER -->
  209. <div class="roleplay"><a href="tag url">Verse Name</a></div>
  210. <!-- ROLE PLAY HEADER -->
  211.  
  212. <div class="info">
  213. <!-- IMAGE -->
  214. <img src="image url">
  215. <!-- IMAGE -->
  216.  
  217. <!-- INFORMATION BOX -->
  218. <div class="desc">
  219. Text about the verse
  220. </div>
  221. <!-- INFORMATION BOX -->
  222. </div>
  223.  
  224. <!-- ROLE PLAY HEADER -->
  225. <div class="roleplay"><a href="tag url">Verse Name</a></div>
  226. <!-- ROLE PLAY HEADER -->
  227.  
  228. <div class="info">
  229. <!-- IMAGE -->
  230. <img src="image url">
  231. <!-- IMAGE -->
  232.  
  233. <!-- INFORMATION BOX -->
  234. <div class="desc">
  235. Text about the verse
  236. </div>
  237. <!-- INFORMATION BOX -->
  238. </div>
  239.  
  240. </td>
  241. <!-- THIRD COLUMN -->
  242.  
  243. </tr></table>
  244.  
  245. </div>
  246.  
  247. <div id="credit">
  248. <a href="/">go back?</a><br />
  249. <!-- DO NOT REMOVE OR EDIT -->
  250. <a href="http://jyuubi.org">&copy; jyuubi.org</a>
  251. </div>
  252.  
  253. </body>
  254. </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!