API tools faq
paste
Advertisement
Guest User

Carefree Theme by thousandbliss

a guest
Apr 4th, 2013
1,193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4.  
  5. <!--
  6.  
  7. CAREFREE THEME BY SPECIALCHARMXO // THOUSANDBLISS
  8. Please do not remove or rip the codes.
  9.  
  10. Features:
  11.  
  12. > Best if infinite scrolling
  13. > Rotated Sidebar
  14. > Shadowed Posts and Sidebar
  15. > Easy Navigation
  16. > Custom Background and Background Color
  17.  
  18. Visit the theme maker at thousandbliss.tumblr.com
  19.  
  20. -->
  21.  
  22.  
  23.  
  24. <html lang="en">
  25. <head>
  26.  
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  28.  
  29. <script type="text/javascript">
  30. $(document).ready(function() {
  31. $("body").css("display", "none");
  32. $("body").fadeIn(700);
  33. $("a.transition").click(function(event){
  34. event.preventDefault();
  35. linkLocation = this.href;
  36. $("body").fadeOut(1000, redirectPage);
  37. });
  38. function redirectPage() {
  39. window.location = linkLocation;
  40. }
  41. });
  42. </script>
  43.  
  44.  
  45. <meta name="if:Repeat background image" content="0"/>
  46. <meta name="if:Endless Scrolling" content="0"/>
  47.  
  48.  
  49. <meta name="color:Background" content="#FFFFFF"/>
  50. <meta name="color:Text" content="#444444"/>
  51.  
  52. <meta name="color:Link" content="#646464"/>
  53. <meta name="color:Hover" content="#000000"/>
  54. <meta name="color:Chat" content="#F5F5F5"/>
  55.  
  56. <meta name="image:Background" content=""/>
  57.  
  58.  
  59.  
  60. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  61. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  62.  
  63. {PostSummary} - {/block:PostSummary}{Title}</title>
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70.  
  71. iframe#tumblr_controls{
  72. top: 1px !important;
  73. margin: 0 0 0 0;
  74. right: 6px !important;
  75. position: fixed !important;
  76. }
  77.  
  78. body{
  79. margin:0px;
  80. background-color: {color:Background};
  81. background-image:url({image:Background});
  82. background-attachment: fixed;
  83. background-repeat: no-repeat;
  84. {block:IfRepeatBackgroundImage}
  85. background-repeat: repeat;
  86. {/block:IfRepeatBackgroundImage}
  87. background-position:right;
  88. font-size:12px;
  89.  
  90. font-family:Share;
  91.  
  92. line-height:16px;
  93. color:{color:Text};
  94. }
  95.  
  96. a:link, a:active, a:visited{
  97. color: {color:Link};
  98. text-decoration: none;
  99. -moz-transition: all 0.3s;
  100. -webkit-transition: all 0.3s;
  101. -o-transition: all 0.3s;
  102. transition: all 0.3;
  103. }
  104.  
  105. a:hover {
  106. color:{color:Hover};
  107. text-decoration: none;
  108. -moz-transition: all 0.3s;
  109. -webkit-transition: all 0.3s;
  110. -o-transition: all 0.3s;
  111. transition: all 0.3;
  112. }
  113.  
  114.  
  115.  
  116. ::-webkit-scrollbar {
  117. width: 8px;
  118. height: 4px;
  119. background: #FFFFFF;
  120. }
  121. ::-webkit-scrollbar-thumb {
  122. background-color: #ffffff;
  123. -webkit-border-radius: 1ex;
  124. border: 1px solid black;
  125. }
  126.  
  127.  
  128. div#content{
  129. margin-left:400px;
  130. margin-top:20px;
  131. width:400px;
  132. }
  133.  
  134. div#side{
  135. position:fixed;
  136. left:840px;
  137. top:100px;
  138. width:250px;
  139. }
  140.  
  141.  
  142. div#sidebar{
  143. width:250px;
  144. margin-left:-750px;
  145. position:fixed !important;
  146. top: 100px;
  147. height:auto;
  148. padding: 0px;
  149. font-family: calibri;
  150. font-size: 12px;
  151. line-height:10px;
  152. padding: 0px;
  153. border:1px solid;
  154. letter-spacing:0px;
  155. background-color: #fff;
  156. -webkit-transform: rotate(-3deg);
  157. -moz-transform: rotate(-3deg);
  158.  
  159. box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  160. -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  161. -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  162.  
  163. }
  164.  
  165.  
  166.  
  167.  
  168. .title{
  169. font-size: {text:title font size}px;
  170. {block:IfItalicTitle}font-style:italic;{/block:IfItalicTitle}
  171. line-height:24px;
  172. color:{color:Title};
  173. padding-bottom:10px;
  174. }
  175.  
  176. a.nav{
  177. display:block;
  178. margin-top:10px;
  179. font-size:11px;
  180. text-transform:uppercase;
  181. letter-spacing:1px;
  182. -moz-transition: all 0.3s;
  183. -webkit-transition: all 0.3s;
  184. -o-transition: all 0.3s;
  185. transition: all 0.3;
  186. }
  187.  
  188. a.nav:hover{
  189. -moz-transition: all 0.3s;
  190. -webkit-transition: all 0.3s;
  191. -o-transition: all 0.3s;
  192. transition: all 0.3;
  193. }
  194.  
  195. .page{
  196. display:block;
  197. margin-top:9px;
  198. font-size:10px;
  199. font-weight:bold;
  200. text-transform: lowercase;
  201. letter-spacing: 1px;
  202. {block:IfEndlessScrolling}display:none;{/block:IfEndlessScrolling}
  203. }
  204.  
  205. .post_title{
  206. font-family:{font:Post title};
  207. font-size:{text:Post title font size}px;
  208. color:{color:Post title};
  209. line-height:24px;
  210. }
  211.  
  212. .entry{
  213. width:390px;
  214. margin-bottom:30px;
  215. padding:5px;
  216. background-color:#fff;
  217.  
  218. box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  219. -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  220. -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  221.  
  222.  
  223.  
  224. overflow:hidden;
  225. }
  226.  
  227. .entry img{max-width:385;}
  228.  
  229. .photo_entry{
  230. width:390px;
  231. margin-bottom:30px;
  232.  
  233.  
  234. }
  235.  
  236. .photo_entry img{max-width:385;}
  237.  
  238. .asker{background:{color:chat}; padding:5px 5px 5px 2px;}
  239.  
  240. blockquote{
  241. padding:0px 0px 0px 5px;
  242. margin:0px 0px 2px 1px;
  243. border-left: 2px solid {color:Text};
  244. }
  245.  
  246. .captionholder{
  247. position:absolute;
  248. width:385px;
  249. background:#fff;
  250. padding:0px 5px 5px 10px;
  251. opacity:0;
  252. filter: alpha(opacity = 0);
  253. -moz-transition: all 0.5s;
  254. -webkit-transition: all 0.5s;
  255. -o-transition: all 0.5s;
  256. transition: all 0.5;
  257. }
  258.  
  259. .tags{display:navigate; font-size:9px;}
  260.  
  261. .captionholder blockquote{
  262. padding:0px 0px 0px 5px;
  263. margin:0px 0px 2px 1px;
  264. border-left: 1px solid #ddd;
  265. }
  266.  
  267. .photo_entry:hover .captionholder{
  268. opacity:0.8;
  269. filter: alpha(opacity = 80);
  270. -moz-transition: all 0.5s;
  271. -webkit-transition: all 0.5s;
  272. -o-transition: all 0.5s;
  273. transition: all 0.5;
  274. }
  275.  
  276. .entry:hover .captionholder{
  277. opacity:0.8;
  278. filter: alpha(opacity = 80);
  279. -moz-transition: all 0.5s;
  280. -webkit-transition: all 0.5s;
  281. -o-transition: all 0.5s;
  282. transition: all 0.5;
  283. }
  284.  
  285. .permalink{
  286. text-align:right;
  287. font-size:9px;
  288. -moz-transition: all 0.3s;
  289. -webkit-transition: all 0.3s;
  290. -o-transition: all 0.3s;
  291. transition: all 0.3;
  292. }
  293.  
  294. .permalink:hover{
  295. -moz-transition: all 0.3s;
  296. -webkit-transition: all 0.3s;
  297. -o-transition: all 0.3s;
  298. transition: all 0.3;
  299. }
  300.  
  301. @font-face { font-family:fromwhere;
  302. src: url('http://static.tumblr.com/huallmg/NOjm2hzvp/fromwhereyouare.ttf');
  303. }
  304.  
  305. #name{
  306.  
  307. font-family: fromwhere;
  308. font-size:20px;
  309. font-color: #eee;
  310. }
  311.  
  312.  
  313. #stats{
  314. border:3px double #aaa;
  315. width:40px;
  316. height:40px;
  317. padding:2px;
  318. line-height:40px;
  319. text-align:center;
  320. border-radius:80px;
  321. font-size:20px;
  322. position:fixed;
  323. margin-left:45px;
  324. margin-top:-30px;
  325. background-color:white;
  326. z-index:9;
  327. }
  328.  
  329. #stats1{
  330. border:3px double #aaa;
  331. width:40px;
  332. height:40px;
  333. padding:2px;
  334. line-height:40px;
  335. text-align:center;
  336. border-radius:80px;
  337. font-size:20px;
  338. position:fixed;
  339. margin-left:103px;
  340. margin-top:-32px;
  341. background-color:white;
  342. z-index:9;
  343. }
  344.  
  345. #stats2{
  346. border:3px double #aaa;
  347. width:40px;
  348. height:40px;
  349. padding:2px;
  350. line-height:40px;
  351. text-align:center;
  352. border-radius:80px;
  353. font-size:20px;
  354. position:fixed;
  355. margin-left:160px;
  356. margin-top:-32px;
  357. background-color:white;
  358. z-index:9;
  359. }
  360.  
  361.  
  362.  
  363.  
  364.  
  365. .bubble {
  366. align:right;
  367. background-color:white;
  368. margin:7px 0px 5px 66px;
  369. padding:10px;
  370. position: relative;
  371. -moz-border-radius:5px;
  372. -webkit-border-radius:5px;
  373. border-radius:5px;
  374. opacity: .7;
  375. }
  376.  
  377. .bubble p {
  378. margin:1px 0px;
  379. }
  380.  
  381. .bubble span {
  382. display:block;
  383. position:absolute;
  384. width:1px;
  385. height:1px;
  386. font-size: 0;
  387. line-height: 1px;
  388. left:-10px;
  389. top:10px;
  390. border-top:7px solid transparent;
  391. border-bottom:7px solid transparent;
  392. border-right:10px solid white;
  393. }
  394.  
  395. .askborder {
  396. float: left;
  397. margin: 1px 4px 0 0;
  398. padding: 2px;
  399. background: {color:border}
  400. }
  401.  
  402.  
  403.  
  404.  
  405. div#chat li {
  406. padding: 4px;
  407. background-color:{color:Chat};
  408. margin-top: 2px;
  409. }
  410.  
  411. div#chat ul{
  412. list-style: none;
  413. padding: 0px;
  414. margin-top:5px;
  415. margin-bottom:10px;
  416. width: 400px;
  417. text-align: left;
  418. }
  419.  
  420. .audio{
  421. background-color:#000;
  422. height:27px;
  423. width:400px;
  424. }
  425.  
  426. div#postnotes{
  427. width:400px;
  428. margin-top:10px;
  429. }
  430.  
  431. ol.notes {
  432. padding: 0px;
  433. margin: 25px 0px;
  434. list-style-type: none;
  435. border-bottom: solid 1px {color:text};
  436. font-size:10px;
  437. }
  438.  
  439. ol.notes li.note {
  440. border-top: solid 1px {color:text};
  441. padding: 4px;
  442. font-size:10px;
  443. }
  444.  
  445. ol.notes li.note img.avatar {
  446. vertical-align: -4px;
  447. margin-right: 10px;
  448. width: 16px;
  449. height: 16px;
  450. }
  451.  
  452. ol.notes li.note span.action {
  453. font-weight: normal;
  454. font-size:10px;
  455. }
  456.  
  457. ol.notes li.note .answer_content {
  458. font-weight: normal;
  459. font-size:10px;
  460. }
  461.  
  462. ol.notes li.note blockquote {
  463. border-color: {color:text};
  464. padding: 4px 10px;
  465. margin: 10px 0px 0px 25px;
  466. font-size:10px;
  467. }
  468.  
  469. ol.notes li.note blockquote a {
  470. text-decoration: none;
  471. font-size:10px;
  472. }
  473.  
  474. .credit {position:fixed; bottom:15px; right:15px; font-size: 10px; font-family:calibri; text-transform:uppercase; background: #fcfcfc; color: #cccccc; border: 1px solid #444;letter-spacing: 0px; padding: 5px; }
  475. .credit a{color:#6b6b6b; opacity:0.8;}
  476. .credit a:hover{color:#c7c6c6; opacity:1.0;}
  477.  
  478.  
  479.  
  480.  
  481. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  482.  
  483.  
  484. {CustomCSS}
  485. </style>
  486. <link rel="shortcut icon" href="{Favicon}">
  487. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  488. <meta name="viewport" content="width=820" />
  489. </head>
  490. <body>
  491.  
  492. <div style="margin-top:0px; left:830px;position:fixed;"><img src="http://i.imgur.com/A90auIk.gif"></div>
  493.  
  494.  
  495. <div id="side">
  496.  
  497.  
  498. <div id="sidebar">
  499.  
  500. <div id="stats"> <a href="/">↺ </a></div>
  501. <div id="stats1"><a href="/ask"> ✉ </a></div>
  502. <div id="stats2"><a href="#"> ≣ </a></div>
  503.  
  504. <center><a title="" href="/">
  505.  
  506. <!--You may change the sidebar photo here-->
  507.  
  508. <img src="http://24.media.tumblr.com/de63d37d9dc47b1463b8e1581e107a62/tumblr_mg28lb5aRs1r1igw8o1_500.jpg" width=250px>
  509.  
  510.  
  511. </a>
  512.  
  513. <Br><br>
  514.  
  515. <fieldset style="border:3px double #444444;"><legend><div id="name">{Title}</div></legend></p><center>
  516.  
  517.  
  518. {Description}
  519.  
  520.  
  521. <div></center></p></fieldset>
  522.  
  523. <br>
  524.  
  525.  
  526. <center></center></div>
  527.  
  528.  
  529.  
  530.  
  531.  
  532. </div>
  533.  
  534. <!--- PLEASE DO NOT REMOVE THE CREDIT LINK THANK YOU -->
  535. <div class="credit"><a href="http://thousandbliss.tumblr.com/">Credit</a></div>
  536.  
  537.  
  538.  
  539. <div id="content">
  540.  
  541. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js";;></script>{/block:IfEndlessScrolling}
  542.  
  543. {block:IfEndlessScrolling}<div class="autopagerize_page_element">{/block:IfEndlessScrolling}
  544.  
  545.  
  546. {block:Posts}
  547. {block:Text}
  548. <div class="entry">
  549. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  550. {Body}
  551. {block:IndexPage}<div class="permalink"><a href="{Permalink}">♥ {NoteCountWithLabel} // {TimeAgo}</a></div>{/block:IndexPage}
  552. </div>
  553. {/block:Text}
  554.  
  555. {block:Photo}
  556.  
  557. <div class="photo_entry">
  558. <div class="captionholder">
  559.  
  560. <center>
  561.  
  562. {notecount} notes</a> - <a href="{Permalink}"></a> <a href="{ReblogURL}" target="_blank">Reblog</a>
  563.  
  564. </center>
  565.  
  566. </div>{/block:IndexPage}
  567. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/>{block:IndexPage}</a>{/block:IndexPage}
  568. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  569. </div>
  570. {/block:Photo}
  571.  
  572. {block:Photoset}
  573. <div class="entry">
  574. {Photoset-400}
  575. {block:Caption}{Caption}{/block:Caption}
  576. <p>{block:IndexPage}<div class="permalink"><a href="{Permalink}"> {NoteCountWithLabel} // {TimeAgo}</a></div>{/block:IndexPage}</p>
  577. </div>
  578. {/block:Photoset}
  579.  
  580. {block:Quote}
  581. <div class="entry">
  582. <div class="post_title">&#10077;&nbsp;{Quote}</div>
  583. {block:Source}<p>&#8212;&nbsp;{Source}</p>{/block:Source}
  584. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} // {TimeAgo}</a></div>{/block:IndexPage}
  585. </div>
  586. {/block:Quote}
  587.  
  588. {block:Chat}
  589. <div class="entry">
  590. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  591. <div id="chat">
  592. <ul>{block:Lines}<li>
  593. {block:Label}<b>{Label}</b>{/block:Label}
  594. {Line}
  595. </li>{/block:Lines}</ul>
  596. </div>
  597. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} // {TimeAgo}</a></div>{/block:IndexPage}
  598. </div>
  599. {/block:Chat}
  600.  
  601. {block:Link}
  602. <div class="entry">
  603. <span class="post_title"><a href="{URL}">{Name}</span></a>
  604. {block:Description}{Description}{/block:Description}
  605. {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {NoteCountWithLabel} // {TimeAgo}</a></div>{/block:IndexPage}
  606. </div>
  607. {/block:Link}
  608.  
  609. {block:Audio}
  610. <div class="entry">
  611. {block:AlbumArt}<img src="{AlbumArtURL}" alt="" width="150"/><p>{/block:AlbumArt}
  612. <div class="audio">{AudioPlayerBlack}</div>
  613. {block:Caption}{Caption}
  614. <small>{PlayCount} listens</small> {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}{/block:Caption}
  615. {block:IndexPage}<div class="permalink"><a href="{Permalink}"> {NoteCountWithLabel} // {TimeAgo}</a></div>{/block:IndexPage}
  616. </div>
  617. {/block:Audio}
  618.  
  619. {block:Video}
  620. <div class="entry">
  621. {Video-400}
  622. {block:Caption}{Caption}{/block:Caption}
  623. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} // {TimeAgo}</a></div>{/block:IndexPage}
  624. </div>
  625. {/block:Video}
  626.  
  627. {block:Answer}
  628. <div class="entry">
  629. <div class="post"><div class="askborder"><img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span><b><em>{asker}</em> asked:</b> {Question}</div><br>
  630. {Answer}
  631. </div>
  632. </div>
  633. {/block:Answer}
  634. {block:PostNotes}
  635. <div id="postnotes">Posted {TimeAgo} with {NoteCountWithLabel}<br>
  636. {block:HasTags}Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  637. {block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  638. Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</div>
  639. {PostNotes}
  640. {/block:PostNotes}
  641.  
  642. {/block:posts}
  643.  
  644. {block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
  645.  
  646. </div>
  647.  
  648.  
  649. </body>
  650. </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!