API tools faq
paste
Advertisement
purethought-s

Theme #28: Marilyn

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