API tools faq
paste
Advertisement
purethought-s

Theme #14: Bruised

purethought-s
Apr 22nd, 2013
3,041
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.06 KB | None | 0 0
raw download clone embed print report
  1. <!-- Bruised Theme by sleephy
  2. Please don't steal this!
  3.  
  4.  
  5. -->
  6.  
  7. <html>
  8. <head>
  9.  
  10. <title>{title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <!-- YOU CAN EDIT THIS IN THE APPEARANCE TAB -->
  18.  
  19. <meta name="color:background" content="#fff"/>
  20. <meta name="color:Text" content="#8a8989"/>
  21. <meta name="color:Title" content="#ffffff"/>
  22. <meta name="color:Title BG" content="#888888"/>
  23. <meta name="color:Link" content="#b1b1b1"/>
  24. <meta name="color:Link Hover" content="#9dbdbdb"/>
  25. <meta name="color:Scrollbar" content="#b6b5b5"/>
  26. <meta name="color:Permalink Color 1" content="#fff">
  27. <meta name="color:Permalink Color 2" content="#888">
  28. <meta name="image:sidebar" content=""/>
  29. <meta name="text:Link1" content="/tags" />
  30. <meta name="text:Link1Title" content="tags" />
  31. <meta name="text:Link2" content="/tagged/mine" />
  32. <meta name="text:Link2Title" content="my edits" />
  33. <meta name="text:Link3" content="/tagged/destiel" />
  34. <meta name="text:Link3Title" content="destiel" />
  35. <meta name="text:Link4" content="/ships" />
  36. <meta name="text:Link4Title" content="my ships" />
  37.  
  38.  
  39. <script type="text/javascript" src="http://static.tumblr.com/xrmodho/zoUmtvm6l/jquery.js"></script>
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44. ::-webkit-scrollbar {height: 3px;width: 3px;}
  45. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  46. ::-webkit-scrollbar-track{background-color:{color:background};}
  47.  
  48.  
  49.  
  50.  
  51. body {
  52. background-color:{color:background};
  53. color:{color:Text};
  54. font-family:calibri;
  55. font-size:11px;
  56. }
  57.  
  58.  
  59.  
  60. a {
  61. color:{color:Link};
  62. text-decoration: none;
  63. -webkit-transition: all 0.4s ease-in-out;
  64. -moz-transition: all 0.4s ease-in-out;
  65. transition: all 0.4s ease-in-out;
  66. }
  67.  
  68.  
  69. a:hover {
  70. color:{color:Link Hover};
  71. -webkit-transition: all 0.4s ease-in-out;
  72. -moz-transition: all 0.4s ease-in-out;
  73. transition: all 0.4s ease-in-out;
  74. }
  75.  
  76.  
  77. p{
  78. margin-top: 1px
  79. }
  80.  
  81.  
  82. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  83.  
  84.  
  85.  
  86. #entries{
  87. margin-left: 490px;
  88. margin-top:20px;
  89. width:500px;
  90. }
  91.  
  92.  
  93.  
  94. .posts{
  95. background-color: transparent;
  96. padding: 20px 0 0 0;
  97. font-style:normal;
  98. }
  99.  
  100.  
  101.  
  102. #credit {
  103. position:fixed;
  104. right:3px;
  105. bottom:3px;
  106. line-height:5px;
  107. letter-spacing:0px;
  108. font:10px trebuchet ms;
  109. color: {color:text};
  110. text-transform:uppercase;
  111. }
  112.  
  113.  
  114.  
  115. h1{
  116. font-family: 'georgia';
  117. font-style:ITALIC;
  118. font-size: 15px;
  119. font-weight:none;
  120. }
  121.  
  122.  
  123. .qquote{
  124. font-family: 'georgia';
  125. font-style:ITALIC;
  126. font-size: 15px;
  127. font-weight:none;
  128.  
  129. margin-left: 0px;
  130. }
  131.  
  132.  
  133.  
  134. .qsource{
  135. margin: 5px 0px 0 20px;
  136. text-align: left;
  137. text-transform: none;
  138. }
  139.  
  140.  
  141. .chat{
  142. line-height: 12px;
  143. list-style: none;
  144. font-color:#000000;
  145. }
  146.  
  147.  
  148.  
  149.  
  150. .chat ul {
  151. line-height: 15px;
  152. list-style: none;
  153. padding: 0px;
  154. line-height: 20px;
  155. }
  156.  
  157.  
  158.  
  159.  
  160. .person1 {
  161. color:{color:Text};
  162. background-color:{color:Chat 1};
  163. }
  164.  
  165.  
  166.  
  167.  
  168. .person1 .label {
  169. font-weight: bold;
  170. padding: 0px;
  171. margin-left:
  172. 5px; color:
  173. }
  174.  
  175.  
  176.  
  177.  
  178. .person2 {
  179. color:{color:Text};
  180. background-color:{color:Chat 2};
  181. }
  182.  
  183.  
  184.  
  185.  
  186. .person2 .label {
  187. font-weight: bold;
  188. padding: 0px;
  189. margin-left: 5px;
  190. color: }
  191.  
  192.  
  193.  
  194.  
  195.  
  196. .iaudio {
  197. margin-bottom: 2px;
  198. width: 100%;
  199. background-color: #transparent}
  200.  
  201.  
  202.  
  203.  
  204. .iaudio img
  205. {width: 208px;
  206. padding: 20px 0 0px 0
  207. }
  208.  
  209.  
  210.  
  211.  
  212. .icap{
  213. margin-top: 1px
  214. }
  215.  
  216.  
  217.  
  218. #ask {
  219. border-bottom:1px dashed;
  220. padding-bottom:5px;
  221. }
  222.  
  223.  
  224. #asker {
  225. font-family:"georgia";
  226. font-size:18px;
  227. }
  228.  
  229.  
  230. #askerimg {
  231. float:left;
  232. margin-right:5px;
  233. border:3px solid;
  234. border-color:{color:info};
  235. margin-top:-5px;
  236. }
  237.  
  238.  
  239. #question {
  240. margin-left:5px;
  241. margin-top:-3px;
  242. }
  243.  
  244.  
  245. #answer {
  246. margin-top:10px;
  247. margin-bottom:-5px;
  248. }
  249.  
  250.  
  251.  
  252. .cap {
  253. padding-top: 5px;
  254. width: 500px;
  255. }
  256.  
  257.  
  258.  
  259. #information {
  260. text-align:right;
  261. text-transform:uppercase;
  262. font-family:calibri;
  263. font-size:9px;
  264. background-color:{color:info};
  265. padding: 3px;
  266. letter-spacing:1px;
  267. }
  268.  
  269.  
  270.  
  271.  
  272.  
  273. #notes{ text-align:center; font-family:calibri; font-size:8px; letter-spacing:1px; margin-bottom: 1px; border-top: 1px solid {color:Permalink Color 2}; text-transform:uppercase;padding:5px;color:{color:Permalink Color 2}}
  274.  
  275. #notes a{color:{color:Permalink Color 2};padding:3px; margin:1px;}
  276.  
  277.  
  278.  
  279. #notes a:hover{ color: {color:Permalink Color 1}; box-shadow:inset 0px 20px 0px {color:Permalink Color 2};}
  280. #audio {
  281. margin-bottom:5px;
  282. width:500px;
  283. height:105px;
  284. }
  285.  
  286. .albumart {
  287. width:100px;
  288. height:100px;
  289. position:absolute;
  290. }
  291.  
  292. .albumart img {
  293. width:100px;
  294. height:100px;
  295. float:left;
  296. }
  297. .playercontainer {
  298. opacity: .2;
  299. display:block;
  300. width:100px;
  301. height:100px;
  302. background:#fff;
  303. position:absolute;
  304. -webkit-transition:all 0.5s ease-in-out;
  305. -moz-transition:all 0.5s ease-in-out;
  306. -o-transition:all 0.5s ease-in-out;
  307. -ms-transition: all 0.5s ease-in-out;
  308. transition:all 0.5s ease-in-out;
  309. }
  310.  
  311. .playercontainer:hover {
  312. opacity:.7;
  313. position:absolute;
  314. -webkit-transition:all 0.5s ease-in-out;
  315. -moz-transition:all 0.5s ease-in-out;
  316. -o-transition:all 0.5s ease-in-out;
  317. -ms-transition: all 0.5s ease-in-out;
  318. transition:all 0.5s ease-in-out;
  319. }
  320.  
  321. .player {
  322. margin-left:36px;
  323. margin-top:36px;
  324. width:25px;
  325. height:25px;
  326. overflow:hidden;
  327. position:absolute;
  328. background:#fff;
  329. }
  330.  
  331. .audioinfo {
  332. margin-left:110px;
  333. float:left;
  334. color:{color:Permalink Color 2};
  335.  
  336. font-family:calibri;
  337. letter-spacing:1px;
  338. font-size:8px;
  339. text-transform:uppercase;
  340. width:386px;
  341. padding:2px;
  342. margin-top:3px;
  343. }
  344.  
  345. .audioinfo b {
  346. font-family:calibri;
  347. letter-spacing:1px;
  348. font-size:8px;
  349. text-transform:uppercase;
  350. color:{color:Permalink Color 1};
  351. background:{color:Permalink Color 2};
  352. padding:3px 4px 3px 4px;
  353. font-weight:normal;
  354. margin-right:5px;
  355. }
  356.  
  357.  
  358.  
  359. #tags {
  360. display:block;
  361. padding: 6px;
  362. text-transform:uppercase;
  363. font-family:calibri;
  364. font-size:8px;
  365. text-align:center;
  366. text-transform:italic;
  367. color:{color:Permalink Color 1};
  368. background:{color:Permalink Color 2};
  369. -webkit-transition: all 0.4s ease-in-out;
  370. -moz-transition: all 04s ease-in-out;
  371. transition: all 0.4s ease-in-out;
  372. }
  373.  
  374. #tags a{
  375. color:{color:Permalink Color 1};
  376. padding:2px;
  377. }
  378.  
  379. #tags a:hover{
  380. color: {color:Permalink Color 2}; box-shadow:inset 0px -20px 0px {color:Permalink Color 1};
  381.  
  382. }
  383.  
  384.  
  385. #pillar{
  386. height:100%;
  387. margin-top:-20px;
  388. margin-left:-9px;
  389. width:400px;
  390. position:fixed;
  391. }
  392.  
  393. #desc{
  394. position:fixed;
  395. margin-top:324px;
  396. z-index:1;
  397. margin-left:200px;
  398. overflow:hidden;
  399. height:100px;
  400. font-family:georgia;
  401. font-style:italic;
  402. width:200px;
  403. color:{COlor:title};
  404. }
  405.  
  406. #LINKS{
  407. position:fixed;
  408. margin-top:224px;
  409. z-index:1;
  410. margin-left:30px;
  411. overflow:hidden;
  412. height:30px;
  413. font-family:georgia;
  414. font-style:italic;
  415. width:200px;
  416. color:{COlor:title};
  417.  
  418. -moz-transform: rotate(-4deg); /* FF3.5+ */
  419. -o-transform: rotate(-4deg); /* Opera 10.5 */
  420. -webkit-transform: rotate(-4deg);
  421. }
  422. #links a{
  423. color:{COLor:title};
  424. padding:3PX:
  425. }
  426. #links a:hover{
  427. color:{COLor:title bg};
  428.  
  429. background:{COLOr:title}
  430. }
  431.  
  432.  
  433.  
  434.  
  435. #title {
  436. font-family: 'Under';
  437. font-size:220px;
  438. color:{color:Title BG};
  439. margin-top:35px;
  440. line-height:250px;
  441. margin-left:-25px;
  442. letter-spacing:1px;
  443. text-align:center;
  444. width:200px;
  445. position:fixed;
  446. font-style:italic;
  447. -webkit-transition: all 0.9s ease-in-out;
  448. -moz-transition: all 0.9s ease-in-out;
  449. transition: all 0.9s ease-in-out;}
  450.  
  451. #title3 {
  452. font-family: 'Under';
  453. font-size:220px;
  454. color:{color:Title BG};
  455. margin-top:225px;
  456. line-height:250px;
  457. margin-left:55px;
  458. letter-spacing:1px;
  459. text-align:center;
  460. width:200px;
  461. position:fixed;
  462. font-style:italic;
  463. -webkit-transition: all 0.9s ease-in-out;
  464. -moz-transition: all 0.9s ease-in-out;
  465. transition: all 0.9s ease-in-out;}
  466. #title2 {
  467. font-family: 'georgia';
  468. font-size:20px;
  469. color:{color:Title};
  470. margin-top:150px;
  471. margin-left:85px;
  472. letter-spacing:1px;
  473. text-align:center;
  474. width:200px;
  475. position:fixed;
  476. font-style:italic;
  477. -webkit-transition: all 0.9s ease-in-out;
  478. -moz-transition: all 0.9s ease-in-out;
  479. transition: all 0.9s ease-in-out;}
  480. #title2 a{
  481. color:{color:Title};
  482. }
  483.  
  484. .my-like {cursor:pointer;color:{color:Link};}
  485. .my-liked, .my-like:hover {cursor:pointer;}
  486. .sidebarimg{
  487. width: 150px;
  488. height: 150px;
  489. padding:5px;
  490. margin-top:255px;
  491. z-index:1;
  492. margin-left:20px;
  493. position:fixed;
  494. border: 1px solid;
  495. border-color:{color:TItle};
  496. border-radius:200PX;
  497. text-align:center;
  498. }
  499.  
  500. .sidebarimg img{
  501. height:150px;
  502. width:150px;
  503. border-radius:200px;
  504. }
  505.  
  506.  
  507.  
  508. @font-face {font-family: "Tiny";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  509. @font-face {font-family: "Under";src: url('http://static.tumblr.com/xrmodho/z7pmlol3i/under.ttf');}
  510.  
  511. #s-m-t-tooltip{
  512. max-width:200px;
  513. padding:5px;
  514. margin:26px 0px 0px 8px;
  515. z-index:10;
  516. color:gray;
  517. background:white;
  518. height:auto;
  519. font-size:10px;
  520. font-style:italic;
  521. border-radius:3px;
  522. font-family:georgia;
  523. letter-spacing:1px;
  524. text-transform:lowercase;
  525. -moz-box-shadow: 2px 2px 2px #888;
  526. -webkit-box-shadow: 2px 2px 2px #888;
  527. box-shadow: 2px 2px 2px #888;
  528. }
  529.  
  530. {CustomCSS}
  531.  
  532. </style>
  533. <script>
  534. window.onload = function () {
  535. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  536. document.addEventListener( 'click', function ( event ) {
  537. var myLike = event.target;
  538. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  539. var frame = document.getElementById( 'my-like-frame' ),
  540. liked = ( myLike.className == 'my-liked' ),
  541. command = liked ? 'unlike' : 'like',
  542. reblog = myLike.getAttribute( 'data-reblog' ),
  543. id = myLike.getAttribute( 'data-id' ),
  544. oauth = reblog.slice( -8 );
  545. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  546. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  547. };
  548. }, false );
  549. };
  550. </script>
  551. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  552. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  553. <script>
  554. (function($){
  555. $(document).ready(function(){
  556. $("a[title]").style_my_tooltips({
  557. tip_follows_cursor:true,
  558. tip_delay_time:10,
  559. tip_fade_speed:400,
  560. attribute:"title"
  561. });
  562. });
  563. })(jQuery);
  564. </script>
  565.  
  566.  
  567. <body>
  568.  
  569.  
  570. <Div id="pillar">
  571. <Div id="desc">{DESCription}</div>
  572.  
  573. <Div id="links">
  574. <a href="/">home</a>
  575. <a href="/ask">ask</a>
  576. <a href="{TEXt:Link1}">{TExt:LINK1title}</a>
  577. <a href="{TEXt:Link2}">{TExt:LINK2title}</a>
  578. <a href="{TEXt:Link3}">{TExt:LINK3title}</a>
  579. <a href="{TEXt:Link4}">{TExt:LINK4title}</a>
  580. <a href="http://sleephy.tumblr.com">theme</a>
  581. </div>{BLOCK:IFSidebarimage}<dIV class="sidebarimg"><a href="/"><img src="{image:Sidebar}"></a></div>{/BLOCK:IFSidebarimage}
  582. <div id="title">n</div><div id="title3">m</div>
  583. <div id="title2">{Title}<small><small><BR>{block:PreviousPage}<font face="georgia"><a title="previous page!" href="{PreviousPage}">←</a></font>{/block:PreviousPage}&nbsp;
  584. {block:JumpPagination length="5"}
  585. {block:CurrentPage}
  586. <span class="jumppag">{PageNumber}</span>&nbsp;
  587. {/block:CurrentPage}
  588. {block:JumpPage}
  589. <a class="jumppaglink" title="page {PageNumber}" href="{URL}">{PageNumber}</a>&nbsp;
  590. {/block:JumpPage}
  591. {/block:JumpPagination}
  592. {block:NextPage}<font face="georgia"><a title="next page!" href="{NextPage}">→</a></font>{/block:NextPage}</div></small></small>
  593. </div>
  594.  
  595.  
  596.  
  597. <div id="entries">
  598.  
  599.  
  600. {block:Posts}
  601.  
  602.  
  603. <div class="posts">
  604.  
  605.  
  606.  
  607.  
  608.  
  609.  
  610. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  611.  
  612. {block:Photo}
  613. {block:IndexPage}
  614. <div id="postbody">
  615. <center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></a></div></center>
  616. {/block:IndexPage}
  617. {block:PermalinkPage}
  618. <div id="postbox">
  619. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  620. </div>
  621. {/block:PermalinkPage}
  622. {/block:Photo}
  623.  
  624. {block:Photoset}{Photoset-500}{/block:Photoset}
  625.  
  626. {block:Quote}
  627. <div class="qquote"><big><big>❝</big></big> {Quote} <big><big>❞</big></big></div>
  628. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}
  629. {/block:Quote}
  630.  
  631. {block:Link}
  632. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  633. {block:Description}{Description}{/block:Description}
  634. {/block:Link}
  635.  
  636. {block:Chat}
  637. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  638. <div class="chat"><ul>{block:Lines}
  639. <li class="person{UserNumber}">{block:Label}
  640. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  641. {/block:Chat}
  642.  
  643. {block:Audio}
  644. <div id="audio">
  645. <div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg" width="100px" height="100px"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" width="100px" height="100px"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerwhite}</div></div>
  646.  
  647. {block:TrackName}<div class="audioinfo"><b>Title</b> {TrackName}</div><br>{/block:TrackName}
  648. {block:Artist}<div class="audioinfo"><b>Artist</b> {Artist}</div><br>{/block:Artist}
  649. {block:Album}<div class="audioinfo"><b>Album</b> {Album}</div>{/block:Album}
  650. {block:PlayCount}<div class="audioinfo"><b>Played</b> {FormattedPlayCount} times</div> {/block:PlayCount}
  651. </div>{block:Caption}{Caption}{/block:Caption}
  652. {/block:Audio}
  653.  
  654. {block:Video}{Video-500}{/block:Video}
  655.  
  656. {block:Answer}<div id="ask"><div id="askerimg"><img src="{AskerPortraitURL-24}"></div><div id="asker">{Asker}</div><br><div id="question">{Question}</div></div><div id="answer">{Answer}</div>{/block:Answer}
  657.  
  658. <div class="cap">
  659. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  660. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  661. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  662.  
  663.  
  664. </div>
  665.  
  666.  
  667.  
  668. <div id="notes">{block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;&nbsp;via: <a href="{ReblogParentURL}"
  669. title="reblogged from">{ReblogParentName}</a>&nbsp;&nbsp;&nbsp;source: <a href="{ReblogRootURL}"title="posted by">{ReblogRootName}</a>{/block:RebloggedFrom}&nbsp;&nbsp;&nbsp; <a href="{ReblogUrl}" title="share this post">reblog</a></div>
  670.  
  671.  
  672. {block:HasTags} <div id ="tags">{block:Tags}&nbsp;&nbsp; &nbsp; <a title="{TAG}" href="{TagURL}"> # &nbsp; {Tag}</a> {/block:Tags}
  673.  
  674. </div>{/block:HasTags}
  675.  
  676.  
  677.  
  678.  
  679. </div>
  680.  
  681.  
  682. {/block:Posts}
  683. {block:PostNotes}
  684. <div id="notes">{PostNotes}</div>
  685. {/block:PostNotes}
  686.  
  687. </div>
  688.  
  689. </body>
  690.  
  691.  
  692.  
  693. </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!