API tools faq
paste
Belgrravia

Oh Darling

Belgrravia
May 23rd, 2015
591
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.92 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. oh darling
  3. theme by kalopsiathemes
  4. Please do not
  5. -remove the credit
  6. -steal parts of code
  7. -use as a base
  8.  
  9. Feel free to
  10. -edit parts of the theme
  11. -ask me any questions
  12. -->
  13. <!DOCTYPE html>
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20.  
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:sidebar background" content="#ffffff"/>
  24. <meta name="color:title" content="#000000"/>
  25. <meta name="color:link" content="#000000"/>
  26. <meta name="color:link hover" content="#000000"/>
  27. <meta name="color:nav" content="#ffffff"/>
  28. <meta name="color:nav hover" content="#ffffff"/>
  29. <meta name="color:text" content="#000000"/>
  30. <meta name="image:sidebar" content=""/>
  31.  
  32. <meta name="text:link1" content="">
  33. <meta name="text:link1url" content="" />
  34. <meta name="text:link2" content="">
  35. <meta name="text:link2url" content="" />
  36. <meta name="text:link3" content="">
  37. <meta name="text:link3url" content="" />
  38. <meta name="text:link4" content="">
  39. <meta name="text:link4url" content="" />
  40. <meta name="text:link5" content="">
  41. <meta name="text:link5url" content="" />
  42.  
  43. <meta name="if:500px posts" content="0"/>
  44. <meta name="if:400px posts" content="1"/>
  45. <meta name="if:250px posts" content="0"/>
  46.  
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  49.  
  50. <script>
  51.  
  52. (function($){
  53.  
  54. $(document).ready(function(){
  55.  
  56. $("a[title]").style_my_tooltips({
  57.  
  58. tip_follows_cursor:true,
  59.  
  60. tip_delay_time:30,
  61.  
  62. tip_fade_speed:300,
  63.  
  64. attribute:"title"
  65.  
  66. });
  67.  
  68. });
  69.  
  70. })(jQuery);
  71.  
  72. </script>
  73.  
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79.  
  80. ::-webkit-scrollbar {height: 0px;
  81. width: 4px;
  82. -webkit-border-radius: 0px;
  83. background-color:{color:posts}}
  84. ::-webkit-scrollbar-thumb{background-color:{color:text};
  85.  
  86. border:0px solid {color:scrollbar};}
  87. ::-webkit-scrollbar-track{background-color:{color:sidebar background};}
  88.  
  89. #s-m-t-tooltip {max-width:400px;
  90. padding:2px;
  91. margin:10px 0px 0px 10px;
  92. padding:1px 4px;
  93. background-color:{color:text};
  94. text-transform:uppercase;
  95. font-size:7px;
  96. font-family:arial, sans-serif;
  97. letter-spacing:2px;
  98. color:{color:background};
  99. z-index:999
  100.  
  101. }
  102. body {
  103. background:{color:background};
  104. color:{color:text};
  105. font-size:11px;
  106. margin:0;
  107. font-family:arial;
  108. line-height:16px;}
  109.  
  110.  
  111. blockquote {
  112. padding-left:10px;
  113. margin:5px;
  114. margin-left:20px;
  115. word-wrap:break-word;
  116. }
  117.  
  118. #posts {
  119. {block:If500pxposts}
  120. width:500px;
  121. {/block:If500pxposts}
  122. {block:If400pxposts}
  123. width:400px;
  124. {/block:If400pxposts}
  125. {block:If250pxposts}
  126. width:250px;
  127. {/block:If250pxposts}
  128. margin-bottom:100px;
  129. margin-top:120px;
  130. }
  131.  
  132. #posts img {
  133. {block:If500pxposts}
  134. max-width:500px;
  135. {/block:If500pxposts}
  136. {block:If400pxposts}
  137. max-width:400px;
  138. {/block:If400pxposts}
  139. {block:If250pxposts}
  140. max-width:250px;
  141. {/block:If250pxposts}
  142. }
  143.  
  144.  
  145. #posts, #posts img, #posts blockquote {
  146. font-size:11px;
  147. color:{color:text};
  148. }
  149.  
  150.  
  151. small {
  152. font-size:10px;
  153. }
  154.  
  155. big {
  156. font-size:12px;
  157. }
  158.  
  159.  
  160. h2 {
  161. Text-align:center;
  162. font-size:12px;
  163. color:{color:title};
  164. }
  165.  
  166. h1 {
  167. font-size:9px;
  168. Text-align:center;
  169. letter-spacing:1px;
  170. color:{color:text};
  171. }
  172.  
  173. h3 {
  174. font-size:13px;
  175. color:{color:title};
  176. letter-spacing:1px;
  177. text-transform:uppercase;
  178. }
  179.  
  180.  
  181.  
  182. #content {
  183. padding:0px;
  184.  
  185. width:100%;
  186.  
  187. {block:If500pxposts}
  188. width:500px;
  189. {/block:If500pxposts}
  190. {block:If400pxposts}
  191. width:400px;
  192. {/block:If400pxposts}
  193. {block:If250pxposts}
  194. width:250px;
  195. {/block:If250pxposts}
  196. margin:auto;
  197.  
  198. }
  199.  
  200. #left {
  201. height:100%;
  202. width:200px;
  203. border-right:1px solid {color:text};
  204. position:fixed;
  205. top:0px;
  206. background:{color:sidebar background};
  207. }
  208.  
  209. #right {
  210. height:100%;
  211. width:200px;
  212. right:0px;
  213. top:0px;
  214. border-left:1px solid {color:text};
  215. position:fixed;
  216. background:{color:sidebar background};
  217. }
  218.  
  219. #sidebar {
  220. width:100px;
  221. margin-left:50px;
  222. text-align:center;
  223. margin-top:140px;
  224. }
  225.  
  226. #title{
  227. font-weight:700;
  228. font-size:13px;
  229. letter-spacing:.5px;
  230. margin-bottom:5px;
  231. }
  232.  
  233.  
  234. #description {
  235. color:{color:nav};
  236. font-size:9px;
  237. word-wrap:break-word;
  238. line-height:150%;
  239. }
  240.  
  241. #sidebarimage img {
  242. width:50px;
  243. border-radius:50px;
  244. margin-bottom:5px;
  245. padding:5px;
  246. background:{color:background};
  247. }
  248.  
  249. #postinfo {
  250. position:absolute;
  251. font-size:8px;
  252. {block:If500pxposts}
  253. margin-left:616px;
  254. {/block:If500pxposts}
  255. {block:If400pxposts}
  256. margin-left:566px;
  257. {/block:If400pxposts}
  258. {block:If250pxposts}
  259. margin-left:491px;
  260. {/block:If250pxposts}
  261. padding-left:5px;
  262. padding-top:5px;
  263. border-top:1px solid {color:text};
  264. text-align:left;
  265. width:80px;
  266. color:{color:link};
  267. word-wrap:break-word;
  268. line-height:150%;
  269. letter-spacing:1px;
  270. text-transform:lowercase;
  271. }
  272.  
  273. .info {
  274. position:absolute;
  275. padding:5px;
  276. font-size:10px;
  277. font-family:Times,sans-serif;
  278. }
  279.  
  280. a:link,a:visited {
  281. text-decoration:none;
  282. color:{color:link};
  283. }
  284.  
  285. a:hover {
  286. text-decoration:none;
  287. font-style:italic;
  288. color:{color:link hover};
  289. cursor:crosshair;
  290. }
  291. #nav {
  292. margin-top:3px;
  293. font-size:11px;
  294. word-spacing:2px;
  295. }
  296.  
  297. #nav a {
  298. color:{color:nav};
  299. text-decoration:none;
  300. }
  301.  
  302. #nav a:hover {
  303. color:{color:nav hover};
  304. text-decoration:none
  305. }
  306.  
  307. #permalink {
  308. font-size:9px;
  309. {block:If500pxposts}
  310. width:500px;
  311. {/block:If500pxposts}
  312. {block:If400pxposts}
  313. width:400px;
  314. {/block:If400pxposts}
  315. {block:If250pxposts}
  316. width:250px;
  317. {/block:If250pxposts}
  318. word-wrap:break-word;
  319. margin-top:5px;
  320. text-align:center;
  321. letter-spacing:1px;
  322. }
  323.  
  324. .tags {
  325. text-align:center;
  326. margin-top:0px;
  327. font-size:8px;
  328. word-wrap:break-word;
  329. text-transform:lowercase;
  330. {block:IndexPage}
  331. opacity:0;
  332. {/block:IndexPage}
  333. }
  334.  
  335.  
  336. .pagenotes {
  337. {block:IndexPage}
  338. display: none;
  339. {/block:IndexPage}
  340. padding:10px;
  341. {block:If500pxposts}
  342. width:500px;
  343. {/block:If500pxposts}
  344. {block:If400pxposts}
  345. width:400px;
  346. {/block:If400pxposts}
  347. {block:If250pxposts}
  348. width:250px;
  349. {/block:If250pxposts}
  350. margin-top:30px;
  351. margin-left:-25px;
  352. font-size:9px;
  353. letter-spacing:1px;
  354. }
  355.  
  356.  
  357.  
  358. .pagenotes img {
  359. display:none;}
  360. .pagenotes li {
  361. list-style-type:none;
  362. padding:5px 0px;
  363. text-align:center;
  364. margin:0 0 0 0px;
  365. }
  366.  
  367.  
  368.  
  369. #pagi {
  370. font-size:11px;
  371. width:100%;
  372. text-align:center;
  373. margin-bottom:20px;
  374. color:{color:links};
  375. letter-spacing:0px;
  376. font-weight:700;
  377. }
  378.  
  379. #pagi a {
  380. display:inline-block;
  381. color:{color:links};
  382. }
  383.  
  384. #pagi a:hover {
  385. color:{color:links hover};
  386. }
  387.  
  388. .player {
  389. width:25px;
  390. height:25px;
  391. overflow:hidden;
  392. position:absolute;
  393. background:white;}
  394.  
  395. .audioinfo {
  396. margin-left:50px;
  397. font-size:12px;
  398. }
  399.  
  400. .q {
  401. text-align:center;
  402. font-weight:bold;
  403. }
  404.  
  405. .as {
  406. font-weight:bold;
  407. text-transform:uppercase;
  408. margin-bottom:10px;
  409. }
  410.  
  411.  
  412. .a {
  413. margin-top:10px;
  414.  
  415. }
  416.  
  417. .chat ol {
  418. padding:0;
  419. list-style:none;
  420. }
  421.  
  422. .label {font-weight:bold;
  423. }
  424.  
  425. .newplayerbutton {
  426. position: relative;
  427. width: 28px;
  428. height: 27px;
  429. overflow: hidden;
  430. }
  431.  
  432. .playerbuttonhug {
  433. position: absolute;
  434. top: -11px;
  435. left: -12px;
  436. }
  437.  
  438.  
  439. .tumblr_audio_player {
  440. border: none;
  441. padding: 0px;
  442. margin: 0px;
  443. height: 50px;
  444. width: 500px;
  445. }
  446.  
  447. .playerbuttonbg {
  448. position: absolute;
  449. left: 20px;
  450. top: 20px;
  451. width: 28px;
  452. height: 28px;
  453. background-color: #ffffff;
  454. padding: 10px;
  455. -webkit-border-radius: 50px;
  456. -moz-border-radius: 50px;
  457. border-radius: 50px;
  458. opacity: .4;
  459. filter: alpha(opacity=40);
  460. -moz-opacity: 0.4;
  461. -khtml-opacity: 0.4;
  462. transition: opacity .7s ease-in-out;
  463. -moz-transition: opacity .7s ease-in-out;
  464. -webkit-transition: opacity .7s ease-in-out;
  465. }
  466.  
  467. .playerbuttonbg:hover {
  468. opacity: 1;
  469. filter: alpha(opacity=100);
  470. -moz-opacity: 1;
  471. -khtml-opacity: 1;
  472. }
  473.  
  474. .audioimgwrapper {
  475. position: absolute;
  476. left: 0px;
  477. top: 0px;
  478. -webkit-border-radius: 50px;
  479. -moz-border-radius: 50px;
  480. border-radius: 50px;
  481. overflow: hidden;
  482. width: 88px;
  483. height: 88px;
  484. }
  485.  
  486. .audioimgwrapper img {
  487. width: 100%;
  488. height: auto;
  489. -webkit-border-radius: 50px;
  490. -moz-border-radius: 50px;
  491. border-radius: 50px;
  492. }
  493.  
  494. .trackdetails {
  495. width: auto;
  496. display:inline-block;
  497. margin-left: 100px;
  498. min-height: 85px;
  499. }
  500.  
  501. .audiowrapper {
  502. position: relative;
  503. display:inline-block;
  504. }
  505. #credit {
  506. position:fixed;
  507. color:{color:text};
  508. bottom:5px;
  509. right:10px;
  510. padding:4px;
  511. font-size:12px;
  512. }
  513.  
  514. #credit a {
  515. text-decoration:none;
  516. }
  517.  
  518.  
  519. </style>
  520. </head>
  521. <body>
  522.  
  523. <div id="left">
  524. <div id="sidebar">
  525. <a href="/">
  526. <div id="sidebarimage"><img src="{image:sidebar}"></a></div>
  527. <div id="title">{Title}</div>
  528. <div id="description">{Description}</div>
  529. <div id="nav">
  530. <a href="{text:Link1url}" title="{text:link1}">&#9679;</a>
  531. <a href="{text:Link2url}" title="{text:link2}">&#9679;</a>
  532. <a href="{text:Link3url}" title="{text:link3}">&#9679;</a>
  533. <a href="{text:Link4url}" title="{text:link4}">&#9679;</a>
  534. <a href="{text:Link5url}" title="{text:link5}">&#9679;</a>
  535. </div>
  536. </div></div>
  537. <div id="right"></div>
  538. <div id="content">
  539. {block:Posts}<div id="posts">
  540.  
  541. {block:Date}{block:IndexPage}<div id="postinfo"><a href="{Permalink}">{TimeAgo}<br><a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}<br>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via&nbsp;</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">&#x7c;&nbsp;src&nbsp;</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:IndexPage}{/block:Date}
  542.  
  543. {block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body}{/block:Text}
  544.  
  545. {block:Quote}<h2>&#x201C;{Quote}&#x201D;</h2><h1>{Source}</h1>{/block:Quote}
  546.  
  547. {block:Link}<a href="{URL}"><h3>{Name}</h3></a>
  548.  
  549. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  550.  
  551. {block:Photo} {block:If500pxposts}<img src="{PhotoURL-500}" />{block:Caption}{Caption}{/block:Caption} {/block:If500pxposts}{block:If400pxposts}<img src="{PhotoURL-400}" />{block:Caption}{Caption}{/block:Caption} {/block:If400pxposts}{block:If250pxposts}<img src="{PhotoURL-250}" />{block:Caption}{Caption}{/block:Caption} {/block:If250pxposts}{/block:Photo}
  552.  
  553. {block:Photoset}
  554. {block:If500pxposts}
  555. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  556. {/block:If500pxposts}
  557. {block:If400pxposts}
  558. <center>{Photoset-400}</center>{block:Caption}{Caption} {/block:If400pxposts}{/block:Caption}
  559.  
  560. {/block:If400pxposts}
  561. {block:If250pxposts}
  562. <center>{Photoset-250}</center>{block:Caption}{Caption} {/block:If400pxposts}{/block:Caption}
  563.  
  564. {/block:If250pxposts}
  565. {/block:Photoset}
  566.  
  567. {block:Chat}<ul class="chat">{block:Title}<h3>{Title}</h3>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  568.  
  569. {block:Video} {block:If500pxposts} {Video-500}{block:Caption}{Caption}{/block:Caption}
  570. {/block:If500pxposts}
  571. {block:If400pxposts}
  572. {Video-400}{block:Caption}{Caption}{/block:Caption}
  573. {/block:If400pxposts}
  574. {block:If250pxposts}
  575. {Video-250}{block:Caption}{Caption}{/block:Caption}
  576. {/block:If250pxposts}{/block:Video}
  577. {block:Audio}{block:AudioPlayer}
  578. <div class="audiowrapper">
  579. {block:AlbumArt}
  580. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  581. {/block:AlbumArt}
  582.  
  583. <div class="playerbuttonbg">
  584. <div class="newplayerbutton">
  585. <div class="playerbuttonhug">
  586.  
  587. {AudioPlayerWhite}
  588.  
  589. </div>
  590. </div>
  591. </div>
  592.  
  593. <div class="trackdetails">
  594.  
  595. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  596. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  597. {block:Album}Album: {Album}{/block:Album}<br/>
  598. {PlayCountWithLabel}
  599.  
  600. </div>
  601. </div>
  602. {/block:AudioPlayer}{/block:Audio}
  603.  
  604.  
  605. {block:Answer}
  606. <div class="q">
  607. <div class="as">{Asker} inquired: </div>
  608. {Question}</div>
  609. <div class="a">{Answer}</div>
  610. {/block:Answer}
  611.  
  612. {block:Date}
  613. {block:PermalinkPage}<div id="permalink"><a href="{Permalink}">{TimeAgo}&nbsp;with<a href="{Permalink}">&nbsp;{NoteCount} notes</a>{/block:NoteCount}&nbsp;({block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via&nbsp;</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">&#x7c;&nbsp;src</a>{/block:ContentSource}{/block:RebloggedFrom})<br>{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">&nbsp;#{Tag},&nbsp;</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:PermalinkPage}{/block:Date}
  614.  
  615.  
  616. {block:PostNotes}
  617. <div class="pagenotes">
  618. {PostNotes}
  619. </div>
  620. {/block:PostNotes}
  621. {/block:Posts}
  622.  
  623.  
  624. </div>
  625. </div>
  626. <div id="pagi">
  627. {block:Pagination}
  628. {block:PreviousPage}
  629. <a href="{PreviousPage}">&nbsp; back </a>
  630. {/block:PreviousPage}
  631.  
  632.  
  633. {block:NextPage}
  634. <a href="{NextPage}"> forth </a>
  635. {/block:NextPage}
  636. {/block:Pagination}
  637. </div>
  638. </div>
  639.  
  640.  
  641. {block:ContentSource}
  642. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  643. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  644. {/block:SourceLogo}
  645. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  646. {/block:ContentSource}
  647.  
  648. <div id="credit">
  649. <a href="http://kalopsiathemes.tumblr.com" title="kalopsiathemes"</div>&#916;</a></div>
  650.  
  651. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!