API tools faq
paste
Advertisement
zainskilam

Theme 16: Elastic Heart

zainskilam
Feb 8th, 2015
604
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head></head><title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link rel="shortcut icon" href="{Favicon}"/> </style>
  2.  
  3. <!-- Elastic Heart Theme Sixteen by NIAZKILAN | tumblr
  4. If you're using this theme, please:
  5. -> DON'T REMOVE OR MOVE THE CREDIT
  6. -> DON'T USE AS A BASE
  7. -> DON'T COPY THE HTML
  8. -> DON'T REDISTRIBUTE/CLAIM AS YOUR OWN
  9. -> FEEL FREE TO EDIT IT AS YOU LIKE
  10. Please like/reblog the post, it motivate me to keep releasing themes.
  11. ENJOY!!!!!! -->
  12.  
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:infobg" content="#FCFCFC">
  15. <meta name="color:sbbg" content="#111111">
  16. <meta name="color:link" content="#1d1d1d"/>
  17. <meta name="color:link hover" content="#f3f3f3"/>
  18. <meta name="color:text" content="#1d1d1d"/>
  19. <meta name="color:sidebartext" content="#1d1d1d"/>
  20. <meta name="color:tags" content="#1d1d1d"/>
  21. <meta name="color:tagshover" content="#f3f3f3"/>
  22.  
  23. <meta name="image:background" content=""/>
  24.  
  25. <meta name="text:link1" content="">
  26. <meta name="text:link1 url" content="/">
  27. <meta name="text:link2" content="">
  28. <meta name="text:link2 url" content="/">
  29. <meta name="text:link3" content="">
  30. <meta name="text:link3 url" content="/">
  31. <meta name="text:link4" content="">
  32. <meta name="text:link4 url" content="/">
  33. <meta name="text:link5" content="">
  34. <meta name="text:link5 url" content="/">
  35.  
  36. <script type="text/javascript"
  37. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  38. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  39. <script>
  40. (function($){
  41. $(document).ready(function(){
  42. $("[title]").style_my_tooltips({
  43. tip_follows_cursor:true,
  44. tip_delay_time:200,
  45. tip_fade_speed:300
  46. }
  47. );
  48. });
  49. })(jQuery);
  50. </script>
  51.  
  52. <style type="text/css">
  53.  
  54. #s-m-t-tooltip{
  55. max-width:300px;
  56. margin:15px;
  57. padding:5px 5px;
  58. background:#fff;
  59. color:#444343;
  60. z-index:999999;
  61. font-size:9px;
  62. text-transform:lowercase;
  63. }
  64.  
  65. ::-webkit-scrollbar-thumb {
  66. background-color: #fff;
  67. height: auto;
  68. border: 2px solid #fbfbfb;}
  69.  
  70. ::-webkit-scrollbar {
  71. background-color: #f3f3f3;
  72. height:10px;
  73. width:12px;
  74. border: 5px solid #fbfbfb;}
  75.  
  76. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  77.  
  78. body {
  79. background-color:{color:background};
  80. font-family:'helvetica';
  81. font-weight:normal;
  82. font-size:9px;}
  83.  
  84. a {
  85. text-decoration:none;outline:none;
  86. -moz-outline-style:none;
  87. color:{color:link};
  88. -moz-transition-duration:0.8s;
  89. -webkit-transition-duration:0.8s;
  90. -o-transition-duration:0.8s;}
  91.  
  92. a:hover {
  93. color:{color:link hover};
  94. outline:none;-moz-outline-style:none;
  95. text-decoration:underline;}
  96.  
  97. blockquote {
  98. font-size:11px;
  99. padding-left:5px;
  100. border-left:1px solid #d7d7d7;}
  101.  
  102. blockquote img {max-width:450px;}
  103.  
  104. small {font-size:10px;}
  105.  
  106. big {font-size:13px;}
  107.  
  108. h1 {
  109. font-size:12px;
  110. text-align:left;
  111. font-family:arial;
  112. letter-spacing:1px;
  113. color:{color:text};}
  114.  
  115. h2 {
  116. font-size:12px;
  117. font-family:arial;
  118. text-align:left;
  119. letter-spacing:1px;
  120. color:{color:text};}
  121.  
  122. #sidebar {
  123. position:fixed;
  124. width:160px;
  125. margin-left:100px;
  126. opacity:1;
  127. z-index:92222;
  128. color:{color:sidebartext};
  129. margin-top:50px;}
  130.  
  131. .links {
  132. margin-top:20px;
  133. width:160px;
  134. font-size:9px;
  135. line-height:12px;
  136. text-transform:lowercase;}
  137.  
  138. .links a {
  139. margin-right:8px;
  140. display:inline-block;
  141. margin-bottom:2px;}
  142.  
  143. #sidebarimage {
  144. margin-bottom:10px;
  145. position:fixed;
  146. height:100px;
  147. width:100px;}
  148.  
  149. .title {
  150. width:160px;
  151. font-size:14px;
  152. line-height:100%;
  153. letter-spacing:2px;
  154. margin-top:20px;
  155. text-transform:uppercase;}
  156.  
  157. .description {
  158. margin-top:10px;
  159. text-align:justify;
  160. font-family:'helvetica';
  161. font-size:9px;
  162. width:150px;
  163. line-height:120%;}
  164.  
  165. .pagination {
  166. width:100px;
  167. font-family:'helvetica';
  168. font-size:9px;
  169. word-spacing:8px;
  170. text-align:left;
  171. color:{color:link};}
  172.  
  173. #postcontainer {
  174. font-size:9px;
  175. float:left;
  176. margin-left:350px;
  177. width:400px;
  178. text-align:justify;
  179. color:{color:text};
  180. margin-bottom: 15px;}
  181.  
  182. #posts {
  183. margin-top:55px;
  184. width:400px;
  185. text-align:justify;
  186. line-height:115%;
  187. color:{color:text};
  188. outline-offset:10px;
  189. {block:IndexPage}
  190. margin-bottom:75px;
  191. {/block:IndexPage}
  192. {block:PermalinkPage}
  193. margin-bottom:50px;
  194. {/block:PermalinkPage}}
  195.  
  196. .caption {
  197. width:100%;
  198. font-style:none;
  199. margin-top:10px;
  200. background-color:#f8f8f8;}
  201.  
  202. #postinfo {
  203. border-top:1px solid #f3f3f3;
  204. color:{color:link};
  205. text-align:left;
  206. text-transform:lowercase;
  207. width:398px;
  208. font-family:'Helvetica';
  209. font-size: 9px;
  210. font-style: normal;
  211. margin-top:7px;
  212. padding:0px;
  213. line-height:130%;}
  214.  
  215. .tags {
  216. opacity:0px;
  217. word-break:break-all;
  218. font-family:'Helvetica';
  219. font-size:9px;
  220. text-align:right;
  221. word-spacing:5px;
  222. letter-spacing:1px;}
  223.  
  224. .question {
  225. font-size:11px;
  226. margin-left:0px;
  227. text-align:left;
  228. color:#1d1d1d;
  229. font-weight:bold;
  230. background-color:#eee;
  231. padding:12px;}
  232.  
  233. .questiom {
  234. font-size:11px;
  235. margin-top:-20px;
  236. text-align:left;
  237. color:#1d1d1d;
  238. padding:12px;
  239. background-color:#eee;}
  240.  
  241. .answer{
  242. padding-left:5px;
  243. font-size:11px;
  244. font-family:{text:Font};
  245. color:{color:Font};
  246. text-align:justify;}
  247.  
  248. .answer img {max-width:350px;}
  249.  
  250. .music {padding-bottom:10px;}
  251.  
  252. .albumart {float:left;padding:0px 10px 10px 0px;}
  253.  
  254. .albumart img {width:75px;height:75px;}
  255.  
  256. .playercontainer {
  257. text-align:left;
  258. padding:10px;
  259. background-color:#fff;
  260. width:0px;}
  261.  
  262. .musicinfo {padding:10px;color:#1d1d1d;}
  263.  
  264. ul.chat, .chat ol, .chat li {list-style:none;margin:0px;padding:2px;}
  265.  
  266. .tab {
  267. text-decoration:underline;
  268. font-weight:700;
  269. background-color:#fff;
  270. margin-right:5px;}
  271.  
  272. .pagenotes {
  273. {block:IndexPage}
  274. display: none!important;
  275. {/block:IndexPage};
  276. width:400px;
  277. text-align:left;}
  278.  
  279. .pagenotes img {
  280. display:none!important;}
  281.  
  282. .pagenotes li {
  283. list-style-type:none;
  284. padding:5px 0px;
  285. text-align:left;
  286. margin:0 0 0 -40px;}
  287.  
  288. #owner {position:fixed;
  289. font-size:11px;
  290. right:10px;
  291. bottom:15px;}
  292.  
  293. {CustomCSS}</style></head><body>
  294. <div id="sidebar">
  295. <div id="sidebarimage">
  296. <div class="description">{Description}<p></div>
  297. </select>
  298. <div class="title"><a>{Title}</a></div>
  299. <div class="links">
  300. <a href="/">refresh</a>
  301. <a href="/ask">message</a>
  302. {block:IfLink1}<a href="{text:link1 url}">{text:link1}</a>{/block:IfLink1}
  303. {block:IfLink2}<a href="{text:link2 url}">{text:link2}</a>{/block:IfLink2}
  304. {block:IfLink3}<a href="{text:link3 url}">{text:link3}</a>{/block:IfLink3}
  305. {block:IfLink4}<a href="{text:link4 url}">{text:link4}</a>{/block:IfLink4}
  306. {block:IfLink5}<a href="{text:link5 url}">{text:link5}</a>{/block:IfLink5}
  307. </div></div></div>
  308.  
  309. <div id="postcontainer">{block:Posts}<div id="posts">
  310.  
  311. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  312.  
  313. {block:Quote}<h1>“{Quote}”</h1><h2>{Source}</h2>{/block:Quote}
  314.  
  315. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>{block:Description}<p>{Description}</p>{/block:Description}{/block:Link}{block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  316.  
  317. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  318.  
  319. {block:Chat}<ul class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li>{block:Label}<span class="tab">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  320.  
  321. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  322.  
  323. {block:Answer}<div class="question"><span>{Asker}</span> said: </div><br>
  324. <div class="questiom"><span>{Question}</div><br><div class="answer"><span>{Answer}</span></div>{/block:Answer}
  325.  
  326. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}<div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div><br><div class="playercontainer">{AudioPlayerWhite}</div></div>{block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  327.  
  328. {block:Date}<div id="postinfo"><a style="text-transform:uppercase;" href="{Permalink}" title="{TimeAgo}, {DayOfWeek}, ({12Hour}:{Minutes} {AmPm})"><b>{Month} {DayOfMonthWithZero}</b></a> with {block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"></a>{block:ContentSource}<a style="float:right;" href="{ReblogRootURL}" title="{ReblogRootName}">©</a>{/block:ContentSource}{/block:RebloggedFrom}{block:RebloggedFrom}<a title ="{ReblogParentName}" href="{ReblogParentURL}"></a>{/block:RebloggedFrom}</a>{block:ContentSource}<a title ="{SourceTitle}" href="{SourceURL}"></a>{/block:ContentSource}<br>{block:HasTags}{block:Tags}<a style="margin-right:8px;"href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:Date}</div>{/block:Posts}
  329.  
  330.  
  331. {/block:Posts}<br>{block:PostNotes}
  332. <div class="pagenotes">
  333. {PostNotes}
  334. </div>
  335. {/block:PostNotes}{/block:Posts}
  336.  
  337. <div class="pagination">
  338. {block:Pagination}
  339. {block:PreviousPage}
  340. <a href="{PreviousPage}">prev</a>
  341. {/block:PreviousPage}
  342.  
  343. {block:NextPage}
  344. <a href="{NextPage}">next</a>
  345. {/block:NextPage}
  346. {/block:Pagination}
  347. </div>
  348.  
  349. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}</div>
  350.  
  351. <div id="owner"><a title="themes by niazkilan" href="http://niazkilan.tumblr.com">©</a></a></div></body></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!