API tools faq
paste
Advertisement
rachaelsux

(12) cruel world

rachaelsux
Jul 9th, 2014
330
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.79 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. (12) cruel world by dimplekink, remove the credit and u ded-->
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6.  
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{image:Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <!--Default Variables-->
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#aaaaaa"/>
  18. <meta name="color:Link" content="#000000"/>
  19. <meta name="color:sidebar bg" content="#000000"/>
  20.  
  21.  
  22. <meta name="image:favicon" content=""/>
  23. <meta name="if:Tags" content="1"/>
  24.  
  25. <meta name="text:title" content="" />
  26. <meta name="text:Link 1 URL" content="" />
  27. <meta name="text:Link 1" content="" />
  28. <meta name="text:Link 2 URL" content="" />
  29. <meta name="text:Link 2" content="" />
  30. <meta name="text:Link 3 URL" content="" />
  31. <meta name="text:Link 3" content="" />
  32. <meta name="text:Link 4 URL" content="" />
  33. <meta name="text:Link 4" content="" />
  34. <meta name="text:Link 5 URL" content="" />
  35. <meta name="text:Link 5" content="" />
  36.  
  37.  
  38. <!-- jquery for tooltips-->
  39.  
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42.  
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44.  
  45. <script>
  46.  
  47. (function($){
  48.  
  49. $(document).ready(function(){
  50.  
  51. $("a[title]").style_my_tooltips({
  52.  
  53. tip_follows_cursor:true,
  54.  
  55. tip_delay_time:30,
  56.  
  57. tip_fade_speed:300,
  58.  
  59. attribute:"title"
  60.  
  61. });
  62.  
  63. });
  64.  
  65. })(jQuery);
  66.  
  67. </script>
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74. <!--CSS customization here. -->
  75.  
  76. <style type="text/css">
  77.  
  78. #s-m-t-tooltip{
  79. position:absolute;
  80. margin-top: 15px;
  81. z-index:9999;
  82. background:{color:background};
  83. }
  84.  
  85.  
  86. /*dont touch this */ #credit {
  87. bottom:10px;
  88. font-style:none;
  89. font-size:10px;
  90. right:35px;
  91. position:fixed;
  92. font-weight:none;
  93. }
  94.  
  95. /*basics*/
  96.  
  97. blockquote {padding:0px 0 0px 20px;
  98. border-left:1px solid {color:text};
  99. margin-left:10px;
  100. }
  101.  
  102. body {
  103. background:{color:background};
  104. color:{color:text};
  105. font-family:arial;
  106. font-size:13px;
  107. text-align:justify;
  108. margin:0;
  109. line-height:16px;}
  110.  
  111.  
  112. a {
  113. color:{color:link};
  114. text-decoration:underline;
  115. }
  116.  
  117. a:hover {
  118. font-style:italic;
  119.  
  120. }
  121.  
  122. img{opacity:1;
  123. border:none;
  124. text-decoration:none}
  125.  
  126.  
  127. small {
  128. font-size:9px;}
  129.  
  130. big {
  131. font-size:12px;}
  132.  
  133.  
  134. #title {font-size:12px;
  135. line-height:18px;
  136. font-weight:bold;
  137. margin-bottom:10px;
  138. text-transform:uppercase;
  139. text-align:left;}
  140.  
  141.  
  142. /*sidebar*/
  143. #sidebar {text-align:none;
  144. margin-top:70px;
  145. width:490px;
  146. margin-bottom:100px;
  147. padding:10px;
  148.  
  149.  
  150.  
  151. }
  152.  
  153. #blogt {font-size:13px;
  154. text-transform:uppercase;
  155. letter-spacing:2px;
  156. text-align:right;
  157. margin-bottom:12px;
  158. font-style:italic;
  159. font-weight:lighter;
  160. font-family:helvetica;
  161.  
  162. }
  163.  
  164. .links {
  165. line-height:20px;
  166. font-size:10px;
  167. width:100px;
  168. margin-top:-68px;
  169. font-family:'lato', sans-serif;
  170. background:transparent;
  171. letter-spacing:3px;
  172. margin-left:-360px;
  173. text-transform:lowercase;
  174. -webkit-transition:all 0.8s;
  175. -moz-transition:all 0.8s;
  176. -ms-transition:all 0.8s;
  177. -o-transition:all 0.8s;
  178. transition:all 0.8s;
  179. }
  180.  
  181. .links a {
  182. border:1px solid {color:link border};
  183. display:inline-block;
  184. height:10px;
  185. width:10px;
  186. -webkit-transition:all 0.8s;
  187. -moz-transition:all 0.8s;
  188. -ms-transition:all 0.8s;
  189. -o-transition:all 0.8s;
  190. transition:all 0.8s;
  191. }
  192.  
  193. .links a:hover {
  194. background:{color:link background};
  195. box-shadow:2px 2px 2px #aaa;
  196. -webkit-transition:all 0.8s;
  197. -moz-transition:all 0.8s;
  198. -ms-transition:all 0.8s;
  199. -o-transition:all 0.8s;
  200. transition:all 0.8s;
  201. }
  202.  
  203.  
  204. #description {
  205. margin:0px 0;
  206. padding:15px;
  207. margin-bottom:12px;
  208. font-size:11px;
  209. background:{color:sidebar bg};
  210. }
  211.  
  212.  
  213. /*pagination*/
  214. #pagination {
  215. margin:50px 0;
  216. font-size:13px;
  217. text-transform:uppercase;
  218. letter-spacing:2px;
  219. text-align:center;
  220.  
  221. }
  222. #pagination a {
  223. padding:0 15px;
  224. }
  225.  
  226. /*container*/
  227. #con {
  228. left:50%;
  229. margin-left:-250px;
  230. position:absolute;
  231. }
  232.  
  233.  
  234.  
  235. /*posts*/
  236.  
  237. #entries {
  238. margin-top:75px;
  239. width:500px;
  240. }
  241.  
  242.  
  243.  
  244. #posts {
  245. width:500px;
  246. {block:IndexPage}
  247. margin-bottom:115px;
  248. {/block:IndexPage}
  249. {block:PermalinkPage}
  250. margin-bottom:50px;
  251. {/block:PermalinkPage}
  252.  
  253. }
  254. #posts img {
  255. max-width:500px;
  256. }
  257.  
  258. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  259. .caption {width:100%;
  260. margin-top:10px;
  261.  
  262. }
  263.  
  264. /*quote*/
  265.  
  266. #titlequote{
  267. font-size:14px;
  268. line-height:20px;
  269. text-align:center;
  270. margin-left:0px;
  271. font-size:13px;
  272. text-transform:uppercase;
  273. letter-spacing:2px;
  274. color:{color:title};
  275. margin-bottom:20px;
  276. }
  277.  
  278. #source {position:absolute;
  279. font-size:9px;
  280. margin-top:-10px;
  281. font-style:italic;
  282. margin-left:250px;
  283. font-family:arial;}
  284.  
  285. /*audio*/
  286.  
  287. .newplayerbutton {
  288. position: relative;
  289. width: 28px;
  290. height: 27px;
  291. overflow: hidden;
  292. }
  293.  
  294. .playerbuttonhug {
  295. position: absolute;
  296. top: -11px;
  297. left: -12px;
  298. }
  299.  
  300.  
  301. .tumblr_audio_player {
  302. border: none;
  303. padding: 0px;
  304. margin: 0px;
  305. height: 50px;
  306. width: 500px;
  307. }
  308.  
  309. .playerbuttonbg {
  310. position: absolute;
  311. left: 20px;
  312. top: 20px;
  313. width: 28px;
  314. height: 28px;
  315. background-color: #ffffff;
  316. padding: 10px;
  317. -webkit-border-radius: 40px;
  318. -moz-border-radius: 40px;
  319. border-radius: 40px;
  320. opacity: .4;
  321. filter: alpha(opacity=40);
  322. -moz-opacity: 0.4;
  323. -khtml-opacity: 0.4;
  324. transition: opacity .7s ease-in-out;
  325. -moz-transition: opacity .7s ease-in-out;
  326. -webkit-transition: opacity .7s ease-in-out;
  327. }
  328.  
  329. .playerbuttonbg:hover {
  330. opacity: 1;
  331. filter: alpha(opacity=100);
  332. -moz-opacity: 1;
  333. -khtml-opacity: 1;
  334. }
  335.  
  336. .audioimgwrapper {
  337. position: absolute;
  338. left: 0px;
  339. top: 0px;
  340. -webkit-border-radius: 50px;
  341. -moz-border-radius: 50px;
  342. border-radius: 50px;
  343. overflow: hidden;
  344. width: 88px;
  345. height: 88px;
  346. }
  347.  
  348. .audioimgwrapper img {
  349. width: 100%;
  350. height: auto;
  351. -webkit-border-radius: 50px;
  352. -moz-border-radius: 50px;
  353. border-radius: 50px;
  354. }
  355.  
  356. .trackdetails {
  357. width: auto;
  358. display:inline-block;
  359. margin-left: 100px;
  360. min-height: 85px;
  361. }
  362.  
  363. .audiowrapper {
  364. position: relative;
  365. display:inline-block;
  366. }
  367.  
  368.  
  369. /*asks*/
  370. #q {
  371. -webkit-transition: all 0.3s linear;
  372. -moz-transition: all 0.3s linear;
  373. transition: all 0.3s linear;
  374. background-color:transparent;
  375. color: {color:text};
  376. margin-left:0px;
  377. padding:0px;
  378. margin-top:-10px;
  379. margin-bottom:5px;
  380. font-size:10px;
  381. font-style:italic;
  382. text-align:left;
  383. }
  384. #q img{
  385. border: 1px solid #fff;
  386. border-radius:30px;
  387. width:50px;
  388. -webkit-transition: all 1s ease-in-out;
  389. -moz-transition: all 0.6s ease-in-out;
  390. -o-transition: all 0.6s ease-in-out;
  391. -ms-transition: all 0.6s ease-in-out;
  392. }
  393. #q:hover img{
  394. -webkit-transition: all 1s ease-in-out;
  395. -moz-transition: all 0.6s ease-in-out;
  396. -o-transition: all 0.6s ease-in-out;
  397. -ms-transition: all 0.6s ease-in-out;
  398. -webkit-transform: rotate(360deg);
  399. -moz-transform: rotate(0deg);
  400. -o-transform: rotate(360deg);
  401. }
  402.  
  403.  
  404. /*chat*/
  405.  
  406. .chat ol {
  407. padding:0;
  408. list-style:none;
  409. }
  410. .line {padding:5px 0;}
  411.  
  412. .label {font-weight:bold;
  413. }
  414.  
  415.  
  416.  
  417.  
  418.  
  419. /*permalink and notes*/
  420.  
  421. #permalink {
  422. margin-top:8px;
  423. font-size:11px;
  424. text-transform:none;
  425. }
  426. #permalink a {margin-right:10px;
  427. }
  428.  
  429.  
  430. .tags {
  431. word-break:break-all;
  432. font-size:9px;
  433. }
  434.  
  435. .pagenotes {
  436. {block:IndexPage}
  437. display: none!important;
  438. {/block:IndexPage}
  439. width:500px;
  440. text-align:left;
  441.  
  442. }
  443. .pagenotes img {
  444. display:none!important;}
  445. .pagenotes li {
  446. list-style-type:none;
  447. padding:5px 0px;
  448. text-align:left;
  449. margin:0 0 0 -40px;
  450. }
  451.  
  452.  
  453.  
  454.  
  455. {CustomCSS}
  456.  
  457.  
  458. </style>
  459.  
  460.  
  461.  
  462. </head>
  463.  
  464. <body>
  465.  
  466. <div id="con">
  467.  
  468. <div id="sidebar">
  469. <div id="blogt">{text:Title}</div>
  470.  
  471.  
  472. <center><div id="description">{Description}</div>
  473. <div class="links">
  474. <a href="{text:Link 1 URL}" title="{text:Link 1}"></a>
  475. <a href="{text:Link 2 URL}" title="{text:Link 2}"></a>
  476. <a href="{text:Link 3 URL}" title="{text:Link 3}"></a>
  477. <a href="{text:Link 4 URL}" title="{text:Link 4}"></a>
  478. <a href="{text:Link 5 URL}" title="{text:Link 5}"></a>
  479. </div></center>
  480.  
  481.  
  482.  
  483.  
  484. </div>
  485.  
  486.  
  487.  
  488.  
  489. <div id="entries">
  490.  
  491. {block:Posts}
  492. <div id="posts">
  493.  
  494.  
  495. {block:Quote}
  496.  
  497.  
  498. <div id="titlequote">“{Quote}”</div>
  499. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  500. {/block:Quote}
  501.  
  502.  
  503.  
  504. {block:Text}
  505.  
  506. {block:Title}
  507. <div id="title">{Title}</div>{/block:Title}
  508. {Body}
  509. {/block:Text}
  510.  
  511. {block:Link}
  512. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  513. {/block:Link}
  514.  
  515. {block:Chat}
  516. {block:Title}
  517. <h1>{Title}</h1>
  518. {/block:Title}
  519. <div class="chat">
  520. <ol>{block:Lines}
  521. <li class="line {Alt}">
  522. {block:Label}
  523. <span class="label">
  524. {Label}</span>
  525. {/block:Label}{Line}</li>
  526. {/block:Lines}
  527. </ol></div>
  528. {/block:Chat}
  529.  
  530. {block:Photo}
  531. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  532. {/block:Photo}
  533.  
  534. {block:Photoset}
  535. {Photoset-500}
  536. {/block:Photoset}
  537.  
  538. {block:Video}
  539. {Video-500}
  540. {/block:Video}
  541.  
  542. {block:AudioPlayer}
  543. <div class="audiowrapper">
  544. {block:AlbumArt}
  545. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  546. {/block:AlbumArt}
  547.  
  548. <div class="playerbuttonbg">
  549. <div class="newplayerbutton">
  550. <div class="playerbuttonhug">
  551.  
  552. {AudioPlayerWhite}
  553.  
  554. </div>
  555. </div>
  556. </div>
  557.  
  558. <div class="trackdetails">
  559.  
  560. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  561. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  562. {block:Album}Album: {Album}{/block:Album}<br/>
  563. {PlayCountWithLabel}
  564.  
  565. </div>
  566. </div>
  567. {/block:AudioPlayer}
  568.  
  569.  
  570.  
  571. {block:Answer}<div id="q"><img src="{AskerPortraitURL-64}"/> {Asker}: {Question}</div>
  572. <div id="answer"> {Answer}</div>{/block:answer}
  573.  
  574. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  575.  
  576. {block:IndexPage}
  577. <div id="permalink">
  578. <a href="{Permalink}">{NoteCountWithLabel}</a>
  579. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a></span>
  580.  
  581. {block:ifTags}
  582. {block:HasTags}
  583. <br>
  584. Tagged As:
  585. {block:Tags}<a href="{TagURL}">#{Tag}</a><span class="com"></span>
  586. {/block:Tags}
  587. {/block:HasTags}
  588. {/block:ifTags}
  589. </div>
  590. {/block:IndexPage}
  591.  
  592. {block:PermalinkPage}
  593. <div id="permalink">
  594. <div style="margin-top:2px;">
  595. {block:Date}
  596. <b>Posted:</b> {TimeAgo} on
  597. {ShortMonth} {DayofMonth},{Year} at
  598. {12Hour}:{Minutes} {CapitalAmPm}
  599. {/block:Date}
  600. {block:NoteCount}<br>
  601. <b>Notes:</b>
  602. {NoteCount}
  603. {/block:NoteCount}
  604. {block:HasTags}
  605. <br>
  606. <b>Tags:</b>
  607. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  608. {/block:Tags}
  609. {/block:HasTags}
  610. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  611. </div>
  612. </div>
  613. {/block:PermalinkPage}
  614.  
  615.  
  616. </div>
  617. {/block:ContentSource}<!---DONT TOUCH THIS ---> <div id="credit"><a href="http://dimplekink.tumblr.com">☹</a></div>
  618.  
  619. {block:PostNotes}
  620. <div class="pagenotes">
  621. {PostNotes}
  622. </div>
  623. {/block:PostNotes}
  624.  
  625.  
  626. {/block:Posts}
  627.  
  628. <div id="pagination">
  629. {block:Pagination}
  630. {block:PreviousPage}
  631. <a href="{PreviousPage}">present</a>
  632. {/block:PreviousPage}
  633.  
  634.  
  635. {block:NextPage}
  636. <a href="{NextPage}">past</a>
  637. {/block:NextPage}
  638. {/block:Pagination}
  639. </div>
  640.  
  641.  
  642.  
  643. </div>
  644.  
  645. </div>
  646. <!---☹/>
  647.  
  648.  
  649. {block:ContentSource}
  650. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  651. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  652. {/block:SourceLogo}
  653. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  654. {/block:ContentSource}
  655.  
  656. </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!