API tools faq
paste
ass666

Drowning - theme1

ass666
Jan 9th, 2015
238
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.78 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <!--
  4.  
  5. CODE BY KATIE (enochcian.tumblr.com)
  6.  
  7. PLEASE: Mess with the code until you are happy with the look. DO NOT remove credit. Ask me if you have questions, despite me not knowing much about coding.
  8. I also have an updates tab that would look good with this if you want it!
  9.  
  10. Have a good time :)
  11. -->
  12. <head>
  13.  
  14. <!-- this allows for most features to work, such as if you want to add in infinite scrolling -->
  15. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  16.  
  17.  
  18. <title>{title}</title>
  19. <link rel="shortcut icon" href="{Favicon}" />
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="Description" content="{MetaDescription}" />{/block:Description}
  22.  
  23.  
  24. <!-- ------ DEFAULT VARIABLES ------ -->
  25.  
  26. <meta name="color:Background" content="#e4e4e4" />
  27. <meta name="color:Post Background" content="#faf9f8" />
  28. <meta name="color:Sidebar Background" content="#faf9f8" />
  29. <meta name="color:Content Background" content="#a4cddf" />
  30.  
  31. <meta name="color:Scrollbar" content="#a4cddf" />
  32. <meta name="color:Scrollbar Background" content="#faf9f8" />
  33.  
  34. <meta name="color:Title" content="#3e819e" />
  35.  
  36. <meta name="color:Text" content="#657474" />
  37. <meta name="color:Bold" content="#2eb4ee" />
  38. <meta name="color:Link" content="#218bb8" />
  39. <meta name="color:Link Hover" content="#1b4456" />
  40. <meta name="color:Italic" content="#89a3ae" />
  41. <meta name="color:asker" contert=""/>
  42. <meta name="color:answer" contert=""/>
  43.  
  44. <meta name="image:Background" content="" />
  45.  
  46.  
  47. <meta name="text:Link1" content="" />
  48. <meta name="text:Link1 URL" content="http://"/>
  49.  
  50. <meta name="text:Link2" content="" />
  51. <meta name="text:Link2 URL" content="http://"/>
  52.  
  53.  
  54. <meta name="if:ShowCaption" content="1" />
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57.  
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59. <script>
  60.  
  61. (function($){
  62.  
  63. $(document).ready(function(){
  64.  
  65. $("a[title]").style_my_tooltips({
  66.  
  67. tip_follows_cursor:true,
  68.  
  69. tip_delay_time:30,
  70.  
  71. tip_fade_speed:300,
  72.  
  73. attribute:"title"
  74.  
  75. });
  76.  
  77. });
  78.  
  79. })(jQuery);
  80.  
  81. </script>
  82.  
  83. <style type="text/css">
  84.  
  85. #s-m-t-tooltip{
  86. position:absolute;
  87. margin-top: 15px;
  88. z-index:999999;
  89. font-size: 9px;
  90. padding: 8px;
  91. background:{color:sidebar background};
  92. }
  93.  
  94. /* -------------- SCROLLBAR --------------- */
  95.  
  96. ::-webkit-scrollbar {
  97. width: 5px;
  98. background-color: {color:Scrollbar Background};
  99. }
  100.  
  101. ::-webkit-scrollbar-thumb {
  102. background-color: {color:Scrollbar};
  103. }
  104.  
  105. /* -------------- CONTENT --------------- */
  106.  
  107. img {display:block;}
  108.  
  109. body{
  110. color:{color:Text};
  111. font-family:consolas;
  112. font-size: 11px;
  113. line-height:120%;
  114. overflow-x:hidden;
  115. width:150%;
  116. background-color: {color:Background};
  117. {block:ifBackgroundImage}
  118. background-image: url('{image:Background}');
  119. {/block:ifBackgroundImage}
  120. background-size:cover;
  121. background-repeat:no-repeat;
  122. background-attachment: fixed;
  123.  
  124. }
  125.  
  126. a{
  127. text-decoration:none;
  128. outline:none;
  129. -moz-outline-style:none;
  130. color: {color:Link};
  131. }
  132.  
  133. a:hover{
  134. color: {color:Link Hover};
  135. }
  136.  
  137. b, strong{color: {color:Bold};}
  138.  
  139. i, em{color: {color:Italic};}
  140.  
  141. blockquote {
  142. padding-left: 3px;
  143. padding-right: 1px;
  144. margin-left: 20px;
  145. }
  146.  
  147. pre{
  148. font-size:10px;
  149. padding:20px;
  150. white-space: pre-wrap; /* css-3 */
  151. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  152. white-space: -pre-wrap; /* Opera 4-6 */
  153. white-space: -o-pre-wrap; /* Opera 7 */
  154. word-wrap: break-word; /* Internet Explorer 5.5+ */
  155. }
  156.  
  157. #content img{display: block; max-width: 100%;}
  158.  
  159. #content{
  160. height:auto;
  161. text-align:left;
  162. position:absolute;
  163. {block:ifShowContentBackground}
  164. background-color: {color:Content Background};
  165. {block:ifContentBackgroundImage}
  166. background-image: url('{image:ContentBackground}');
  167. {/block:ifContentBackgroundImage}
  168. {/block:ifShowContentBackground}
  169. padding:50px;
  170. left:400px;
  171. top:0px;
  172. }
  173.  
  174. /* -------------- POST TITLE --------------- */
  175.  
  176. .title{
  177. padding:5px;
  178. font-size: 16px;
  179. text-transform:uppercase;
  180. line-height: 100%;
  181. letter-spacing: 1px;
  182. text-align:center;
  183. }
  184.  
  185. /* -------------- POST QUESTON/ANSWER --------------- */
  186.  
  187. .qAuthor, .aAuthor{
  188. background-color:{color:asker};
  189. width:380px;
  190. text-transform:uppercase;
  191. text-align:center;
  192. letter-spacing:3px;
  193. font-size:13px;
  194. padding:10px;
  195. }
  196.  
  197. .q, .a{
  198. padding:20px;
  199. background-color:{color:answer};
  200. margin-bottom:15px;
  201. margin-top:5px;
  202. }
  203.  
  204. .youranswer{
  205. padding:30px;
  206. background-color:#e5f0f5;
  207. }
  208.  
  209. /* -------------- POST CHAT LOGS --------------- */
  210.  
  211. .chat .chat1 {margin-left: 0px;}
  212.  
  213. .chat .chat1 .chat2 {
  214. margin-bottom: 1px;
  215. padding: 5px;
  216. }
  217.  
  218. .chat .chat1 .chat2 span{
  219. font-weight: bold;
  220. text-transform: uppercase;
  221. }
  222.  
  223. /* -------------- POST LINK --------------- */
  224.  
  225. .link{
  226. font-size: 20px;
  227. letter-spacing:1px;
  228. padding:20px;
  229. text-align:center;
  230. margin-bottom:10px;
  231. }
  232.  
  233. /* -------------- POST QUOTE --------------- */
  234.  
  235. .quote{
  236. font-size:20px;
  237. letter-spacing:2px;
  238. line-height:120%;
  239. }
  240.  
  241. /* -------------- POST NOTES --------------- */
  242.  
  243.  
  244.  
  245. ol.notes{
  246. padding: 0px;
  247. margin-top: 15px;
  248. list-style-type: none;
  249. width: 395px;
  250. letter-spacing: 1px;
  251. padding-top:10px;
  252. font-size:10px;
  253. }
  254.  
  255. ol.notes li.note {
  256. text-align: left;
  257. letter-spacing: 1px;
  258. padding: 5px;
  259. }
  260.  
  261. ol.notes li.note img.avatar{
  262. display: none !important;
  263. }
  264.  
  265.  
  266. /* -------------- POSTS --------------- */
  267.  
  268. .post{
  269. overflow:hidden;
  270. background-color: {color:Post Background};
  271. padding:30px;
  272. width: 400px;
  273. box-shadow:2px 2px 0.2em rgba(0,0,0,0.3);
  274. }
  275.  
  276. /* -------------- PERMALINK/TAGS--------------- */
  277.  
  278. #permalink {
  279. margin-top:15px;
  280. font-size:9px;
  281. margin-left:-7px;
  282. text-transform:uppercase;
  283. text-align: left;
  284. }
  285.  
  286. #permalink a {
  287. padding: 10px;
  288. font-size: 9px;
  289. }
  290. .perma{
  291. margin-top:0px;
  292. font-size:9px;
  293. text-transform:uppercase;
  294. letter-spacing:1px;
  295. text-align:center;
  296. }
  297.  
  298. #posts .tags {
  299. color:transparent;
  300. -webkit-transition: all 0.4s ease-out;
  301. -moz-transition: all 0.4s ease-out;
  302. -o-transition: all 0.4s ease-out;
  303.  
  304. }
  305.  
  306. #posts:hover .tags {
  307.  
  308. opacity: 1;
  309. -webkit-transition: all 0.4s ease-out;
  310. -moz-transition: all 0.4s ease-out;
  311. -o-transition: all 0.4s ease-out;
  312.  
  313. }
  314.  
  315. .tags a {
  316. font-size: 8px;
  317. }
  318.  
  319. .tags a:hover {
  320. font-style:italic;
  321. }
  322.  
  323. .tags {
  324. word-break:break-all;
  325. font-size:9px;
  326. }
  327.  
  328.  
  329. /* -------------- SIDEBAR --------------- */
  330.  
  331. #sidebar{
  332. background-color:{color:Sidebar Background};
  333. width:200px;
  334. position:fixed;
  335. top:250px;
  336. left:70px;
  337. padding:30px;
  338. padding-bottom:0px;
  339. padding-top:5px;
  340. box-shadow:2px 2px 0.2em rgba(0,0,0,0.3);
  341. }
  342.  
  343. /* -------------- TITLE --------------- */
  344.  
  345. #ttle{
  346. font-size:15px;
  347. letter-spacing:2px;
  348. margin-top:225px;
  349. position:fixed;
  350. margin-left:70px;
  351. color:{color:Title};
  352. text-shadow:2px 2px 0.2em rgba(0,0,0,0.4);
  353. }
  354.  
  355. /* -------------- DESCRIPTION --------------- */
  356.  
  357. #description{
  358. line-height:200%;
  359. letter-spacing:1px;
  360. font-size:10px;
  361. margin-top:20px;
  362. }
  363.  
  364. /* -------------- LINKS --------------- */
  365.  
  366. #links{
  367. margin:10px 0px;
  368. text-align:center;
  369. line-height:200%;
  370. font-size:10px;
  371. }
  372.  
  373. #links a{
  374. padding:5px;
  375. -webkit-transition:0.3s ease-in-out;
  376. -moz-transition:0.3s ease-in-out;
  377. -ms-transition:0.3s ease-in-out;
  378. -o-transition:0.3s ease-in-out;
  379. }
  380.  
  381. #links a:hover{
  382. letter-spacing:2px;
  383.  
  384. }
  385.  
  386. /* -------------- PAGINATION --------------- */
  387.  
  388. #pagination {
  389. padding:10px;
  390. margin-top: 1px;
  391. font-size: 9px;
  392. margin-bottom: 20px;
  393. text-align: center;
  394. }
  395.  
  396. #pagination a {
  397. padding: 20px;
  398. text-transform: uppercase;
  399. text-align: center;
  400. font-size: 10px;
  401. letter-spacing: 1px;
  402. background:transparent;
  403. border:2px solid transparent;
  404. margin: 10px;
  405. transition:0.5s ease-in-out;
  406. -webkit-transition:0.5s ease-in-out;
  407. -moz-transition:0.5s ease-in-out;
  408. -ms-transition:0.5s ease-in-out;
  409. -o-transition:0.5s ease-in-out;
  410. }
  411.  
  412. #pagination a:hover {
  413. background:transparent;
  414. color:transparent;
  415. }
  416.  
  417. /* -------------- CUSTOM CSS --------------- */
  418.  
  419. {CustomCSS}
  420.  
  421. </style>
  422.  
  423.  
  424. </head>
  425. <body>
  426. <div id="ttle">{Title}</div>
  427. <div id="sidebar">
  428.  
  429. <div id="description">{Description}</div>
  430.  
  431. <div id="links">
  432. <a href="/">home</a>
  433. {block:AskEnabled}
  434. <a href="/ask" title="ask">
  435. ask</a>
  436. {/block:AskEnabled}
  437. {block:SubmissionsEnabled}
  438. <a href="/submit" title="submit">submit</a>
  439. {/block:SubmissionsEnabled}
  440. {block:ifLink1}
  441. <a href="{text:Link1 URL}" id="{text:Link1}">
  442. {text:Link1}
  443. </a>
  444. {/block:ifLink1}
  445. {block:ifLink2}
  446. <a href="{text:Link2 URL}" id="{text:Link2}">
  447. {text:Link2}
  448. </a>
  449. {/block:ifLink2}
  450. {block:HasPages}{block:Pages}<a href="{URL}" id="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}
  451. </div>
  452.  
  453. {block:IndexPage}
  454. <div id="pagination">
  455. {block:Pagination}
  456. {block:PreviousPage}
  457. <a href="{PreviousPage}">previous</a>
  458. {/block:PreviousPage}
  459.  
  460.  
  461. {block:NextPage}
  462. <a href="{NextPage}">next</a>
  463. {/block:NextPage}
  464. {/block:Pagination}
  465. </div>
  466. {/block:IndexPage}
  467. </div>
  468.  
  469. <div id="content">
  470.  
  471.  
  472. {block:Posts}
  473.  
  474. <div class="post">
  475.  
  476.  
  477. {block:Title}<div class="title">{Title}</div>{/block:Title}
  478.  
  479.  
  480. {block:Text}
  481. {Body}
  482. {/block:Text}
  483.  
  484.  
  485. {block:Photo}
  486. {LinkOpenTag}
  487. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" /></a>
  488. {LinkCloseTag}
  489. {/block:Photo}
  490.  
  491.  
  492. {block:Panorama}
  493. {LinkOpenTag}
  494. <a href="{permalink}"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></a>
  495. {LinkCloseTag}
  496. {/block:Panorama}
  497.  
  498.  
  499. {block:Photoset}
  500.  
  501. {Photoset-400}
  502.  
  503. {/block:Photoset}
  504.  
  505.  
  506. {block:Quote}
  507.  
  508. <p><span class="quote">{Quote}</span></p>
  509.  
  510. <p>{block:Source}-{Source}{/block:Source}</p>
  511.  
  512. {/block:Quote}
  513.  
  514.  
  515. {block:Video}
  516.  
  517. {Video-400}<br>
  518. {PlayCountWithLabel}
  519.  
  520. {/block:Video}
  521.  
  522.  
  523. {block:Link}
  524. <div style="padding:5px;">
  525. <div class="link">
  526. <a href="{URL}" {Target}>{Name} </a>
  527. </div><br>
  528. {block:Description}{Description}{/block:Description}
  529. </div>
  530. {/block:Link}
  531.  
  532.  
  533. {block:Chat}
  534. <div class="chat">
  535. <div class="chat1">
  536. {block:Lines}
  537. <div class="chat2 {Alt}">
  538. {block:Label}
  539. <b>{Label}</b>
  540. {/block:Label}
  541. {Line}</div>
  542. {/block:Lines}
  543. </div>
  544. </div>
  545. {/block:Chat}
  546.  
  547.  
  548. {block:Audio}
  549.  
  550. {block:AudioEmbed}
  551. {AudioEmbed-400}
  552. {/block:AudioEmbed}
  553.  
  554. {/block:Audio}
  555.  
  556.  
  557. {block:Answer}
  558.  
  559. <div class="qAuthor">
  560. {Asker}
  561. </div>
  562.  
  563. <div class="q">{Question}</div>
  564.  
  565. {block:Answerer}
  566.  
  567. <div class="aAuthor">
  568. {Answerer}
  569. </div>
  570.  
  571. {/block:Answerer}
  572.  
  573.  
  574. <div class="a">{Answer}</div>
  575.  
  576. {/block:Answer}
  577.  
  578. {block:ifShowCaption}
  579. {block:Caption}
  580. {Caption}
  581. {/block:Caption}
  582. {/block:ifShowCaption}
  583.  
  584. {block:PermalinkPage}
  585. {block:ifNotShowCaption}
  586. {block:Caption}
  587. {Caption}
  588. {/block:Caption}
  589. {/block:ifNotShowCaption}
  590. {/block:PermalinkPage}
  591.  
  592. {block:IndexPage}
  593.  
  594. <!-- POST INFORMATION/PERMALINK -->
  595. <div class="perma">
  596. {block:Date}
  597. <div id="permalink">
  598. <a href="{Permalink}" >{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>{block:NoteCount}<a href="{Permalink}">{NoteCount} NOTES</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}" style="font-size: 8px;">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  599. </div>{/block:Date}</a>
  600.  
  601. </div>
  602.  
  603.  
  604. {/block:IndexPage}
  605.  
  606. </div><!-- END POSTS -->
  607.  
  608.  
  609. {block:IndexPage}
  610.  
  611. <!-- TAGS -->
  612.  
  613.  
  614. {/block:IndexPage}
  615.  
  616.  
  617. {block:PermalinkPage}
  618. <div class="permaPageInfo">
  619. {block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
  620. {block:NotReblog}Posted{/block:NotReblog}
  621. {block:Date}{TimeAgo}{/block:Date}
  622. {block:NoteCount}
  623. with {NoteCountWithLabel}
  624. {/block:NoteCount}
  625.  
  626. {block:RebloggedFrom}
  627. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  628. <br />
  629. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  630. <br />
  631. {/block:RebloggedFrom}
  632.  
  633. {block:HasTags}
  634. <br><br>
  635. {block:Tags}
  636. <a href="{TagURL}">#{Tag}</a>
  637. {/block:Tags}
  638. <br><br>
  639. {/block:HasTags}
  640. </div>
  641. <br>
  642.  
  643. {block:PostNotes}
  644. <div class="permaPageInfo">
  645. {PostNotes}
  646. </div>
  647. {/block:PostNotes}
  648.  
  649.  
  650. {/block:PermalinkPage}
  651.  
  652. <div style="margin-bottom:40px;"><br /></div>
  653.  
  654. {/block:Posts}
  655.  
  656. </div><!-- END CONTENT -->
  657.  
  658. <div style="font-size:8px; font-family:helvetica; letter-spacing:2px; background-color:{color:sidebar background}; padding:5px; ; position:fixed; right:15px; bottom:10px; color:{color:font};box-shadow:2px 2px 0.2em rgba(0,0,0,0.3);"><a href="http://www.enochcian.tumblr.com">here</a></div>
  659.  
  660. </body>
  661. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!