API tools faq
paste
Advertisement
Belgrravia

Novocaine

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