Advertisement
rileysux

12. dylan

Jul 4th, 2015
629
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.68 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <script type="text/javascript">
  12. function unhide(divID) {
  13. var item = document.getElementById(divID);
  14. if (item) {
  15. item.className=(item.className=='hidden')?'unhidden':'hidden';
  16. }
  17. }
  18. </script>
  19.  
  20. <!--MOONOFRP # 12 # DYLAN # DON'T MOVE THE CREDIT-->
  21.  
  22. <meta name="image:background" content="" />
  23. <meta name="image:header" content="" />
  24. <meta name="image:topbar" content="" />
  25. <meta name="image:admin1" content="" />
  26. <meta name="image:admin2" content="" />
  27. <meta name="image:admin3" content="" />
  28.  
  29. <meta name="color:scrollbar" content="" />
  30. <meta name="color:scrollbar background" content="" />
  31. <meta name="color:background" content="" />
  32. <meta name="color:text" content="" />
  33. <meta name="color:link" content="" />
  34. <meta name="color:title" content="" />
  35. <meta name="color:topbar background" content="" />
  36. <meta name="color:topbar border" content="" />
  37. <meta name="color:admins border" content="" />
  38. <meta name="color:box background" content="" />
  39. <meta name="color:box border" content="" />
  40. <meta name="color:description" content="" />
  41. <meta name="color:post background" content="" />
  42. <meta name="color:post border" content="" />
  43. <meta name="color:ask background" content="" />
  44. <meta name="color:ask" content="" />
  45.  
  46. <meta name="text:link 1" content="" />
  47. <meta name="text:link 1 url" content="" />
  48. <meta name="text:link 2" content="" />
  49. <meta name="text:link 2 url" content="" />
  50. <meta name="text:link 3" content="" />
  51. <meta name="text:link 3 url" content="" />
  52. <meta name="text:link 4" content="" />
  53. <meta name="text:link 4 url" content="" />
  54. <meta name="text:link 5" content="" />
  55. <meta name="text:link 5 url" content="" />
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  58.  
  59. <style type="text/css">
  60.  
  61. /*-----SCROLLBAR-START-----*/
  62.  
  63. ::-webkit-scrollbar {
  64. background:{color:scrollbar background};
  65. width:2px;
  66. height:2px;
  67. }
  68. ::-webkit-scrollbar-thumb {
  69. background:{color:scrollbar};
  70. height:auto;
  71. }
  72.  
  73. /*-----SCROLLBAR-END-----*/
  74.  
  75. /*-----BASICS-START-----*/
  76.  
  77. body {
  78. background:{color:background};
  79. background-image:url('{image:background}');
  80. background-attachment:fixed;
  81. background-repeat:repeat;
  82. color:{color:text};
  83. font-family:'roboto';
  84. font-size:9px;
  85. line-height:150%;
  86. text-align:left;
  87. }
  88. a {
  89. color:{color:link};
  90. font-weight:bold;
  91. text-decoration:none;
  92. }
  93. a:hover {
  94. color:{color:text};
  95. transition-duration:0.4s;
  96. }
  97. h1 {
  98. text-transform:uppercase;
  99. font-size:14px;
  100. font-weight:bold;
  101. line-height:150%;
  102. }
  103. small, sub, big {
  104. font-size:9px;
  105. }
  106. u {
  107. text-decoration:none;
  108. border-bottom:1px solid {color:text};
  109. }
  110. ul {
  111. list-style-type:square;
  112. }
  113. blockquote {
  114. border-left:1px solid {color:text};
  115. padding-left:5px;
  116. margin:10px;
  117. }
  118.  
  119. /*-----BASICS-END-----*/
  120.  
  121. /*-----TOPBAR-START-----*/
  122.  
  123. #topbar {
  124. position:fixed;
  125. z-index:9999999999;
  126. margin-top:-8px;
  127. margin-left:-8px;
  128. width:100%;
  129. height:72px;
  130. padding:10px;
  131. padding-top:15px;
  132. background:{color:topbar background};
  133. }
  134. #icons {
  135. height:101px;
  136. overflow:hidden;
  137. transition-duration:all 0.4s ease-out;
  138. }
  139. #icons:hover {
  140. height:404px;
  141. transition-duration:all 0.4s ease-out;
  142. }
  143. #icons img {
  144. position:fixed;
  145. margin-left:5px;
  146. margin-top:0px;
  147. width:65px;
  148. height:65px;
  149. border:1px solid {color:admins border};
  150. margin-bottom:30px;
  151. }
  152. .hidden {
  153. display:none;
  154. }
  155. .unhidden {
  156. display:block;
  157. }
  158. #title {
  159. position:fixed;
  160. font-weight:bold;
  161. font-size:20px;
  162. color:{color:title};
  163. margin-left:87px;
  164. margin-top:3px;
  165. }
  166. #links {
  167. display:inline-block;
  168. position:fixed;
  169. font-size:14px;
  170. color:{color:title};
  171. margin-left:87px;
  172. margin-top:25px;
  173. height:40px;
  174. width:800px;
  175. }
  176. #links a {
  177. padding-right:5px;
  178. line-height:22px;
  179. color:{color:title};
  180. }
  181. #links a:hover {
  182. color:{color:topbar background};
  183. }
  184.  
  185. /*-----TOPBAR-END-----*/
  186.  
  187. /*-----SIDEBAR-START-----*/
  188.  
  189. #sidebar {
  190. position:fixed;
  191. width:542px;
  192. height:160px;
  193. margin-left:147px;
  194. margin-top:107px;
  195. border:1px solid {color:box border};
  196. border-bottom:0px;
  197. }
  198. #sidebar img {
  199. width:542px;
  200. height:160px;
  201. }
  202.  
  203. #description {
  204. position:fixed;
  205. width:524px;
  206. height:13.5px;
  207. text-align:center;
  208. padding:10px;
  209. overflow:auto;
  210. margin-top:-3px;
  211. margin-left:-1px;
  212. background:{color:box border};
  213. color:{color:description};
  214. }
  215.  
  216. /*-----ENTRIES-START-----*/
  217.  
  218. #box {
  219. position:fixed;
  220. overflow:auto;
  221. width:522px;
  222. height:308px;
  223. padding:10px;
  224. margin-left:147px;
  225. margin-top:299px;
  226. background:{color:box background};
  227. border:1px solid {color:box border};
  228. border-top:0px;
  229. }
  230. #entries {
  231. position:absolute;
  232. width:500px;
  233. margin-left:0px;
  234. margin-top:-10px;
  235. margin-bottom:20px;
  236. }
  237. #posts {
  238. width:500px;
  239. padding:10px;
  240. padding-top:20px;
  241. padding-bottom:10px;
  242. margin-top:20px;
  243. background:{color:post background};
  244. border:1px solid {color:post border};
  245. }
  246.  
  247. /*-----ENTRIES-END-----*/
  248.  
  249. /*-----ASKS-START-----*/
  250.  
  251. #ask {
  252. padding:10px;
  253. background:{color:ask background};
  254. color:{color:ask};
  255. border:1px solid {color:post border};
  256. text-align:center;
  257. }
  258. #asker {
  259. padding:5px;
  260. background:{color:post border};
  261. color:{color:description};
  262. font-size:14px;
  263. text-align:center;
  264. text-transform:uppercase;
  265. font-weight:bold;
  266. }
  267. #asker a {
  268. color:{color:description};
  269. }
  270. #asker a:hover {
  271. color:{color:description};
  272. }
  273.  
  274. /*-----ASKS-END-----*/
  275.  
  276. /*-----INFO-START-----*/
  277.  
  278. #info {
  279. width:512px;
  280. padding:5px;
  281. margin-left:-11px;
  282. margin-top:-30px;
  283. background:{color:post border};
  284. color:{color:description};
  285. text-align:left;
  286. text-transform:lowercase;
  287. font-size:9px;
  288. font-style:normal;
  289. }
  290. #info a {
  291. color:{color:description};
  292. }
  293.  
  294. /*-----INFO-END-----*/
  295.  
  296. /*-----NOTES-START-----*/
  297.  
  298. #note {
  299. padding-top:10px;
  300. padding-bottom:10px;
  301. margin-left:-30px;
  302. }
  303. #note ol {
  304. list-style-type:none;
  305. }
  306. .note img {
  307. display:none;
  308. }
  309.  
  310. /*-----NOTES-END-----*/
  311.  
  312. /*-----CREDIT-START-----*/
  313.  
  314. #credit {
  315. position:fixed;
  316. right:0px;
  317. bottom:5px;
  318. text-align:center;
  319. text-transform:uppercase;
  320. font-size:14px;
  321. font-weight:bold;
  322. }
  323. #credit a {
  324. padding:5px;
  325. color:{color:text};
  326. }
  327.  
  328. /*-----CREDIT-END-----*/
  329.  
  330. </style>
  331.  
  332. <body>
  333.  
  334. <div id="topbar">
  335. <div id="title">{Title}</div>
  336. <div id="links">
  337. 01. <a href="{text:link 1 url}">{text:link 1}</a>
  338. 02. <a href="{text:link 2 url}">{text:link 2}</a>
  339. 03. <a href="{text:link 3 url}">{text:link 3}</a>
  340. 04. <a href="{text:link 4 url}">{text:link 4}</a>
  341. 05. <a href="{text:link 5 url}">{text:link 5}</a>
  342. </div>
  343. <div id="icons">
  344. <a href="javascript:unhide('admins');"><img src="{image:topbar}" style="border:1px solid {color:topbar border};"></a>
  345. <span id="admins" class="hidden">
  346. <img src="{image:admin1}" style="margin-top:101px;border-radius:50%;">
  347. <img src="{image:admin2}" style="margin-top:187px;border-radius:50%;">
  348. <img src="{image:admin3}" style="margin-top:273px;border-radius:50%;">
  349. </span>
  350. </div>
  351. </div>
  352.  
  353. <div id="sidebar">
  354. <img src="{image:header}">
  355. <div id="description">
  356. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}&nbsp;&nbsp;{Description}&nbsp;&nbsp;{block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div> </div>
  357. </div>
  358.  
  359. <div id="box">
  360. <div id="entries">
  361. {block:Posts}
  362. <div id="posts">
  363.  
  364. <div id="info">
  365. <div id="permalink">
  366. <a href="{Permalink}">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}{/block:Date}</a>
  367. <div style="float:right; font-style:normal; font-weight:normal;"><div style="color:{color:description};">{NoteCount}</div></div>
  368. </div>
  369. </div>
  370.  
  371. {block:Quote}
  372. <h1>{Quote}</h1>
  373. {/block:Quote}
  374.  
  375. {block:Text}
  376. {block:Title}<h1>{Title}</h1>{/block:Title}
  377. {Body}
  378. {/block:Text}
  379.  
  380. {block:Photo}
  381. <br>
  382. {LinkOpenTag}<img src="{PhotoUrl-500}">{LinkCloseTag}
  383. {block:Caption}{Caption}{/block:Caption}
  384. {/block:Photo}
  385.  
  386. {block:Photoset}
  387. <br>
  388. {Photoset-500}
  389. {block:Caption}{Caption}{/block:Caption}
  390. {/block:Photoset}
  391.  
  392. {block:Link}
  393. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  394. {block:Description}{Description}{/block:Description}
  395. {/block:Link}
  396.  
  397. {block:Chat}
  398. <div style="padding-top:10px;">
  399. {block:Title}<h1>{Title}</h1>{/block:Title}
  400. {block:Lines}
  401. {block:Label}<strong style="font-size:9px; font-weight:bold; color:{color:text};">{Label}</strong>{/block:Label}
  402. {Line}<br>
  403. {/block:Lines}
  404. </div>
  405. {/block:Chat}
  406.  
  407. {block:Audio}
  408. <br>
  409. <div class="audioContainer">
  410. {AudioPlayerBlack}
  411. </div>
  412. {block:Caption}{Caption}{/block:Caption}
  413. {/block:Audio}
  414.  
  415. {block:Video}
  416. <br>
  417. {Video-500}
  418. {block:Caption}{Caption}{/block:Caption}
  419. {/block:Video}
  420.  
  421. {block:Answer}
  422. <br>
  423. <div id="ask">
  424. {Question}
  425. </div>
  426. <div id="asker">
  427. {Asker}
  428. </div>
  429. {Answer}
  430. {/block:Answer}
  431.  
  432. {block:PostNotes}
  433. <div id="note">
  434. {PostNotes}
  435. </div>
  436. {block:PostNotes}
  437.  
  438. </div>
  439. {/block:Posts}
  440. </div>
  441. </div>
  442.  
  443. <div id="credit">
  444. <a href="http://astrumwrites.tumblr.com">@</a>
  445. </div>
  446.  
  447. </body>
  448.  
  449. </head>
  450. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement