API tools faq
paste
Belgrravia

Without A Word

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