API tools faq
paste
Advertisement
Guest User

sweet sincerity theme

a guest
Jun 27th, 2015
1,715
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.67 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme by ellie @ iinsanes
  4. pls don't remove credit thank u !
  5.  
  6. -->
  7.  
  8.  
  9. <!DOCTYPE html>
  10. <head>
  11.  
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:background" content="#ffffff"/>
  22. <meta name="color:text" content="#898989"/>
  23. <meta name="color:link" content="#949494"/>
  24. <meta name="color:linkhover" content="#a2a2a2"/>
  25. <meta name="color:scrollbar" content="#d5d5d5" />
  26. <meta name="color:borders" content="#ebebeb"/>
  27.  
  28. <meta name="image:sidebar" content="" />
  29.  
  30. <meta name="text:link1" content="">
  31. <meta name="text:link1 url" content="/">
  32. <meta name="text:link2" content="">
  33. <meta name="text:link2 url" content="/">
  34. <meta name="text:link3" content="">
  35. <meta name="text:link3 url" content="/">
  36. <meta name="text:link4" content="">
  37. <meta name="text:link4 url" content="/">
  38. <meta name="text:title" content="">
  39.  
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41.  
  42. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43.  
  44. <script>
  45. (function($){
  46. $(document).ready(function(){
  47. $("a[title]").style_my_tooltips({
  48. tip_follows_cursor:true,
  49. tip_delay_time:20,
  50. tip_fade_speed:300,
  51. attribute:"title"
  52. });
  53. });
  54. })(jQuery);
  55. </script>
  56.  
  57. <style type="text/css">
  58. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;}
  59.  
  60. #s-m-t-tooltip{
  61. font-size:9px;
  62. position:absolute;
  63. margin-top:15px;
  64. font-family:arial;
  65. border:1px solid {color:borders};
  66. background:{color:backgrounds};
  67. z-index:9999;
  68. color:{color:text};
  69. background-color:{color:background};
  70. text-transform:lower;
  71. padding:3px 3px 3px 3px;
  72. -webkit-transition:all 0.2s;
  73. -moz-transition:all 0.2s;
  74. -ms-transition:all 0.2s;
  75. -o-transition:all 0.2s;
  76. transition:all 0.2s;
  77. }
  78.  
  79.  
  80. ::-webkit-scrollbar{height: 5px;
  81. width: 5px;
  82. background-color:{color:background}}
  83. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  84. ::-webkit-scrollbar-track{background-color:{color:background};}
  85.  
  86.  
  87. blockquote {
  88. padding-left:9px;
  89. margin:6px 10px 6px 5px;
  90. border-left:1px solid {color:borders};
  91. max-width:500px!important;
  92. }
  93.  
  94.  
  95. body {
  96. background:{color:background};
  97. color:{color:text};
  98. font-family:arial;
  99. font-size:9px;
  100. text-align:justify;
  101. margin:0;
  102. line-height:15px;
  103. }
  104.  
  105.  
  106. a {
  107. text-decoration:none;
  108. color:{color:link};
  109. -moz-transition-duration:0.5s;
  110. -webkit-transition-duration:0.5s;
  111. -o-transition-duration:0.5s;
  112. }
  113.  
  114. a:hover {
  115. text-decoration:none;
  116. color:{color:linkhover};
  117. -moz-transition-duration:0.5s;
  118. -webkit-transition-duration:0.5s;
  119. -o-transition-duration:0.5s;
  120. }
  121.  
  122.  
  123. b, strong {
  124. color:{color:text}}
  125. i, em {
  126. color:{color:text}}
  127. p {
  128. margin-top:5px;
  129. margin-bottom:5px}
  130. ol {
  131. list-style:normal;}
  132. ul {
  133. list-style:square;}
  134.  
  135. small {
  136. font-size:9px;}
  137.  
  138. sub {
  139. font-size:9px;}
  140.  
  141. big {
  142. font-size:12px;}
  143.  
  144.  
  145.  
  146.  
  147. #title {
  148. font-size:12px;
  149. line-height:18px;
  150. font-weight:bold;
  151. text-transform:uppercase;
  152. margin-bottom:9px;
  153. text-align:justify;
  154. color:{color:text};
  155. }
  156.  
  157. #title a {
  158. color:{color:text};
  159. }
  160.  
  161.  
  162.  
  163. #fun {
  164. position:fixed;
  165. background: transparent;
  166. left:340px;
  167. top:200px;;
  168. width:110px;
  169. height:200px;
  170. padding:0px 30px 0px 0px;
  171. border-right:1px solid {color:borders};
  172. border-left:1px solid {color:borders};
  173. border-top:1px solid {color:borders};
  174. }
  175.  
  176.  
  177. #links {
  178. font-size:9px;
  179. font-family:helvetica;
  180. color:#363636;
  181. letter-spacing:3.5px;
  182. text-align:center;
  183. text-shadow: 2px 2px 2px #999999;
  184. margin-top:400px;
  185. margin-bottom:10px;
  186. margin-left: 340px;
  187. width:140px;
  188. -webkit-transition-duration:0.5s;
  189. -moz-transition-duration:0.5s;
  190. -o-transition-duration:0.5s;
  191. text-shadow: 2px 2px 2px #6F6F6F;
  192. border-left:1px solid {color:borders};
  193. border-right:1px solid {color:borders};
  194. border-bottom:1px solid {color:borders};
  195. }
  196.  
  197.  
  198. #links a {
  199. font-size: 8px;
  200. color:#000;
  201. padding:2px;
  202. margin-bottom: 2px;
  203. -moz-transition-duration:0.6s;
  204. -webkit-transition-duration:0.6s;
  205. -o-transition-duration:0.6s;
  206. width:20px;
  207. display:inline-block;
  208. background:{color:background};
  209. }
  210.  
  211. #links a:hover {
  212. color:#000;
  213. -moz-transition-duration:0.6s;
  214. -webkit-transition-duration:0.6s;
  215. -o-transition-duration:0.6s;
  216. }
  217.  
  218. #description {
  219. width: 122px;
  220. margin-top:7px;
  221. margin-left: 10px;
  222. padding:0px 0px 0px 0px;
  223. background-color:transparent;
  224. color:{color:text};
  225. text-align:justify;
  226. }
  227.  
  228. #titleswag {
  229. font-size:15px;
  230. width: 100px;
  231. margin-top: -140px;
  232. margin-left: 540px;
  233. background-color:{color:background};
  234. font-family:arial;
  235. font-weight:bold;
  236. text-transform:uppercase;
  237. text-align:right;
  238. letter-spacing:1px;
  239. padding:5px 52px 5px 5px;
  240. background: transparent;
  241. text-shadow: 2px 2px 2px #6F6F6F;
  242. }
  243.  
  244.  
  245. #pagination {
  246. width:532px;
  247. text-align:center;
  248. margin:50px 0;
  249. text-transform:uppercase;
  250. letter-spacing:1px;
  251. font-size:15px;
  252. }
  253.  
  254. #pagination a {
  255. line-height:14px;
  256. padding:0 5px;
  257. }
  258.  
  259.  
  260. #entry {
  261. margin-top:10px;
  262. margin-left:10px;
  263. width:430px;
  264. }
  265.  
  266.  
  267.  
  268. #posts {
  269. width:430px;
  270. {block:IndexPage}
  271. margin-bottom:75px;
  272. {/block:IndexPage}
  273. {block:PermalinkPage}
  274. margin-bottom:50px;
  275. {/block:PermalinkPage}
  276. -webkit-filter: grayscale(100%); filter: grayscale(100%);
  277. {block:permalinkpage}
  278. -webkit-filter: grayscale(0%); filter: grayscale(0%);
  279. {/block:permalinkpage}
  280. }
  281.  
  282. #posts img {
  283. max-width:430px;
  284. -webkit-filter: grayscale(100%); filter: grayscale(100%);
  285. {block:permalinkpage}
  286. -webkit-filter: grayscale(0%); filter: grayscale(0%);
  287. {/block:permalinkpage}
  288. }
  289.  
  290.  
  291. #container {
  292. width:450px;
  293. height:450px;
  294. border: 1px solid {color:borders};
  295. margin-top:-320px;
  296. margin-left:550px;
  297. overflow-y:scroll;
  298. overflow-x:hidden;
  299. background-color:{color:bg};
  300. background:#fff;
  301. }
  302.  
  303.  
  304. #tquote {
  305. font-size:11px;
  306. line-height:16px;
  307. font-family:arial;
  308. text-align:justify;
  309. padding:12px 12px 12px 12px;
  310. color:{color:text};
  311. font-weight:bold;
  312. background-image: url("http://puu.sh/dKgp9/bbf2690826.png");
  313. min-height:20px;
  314. background-repeat:no-repeat;
  315. }
  316.  
  317.  
  318.  
  319.  
  320.  
  321. .playbutton {
  322. overflow:hidden;
  323. position:relative;
  324. z-index:1000;
  325. width:26px;
  326. height:26px;
  327. margin:11px 11px 11px 11px;
  328. }
  329.  
  330. .playbox {
  331. float:left;
  332. background-color:#000;
  333. position:absolute;
  334. z-index:1000;
  335. width:50px;
  336. height:50px;
  337. margin:10px;
  338. -webkit-border-radius:50px;
  339. -moz-border-radius:50px;
  340. opacity:0.2;
  341. -moz-transition-duration:0.6s;
  342. -webkit-transition-duration:0.6s;
  343. -o-transition-duration:0.6s;
  344. }
  345.  
  346. .playbox:hover {
  347. opacity:0.9;
  348. -moz-transition-duration:0.6s;
  349. -webkit-transition-duration:0.6s;
  350. -o-transition-duration:0.6s;
  351. }
  352.  
  353. .info {
  354. float:right;
  355. font-size:9px;
  356. text-align:left;
  357. width:400px;
  358. background-color:{color:background};
  359. padding:12px;
  360. height:46px;
  361. line-height:150%;
  362. font-family:arial;
  363. letter-spacing:0px;
  364. font-family:arial;
  365. text-transform:lowercase;
  366. }
  367.  
  368. .info i {
  369. font-family:arial;
  370. font-style:normal;
  371. font-weight:bold;
  372. font-size:9px;
  373. text-transform:uppercase;
  374. }
  375.  
  376. .info b {
  377. font-family:arial;
  378. font-size:9px;
  379. text-transform:uppercase;
  380. }
  381.  
  382. .cover {
  383. position:relative;
  384. z-index:1;
  385. width:50px;
  386. height:50px;
  387. outline:10px solid {color:background};
  388. margin:10px;
  389. }
  390.  
  391.  
  392.  
  393. #question {
  394. padding:15px;
  395. text-transform:uppercase;
  396. font-weight:bold;
  397. background-color:{color:background};
  398. }
  399.  
  400. #answer {
  401. padding:5px 5px 2px 15px;
  402. }
  403.  
  404.  
  405.  
  406. .chat ol {
  407. padding:0;
  408. line-height:180%;
  409. list-style:none;
  410. }
  411.  
  412. .line.odd {
  413. background:{color:background};
  414. padding:5px;
  415. }
  416.  
  417. .line.even {
  418. padding:5px;
  419. }
  420.  
  421. .label {
  422. font-weight:bold;
  423. padding-right:1px;
  424. letter-spacing:1px;
  425. text-transform:uppercase;
  426. color:{color:text};
  427. }
  428.  
  429.  
  430.  
  431.  
  432. #permalink {
  433. margin-top:2px;
  434. background-color:{color:background};
  435. border-bottom:1px solid {color:borders};
  436. font:8px arial;
  437. letter-spacing:1px;
  438. padding:5px 3px 5px 3px;
  439. text-align:right;
  440. text-transform:uppercase;
  441. }
  442.  
  443. #permalink a:hover {
  444. color:{color:link};
  445. }
  446.  
  447.  
  448. .tags {
  449. text-align:right;
  450. font-size:8px;
  451. font-family:arial;
  452. letter-spacing:1px;
  453. padding:3px 3px 0px 3px;
  454. text-transform:uppercase;
  455. }
  456.  
  457. .tags a {
  458. color:{color:link};
  459. margin:5px 5px 0px 0px;
  460. line-height:15px;
  461. }
  462.  
  463. .tags a:hover {
  464. color:{color:link};
  465. text-decoration:underline;
  466. }
  467.  
  468.  
  469.  
  470. .pagenotes {
  471. {block:IndexPage}
  472. display:none!important;
  473. {/block:IndexPage}
  474. {block:PermalinkPage}
  475. width:500px;
  476. {/block:PermalinkPage}
  477. text-align:left;
  478. }
  479.  
  480. .pagenotes img {
  481. display:none!important;
  482. }
  483.  
  484. .pagenotes li {
  485. list-style-type:none;
  486. padding:5px 0px;
  487. text-align:left;
  488. margin:0 0 0 -40px;
  489. font-size:10px;
  490. text-transform:lowercase;
  491. }
  492.  
  493. .t {
  494. font-size:12px;
  495. font-weight:bold;
  496. letter-spacing:1px;
  497. color:{color:text};
  498. text-transform:uppercase;}
  499.  
  500.  
  501. #credit {
  502. position:fixed;
  503. right:0px;
  504. bottom:0px;
  505. padding:4px;
  506. text-transform:uppercase;
  507. letter-spacing:2px;
  508. font-size:8px;
  509. font-family: arial;
  510. margin-bottom:3px;
  511. margin-right:3px;
  512. background: {color:background};
  513.  
  514. }
  515.  
  516.  
  517. .albumart {height:100px;
  518. width:20px;
  519. overflow:hidden;}
  520. .albumart img{
  521.  
  522. }
  523. .player {width:27px;
  524. height:27px;
  525. margin:12px 13px 13px 13px;
  526. overflow:hidden;
  527. position:relative;
  528. z-index:99;
  529. border-radius:100%;}
  530. .playerback:hover .player {opacity:1;}
  531.  
  532. .audioinfo {
  533. text-align:left;
  534. z-index:99;
  535. overflow:hidden;
  536. position:absolute;
  537. color:{color:link};
  538. margin-bottom:0;
  539. background-color:white;
  540. margin-top:25px;
  541. width:255px;
  542. padding:0 10px;
  543. margin-left:100px;
  544. border-radius:2px;
  545. opacity:.4;
  546. height:38px;
  547. line-height:15px;
  548. padding-top:12px;
  549. -webkit-transition:all 0.4s ease-in-out;
  550. -moz-transition:all 0.4s ease-in-out;
  551. -o-transition:all 0.4s ease-in-out;
  552. -ms-transition: all 0.4s ease-in-out;
  553. transition:all 0.5s ease-in-out}
  554. .albumart:hover .audioinfo {opacity:.9;
  555. -webkit-transition:all 0.4s ease-in-out;
  556. -moz-transition:all 0.4s ease-in-out;
  557. -o-transition:all 0.4s ease-in-out;
  558. -ms-transition: all 0.4s ease-in-out;
  559. transition:all 0.5s ease-in-out}
  560.  
  561. .audioinfo b {font-size:12px;}
  562.  
  563. .playerback {height:50px;
  564. opacity:.4;
  565. width:50px;
  566. z-index:99;
  567. margin-left:25px;
  568. margin-top:25px;
  569. position:absolute;
  570. background-color:white;
  571. border-radius:100%;
  572. -webkit-transition:all 0.4s ease-in-out;
  573. -moz-transition:all 0.4s ease-in-out;
  574. -o-transition:all 0.4s ease-in-out;
  575. -ms-transition: all 0.4s ease-in-out;
  576. transition:all 0.5s ease-in-out}
  577.  
  578. .albumart:hover .playerback {opacity:.9;
  579. -webkit-transition:all 0.4s ease-in-out;
  580. -moz-transition:all 0.4s ease-in-out;
  581. -o-transition:all 0.4s ease-in-out;
  582. -ms-transition: all 0.4s ease-in-out;
  583. transition:all 0.5s ease-in-out}
  584.  
  585.  
  586.  
  587.  
  588. {CustomCSS}
  589.  
  590.  
  591. </style>
  592.  
  593.  
  594.  
  595. </head>
  596.  
  597.  
  598. <body>
  599.  
  600.  
  601.  
  602. <div id="links">
  603. <a href="{text:link1 url}" title="{text:link1}">i.</a>
  604. <a href="{text:link2 url}" title="{text:link2}">ii.</a>
  605. <a href="{text:link3 url}" title="{text:link3}">iii.</a>
  606. <a href="{text:link4 url}" title="{text:link4}">iv.</a>
  607. </div>
  608.  
  609. </div>
  610.  
  611. <div id="fun">
  612. <div id="description">
  613. <div id="titleswag">{text:title}</div><br /><br />
  614. <img src="{image:sidebar}" style="width:80px; margin-top: 90px; padding:5px; background-color: {color:background}; border:1px solid {color:borders};;margin-left:15px;" align="center"><br /><br />
  615. {description}</div>
  616.  
  617.  
  618. </div></div>
  619.  
  620.  
  621.  
  622. </div>
  623.  
  624. <div id="container">
  625. <div id="entry">{block:Posts}<div id="posts">
  626. <!-- {block:NoRebloggedFrom}
  627. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  628. {/block:NoRebloggedFrom}
  629. {block:ContentSource}<!-- {SourceURL}
  630. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  631. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  632. {/block:ContentSource} -->
  633.  
  634. {block:Quote}
  635. <div id="tquote">{Quote}</div>
  636. {block:Source}<div id="source">โ€“ {Source}</div>{/block:Source}
  637. {/block:Quote}
  638.  
  639.  
  640.  
  641. {block:Text}
  642. {block:Title}
  643. <div id="title">{Title}</div>{/block:Title}
  644. {Body}
  645. {/block:Text}
  646.  
  647.  
  648. {block:Link}
  649. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  650. {/block:Link}
  651.  
  652.  
  653. {block:Chat}
  654. {block:Title}
  655. <h1>{Title}</h1>
  656. {/block:Title}
  657. <div class="chat">
  658. <ol>{block:Lines}
  659. <li class="line {Alt}">
  660. {block:Label}
  661. <span class="label">
  662. {Label}</span>
  663. {/block:Label}{Line}</li>
  664. {/block:Lines}
  665. </ol></div>
  666. {/block:Chat}
  667.  
  668.  
  669. {block:Photo}
  670. <center>
  671. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  672.  
  673. </center>
  674. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  675. {/block:Photo}
  676.  
  677.  
  678. {block:Photoset}
  679. <center>
  680. {Photoset-400}
  681.  
  682. </center>
  683. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  684. {/block:Photoset}
  685.  
  686.  
  687. {block:Video}
  688. {block:ifNot400px}
  689. {Video-500}
  690. {/block:ifNot400px}
  691.  
  692. {block:if400px}
  693. {Video-400}
  694. {/block:if400px}
  695. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  696. {/block:Video}
  697.  
  698.  
  699.  
  700. {block:Audio}
  701. <div id="lolok"><center><div style="width:250px; margin-left:3px; height:28px;"><div style="float:left">{AudioPlayerwhite}</div><div style="margin-top:10px; float:left;">
  702. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  703. {block:Caption}{Caption}{/block:Caption}
  704. <div id="permalinks">
  705.  
  706.  
  707.  
  708. </div>
  709. </div>
  710. {/block:Audio}
  711.  
  712.  
  713. {block:Answer}<div id="caption">
  714. <div id="question"><strong>{Asker}:</strong> {Question}</div>
  715. <div id="answer"><i>{Answer}</i></div></div>{/block:answer}
  716.  
  717.  
  718.  
  719.  
  720. {block:Date}
  721. {/block:Date}
  722. <div id="permalink">
  723. {block:Date}<a href="{Permalink}" style="font-weight:bold;">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>{/block:Date}{block:NoteCount} ยท <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  724.  
  725.  
  726. </div>
  727. <div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>
  728. </div>
  729.  
  730.  
  731.  
  732. {block:PermalinkPage}
  733. {/block:PermalinkPage}
  734. <div class="pagenotes">
  735. {block:NoteCount}<div class="t">notes</div>{/block:NoteCount}
  736. {PostNotes}
  737. </ol>
  738.  
  739.  
  740.  
  741. </div>
  742. {/block:PostNotes}
  743. {/block:Posts}
  744.  
  745.  
  746. <div id="pagination">
  747. {block:Pagination}
  748. {block:PreviousPage}
  749. <a href="{PreviousPage}">&larr;</a>
  750. {/block:PreviousPage}
  751.  
  752.  
  753. {block:NextPage}
  754. <a href="{NextPage}">&rarr;</a>
  755. {/block:NextPage}
  756. {/block:Pagination}
  757. </div>
  758.  
  759.  
  760.  
  761. </div>
  762.  
  763. <div id="credit"><a href="http://iinsanes.tumblr.com" target="_blank">ยฉ</a></div>
  764.  
  765. </body></html>
  766.  
  767.  
  768. </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!