Advertisement
rileysux

xiii/ soap

Aug 16th, 2015
1,003
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.14 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. <!----
  12. all of this coding belongs to ASTRUMWRITES, except where noted
  13. no stealing, copying, or redistributing
  14. editing is fine, as long as you don’t try to pass it off as your own
  15. don’t move the credit to another page, keep it where it is
  16. any questions, don’t hesitate to ask me @ ASTRUMWRITES !
  17. ---->
  18.  
  19. <!----IMAGES---->
  20.  
  21. <meta name="image:bg" content="" />
  22. <meta name="image:top left" content="" />
  23. <meta name="image:top right" content="" />
  24. <meta name="image:first muse" content="" />
  25. <meta name="image:second muse" content="" />
  26. <meta name="image:third muse" content="" />
  27. <meta name="image:fourth muse" content="" />
  28.  
  29. <!----COLORS---->
  30.  
  31. <meta name="color:scroll" content="" />
  32. <meta name="color:scroll bg" content="" />
  33. <meta name="color:bg" content="" />
  34. <meta name="color:txt" content="" />
  35. <meta name="color:url" content="" />
  36. <meta name="color:post bg" content="" />
  37. <meta name="color:accent" content="" />
  38. <meta name="color:shadow" content="" />
  39.  
  40. <!----TEXT---->
  41.  
  42. <meta name="text:first tab" content="" />
  43. <meta name="text:first tab info" content="" />
  44. <meta name="text:second tab" content="" />
  45. <meta name="text:links tab" content="" />
  46. <meta name="text:refresh title" content="" />
  47. <meta name="text:ask title" content="" />
  48. <meta name="text:link url" content="" />
  49. <meta name="text:link title" content="" />
  50. <meta name="text:first muse" content="" />
  51. <meta name="text:second muse" content="" />
  52. <meta name="text:third muse" content="" />
  53. <meta name="text:fourth muse" content="" />
  54.  
  55. <!----TOOLTIPS---->
  56.  
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58.  
  59. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  60.  
  61. <script>
  62. (function($){
  63. $(document).ready(function(){
  64. $("a[title]").style_my_tooltips({
  65. tip_follows_cursor:true,
  66. tip_delay_time:90,
  67. tip_fade_speed:600,
  68. attribute:"title"
  69. });
  70. });
  71. })(jQuery);
  72. </script>
  73.  
  74. <!----FONT---->
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  77.  
  78. <style type="text/css">
  79.  
  80. /*----SCROLLBAR-START----*/
  81.  
  82. ::-webkit-scrollbar {
  83. background:{color:scroll bg};
  84. width:2px;
  85. height:2px;
  86. }
  87. ::-webkit-scrollbar-thumb {
  88. background:{color:scroll};
  89. height:auto;
  90. }
  91.  
  92. /*----SCROLLBAR-END----*/
  93.  
  94. /*----TOOLTIP-START----*/
  95.  
  96. #s-m-t-tooltip {
  97. z-index:9999999999999999999999999999999999999;
  98. margin:20px 7px -2px 20px;
  99. padding:5px;
  100. background:{color:post bg};
  101. border:1px solid {color:accent};
  102. box-shadow:5px 5px {color:accent};
  103. color:{color:txt};
  104. font-family:'roboto';
  105. font-size:9px;
  106. font-weight:bold;
  107. text-shadow:1px 1px 1px {color:shadow};
  108. text-transform:lowercase;
  109. max-width:300px;
  110. padding:5px;
  111. }
  112. .tooltip {
  113. position:relative;
  114. display:inline;
  115. }
  116.  
  117. /*----BASICS-START----*/
  118.  
  119. body {
  120. background:{color:bg};
  121. background-attachment:fixed;
  122. background-image:url('{image:bg}');
  123. background-repeat:repeat;
  124. color:{color:txt};
  125. font-family:'roboto';
  126. font-size:9px;
  127. line-height:150%;
  128. text-align:left;
  129. }
  130. a {
  131. color:{color:url};
  132. font-weight:bold;
  133. text-decoration:none;
  134. text-shadow:1px 1px 1px {color:shadow};
  135. transition-duration:0.3s;
  136. }
  137. a:hover {
  138. color:{color:txt};
  139. transition-duration:0.3s;
  140. }
  141. h1 {
  142. font-size:15px;
  143. font-style:italic;
  144. font-weight:bold;
  145. line-height:150%;
  146. text-shadow:1px 1px 1px {color:shadow};
  147. text-transform:lowercase;
  148. }
  149. small, sub {
  150. font-size:9px;
  151. }
  152. ul {
  153. list-style-type:square;
  154. }
  155. blockquote {
  156. border-left:1px solid {color:txt};
  157. padding-left:5px;
  158. margin:10px;
  159. }
  160.  
  161. /*----BASICS-END----*/
  162.  
  163. /*----TOPBAR-START----*/
  164.  
  165. #top {
  166. position:fixed;
  167. margin-left:140px;
  168. margin-top:70px;
  169. background:{color:post bg};
  170. border:1px solid {color:accent};
  171. padding:10px;
  172. width:539px;
  173. height:105px;
  174. }
  175. #left img {
  176. position:fixed;
  177. border:1px solid {color:accent};
  178. box-shadow:5px 5px {color:accent};
  179. width:100px;
  180. height:100px;
  181. }
  182. #right img {
  183. position:fixed;
  184. margin-left:438px;
  185. margin-top:5px;
  186. border:1px solid {color:accent};
  187. box-shadow:-5px -5px {color:accent};
  188. width:100px;
  189. height:100px;
  190. }
  191. #desc {
  192. position:fixed;
  193. margin-left:107px;
  194. padding:10px;
  195. line-height:200%;
  196. text-align:center;
  197. text-shadow:1px 1px 1px {color:shadow};
  198. width:306px;
  199. height:87px;
  200. }
  201.  
  202. /*----TOPBAR-END----*/
  203.  
  204. /*----TAB-START----*/
  205. /*----this coding belongs, in part, to JCGGED/SHAYOFRP----*/
  206.  
  207. #updatetab {
  208. position:fixed;
  209. margin-left:539px;
  210. margin-top:-20px;
  211. text-align:center;
  212. width:100px;
  213. padding:10px;
  214. }
  215. #mun {
  216. margin-top:-1px;
  217. padding:10px;
  218. background-color:{color:post bg};
  219. border:solid 1px {color:accent};
  220. color:{color:text};
  221. font-size:9px;
  222. }
  223. #mun span {
  224. font-weight:bold;
  225. text-shadow:1px 1px 1px {color:shadow};
  226. }
  227. .mun {
  228. overflow:hidden;
  229. height:0px;
  230. }
  231. .mun img {
  232. margin-top:6px;
  233. border:1px solid {color:accent};
  234. width:76px;
  235. height:76px;
  236. }
  237. .mun img:first-child {
  238. margin-top:10px;
  239. }
  240. #mun:hover .mun {
  241. transition:all 0.3s;
  242. height:auto;
  243. }
  244. #updatetab blockquote{
  245. padding:0px;
  246. border-left:solid 0px;
  247. }
  248.  
  249. /*----TAB-END----*/
  250.  
  251. /*----PAGINATION-START----*/
  252.  
  253. #paginate {
  254. position:fixed;
  255. margin-left:539px;
  256. margin-top:473px;
  257. text-align:center;
  258. width:100px;
  259. padding:10px;
  260. }
  261.  
  262. /*----PAGINATION-END----*/
  263.  
  264. /*----CONTAINER-START----*/
  265.  
  266. #container {
  267. position:fixed;
  268. margin-left:-11px;
  269. margin-top:115px;
  270. overflow:auto;
  271. background:{color:post bg};
  272. border:1px solid {color:accent};
  273. width:559px;
  274. height:400px;
  275. }
  276. #entries {
  277. position:absolute;
  278. margin-bottom:20px;
  279. width:500px;
  280. }
  281. #posts {
  282. margin-left:15px;
  283. margin-top:15px;
  284. padding:10px;
  285. background:{color:post bg};
  286. border:1px solid {color:accent};
  287. box-shadow:5px 5px {color:accent};
  288. width:500px;
  289. }
  290.  
  291. /*----CONTAINER-END----*/
  292.  
  293. /*----AUDIO-START----*/
  294.  
  295. .playbox {
  296. position:absolute;
  297. z-index:1000;
  298. margin-left:50px;
  299. background-color:black;
  300. width:450px;
  301. }
  302. .playbutton {
  303. position:relative;
  304. z-index:1000;
  305. margin-bottom:10px;
  306. margin-top:10px;
  307. overflow:hidden;
  308. width:20px;
  309. height:30px;
  310. }
  311. .cover {
  312. position:relative;
  313. z-index:1;
  314. width:50px;
  315. }
  316.  
  317. /*----AUDIO-END----*/
  318.  
  319. /*----ASKS-START----*/
  320.  
  321. #ask {
  322. padding:10px;
  323. background:white;
  324. border:1px solid {color:accent};
  325. box-shadow:2px 2px {color:accent};
  326. color:black;
  327. text-align:right;
  328. text-shadow:1px 1px 1px {color:shadow};
  329. }
  330.  
  331. /*----ASKS-END----*/
  332.  
  333. /*----INFO-START----*/
  334.  
  335. #info {
  336. padding:5px;
  337. padding-top:10px;
  338. border-top:1px solid {color:accent};
  339. text-align:center;
  340. text-transform:lowercase;
  341. width:490px;
  342. }
  343.  
  344. /*----INFO-END----*/
  345.  
  346. /*----TAGS-START----*/
  347.  
  348. #tags {
  349. display:inline;
  350. padding:0px;
  351. list-style-type:none;
  352. }
  353. #tags a {
  354. display:inline;
  355. }
  356.  
  357. /*----TAGS-END----*/
  358.  
  359. /*----NOTES-START----*/
  360.  
  361. #note {
  362. margin-left:-30px;
  363. padding-bottom:10px;
  364. padding-top:10px;
  365. }
  366. #note ol {
  367. list-style-type:none;
  368. }
  369. .note img {
  370. display:none;
  371. }
  372.  
  373. /*----NOTES-END----*/
  374.  
  375. /*----CREDIT-START----*/
  376.  
  377. #credit {
  378. position:fixed;
  379. bottom:5px;
  380. right:0px;
  381. font-size:15px;
  382. font-weight:bold;
  383. text-align:center;
  384. text-transform:uppercase;
  385. }
  386. #credit a {
  387. padding:5px;
  388. color:{color:txt};
  389. }
  390.  
  391. /*----CREDIT-END----*/
  392.  
  393. </style>
  394.  
  395. <body>
  396.  
  397. <!----TOPBAR-START---->
  398.  
  399. <div id="top">
  400. <div id="left">
  401. <img src="{image:top left}">
  402. </div>
  403. <div id="desc">
  404. {Description}
  405. </div>
  406. <div id="right">
  407. <img src="{image:top right}">
  408. </div>
  409.  
  410. <!----TAB-START---->
  411. <!----this coding belongs, in part, to JCGGED/SHAYOFRP---->
  412.  
  413. <div id="updatetab">
  414. <div id="mun"><span>{text:first tab}</span>
  415. <div class="mun">
  416. <blockquote>{text:first tab info}</blockquote>
  417. </div></div>
  418. <div id="mun"><span>{text:second tab}</span>
  419. <div class="mun">
  420. <div align="left">
  421. <a title="{text:first muse}"><img src="{image:first muse}"></a>
  422. <a title="{text:second muse}"><img src="{image:second muse}"></a>
  423. <a title="{text:third muse}"><img src="{image:third muse}"></a>
  424. <a title="{text:fourth muse}"><img src="{image:fourth muse}"></a>
  425. </div>
  426. </div></div>
  427. <div id="mun"><span>links</span>
  428. <div class="mun">
  429. <blockquote>
  430. <a href="/" title="{text:refresh title}">01.</a>&nbsp;
  431. <a href="/ask" title="{text:ask title}">02.</a>&nbsp;
  432. <a href="{text:link url}" title="{text:link title}">03.</a>
  433. </blockquote>
  434. </div></div>
  435. </div>
  436.  
  437. <!----TAB-END---->
  438.  
  439. <!----PAGINATION-START---->
  440.  
  441. <div id="paginate">
  442. <div id="mun">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}&nbsp;&nbsp;&nbsp;&nbsp;{block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  443. </div>
  444.  
  445. <!----PAGINATION-END---->
  446.  
  447. <!----CONTAINER-START---->
  448.  
  449. <div id="container">
  450. <div id="entries">
  451. {block:Posts}
  452. <div id="posts">
  453.  
  454. {block:Quote}
  455. <h1>❛&nbsp;&nbsp;{Quote}</h1>
  456. {/block:Quote}
  457.  
  458. {block:Text}
  459. {block:Title}<h1>{Title}</h1>{/block:Title}
  460. {Body}
  461. {/block:Text}
  462.  
  463. {block:Photo}
  464. {LinkOpenTag}<img src="{PhotoUrl-500}">{LinkCloseTag}
  465. {block:Caption}{Caption}{/block:Caption}
  466. {/block:Photo}
  467.  
  468. {block:Photoset}
  469. {Photoset-500}
  470. {block:Caption}{Caption}{/block:Caption}
  471. {/block:Photoset}
  472.  
  473. {block:Link}
  474. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  475. {block:Description}<blockquote>{Description}</blockquote>{/block:Description}
  476. {/block:Link}
  477.  
  478. {block:Chat}
  479. {block:Title}<h1>{Title}</h1>{/block:Title}
  480. {block:Lines}
  481. {block:Label}<strong style="color:{color:txt};font-size:9px;font-weight:bold;text-shadow:1px 1px 1px {color:shadow};text-transform:lowercase;">{Label}</strong>{/block:Label}
  482. {Line}<br>
  483. {/block:Lines}
  484. {/block:Chat}
  485.  
  486. {block:Audio}
  487. <div class="playbox">
  488. <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>
  489. </div>
  490. {block:AlbumArt}<img src="{AlbumArtUrl}" class="cover">{/block:AlbumArt}
  491. {block:Caption}{Caption}{/block:Caption}
  492. {/block:Audio}
  493.  
  494. {block:Video}
  495. {Video-500}
  496. {block:Caption}{Caption}{/block:Caption}
  497. {/block:Video}
  498.  
  499. {block:Answer}
  500. <div id="ask">
  501. <b style="text-transform:lowercase;">{Asker}:</b> {Question}
  502. </div>
  503. {Answer}
  504. {/block:Answer}
  505.  
  506. <div id="info">
  507. <div id="permalink">
  508. <a href="{Permalink}" title="{NoteCountWithLabel}">{block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}</a><br>
  509. {block:Tags}
  510. <div id="tags">
  511. # <a href="{TagURL}" title="{Tag}">{Tag}</a>
  512. </div>
  513. {/block:Tags}
  514. </div>
  515. </div>
  516.  
  517. {block:PostNotes}
  518. <div id="note">
  519. {PostNotes}
  520. </div>
  521. {block:PostNotes}
  522.  
  523. </div>
  524. {/block:Posts}
  525. </div>
  526. </div>
  527.  
  528. <!----CONTAINER-END---->
  529.  
  530. </div>
  531.  
  532. <!----TOPBAR-END---->
  533.  
  534. <!----CREDIT-START---->
  535.  
  536. <div id="credit">
  537. <a href="http://astrumwrites.tumblr.com/" title="astrumwrites">@</a>
  538. </div>
  539.  
  540. <!----CREDIT-END---->
  541.  
  542. </body>
  543.  
  544. </head>
  545. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement