API tools faq
paste
Advertisement
jojiwoji

warm heart

jojiwoji
May 21st, 2014
5,248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.68 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">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-----
  5.  
  6. theme one by jo @ sentimental themes
  7.  
  8. do not steal | have a nice day don't forget to smile
  9.  
  10. ----->
  11.  
  12. <head>
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  18.  
  19. <meta name="color:background" content="#ffffff"/>
  20. <meta name="color:text" content="#bbbaba"/>
  21. <meta name="color:link" content="#868686"/>
  22. <meta name="color:link hover" content="#c1c1c1"/>
  23. <meta name="color:accent" content="#444444"/>
  24. <meta name="color:description" content="#6b6b6b"/>
  25. <meta name="color:description background" content="#f3f3f3"/>
  26.  
  27. <meta name="if:500px Posts" content="1"/>
  28. <meta name="if:Bold Title" content="1"/>
  29.  
  30. <meta name="text:sidebar title" content=""/>
  31.  
  32. <meta name="text:link 1" content=""/>
  33. <meta name="text:link 1 url" content=""/>
  34.  
  35. <meta name="text:link 2" content=""/>
  36. <meta name="text:link 2 url" content=""/>
  37.  
  38. <meta name="text:link 3" content=""/>
  39. <meta name="text:link 3 url" content=""/>
  40.  
  41. <meta name="text:link 4" content=""/>
  42. <meta name="text:link 4 url" content=""/>
  43.  
  44. <meta name="text:link 5" content=""/>
  45. <meta name="text:link 5 url" content=""/>
  46.  
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48.  
  49. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("[title]").style_my_tooltips({
  54. tip_follows_cursor:true,
  55. tip_delay_time:200,
  56. tip_fade_speed:300
  57. }
  58. );
  59. });
  60. })(jQuery);
  61. </script>
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66. /*basics*/
  67.  
  68. body {
  69. background-color:{color:background};
  70. font-family:verdana;
  71. font-size:11px;
  72. color:{color:text};
  73. }
  74.  
  75. a {
  76. color:{color:link};
  77. text-decoration:none;
  78. -webkit-transition-duration:.3s;
  79. -moz-transition-duration:.3s;
  80. -o-transition-duration:.3s;
  81. }
  82.  
  83. a:hover {
  84. color:{color:link hover};
  85.  
  86. -webkit-transition-duration:.5s;
  87. -moz-transition-duration:.5s;
  88. -o-transition-duration:.5s;
  89. }
  90.  
  91. h1 {
  92. text-align:left;
  93. padding:5px;
  94. font-family:arial;
  95. font-size:20px;
  96. color:{color:accent};
  97. letter-spacing:0px;
  98. font-weight:bold;
  99. }
  100.  
  101. blockquote {
  102. padding-left:5px;
  103. border-left:2px solid {color:accent};;
  104. }
  105.  
  106. blockquote blockquote {
  107. padding-left:10px;
  108. border-left:2px solid {color:accent};
  109. }
  110.  
  111. /*sidebar*/
  112.  
  113. #sidebar {
  114. width:180px;
  115. height:150px;
  116. margin-left:215px;
  117. margin-top:80px;
  118. position:fixed;
  119. }
  120.  
  121. /*desc*/
  122.  
  123. #desc {
  124. width:200px;
  125. color:{color:description};
  126. background-color:{color:description background};
  127. text-align:left;
  128. font-family:helvetica;
  129. padding:9px;
  130. margin-left:-16px;
  131. margin-top:-2px;
  132. font-size:10px;
  133. }
  134.  
  135. /*title*/
  136.  
  137. #blogt {
  138. font-family:arial;
  139. {block:ifBoldTitle}
  140. font-weight:bold;
  141. {/block:ifBoldTitle}
  142. font-size:20px;
  143. letter-spacing:0px;
  144. padding:5px;
  145. text-align:left;
  146. margin-top:20px;
  147. margin-left:-20px;
  148. -moz-transition:all 1s;
  149. -ms-transition:all 1s;
  150. -o-transition:all 1s;
  151. transition:all 1s;
  152. }
  153.  
  154. #blogt a {
  155. color:{color:accent};
  156. -moz-transition:all 1s;
  157. -ms-transition:all 1s;
  158. -o-transition:all 1s;
  159. transition:all 1s;
  160. }
  161.  
  162. #blogt a:hover {
  163. border-bottom:none;
  164. letter-spacing:2.5px;
  165. -moz-transition:all 1s;
  166. -ms-transition:all 1s;
  167. -o-transition:all 1s;
  168. transition:all 1s;
  169. }
  170.  
  171. /*links*/
  172.  
  173. #links{
  174. width:200px;
  175. word-spacing:1px;
  176. display:inline-block;
  177. font-family:arial;
  178. text-align:left;
  179. font-size:12px;
  180. line-height:20px;
  181. padding:4px;
  182. font-weight:bold;
  183. opacity:0;
  184. margin-top:1px;
  185. margin-left:60px;
  186. letter-spacing:1px;
  187. -moz-transition:all ease-in-out 0.8s;
  188. -ms-transition:all ease-in-out 0.8s;
  189. -o-transition:all ease-in-out 0.8s;
  190. transition:all ease-in-out 0.8s;
  191. }
  192.  
  193. #sidebar:hover #links{
  194. opacity:1;
  195. margin-left:105px;
  196. -moz-transition:all ease-in-out 0.8s;
  197. -ms-transition:all ease-in-out 0.8s;
  198. -o-transition:all ease-in-out 0.8s;
  199. transition:all ease-in-out 0.8s;
  200. }
  201.  
  202. #links a {
  203. color:{color:links};
  204. padding:3px;
  205. }
  206.  
  207. #links a:hover {
  208. color:{color:link hover};
  209. -moz-transition:all 0.8s;
  210. -ms-transition:all 0.8s;
  211. -o-transition:all 0.8s;
  212. transition:all 0.8s;
  213. }
  214.  
  215. /*posts*/
  216.  
  217. #entries {
  218. margin-left:600px;
  219. margin-top:90px;
  220. {block:ifnot500pxPosts}
  221. width:450px;
  222. {/block:ifnot500pxPosts}
  223. {block:if500pxPosts}
  224. width:550px;
  225. {/block:if500pxPosts}
  226. }
  227.  
  228. #posts {
  229.  
  230. text-align:left;
  231. margin-bottom:0px;
  232. {block:ifnot500pxPosts}
  233. width:400px;
  234. {/block:ifnot500pxPosts}
  235. {block:if500pxPosts}
  236. width:500px;
  237. {/block:if500pxPosts}
  238. }
  239.  
  240. /*audio*/
  241.  
  242. .audio player {
  243. width:100%;
  244. }
  245.  
  246. .audio {
  247. width:50px;
  248. text-align:left;
  249. padding:5px;
  250. font-family:arial;
  251. font-size:18px;
  252. color:{color:accent};
  253. letter-spacing:-1px;
  254. text-transform:lowercase;
  255. font-weight:bold;
  256. }
  257.  
  258. /*chat*/
  259.  
  260. .chat ol {
  261. padding:0;
  262. list-style:none;
  263. }
  264.  
  265. .line {
  266. padding:5px 0;
  267. }
  268.  
  269. .label {
  270. font-weight:bold;
  271. }
  272.  
  273. /*asks*/
  274.  
  275. .asks {
  276. width:100%;
  277. text-align:left;
  278. font-family:helvetica;
  279. font-size:16px;
  280. color:{color:accent};
  281. letter-spacing:-1px;
  282. word-spacing:1px;
  283. text-transform:lowercase;
  284. font-weight:bold;
  285. }
  286.  
  287. .asks a {
  288. color:{color:accent};
  289. border:none;
  290. }
  291.  
  292. .asks a:hover{
  293. color:{color:link hover};
  294. border:none;
  295. }
  296.  
  297. .reply {
  298. padding:5px;
  299. }
  300.  
  301. /*post infor + permalink*/
  302.  
  303. #permalink {
  304. opacity:0;
  305. font-size:9px;
  306. letter-spacing:1.2px;
  307. text-align:left;
  308. text-transform:none;
  309. margin-bottom:20px;
  310. -moz-transition:all ease-in-out 0.6s;
  311. -ms-transition:all ease-in-out 0.6s;
  312. -o-transition:all ease-in-out 0.6s;
  313. transition:all ease-in-out 0.6s;
  314. }
  315.  
  316.  
  317. #info {
  318. font-size:9px;
  319. letter-spacing:0px;
  320. text-align:right;
  321. word-spacing:1.5px;
  322. text-transform:none;
  323. color:{color:text};
  324. margin-bottom:80px;
  325. margin-right:10px;
  326. width:100%;
  327. -moz-transition:all ease-in-out 0.6s;
  328. -ms-transition:all ease-in-out 0.6s;
  329. -o-transition:all ease-in-out 0.6s;
  330. transition:all ease-in-out 0.6s;
  331. }
  332.  
  333. #posts:hover #permalink {
  334. opacity:1;
  335. -moz-transition:all ease-in-out 0.6s;
  336. -ms-transition:all ease-in-out 0.6s;
  337. -o-transition:all ease-in-out 0.6s;
  338. transition:all ease-in-out 0.6s;
  339. }
  340.  
  341. ol.notes li {
  342. padding-bottom:10px;
  343. width:400px;
  344. }
  345.  
  346. ol.notes li img, .x {
  347. display:none;
  348. }
  349.  
  350. /*credit*/
  351.  
  352. #cred {
  353. bottom:5px;
  354. position:fixed;
  355. right:10px;
  356. float:right;
  357. font-family:arial;
  358. font-size:10px;
  359. text-align:center;
  360. font-weight:bold;
  361. letter-spacing:0px;
  362. }
  363.  
  364. #cred a {
  365. color:{color:link};
  366. }
  367.  
  368. /*tooltip*/
  369.  
  370. #s-m-t-tooltip{
  371. max-width:300px;
  372. margin:10px;
  373. padding:3px 4px;
  374. background:#fff;
  375. color:#aaa;
  376. z-index:999999;
  377. font-size:10px;
  378. text-transform:lowercase;
  379. }
  380.  
  381. /*scrollbar*/
  382.  
  383. ::-webkit-scrollbar {width: 9px; height: 3px; background: #fff;}
  384. ::-webkit-scrollbar-thumb {background-color:{color:accent};}
  385.  
  386.  
  387. </style>
  388.  
  389. </head>
  390. <body>
  391.  
  392.  
  393. <div id="sidebar">
  394.  
  395. <div id="blogt"><a href="/">{text:sidebar title}</a></div>
  396.  
  397. <div id="desc">{Description}</div>
  398.  
  399. <div id="links">
  400. <a href="{text:link 1 url}" title="{text:link 1}">I</a>
  401. <a href="{text:link 2 url}" title="{text:link 2}">II</a>
  402. <a href="{text:link 3 url}" title="{text:link 3}">III</a>
  403. <a href="{text:link 4 url}" title="{text:link 4}">IV</a>
  404. <a href="{text:link 5 url}" title="{text:link 5}">V</a>
  405. {block:Pagination}
  406. {block:NextPage}
  407. <a title="more" href="{NextPage}"> + </a>
  408. {/block:NextPage}
  409. {block:PreviousPage}
  410. <a title="less" href="{PreviousPage}"> - </a>
  411. {/block:PreviousPage}
  412. {/block:Pagination}
  413.  
  414. </div>
  415.  
  416. </div>
  417.  
  418. <div id="entries">
  419.  
  420. {block:Posts}
  421.  
  422. <div id="posts">
  423.  
  424. <!---textposts--->
  425.  
  426. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  427.  
  428. <!---photosets--->
  429.  
  430. {block:Photo}<center>{block:if500pxPosts}<img src="{PhotoURL-500}" width="500px">{/block:if500pxposts}
  431. {block:ifnot500pxPosts}<img src="{PhotoURL-400}" width="400px">{/block:ifnot500pxPosts}</center>{/block:Photo}
  432.  
  433. <!---video--->
  434.  
  435. {block:Video}{Video-500}{/block:Video}
  436.  
  437. <!---audio--->
  438.  
  439. {block:Audio}<h1>{block:Artist}</h1>
  440. {Artist}
  441. {/block:Artist} - {block:TrackName}
  442. {TrackName}
  443. {/block:TrackName}
  444. <div class="audio player">{AudioPlayerWhite}</div>
  445. {/block:Audio}
  446.  
  447. <!---quotes--->
  448.  
  449. {block:Quote}<h1>"{Quote}"</h1>{block:Source}{Source}{/block:Source}{/block:Quote}
  450.  
  451. <!---links--->
  452.  
  453. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  454.  
  455. <!---asks--->
  456.  
  457. {block:Answer}
  458. <div class="asks">{Asker} said: {Question} </div>
  459. <div class="reply">
  460. {Answer}
  461. </div>
  462. {/block:Answer}
  463.  
  464. <!---chat--->
  465.  
  466. {block:Chat}
  467. {block:Title}<h1>{Title}</h1>{/block:Title}
  468. <div class="chat"><ol>{block:Lines}<li class="line">{block:Label}
  469. <span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  470. </ol></div>
  471. {/block:Chat}
  472.  
  473. <!---caption--->
  474.  
  475. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  476.  
  477.  
  478. <!---info--->
  479.  
  480. <div id="permalink">
  481. <div id="info">
  482. <br><a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} </a>
  483. {block:NoteCount} +<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  484. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  485. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}
  486. <br><br>
  487. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  488. {block:PermalinkPage}
  489. {block:PostNotes}{PostNotes}{/block:PostNotes}
  490. {/block:PermalinkPage}
  491. </div>
  492.  
  493.  
  494. </div>
  495.  
  496. {/block:Posts}
  497.  
  498. </div>
  499.  
  500.  
  501. <div id="cred"><a href="http://sentimentalthemes.tumblr.com/">CREDIT</a></div>
  502.  
  503.  
  504. </body>
  505. </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!