API tools faq
paste
Advertisement
purethought-s

Theme #25: Fairytales

purethought-s
Jul 21st, 2013
2,856
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- Fairytales theme by Sleephy
  4.  
  5. please don't steal this!
  6. the background can only be white because the graphic on the side has a white background.
  7. Permalink slide down hover thing belongs to http://meem.co.vu/
  8.  
  9. -->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13.  
  14. <head>
  15. <meta name="color:sidebar text" content="#000">
  16. <meta name="color:sidebar links" content="#000">
  17. <meta name="color:link" content="#E6E4E4">
  18. <meta name="color:background" content="#fff">
  19. <meta name="color:hover" content="#454545">
  20. <meta name="color:infobg" content="#FCFCFC">
  21. <meta name="color:text" content="#9A9A9A">
  22. <meta name="color:tags" content="#EDEDED">
  23. <meta name="color:scrollbar" content="#D6D5D5">
  24. <meta name="text:linkA" content="">
  25. <meta name="text:linkA url" content="/">
  26. <meta name="text:linkB" content="">
  27. <meta name="text:linkB url" content="/">
  28. <meta name="text:linkC" content="">
  29. <meta name="text:linkC url" content="/">
  30. <meta name="text:linkD" content="">
  31. <meta name="text:linkD url" content="/">
  32. <meta name="color:Permalink Color 1" content="#fff">
  33. <meta name="color:Permalink Color 2" content="#888">
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  35. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36. <link rel="shortcut icon" href="{Favicon}" />
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38.  
  39. <style type="text/css">
  40.  
  41.  
  42. a {
  43. color:{color:link};
  44. text-decoration:none;
  45. -moz-transition-duration:0.5s;
  46. -webkit-transition-duration:0.5s;
  47. -o-transition-duration:0.5s;
  48. }
  49.  
  50. a:hover {
  51. color:{color:hover};
  52. text-decoration:none;
  53. -moz-transition-duration:0.5s;
  54. -webkit-transition-duration:0.5s;
  55. -o-transition-duration:0.5s;
  56. }
  57.  
  58.  
  59. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  60. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  61. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  62.  
  63. body {
  64. background-color:{color:background};
  65. font-family:Calibri;
  66. font-weight:normal;
  67. }
  68.  
  69. #s-m-t-tooltip{
  70. font-size: 8px;
  71. max-width:300px;
  72. padding:3px 3px 2px 4px;
  73. margin:20px 0px 0px 20px;
  74. z-index:10;
  75. background-color:#000;
  76. border:1px solid #fff;
  77. font-family:calibri;
  78. letter-spacing:3px;
  79. text-transform:uppercase;
  80. color:#fff;
  81. z-index:999999999999999999999999999999999999;
  82. }
  83.  
  84.  
  85. h1 {
  86. font-weight:normal;
  87. font-size:10px;
  88. text-align:center;
  89. font-style:normal;
  90. line-height:80%;
  91. letter-spacing:1px;
  92. text-transform:uppercase;
  93. color:{color:text};
  94. }
  95.  
  96. h2 {
  97. font-size:15px;
  98. text-align:center;
  99. line-height:100%;
  100. letter-spacing:-0.5px;
  101. color:{color:text};
  102. font-weight:normal;
  103. padding:5px;
  104. padding-bottom:2px;
  105. }
  106.  
  107.  
  108. blockquote {
  109. border-left:2px solid {color:text};
  110. padding-left:5px;
  111. margin:5px;
  112. }
  113.  
  114. #theme {
  115. background-color:{color:bg};
  116. width:700px;
  117. margin: 0 auto -12px auto;
  118. text-align: center;
  119. }
  120. #sidebar a{
  121. color:{color:sidebar links};
  122. }
  123. #sidebar {
  124. color:{color:sidebar text};
  125. position:fixed;
  126. width:150px;
  127. height:auto;
  128. left:190px;
  129. font-size:10PX;
  130. font-family:baskerville;
  131. padding:10px;
  132. top:198px;
  133.  
  134. text-align:center;
  135. -moz-transition-duration:0.5s;
  136. -webkit-transition-duration:0.5s;
  137. -o-transition-duration:0.5s; }
  138.  
  139. #sidebar img {
  140. width:170px;
  141. opacity:.95;
  142.  
  143. margin-bottom:10px;
  144. }
  145.  
  146. #frame{
  147. position:fixed;
  148. z-index:-1;
  149. width:280px;
  150. padding-top:140px;
  151. left:60px;
  152.  
  153. }
  154.  
  155. #entries{
  156. margin-left: 240px;
  157. margin-top:20px;
  158. width:500px;
  159. }
  160.  
  161.  
  162.  
  163. .posts{
  164. background-color: transparent;
  165. padding: 20px 0 0 0;
  166. font-style:normal;
  167. }
  168.  
  169.  
  170.  
  171. #credit {
  172. position:fixed;
  173. right:3px;
  174. bottom:3px;
  175. line-height:5px;
  176. letter-spacing:0px;
  177. font:10px trebuchet ms;
  178. color: {color:text};
  179. text-transform:uppercase;
  180. }
  181.  
  182.  
  183.  
  184. h1{
  185. font-family: 'georgia';
  186. font-style:ITALIC;
  187. font-size: 15px;
  188. font-weight:none;
  189. }
  190.  
  191.  
  192. .qquote{
  193. font-family: 'georgia';
  194. font-style:ITALIC;
  195. font-size: 15px;
  196. font-weight:none;
  197.  
  198. margin-left: 0px;
  199. }
  200.  
  201.  
  202.  
  203. .qsource{
  204. margin: 5px 0px 0 20px;
  205. text-align: left;
  206. text-transform: none;
  207. }
  208.  
  209.  
  210. .chat{
  211. line-height: 12px;
  212. list-style: none;
  213. font-color:#000000;
  214. }
  215.  
  216.  
  217.  
  218.  
  219. .chat ul {
  220. line-height: 15px;
  221. list-style: none;
  222. padding: 0px;
  223. line-height: 20px;
  224. }
  225.  
  226.  
  227.  
  228.  
  229. .person1 {
  230. color:{color:Text};
  231. background-color:{color:Chat 1};
  232. }
  233.  
  234.  
  235.  
  236.  
  237. .person1 .label {
  238. font-weight: bold;
  239. padding: 0px;
  240. margin-left:
  241. 5px; color:
  242. }
  243.  
  244.  
  245.  
  246.  
  247. .person2 {
  248. color:{color:Text};
  249. background-color:{color:Chat 2};
  250. }
  251.  
  252.  
  253.  
  254.  
  255. .person2 .label {
  256. font-weight: bold;
  257. padding: 0px;
  258. margin-left: 5px;
  259. color: }
  260.  
  261.  
  262.  
  263.  
  264.  
  265. .iaudio {
  266. margin-bottom: 2px;
  267. width: 100%;
  268. background-color: #transparent}
  269.  
  270.  
  271.  
  272.  
  273. .iaudio img
  274. {width: 208px;
  275. padding: 20px 0 0px 0
  276. }
  277.  
  278.  
  279.  
  280.  
  281. .icap{
  282. margin-top: 1px
  283. }
  284.  
  285.  
  286.  
  287. #ask {
  288. border-bottom:1px dashed;
  289. padding-bottom:5px;
  290. }
  291.  
  292.  
  293. #asker {
  294. font-family:"georgia";
  295. font-size:18px;
  296. }
  297.  
  298.  
  299. #askerimg {
  300. float:left;
  301. margin-right:5px;
  302. border:3px solid;
  303. border-color:{color:info};
  304. margin-top:-5px;
  305. }
  306.  
  307.  
  308. #question {
  309. margin-left:5px;
  310. margin-top:-3px;
  311. }
  312.  
  313.  
  314. #answer {
  315. margin-top:10px;
  316. margin-bottom:-5px;
  317. }
  318.  
  319.  
  320.  
  321. .cap {
  322. padding-top: 5px;
  323. width: 500px;
  324. }
  325.  
  326.  
  327.  
  328. #information {
  329. text-align:right;
  330. text-transform:uppercase;
  331. font-family:calibri;
  332. font-size:9px;
  333. background-color:{color:info};
  334. padding: 3px;
  335. letter-spacing:1px;
  336. }
  337.  
  338.  
  339.  
  340.  
  341.  
  342. #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}}
  343.  
  344. #notes a{color:{color:Permalink Color 2};padding:3px; margin:1px;}
  345.  
  346.  
  347.  
  348. #notes a:hover{ color: {color:Permalink Color 1}; box-shadow:inset 0px 20px 0px {color:Permalink Color 2};}
  349. #audio {
  350. margin-bottom:5px;
  351. width:500px;
  352. height:105px;
  353. }
  354.  
  355. .albumart {
  356. width:100px;
  357. height:100px;
  358. position:absolute;
  359. }
  360.  
  361. .albumart img {
  362. width:100px;
  363. height:100px;
  364. float:left;
  365. }
  366. .playercontainer {
  367. opacity: .2;
  368. display:block;
  369. width:100px;
  370. height:100px;
  371. background:#fff;
  372. position:absolute;
  373. -webkit-transition:all 0.5s ease-in-out;
  374. -moz-transition:all 0.5s ease-in-out;
  375. -o-transition:all 0.5s ease-in-out;
  376. -ms-transition: all 0.5s ease-in-out;
  377. transition:all 0.5s ease-in-out;
  378. }
  379.  
  380. .playercontainer:hover {
  381. opacity:.7;
  382. position:absolute;
  383. -webkit-transition:all 0.5s ease-in-out;
  384. -moz-transition:all 0.5s ease-in-out;
  385. -o-transition:all 0.5s ease-in-out;
  386. -ms-transition: all 0.5s ease-in-out;
  387. transition:all 0.5s ease-in-out;
  388. }
  389.  
  390. .player {
  391. margin-left:36px;
  392. margin-top:36px;
  393. width:25px;
  394. height:25px;
  395. overflow:hidden;
  396. position:absolute;
  397. background:#fff;
  398. }
  399.  
  400. .audioinfo {
  401. margin-left:110px;
  402. float:left;
  403. color:{color:Permalink Color 2};
  404.  
  405. font-family:calibri;
  406. letter-spacing:1px;
  407. font-size:8px;
  408. text-transform:uppercase;
  409. width:386px;
  410. padding:2px;
  411. margin-top:3px;
  412. }
  413.  
  414. .audioinfo b {
  415. font-family:calibri;
  416. letter-spacing:1px;
  417. font-size:8px;
  418. text-transform:uppercase;
  419. color:{color:Permalink Color 1};
  420. background:{color:Permalink Color 2};
  421. padding:3px 4px 3px 4px;
  422. font-weight:normal;
  423. margin-right:5px;
  424. }
  425.  
  426.  
  427.  
  428. #tags {
  429. display:block;
  430. padding: 6px;
  431. text-transform:uppercase;
  432. font-family:calibri;
  433. font-size:8px;
  434. text-align:center;
  435. text-transform:italic;
  436. color:{color:Permalink Color 1};
  437. background:{color:Permalink Color 2};
  438. -webkit-transition: all 0.4s ease-in-out;
  439. -moz-transition: all 04s ease-in-out;
  440. transition: all 0.4s ease-in-out;
  441. }
  442.  
  443. #tags a{
  444. color:{color:Permalink Color 1};
  445. padding:2px;
  446. }
  447.  
  448. #tags a:hover{
  449. color: {color:Permalink Color 2}; box-shadow:inset 0px -20px 0px {color:Permalink Color 1};
  450.  
  451. }
  452. #s-m-t-tooltip {
  453.  
  454. max-width:300px; /* maximum width */
  455.  
  456. background-color:#000; /* color background */
  457.  
  458. border:1px solid #000; /* color, shape and thickness of the border */
  459.  
  460. font-family:calibri; /* font of lyrics */
  461.  
  462. font-size:8px; /* font size */
  463.  
  464. color:#fff; /* font color */
  465.  
  466. letter-spacing:2px; /* font spacing */
  467.  
  468. text-transform:uppercase; /* uppercase, lowercase, none */
  469.  
  470. padding:3px 4px 3px 4px; /* padding size */
  471.  
  472. margin:20px 0px 0px 20px; /* margin size */
  473.  
  474. z-index:999999999999999999999999999999999999;
  475.  
  476. border-radius: 5px; /* border radius */
  477.  
  478. }
  479.  
  480.  
  481. {CustomCSS}
  482.  
  483. </style><!-- start of script tooltip -->
  484. <script src="http://static.tumblr.com/xrmodho/zoUmtvm6l/jquery.js"></script>
  485.  
  486. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  487.  
  488. <script>
  489.  
  490. (function($){
  491.  
  492. $(document).ready(function(){
  493.  
  494. $("a[title]").style_my_tooltips({
  495.  
  496. tip_follows_cursor:true,
  497.  
  498. tip_delay_time:90,
  499.  
  500. tip_fade_speed:600,
  501.  
  502. attribute:"title"
  503.  
  504. });
  505.  
  506. });
  507.  
  508. })(jQuery);
  509.  
  510. </script>
  511. <script type="text/javascript"
  512. src="http://static.tumblr.com/xrmodho/zoUmtvm6l/jquery.js"></script>
  513. <!-- end of script tooltip --></head>
  514.  
  515. <body>
  516. <div id="theme">
  517.  
  518. <div id="frame"><img src="http://static.tumblr.com/xrmodho/y8Kmtvrt7/jeweledbee-vintage-graphicsfairy.png"></div>
  519. <div id="sidebar">
  520.  
  521. <br>
  522. {block:IfLinkA}
  523. <a href="{text:linkA url}" title="{text:linkA}">01.</a>&nbsp;&nbsp;
  524. {/block:IfLinkA}
  525. {block:IfLinkB}
  526. <a href="{text:linkB url}" title="{text:linkB}">02.</a>&nbsp;&nbsp;
  527. {/block:IfLinkB}
  528. {block:IfLinkC}
  529. <a href="{text:linkC url}" title="{text:linkC}">03.</a>&nbsp;&nbsp;
  530. {/block:IfLinkC}
  531. {block:IfLinkD}
  532. <a href="{text:linkD url}" title="{text:linkD}">04.</a>
  533. {/block:IfLinkD}
  534. <br>
  535. {Description}
  536.  
  537. {block:Pagination}
  538. <br>
  539. {block:PreviousPage}
  540. <a href="{PreviousPage}">←</a>
  541. {/block:PreviousPage}
  542. {block:NextPage}
  543. <a href="{NextPage}">→</a>
  544. {/block:NextPage}
  545.  
  546. {/block:Pagination}
  547. </div>
  548.  
  549. <div id="entries">
  550.  
  551.  
  552. {block:Posts}
  553.  
  554.  
  555. <div class="posts">
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  563.  
  564. {block:Photo}
  565. {block:IndexPage}
  566. <div id="postbody">
  567. <center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></a></div></center>
  568. {/block:IndexPage}
  569. {block:PermalinkPage}
  570. <div id="postbox">
  571. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  572. </div>
  573. {/block:PermalinkPage}
  574. {/block:Photo}
  575.  
  576. {block:Photoset}{Photoset-500}{/block:Photoset}
  577.  
  578. {block:Quote}
  579. <div class="qquote"><big><big>❝</big></big> {Quote} <big><big>❞</big></big></div>
  580. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}
  581. {/block:Quote}
  582.  
  583. {block:Link}
  584. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  585. {block:Description}{Description}{/block:Description}
  586. {/block:Link}
  587.  
  588. {block:Chat}
  589. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  590. <div class="chat"><ul>{block:Lines}
  591. <li class="person{UserNumber}">{block:Label}
  592. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  593. {/block:Chat}
  594.  
  595. {block:Audio}
  596. <div id="audio">
  597. <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>
  598.  
  599. {block:TrackName}<div class="audioinfo"><b>Title</b> {TrackName}</div><br>{/block:TrackName}
  600. {block:Artist}<div class="audioinfo"><b>Artist</b> {Artist}</div><br>{/block:Artist}
  601. {block:Album}<div class="audioinfo"><b>Album</b> {Album}</div>{/block:Album}
  602. {block:PlayCount}<div class="audioinfo"><b>Played</b> {FormattedPlayCount} times</div> {/block:PlayCount}
  603. </div>{block:Caption}{Caption}{/block:Caption}
  604. {/block:Audio}
  605.  
  606. {block:Video}{Video-500}{/block:Video}
  607.  
  608. {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}
  609.  
  610. <div class="cap">
  611. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  612. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  613. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  614.  
  615.  
  616. </div>
  617.  
  618.  
  619.  
  620. <div id="notes">{block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}&nbsp;&nbsp;&nbsp;via: <a href="{ReblogParentURL}"
  621. 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>
  622.  
  623.  
  624. {block:HasTags} <div id ="tags">{block:Tags}&nbsp;&nbsp; &nbsp; <a title="{TAG}" href="{TagURL}"> # &nbsp; {Tag}</a> {/block:Tags}
  625.  
  626. </div>{/block:HasTags}
  627.  
  628.  
  629.  
  630.  
  631. </div>
  632.  
  633.  
  634. {/block:Posts}
  635. {block:PostNotes}
  636. <div id="notes">{PostNotes}</div>
  637. {/block:PostNotes}
  638.  
  639. </div>
  640. </body>
  641. </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!