Advertisement
florels

theme #28 - TALK IS CHEAP

Aug 6th, 2014
4,687
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.76 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!--
  4.  
  5. TALK IS CHEAP theme by
  6. F L O R E L S (✿◠‿◠) ////
  7.  
  8. published aug 06, 2014
  9. edited feb 13, 2015
  10.  
  11. -->
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14.  
  15.  
  16. <link rel="icon" href="{Favicon}"/>
  17. <title>{Title}</title>
  18. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  19.  
  20.  
  21. <meta name="color:background" content="#fff" />
  22. <meta name="color:blogtitle" content="#000" />
  23. <meta name="color:buttons text" content="#fff" />
  24. <meta name="color:buttons text hover" content="#000" />
  25. <meta name="color:buttons bg" content="#000" />
  26. <meta name="color:buttons hover bg" content="#fff" />
  27. <meta name="color:description" content="#000" />
  28. <meta name="color:image border" content="#000" />
  29. <meta name="color:link" content="#000" />
  30. <meta name="color:link hover" content="#000" />
  31. <meta name="color:nav links" content="#000" />
  32. <meta name="color:nav links bg" content="#fff" />
  33. <meta name="color:nav links border" content="#000" />
  34. <meta name="color:nav links hover" content="#000" />
  35. <meta name="color:permalink" content="#000" />
  36. <meta name="color:permalink hover" content="#000" />
  37. <meta name="color:scrollbar" content="#000" />
  38. <meta name="color:sidebar border" content="#000" />
  39. <meta name="color:sidebar bg" content="#fff5e8" />
  40. <meta name="color:text" content="#000" />
  41.  
  42. <meta name="image:background" content="" />
  43. <meta name="image:sidebar background" content="" />
  44.  
  45. <meta name="if:1 column" content="0"/>
  46. <meta name="if:2 columns" content="1"/>
  47. <meta name="if:3 columns" content="0"/>
  48. <meta name="if:image post border" content="1"/>
  49. <meta name="if:nav links bg" content="1"/>
  50. <meta name="if:nav links border" content="1"/>
  51. <meta name="if:sidebar background" content="1"/>
  52. <meta name="if:sidebar border" content="1"/>
  53. <meta name="if:show custom link a" content="0" />
  54. <meta name="if:show custom link b" content="0" />
  55. <meta name="if:show custom link c" content="0" />
  56.  
  57. <meta name="text:ask link" content="/ask" />
  58. <meta name="text:linka url" content="/" />
  59. <meta name="text:linka title" content="linka" />
  60. <meta name="text:linkb url" content="/" />
  61. <meta name="text:linkb title" content="linkb" />
  62. <meta name="text:linkc url" content="/" />
  63. <meta name="text:linkc title" content="linkc" />
  64.  
  65.  
  66. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  67.  
  68.  
  69. {block:indexpage}
  70. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  71. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  72.  
  73. <script type="text/javascript">
  74. $(window).load(function () {
  75. $('#posts').masonry(),
  76. $('.masonryWrap').infinitescroll({
  77. navSelector : "div.navigation",
  78. // selector for the paged navigation (it will be hidden)
  79. nextSelector : ".navigation a#next",
  80. // selector for the NEXT link (to page 2)
  81. itemSelector : ".post",
  82. // selector for all items you'll retrieve
  83. bufferPx : 10000,
  84. extraScrollPx: 10000,
  85. loadingImg : "http://static.tumblr.com/bcpenwm/o5Nmy3k0o/florels.gif",
  86. loadingText : "<em></em>",
  87. },
  88. // call masonry as a callback.
  89. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  90. );
  91. });
  92. </script>
  93. {/block:indexpage}
  94.  
  95.  
  96. <div class="navigation">{block:Pagination}{block:NextPage}<span id="page_nav"><span onclick='return false;'><a style="float:right;opacity:0;" href="{NextPage}" id="next"></a>{/block:NextPage}{block:PreviousPage}<a style="float:right;opacity:0;" href="{PreviousPage}"></a></span></span>{/block:PreviousPage}{/block:Pagination}</div>
  97.  
  98.  
  99.  
  100. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  101. <script>
  102. (function($){
  103. $(document).ready(function(){
  104. $("[title]").style_my_tooltips({
  105. tip_follows_cursor:true,
  106. tip_delay_time:0,
  107. tip_fade_speed:0
  108. }
  109. );
  110. });
  111. })(jQuery);
  112. </script>
  113.  
  114.  
  115.  
  116.  
  117. <style type="text/css">
  118.  
  119.  
  120. iframe#tumblr_controls {
  121. top: 0% !important;
  122. right:0% !important;
  123. position: fixed !important;}
  124.  
  125.  
  126. body{
  127. margin:0px;
  128. padding:0px;
  129. margin-top:0px;
  130. margin-bottom:0px;
  131. font-family:'times';
  132. font-size:10px;
  133. color:{color:text};
  134. background-color:{color:background};
  135. background-image:url('{image:background}');
  136. background-attachment:fixed;
  137. background-size:cover;}
  138.  
  139. #s-m-t-tooltip{
  140. font-family:'calibri'; /* font family */
  141. font-size: 8px; /* font size */
  142. color:#000; /* text colour */
  143. background-color:#fff; /* background colour */
  144. text-align: center;
  145. letter-spacing:1px; /* letter spacing */
  146. min-width:50px;
  147. max-width:120px;
  148. border: 1px solid #000; /* border colour */
  149. overflow:auto;
  150. text-transform:uppercase;
  151. display: none;
  152. position: absolute;
  153. z-index: 999999999999;
  154. padding: 3px; /* padding */
  155. margin:20px 20px 15px 0px;}
  156.  
  157. a {
  158. color:{color:link};
  159. text-decoration:none;
  160. -webkit-transition: all 0.2s ease-in-out;
  161. -moz-transition: all 0.2s ease-in-out;
  162. -o-transition: all 0.2s ease-in-out;}
  163.  
  164. a:hover {
  165. ;-webkit-transition-duration: 0.4s;
  166. color:{color:link hover};
  167. text-decoration:underline;}
  168.  
  169. a:active,a:focus {outline:0;}
  170.  
  171. ::-webkit-scrollbar-thumb{
  172. background-color:{color:scrollbar};
  173. border:1px solid {color:background};
  174. height:6px;}
  175.  
  176. ::-webkit-scrollbar {
  177. height:6px;
  178. width:6px;
  179. background-color:{color:background};}
  180.  
  181. #sidebar {
  182. z-index:3;
  183. left:50%;
  184. width:250px;
  185. height:auto;
  186. top:75px;
  187. {block:indexpage}
  188. {block:if1column}
  189. margin-left:-370px;
  190. {/block:if1column}
  191. {block:if2columns}
  192. margin-left:-400px;
  193. {/block:if2columns}
  194. {block:if3columns}
  195. margin-left:-520px;
  196. {/block:if3columns}
  197. {/block:indexpage}
  198. {block:permalinkpage}
  199. margin-left:-410px;
  200. {/block:permalinkpage}
  201. position:fixed;
  202. background-attachment:fixed;
  203. padding:5px 5px 0px 5px;
  204. {block:ifsidebarborder}
  205. border:1px solid {color:sidebar border};
  206. {/block:ifsidebarborder}
  207. {block:ifnotsidebarbackground}
  208. background-image:url('{image:background}');
  209. {/block:ifnotsidebarbackground}
  210. {block:ifsidebarbackground}
  211. background:{color:sidebar bg};
  212. {/block:ifsidebarbackground}
  213. background-image:url('{image:sidebar background}');
  214. background-attachment:fixed;
  215. background-size:cover;}
  216.  
  217. .blogtitle{
  218. left:50%;
  219. text-align:center;
  220. margin-left:-100px;
  221. position:relative;
  222. height:auto;
  223. z-index:5;
  224. color:{color:blogtitle};
  225. font-size:20px;
  226. font-family:'times';
  227. width:200px;}
  228.  
  229. .description {
  230. text-align:center;
  231. color:{color:text};
  232. font-family:'times';
  233. font-size:10px;
  234. left:50%;
  235. position:relative;
  236. z-index:6;
  237. width:230px;
  238. margin-left:-115px;}
  239.  
  240. .description a{
  241. z-index:7;
  242. position:relative;
  243. text-decoration:underline;}
  244.  
  245. .description a:hover{
  246. text-decoration:none;}
  247.  
  248. .navlinks{
  249. margin-bottom:-1px;
  250. padding:1px 0px;
  251. text-align:center;
  252. width:200px;
  253. line-height:170%;
  254. margin-top:20px;
  255. left:50%;
  256. {block:ifnavlinksbg}
  257. background:{color:nav links bg};
  258. {/block:ifnavlinksbg}
  259. margin-left:-100px;
  260. position:relative;
  261. {block:ifnavlinksborder}
  262. border-top:1px solid {color:blogtitle border};
  263. {/block:ifnavlinksborder}}
  264.  
  265. .navlinks a{
  266. padding:0px 7px;
  267. font-family:'times';
  268. white-space:nowrap;
  269. font-size:10px;
  270. text-decoration:none;
  271. color:{color:nav links};
  272. -webkit-transition: all 0.3s ease-in-out;
  273. -moz-transition: all 0.3s ease-in-out;
  274. -o-transition: all 0.3s ease-in-out;}
  275.  
  276. .navlinks a:hover{
  277. color:{color:nav links hover};
  278. letter-spacing:1px;
  279. }
  280.  
  281. .notes {
  282. padding-left:20px;
  283. font-size:10px;
  284. padding-bottom:15px;}
  285.  
  286. li.notes {
  287. float:left;
  288. width:500px;
  289. padding-left:5px;
  290. margin-top:10px;
  291. overflow-x:hidden;
  292. over-flow-y:scroll;
  293. list-style-type:none;
  294. font-weight:normal;
  295. font-size:10px;
  296. text-transform:none;}
  297.  
  298. li.note {
  299. padding-top:2px;
  300. opacity:1;}
  301.  
  302. li.note img.avatar {
  303. width:14px;
  304. height:14px;}
  305.  
  306. .permalink {
  307. color:{color:permalink};
  308. margin-top:2px;
  309. padding:2px;
  310. text-align:right;
  311. word-spacing:7px;
  312. {block:permalinkpage}
  313. opacity:0;
  314. {/block:permalinkpage}}
  315.  
  316. .permalink a{
  317. color:{color:permalink};
  318. text-decoration:none;}
  319.  
  320. .permalink a:hover{
  321. text-decoration:underline;
  322. color:{color:permalink hover};}
  323.  
  324. .buttons {
  325. position:absolute;
  326. bottom:5px;
  327. margin-left:5px;
  328. opacity:0;
  329. font-size:10px;
  330. width:190px;
  331. {block:if1column}
  332. width:390px;
  333. {/block:if1column}
  334. display:block;
  335. text-align:center;
  336. font-family:times;
  337. -webkit-transition: all 0.3s ease-in-out;
  338. -moz-transition: all 0.3s ease-in-out;
  339. -o-transition: all 0.3s ease-in-out;}
  340.  
  341. .buttons a{
  342. background:{color:buttons bg};
  343. color:{color:buttons text};
  344. text-decoration:none;
  345. padding:2px 5px 3px 5px;
  346. font-size:10px;
  347. margin:0px 4px;}
  348.  
  349. .buttons a:hover{
  350. color:{color:buttons text hover};}
  351.  
  352. .post:hover .buttons{
  353. opacity:1;}
  354.  
  355. .buttons a:hover{
  356. background-color:{color:buttons hover bg};}
  357.  
  358. .headings{
  359. font-size:16px;
  360. text-align:left;
  361. font-style:italic;}
  362.  
  363. .audiopost {
  364. {block:IndexPage}
  365. {block:ifnot1column}
  366. width:200px;
  367. padding-bottom:10px;
  368. {block:ifnot1column}
  369. {block:if1column}
  370. width:400px;
  371. padding-bottom:60px;
  372. {/block:if1column}
  373. {/block:IndexPage}
  374. {block:PermalinkPage}
  375. width:500px;
  376. padding-bottom:110px;
  377. {/block:PermalinkPage}}
  378.  
  379. .albumart {
  380. position:absolute;
  381. {block:IndexPage}
  382. {block:ifnot1column}
  383. width:50px;
  384. height:50px;
  385. {/block:ifnot1column}
  386. {block:if1column}
  387. width:100px;
  388. height:100px;
  389. {/block:if1column}
  390. {/block:IndexPage}
  391. {block:PermalinkPage}
  392. width:150px;
  393. height:150px;
  394. {/block:PermalinkPage}}
  395.  
  396. .albumart img {
  397. float:left;
  398. {block:IndexPage}
  399. {block:ifnot1column}
  400. width:50px;
  401. height:50px;
  402. {/block:ifnot1column}
  403. {block:if1column}
  404. width:100px;
  405. height:100px;
  406. {/block:if1column}
  407. {/block:IndexPage}
  408. {block:PermalinkPage}
  409. width:150px;
  410. height:150px;
  411. {/block:PermalinkPage}}
  412.  
  413. .playbox {
  414. opacity:0.6;
  415. width:27px;
  416. height:30px;
  417. overflow:hidden;
  418. position:absolute;
  419. z-index:2;
  420. {block:IndexPage}
  421. {block:ifnot1column}
  422. margin-left:11px;
  423. margin-top:12px;
  424. {/block:ifnot1column}
  425. {block:if1column}
  426. margin-left:37px;
  427. margin-top:36px;
  428. {/block:if1column}
  429. {block:IndexPage}
  430. {block:PermalinkPage}
  431. margin-left:60px;
  432. margin-top:61px;
  433. {/block:PermalinkPage}}
  434.  
  435. .info {
  436. margin-top:2px;
  437. line-height:12px;
  438. font-size:8px;
  439. text-transform:uppercase;
  440. {block:IndexPage}
  441. {block:ifnot1column}
  442. margin-left:58px;
  443. {/block:ifnot1column}
  444. {block:if1column}
  445. margin-left:108px;
  446. {/block:if1column}
  447. {block:IndexPage}
  448. {block:PermalinkPage}
  449. margin-left:158px;
  450. {/block:PermalinkPage}}
  451.  
  452. #posts {
  453. position:absolute;
  454. float:left;
  455. margin-top:20px;
  456. left:50%;
  457. {block:IndexPage}
  458. {block:if1column}
  459. width:464px;
  460. margin-left:-65px;
  461. {/block:if1column}
  462. {block:if2columns}
  463. width:548px;
  464. margin-left:-95px;
  465. {/block:if2columns}
  466. {block:if3columns}
  467. width:768px;
  468. margin-left:-220px;
  469. {/block:if3columns}
  470. {/block:IndexPage}
  471. {block:PermalinkPage}
  472. margin-left:-80px;
  473. width:500px;
  474. {/block:PermalinkPage}}
  475.  
  476. .post {
  477. {block:indexpage}
  478. width:200px;
  479. margin:20px;
  480. padding:8px;
  481. {block:if1column}
  482. width:400px;
  483. {/block:if1column}
  484. {/block:indexpage}
  485. {block:permalinkpage}
  486. width:500px;
  487. margin-top:15px;
  488. {/block:permalinkpage}
  489. float:left;
  490. position:relative;
  491. overflow-x:hidden;
  492. text-align:justify;
  493. font-family:'times';
  494. font-size:10px;
  495. color:{color:text};}
  496.  
  497. .post img{
  498. max-width:100%;
  499. {block:indexpage}
  500. {block:ifimagepostborder}
  501. border:1px solid {color:image border};
  502. {/block:ifimagepostborder}
  503. {block:ifnotimagepostborder}
  504. border:1px solid rgba(,0,0,0,0,);
  505. {/block:ifnotimagepostborder}
  506. {/block:indexpage}}
  507.  
  508. .quote {
  509. text-align:center;
  510. font-size:12px;}
  511.  
  512. .quotesource {
  513. text-align:right;}
  514.  
  515. .chat {
  516. text-align:right;
  517. line-height:11px;}
  518.  
  519. .captions {
  520. margin-top:-8px;}
  521.  
  522. .video embed, .video object, .video iframe {
  523. {block:IndexPage}
  524. {block:ifnot1column}
  525. width:200px;
  526. {/block:ifnot1column}
  527. {block:if1column}
  528. width:400px;
  529. {/block:if1column}
  530. {/block:IndexPage}
  531. {block:PermalinkPage}
  532. width:500px;
  533. {/block:PermalinkPage}}
  534.  
  535. #pleasedontremove{
  536. position:fixed;
  537. right:5px;
  538. z-index:6;
  539. top:27px;}
  540.  
  541. </style>
  542. </head>
  543.  
  544. <body>
  545.  
  546. <div id="pleasedontremove"><a href="http://emmalucys.com/" target="_blank" title="theme by florels"><img src="http://static.tumblr.com/bcpenwm/j7zmzdu17/florels.png"></a></div>
  547.  
  548. <div id="sidebar">
  549.  
  550.  
  551. <div class="blogtitle">{title}</div>
  552.  
  553.  
  554. <div class="description"> {description} </div>
  555.  
  556.  
  557.  
  558. <div class="navlinks">
  559. <a href="/">home</a>
  560. <a href="{text:ask link}">message</a>
  561. <a href="/archive">archive</a>
  562. {block:ifshowcustomlinka}<a href="{text:linka url}">{text:linka title}</a>{/block:ifshowcustomlinka}
  563. {block:ifshowcustomlinkb}<a href="{text:linkb url}">{text:linkb title}</a>{/block:ifshowcustomlinkb}
  564. {block:ifshowcustomlinkc}<a href="{text:linkc url}">{text:linkc title}</a>{/block:ifshowcustomlinkc}
  565. <a href="http://emmalucys.com">theme</a>
  566. </div></div>
  567.  
  568.  
  569.  
  570.  
  571. <div id="posts">
  572.  
  573. {block:Posts}
  574.  
  575. {block:Text}
  576. <div class="post">
  577. <div class="headings">{block:Title}{Title}{/block:Title}</div> {Body}
  578. <div class="permalink">
  579. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></div>
  580. </div>
  581. {/block:Text}
  582.  
  583.  
  584. {block:Photo}
  585. <div class="post">
  586. {block:IndexPage}<div class="buttons">
  587. <a href="{Permalink}">{ShortDayOfWeek}</a>
  588. <a href="{Permalink}">{NoteCount}</a>
  589. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  590. {block:ifnot1column}<a href="{permalink}"><img src="{PhotoURL-500}" width="200" alt="{PhotoAlt}"/></a>{/block:ifnot1column}
  591. {block:if1column}<a href="{permalink}"><img src="{PhotoURL-500}" width="400" alt="{PhotoAlt}"/></a>{/block:if1column}
  592. {/block:IndexPage}
  593.  
  594. {block:PermalinkPage}
  595. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> <br><br> {/block:PermalinkPage}
  596. {block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}</div>
  597. {/block:Photo}
  598.  
  599.  
  600. {block:Photoset}
  601. <div class="post">
  602. {block:Indexpage}
  603. {Photoset}
  604. {/block:Indexpage}
  605. {block:permalinkpage}
  606. {Photoset-500}
  607. {/block:permalinkpage}
  608. <div class="permalink">
  609. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></div></div>
  610. {/block:Photoset}
  611.  
  612.  
  613. {block:Quote}
  614. <div class="post">
  615. <div class="quote">'<i>{Quote}</i>'</div>
  616. <div class="quotesource">— {Source}</div>
  617. <div class="permalink">
  618. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></div></div>
  619. {/block:Quote}
  620.  
  621.  
  622. {block:Link}
  623. <div class="post">
  624. <div class="headings"><a href="{URL}">{Name}</a></div>
  625. {block:Description}{Description}{/block:Description}
  626. <div class="permalink">
  627. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></div></div>
  628. {/block:Link}
  629.  
  630.  
  631. {block:Chat}
  632. <div class="post">
  633. <div class="chat">{block:Title}{Title}{/block:Title}<br>
  634. {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
  635. {/block:Label}{/block:Lines}</div>
  636. <div class="permalink">
  637. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></div></div>
  638. {/block:Chat}
  639.  
  640.  
  641. {block:Video}
  642. <div class="post">
  643. {block:IndexPage}
  644. <div class="video">{Video-500}</div><div class="permalink">
  645. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></div>
  646. {/block:IndexPage}
  647. {block:PermalinkPage}
  648. {Video-500}
  649. {/block:PermalinkPage}</div>
  650. {/block:Video}
  651.  
  652.  
  653. {block:Audio}
  654. <div class="post"><div class="audiopost">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  655. {block:IndexPage}<div class="permalink">
  656. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IndexPage}</div>
  657. {/block:Audio}
  658.  
  659.  
  660. {block:Answer}
  661. <div class="post">
  662. {Question}<br>– asked by {Asker} <br><i> {Answer} </i>
  663. <div class="permalink">
  664. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></div></div>
  665. {/block:Answer}
  666.  
  667.  
  668. {block:PermalinkPage}
  669. <div class="notes">
  670. {block:Date}{Caption} posted {TimeAgo}{/block:Date}
  671. {block:NoteCount} with {NoteCount} notes {/block:NoteCount}
  672. {block:RebloggedFrom}
  673. via <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  674. {/block:RebloggedFrom}
  675. {block:ContentSource}originally from <a href="{SourceURL}">{SourceTitle} </a>{/block:ContentSource}
  676. <br>{block:hastags}{block:tags}#<a href="/tagged/{Tag}">{Tag}</a> &nbsp;&nbsp; {/block:tags}{/block:hastags}
  677. <br><br>{PostNotes}</div>
  678. {/block:PermalinkPage}
  679.  
  680.  
  681. {/block:posts}
  682.  
  683.  
  684. </div></div>
  685.  
  686. </body>
  687.  
  688. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement