API tools faq
paste
Advertisement
cleuron

journal

cleuron
Aug 2nd, 2014
2,060
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.09 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. </a>
  5.  
  6. <!--journal theme by daenso @ tumblr
  7. don't copy, don't redistribute, don't use as base
  8. don't remove the credit, thank you-->
  9.  
  10. <head>
  11.  
  12. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  13. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  14. <script type="text/javascript" charset="utf-8">
  15. var $j = jQuery.noConflict();
  16. $j(function() {
  17. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;$j("img").lazyload({
  18. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  19. effect: "fadeIn",
  20. });});</script>
  21.  
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="color:text" content="#d7d7d7"/>
  29. <meta name="color:links" content="#c9e0ff"/>
  30. <meta name="color:links hover" content="#dededf"/>
  31. <meta name="color:title" content="#cecece"/>
  32. <meta name="color:bordering" content="#f3f3f3"/>
  33. <meta name="color:icon id" content="#fff"/>
  34. <meta name="color:date text" content="#fff"/>
  35. <meta name="color:date background" content="#c9e0ff"/>
  36. <meta name="color:mainlinks" content="#cccccc"/>
  37. <meta name="color:little desc" content="#fff"/>
  38. <meta name="color:divisor" content="#ddd"/>
  39. <meta name="color:shadows" content="#aaa"/>
  40. <meta name="color:desc" content="#cecece"/>
  41. <meta name="color:links desc" content="#a6ccff"/>
  42. <meta name="color:pagination" content="#dddddd"/>
  43. <meta name="color:pagination text" content="#fff"/>
  44. <meta name="color:tags" content="#c9e0ff"/>
  45. <meta name="color:posts" content="#ffffff"/>
  46. <meta name="color:posttitle" content="#e5e5e5"/>
  47. <meta name="color:posttitle hover" content="#c9e0ff"/>
  48. <meta name="color:askerbox links" content="#fff"/>
  49. <meta name="color:askerbox links hover" content="#c9e0ff"/>
  50. <meta name="color:details" content="#d4d4d4"/>
  51. <meta name="color:minor border" content="#e2e2e2"/>
  52. <meta name="color:scrollbar" content="#97c5e0" />
  53. <meta name="color:mini border" content="#dddddd" />
  54. <meta name="color:border posts" content="#f8f8f8"/>
  55. <meta name="color:background" content="#ffffff"/>
  56. <meta name="color:perma" content="#dddddd"/>
  57. <meta name="color:perma links" content="#c9e0ff"/>
  58. <meta name="color:1" content="#e5f0ff"/>
  59. <meta name="color:2" content="#bcdcf3"/>
  60.  
  61. <meta name="image:header" content="" />
  62. <meta name="image:id" content="" />
  63.  
  64. <meta name="if:showcaptions" content="1" />
  65. <meta name="if:fadephotoset" content="1" />
  66. <meta name="if:grayscale" content="0" />
  67. <meta name="if:500px posts" content="0" />
  68. <meta name="if:400px posts" content="1" />
  69. <meta name="if:250px posts" content="0" />
  70. <meta name="if:infinite scroll" content="0" />
  71.  
  72. <meta name="text:little description" content="here goes your little description, keep it short!"/>
  73.  
  74. <meta name="text:link1" content="/"/>
  75. <meta name="text:linktitle1" content="link1"/>
  76. <meta name="text:link2" content="/"/>
  77. <meta name="text:linktitle2" content="link2"/>
  78. <meta name="text:link3" content="/"/>
  79. <meta name="text:linktitle3" content="link3"/>
  80. <meta name="text:link4" content="/"/>
  81. <meta name="text:linktitle4" content="link4"/>
  82. <meta name="text:link5" content="/"/>
  83. <meta name="text:linktitle5" content="link5"/>
  84.  
  85. <meta name="text:urlicon1" content="http://i.imgur.com/AozCAQ0.png"/>
  86. <meta name="text:urlicon2" content="http://i.imgur.com/tFha8XH.png"/>
  87. <meta name="text:urlicon3" content="http://i.imgur.com/6SFK4B0.png"/>
  88. <meta name="text:urlicon4" content="http://i.imgur.com/gWL9vG4.png"/>
  89.  
  90. <style type="text/css">
  91.  
  92. {block:indexpage}{block:iffadephotoset}
  93. #posts img:hover, #posts iframe:hover {-webkit-transition: opacity 0.5s linear;opacity: 1;}
  94.  
  95. #posts img, #posts iframe {opacity:0.7;
  96. -moz-transition-duration: 0.5s;
  97. -o-transition-duration: 0.5s;
  98. -webkit-transition-duration: 0.5s;
  99. transition-duration: 0.5s;}{/block:iffadephotoset}
  100.  
  101. {block:ifgrayscale}
  102. #posts img, #posts iframe{-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  103.  
  104. #posts img:hover, #posts iframe:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  105. {/block:ifgrayscale}{/block:indexpage}
  106.  
  107. .hidden{
  108. opacity:0;
  109. }
  110. .visible{
  111. opacity:1;
  112. }
  113.  
  114. body {
  115. background:{color:background};
  116. margin:0px;
  117. color:{color:text};
  118. font-family:trebuchet, arial, helvetica;
  119. font-size:11px;
  120. word-wrap:break-word;
  121. }
  122.  
  123. a {
  124. color:{color:links};
  125. text-decoration: none;
  126. transition-duration: 0.5s;
  127. -moz-transition-duration: 0.5s;
  128. -webkit-transition-duration: 0.5s;
  129. -o-transition-duration: 0.5s;
  130. }
  131.  
  132. a:hover {
  133. opacity:1;
  134. color:{color:links hover};
  135. -webkit-transition: all 0.5s ease;
  136. -moz-transition: all 0.5s ease;
  137. -o-transition: all 0.5s ease
  138. }
  139.  
  140. blockquote {
  141. width:90%;
  142. border-left:2px solid {color:1};
  143. margin-left:auto;
  144. margin-right:auto;
  145. padding-left:10px;
  146. padding-right:10px;
  147. padding-top:0px;
  148. padding-bottom:0px;
  149. }
  150.  
  151. pre {
  152. width:100%;
  153. font-size:10px;
  154. border:1px dotted {color:mini border};
  155. padding:3px;
  156. margin-left:auto;
  157. margin-right:auto;
  158. white-space:pre-wrap;
  159. word-wrap:break-word;
  160. }
  161.  
  162. iframe#tumblr_controls {
  163. top:0%!important;
  164. right:0%!important;
  165. position:fixed!important;
  166. z-index:999999999!important;
  167. -webkit-filter: invert(100%);
  168. -moz-filter: invert(100%);
  169. -o-filter: invert(100%);
  170. -ms-filter: invert(100%);
  171. filter: invert(100%);
  172. opacity:0.2;
  173. transition: .8s ease-in-out;
  174. -webkit-transition: .8s ease-in-out;
  175. -moz-transition: .8s ease-in-out;
  176. -o-transition: .8s ease-in-out;
  177. }
  178.  
  179.  
  180.  
  181. ::-webkit-scrollbar {
  182. width:6px;
  183. height:3px;
  184. }
  185.  
  186. ::-webkit-scrollbar-thumb {
  187. background: {color:scrollbar};
  188. }
  189.  
  190.  
  191. #container {
  192. {block:ifnot500pxposts}border-left:1px solid {color:bordering}; border-right:1px solid {color:bordering};{/block:ifnot500pxposts}
  193. width:566px; {block:permalinkpage}border-left:1px solid {color:bordering}; border-right:1px solid {color:bordering};{/block:permalinkpage}
  194. height:100%;
  195. margin-left:auto;
  196. margin-right:auto;
  197. padding:0px 2px 2px 2px;
  198. position:float;
  199. }
  200.  
  201. #posts {
  202. background:{color:posts};
  203. {block:indexpage}
  204. {block:if500pxposts}width:500px;{/block:if500pxposts}
  205. {block:if400pxposts}width:400px;{/block:if400pxposts}
  206. {block:if250pxposts}width:250px;
  207. {/block:if250pxposts}{/block:indexpage}{block:permalinkpage}width:400px;{/block:permalinkpage}
  208. height:auto;
  209. border:1px solid {color:border posts};
  210. position:relative;
  211. color:{color:text};
  212. border-radius:1px;
  213. margin-left:auto;
  214. padding:30px; margin-bottom:75px;
  215. margin-right:auto;
  216. }
  217.  
  218. #posts img {
  219. max-width:100%;
  220. }
  221.  
  222. {block:indexpage}#posts:hover #details {
  223. opacity:1;
  224. -webkit-transition: opacity 0.7s linear;
  225. -webkit-transition: all 0.7s ease-in-out;
  226. -moz-transition: all 0.7s ease-in-out;
  227. -o-transition: all 0.7s ease-in-out;
  228. }
  229.  
  230. #posts:hover #reblog {
  231. opacity:1;
  232. -webkit-transition: opacity 0.7s linear;
  233. -webkit-transition: all 0.7s ease-in-out;
  234. -moz-transition: all 0.7s ease-in-out;
  235. -o-transition: all 0.7s ease-in-out;
  236. }{/block:indexpage}
  237.  
  238. {block:indexpage}#line4 {
  239. position:fixed;
  240. border-top:0px solid {color:bordering};
  241. width:546px;
  242. background:{color:background};
  243. border-radius:1px;
  244. font-size:11px;
  245. height:15px;
  246. padding:2px 12px 2px 12px;
  247. bottom:0px;
  248. margin-left:-2px;
  249. overflow:hidden;
  250. z-index:9999;
  251. }
  252.  
  253. #line4 a {
  254. color: {color:2};}
  255.  
  256. #line4 a:hover { color:{color:text};}
  257. {/block:indexpage}
  258.  
  259. #line {
  260. position:float;
  261. width:550px;
  262. margin-bottom:50px;
  263. border-radius:1px;
  264. height:250px;
  265. padding:12px;
  266. top:0px;
  267. margin-left:-4px;
  268. overflow:hidden;
  269. z-index:9999;
  270. }
  271.  
  272. #line1 {
  273. position:absolute;
  274. width:562px;
  275. margin-left:-11px;
  276. border-radius:1px;
  277. border-left:1px solid {color:bordering};
  278. border-right:1px solid {color:bordering};
  279. height:45px;
  280. padding:4px;
  281. background:{color:background};
  282. top:0px;
  283. overflow:hidden;
  284. z-index:9999;
  285. }
  286.  
  287. #line2 {
  288. position:absolute;
  289. width:564px;
  290. margin-left:-11px;
  291. border-radius:1px;
  292. height:160px;
  293. padding:4px;
  294. background:#eee;
  295. top:53px;
  296. overflow:hidden;
  297. z-index:9999;
  298. background-image: url('{image:header}'); background-repeat: no-repeat; background-size: 572px 168px;
  299. }
  300.  
  301. #line2:hover #descrip {
  302. width:200px;
  303. opacity:0.6;
  304. margin-left:300px;
  305. margin-top:30px;
  306. -webkit-transition: all .9s ease-in-out;
  307. -moz-transition: all .9s ease-in-out;
  308. -o-transition: all .9s ease-in-out;
  309. -ms-transition: all .9s ease-in-out;
  310. transition: all .9s ease-in-out;
  311.  
  312. }
  313.  
  314. #descrip {
  315. position:absolute;
  316. width:100px;
  317. height:62px;
  318. text-transform:lowercase;
  319. padding:8px;
  320. margin-top:-300px;
  321. margin-left:300px;
  322. border-radius:1px;
  323. overflow-y:auto;
  324. background:{color:background};
  325. color:{color:desc};
  326. text-align:center;
  327. font-size:11px;
  328. font-family:helvetica;
  329. opacity:0;
  330. -webkit-transition: opacity 0.7s linear;
  331. -webkit-transition: all 0.7s ease-in-out;
  332. -moz-transition: all 0.7s ease-in-out;
  333. -o-transition: all 0.7s ease-in-out;
  334.  
  335. }
  336.  
  337. #descrip a {color:{color:link desc};}
  338. #descrip a:hover {color:{color:links hover};}
  339.  
  340. #maintitle {
  341. padding:2px 2px 2px 4px;
  342. overflow:hidden;
  343. margin-top:4px;
  344. margin-left:10px;
  345. height:35px;
  346. width:400px;
  347. text-align:left;
  348. font-family:times, helvetica, arial;
  349. letter-spacing:1px;
  350. text-transform:lowercase;
  351. font-style:italic;
  352. line-height:29px;
  353. color:{color:title};
  354. display:inline-block;
  355. font-size:35px;
  356. }
  357.  
  358. #maintitle a{
  359. color:{color:title};
  360. }
  361.  
  362. #maintitle a:hover{
  363. color:{color:links hover};
  364. }
  365.  
  366. #line3 {
  367. position:absolute;
  368. width:570px;
  369. margin-left:-11px;
  370. border-radius:1px;
  371. height:96px;
  372. top:170px;
  373. overflow:hidden;
  374. z-index:9999;
  375. }
  376.  
  377. #titley {
  378. padding:3px;
  379. position:absolute;
  380. overflow:hidden;
  381. margin-top:12px;
  382. margin-left:180px;
  383. height:16px;
  384. border-bottom:2px solid {color:divisor};
  385. max-width:350px;
  386. min-width:170px;
  387. text-align:left;
  388. font-family:times, helvetica, arial;
  389. letter-spacing:1px;
  390. text-transform:lowercase;
  391. font-style:italic;
  392. font-weight:bold;
  393. color:#fff;
  394. line-height:20px;
  395. text-shadow:2px 1px 2px {color:shadows}, -2px -1px 2px {color:shadows};
  396. display:inline-block;
  397. font-size:20px;
  398. }
  399.  
  400. #littledesc {
  401. padding:0px;
  402. overflow:hidden;
  403. margin-top:1px;
  404. position:absolute;
  405. margin-top:40px;
  406. margin-left:180px;
  407. height:10px;
  408. max-width:350px;
  409. text-align:left;
  410. font-family:helvetica, arial;
  411. letter-spacing:1px;
  412. text-transform:uppercase;
  413. text-shadow:2px 1px 2px {color:shadows};, -2px -1px 2px {color:shadows};
  414. font-style:italic;
  415. color:{color:little desc};
  416. display:inline-block;
  417. line-height:8px;
  418. font-size:8px;
  419. }
  420.  
  421. #links {
  422. position:absolute;
  423. padding:2px;
  424. overflow:hidden;
  425. margin-top:0px;
  426. margin-left:30px;
  427. margin-top:55px;
  428. height:15px;
  429. width:500px;
  430. }
  431.  
  432. #linkeu {
  433. text-align:left;
  434. font-family:helvetica, arial;
  435. letter-spacing:1px;
  436. text-transform:uppercase;
  437. line-height:14px;
  438. color:{color:mainlinks};
  439. font-size:8px;
  440. width:auto;
  441. height:12px;
  442. display:inline-block;
  443. position:absolute;
  444. z-index:99999;
  445. }
  446.  
  447. #linkeu a {
  448. color:{color:mainlinks};
  449. padding:0px 3px 0px 3px;
  450. -webkit-transition: opacity 0.8s linear;
  451. -webkit-transition: all 0.8s ease-in-out;
  452. -moz-transition: all 0.8s ease-in-out;
  453. -o-transition: all 0.8s ease-in-out;
  454. }
  455.  
  456. #linkeu a:hover {
  457. background:{color:1};
  458. color:#fff;
  459. box-shadow: inset 0px 5px 0 {color:2};
  460. padding:0px 3px 0px 3px;
  461. -webkit-transition: opacity 0.8s linear;
  462. -webkit-transition: all 0.8s ease-in-out;
  463. -moz-transition: all 0.8s ease-in-out;
  464. -o-transition: all 0.8s ease-in-out;
  465. }
  466.  
  467. #circle {
  468. width:90px;
  469. height:90px;
  470. margin-left:80px;
  471. margin-top:0px;
  472. background:{color:icon id};
  473. z-index:9999999;
  474. padding:3px;
  475. position:absolute;
  476. border-radius:100%;
  477. overflow:hidden;
  478. }
  479.  
  480. #circle img {
  481. width:90px;
  482. height:90px;
  483. border-radius:100%;
  484. z-index:999999999;
  485. -webkit-transition: all 0.5s ease-out;
  486. -moz-transition: all 0.5s ease-out;
  487. transition: all 0.5s ease-out;
  488. }
  489.  
  490. #linky {
  491. position:absolute;
  492. display:inline-block;
  493. margin-top:15px;
  494. margin-left:32px;
  495. z-index:999999;
  496. }
  497.  
  498. #linky img {
  499.  
  500. display:inline-block;
  501. border-radius:100%;
  502. background:{color:title};
  503. margin:2px;
  504. margin-right:0px;
  505. margin-top:0px;
  506. padding:2px;
  507. -webkit-transition: all 0.5s ease-out;
  508. -moz-transition: all 0.5s ease-out;
  509. transition: all 0.5s ease-out
  510. }
  511.  
  512. #linky img:hover {
  513. background:{color:1};
  514. -webkit-transition: all 0.5s ease-out;
  515. -moz-transition: all 0.5s ease-out;
  516. transition: all 0.5s ease-out
  517. }
  518.  
  519. #details {
  520. position:absolute;
  521. {block:indexpage}{block:if500pxposts}width:520px;{/block:if500pxposts}{block:if400pxposts}width:420px;{/block:if400pxposts}
  522. {block:if250pxposts}width:270px;{/block:if250pxposts}{/block:indexpage}
  523. height:10px;
  524. margin-left:-30px;
  525. color:{color:details};
  526. text-align:left;
  527. margin-top:33px;
  528. z-index:99;
  529. opacity:0;
  530. font-family:trebuchet, helvetica;
  531. font-size:8px;
  532. text-transform:uppercase;
  533. -webkit-transition: opacity 0.7s linear;
  534. -webkit-transition: all 0.7s ease-in-out;
  535. -moz-transition: all 0.7s ease-in-out;
  536. -o-transition: all 0.7s ease-in-out;
  537. }
  538.  
  539. #details a {
  540. color:{color:details};
  541. }
  542.  
  543. #details a:hover {
  544. color:{color:links hover};
  545. }
  546.  
  547. #reblog{
  548. position:absolute;
  549. {block:indexpage}
  550. {block:if500pxposts}width:100px; margin-left:430px;{/block:if500pxposts}
  551. {block:if400pxposts}width:100px; margin-left:330px;{/block:if400pxposts}
  552. {block:if250pxposts}width:100px; margin-left:180px;{/block:if250pxposts}{/block:indexpage}
  553. height:10px;
  554. color:{color:details};
  555. text-align:right;
  556. margin-top:33px;
  557. z-index:99;
  558. opacity:0;
  559. font-family:trebuchet, helvetica;
  560. font-size:8px;
  561. text-transform:uppercase;
  562. -webkit-transition: opacity 0.7s linear;
  563. -webkit-transition: all 0.7s ease-in-out;
  564. -moz-transition: all 0.7s ease-in-out;
  565. -o-transition: all 0.7s ease-in-out;
  566. }
  567.  
  568. #reblog a {
  569. color:{color:details};
  570. }
  571.  
  572. #reblog a:hover {
  573. color:{color:links hover};
  574. }
  575. {/block:indexpage}
  576.  
  577. #tags {
  578. font-family:helvetica;
  579. font-size:8px;
  580. line-height:9px;
  581. color:{color:tags};
  582. }
  583.  
  584. #tags a {color:{color:tags};}
  585. #tags a:hover {color:{color:links hover};}
  586.  
  587.  
  588. #notes {
  589. width:400px;
  590. height:auto;
  591. margin-top:10px;
  592. position:relative;
  593. overflow:hidden;
  594. margin-left:auto;
  595. margin-right:auto;
  596. word-wrap:break-word;
  597. }
  598.  
  599. ol {padding-top:6px; vertical-align: 2px; opacity:0.9;}
  600.  
  601. ol.notes li.note {padding:0 0 2px 0; text-transform: uppercase; font-size:8px;}
  602.  
  603. ol.notes li.note img.avatar {
  604. vertical-align: -7px;
  605. width:16px;
  606. height:16px;
  607. margin-right:10px;
  608. }
  609.  
  610. ol.notes li.note img {
  611. padding:2px;
  612. border:1px solid {color:bordering};
  613.  
  614. }
  615.  
  616.  
  617. #perma{
  618. width:400px;
  619. background:{color:posts};
  620. border:1px solid {color:border posts};
  621. margin-left:auto;
  622. margin-right:auto;
  623. margin-bottom:50px;
  624. margin-top:-40px;
  625. padding-top:10px; padding-bottom:10px;
  626. padding-left:20px; padding-right:20px;
  627. color:{color:perma};
  628. font-size:8px;
  629. letter-spacing:1px;
  630. text-align:left;
  631. }
  632.  
  633. #permalinkpage {
  634. width:400px;
  635. margin-left:auto;
  636. margin-right:auto;
  637. margin-top:0px;
  638. padding-top:0px;
  639. font-family:calibri, helvetica;
  640. text-transform:uppercase;
  641. padding:3px;
  642. letter-spacing:0px;
  643. color:{color:perma};
  644. font-size:11px;
  645. text-align:center;
  646. }
  647.  
  648. #permalinkpage a {color:{color:perma links};}
  649. #permalinkpage a:hover {color:{color:links hover};}
  650.  
  651. #audio{
  652. height:26px;
  653. border-bottom:3px solid {color:border posts};
  654. width:200px;
  655. background:{color:posts};
  656. color:{color:text};
  657. position:relative;
  658. text-align:center;
  659. border-radius:1px;
  660. overflow:hidden;
  661. }
  662.  
  663. #icon {
  664. width:30px;
  665. height:30px;
  666. margin-left:0px;
  667. margin-top:0px;
  668. background:{color:posts};
  669. z-index:9999999;
  670. padding:3px;
  671. border-radius:100%;
  672. overflow:hidden;
  673. }
  674.  
  675. #icon img {
  676. width:30px;
  677. height:30px;
  678. border-radius:100%;
  679. z-index:999999999;
  680. -webkit-transition: all 0.5s ease-out;
  681. -moz-transition: all 0.5s ease-out;
  682. transition: all 0.5s ease-out;
  683. }
  684.  
  685. #askery {
  686. padding:3px;
  687. overflow:hidden;
  688. height:14px;
  689. border-bottom:2px solid {color:2};
  690. width:auto;
  691. text-align:left;
  692. font-family:times, helvetica, arial;
  693. letter-spacing:1px;
  694. text-transform:lowercase;
  695. font-style:italic;
  696. margin-top:-6px;
  697. font-weight:bold;
  698. line-height:15px;
  699. color:{color:askerbox links};
  700. text-shadow:1px 1px 2px {color:shadows}, -1px -1px 2px {color:shadows}; -webkit-transition: all 0.5s ease-out;
  701. -moz-transition: all 0.5s ease-out;
  702. transition: all 0.5s ease-out;
  703. display:inline-block;
  704. font-size:15px;
  705. }
  706.  
  707. #askery a:hover { color:{color:askerbox links hover};
  708. text-shadow:0px 0px 0px transparent, 0px 0px 0px transparent;
  709. -webkit-transition: all 0.5s ease-out;
  710. -moz-transition: all 0.5s ease-out;
  711. transition: all 0.5s ease-out;
  712. }
  713. #askery a { color:{color:askerbox links};
  714. -webkit-transition: all 0.5s ease-out;
  715. -moz-transition: all 0.5s ease-out;
  716. transition: all 0.5s ease-out;
  717. }
  718.  
  719. .question {
  720. padding:6px 6px 6px 44px;
  721. word-wrap:break-word;
  722. font-family:helvetica, calibri, trebuchet, arial;
  723. text-align:left;
  724. text-transform:lowercase;
  725. font-size:11px;
  726. margin-top:-16px;
  727. color:{color:text};
  728. background-color:{color:posts};
  729. z-index:9;
  730. }
  731.  
  732. #answer {
  733. padding-left:6px;padding-right:6px;
  734. padding-top:2px;padding-bottom:0px;
  735. font-family:helvetica, calibri, trebuchet, arial;
  736. text-align:left; font-size:11px;
  737. margin-top:0px; border-bottom:1px dashed {color:bordering};
  738. color:{color:text};
  739. z-index:9;
  740. }
  741.  
  742. #posttitle {
  743. padding:0px 6px 4px 6px;
  744. text-align:center;
  745. color:{color:posttitle};
  746. font-size:12px;
  747. font-family:trebuchet, calibri, helvetica;
  748. margin-bottom:-5px;
  749. text-transform:uppercase;
  750. }
  751.  
  752. #posttitle a { color:{color:posttitle}; }
  753. #posttitle a:hover { color:{color:posttitle hover}; }
  754.  
  755. #quotation {
  756. padding:1px 4px 8px 4px;
  757. color:{color:text};
  758. text-align:center;
  759. font-weight:bold;
  760. font-size:16px;
  761. font-family:trebuchet, calibri, helvetica;
  762. text-transform:lowercase;
  763. }
  764.  
  765. #s-m-t-tooltip{
  766. background:{color:posts};
  767. color:{color:text};
  768. border:1px double {color:border posts};
  769. max-width:120px;
  770. margin-top:20px;
  771. margin-left:20px;
  772. padding:2px 4px 2px 4px;
  773. letter-spacing:1px;
  774. z-index:999999;
  775. font-family:trebuchet, helvetica;
  776. font-size:7px;
  777. text-transform:uppercase;
  778. line-height:7px;
  779. }
  780.  
  781. #pagis {
  782. background:{color:pagination}; width:8px; height:8px; padding-bottom:1px; padding-left:4px; padding-top:1px;padding-right:4px; border-radius:100%;color:{color:pagination text}; font-family:tahoma; font-size:9px; -webkit-transition: all 0.5s ease-out;
  783. -moz-transition: all 0.5s ease-out;
  784. transition: all 0.5s ease-out
  785. }
  786.  
  787. #pagis:hover {
  788. background:{color:2};-webkit-transition: all 0.5s ease-out;
  789. -moz-transition: all 0.5s ease-out;
  790. transition: all 0.5s ease-out
  791. }
  792.  
  793. </style>
  794.  
  795. {block:IfInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/puouuyx/qepnyhkgm/infinitescrolling.min.js"></script>{/block:IfInfiniteScroll}
  796.  
  797.  
  798. </head>
  799.  
  800. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  801. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  802.  
  803. <script>(function($){
  804. $(document).ready(function(){
  805. $("[title],a[title],img[title]").style_my_tooltips({
  806. tip_follows_cursor:true,
  807. tip_delay_time:100,
  808. tip_fade_speed:250,
  809. attribute:"title"});});})(jQuery);</script>
  810.  
  811. <body>
  812.  
  813. <div id="container">
  814.  
  815. {block:indexpage}{block:ifnotinfinitescroll}<div id="line4">
  816. <center>{block:Pagination}<div id="pagination">{block:PreviousPage}
  817. <a href="{PreviousPage}"><span id="pagis">«</span></a>{/block:PreviousPage}
  818. {block:JumpPagination length="7"}
  819. {block:CurrentPage}
  820. <span class="current_page" style="background:{color:2}; width:8px; height:8px; padding-bottom:1px; padding-left:4px; padding-top:1px; padding-right:4px; border-radius:100%; font-family:tahoma; font-size:9px; color:{color:pagination text};">{PageNumber}</span>
  821. {/block:CurrentPage}
  822.  
  823. {block:JumpPage}
  824. <a class="jump_page" href="{URL}"><span id="pagis">{PageNumber}</span></a>
  825. {/block:JumpPage}
  826. {/block:JumpPagination}
  827.  
  828. {block:NextPage}
  829. <a href="{NextPage}"><span id="pagis">»</span></a>
  830. {/block:NextPage}
  831. </div>
  832. {/block:Pagination}</center>
  833. </div>{/block:ifnotinfinitescroll}{/block:indexpage}
  834.  
  835. <div id="line">
  836.  
  837. <div id="line1">
  838. <div id="maintitle"><a href="/">{title}</a></div>
  839. <div id="linky">
  840. <a href="{text:link2}" title="{text:linktitle2}"><img src="{text:urlicon1}"></a>
  841. <a href="{text:link3}" title="{text:linktitle3}"><img src="{text:urlicon2}"></a>
  842. <a href="{text:link4}" title="{text:linktitle4}"><img src="{text:urlicon3}"></a>
  843. <a href="{text:link5}" title="{text:linktitle5}"><img src="{text:urlicon4}"></a>
  844. </div>
  845. </div>
  846.  
  847. <div id="line2">
  848. <div id="descrip">{description}</div>
  849. </div>
  850.  
  851. <div id="line3">
  852. <div id="circle"><img src="{image:id}" /></div>
  853. <div id="titley">{name}</div>
  854. <div id="littledesc">{text:little description}</div>
  855. <div id="links">
  856. <div id="linkeu" style="margin-left:5px;"><a href="/">home</a></div>
  857. <div id="linkeu" style="margin-left:150px;"><a href="/ask">ask</a></div>
  858. <div id="linkeu" style="margin-left:195px;"><a href="/archive">past</a></div>
  859. <div id="linkeu" style="margin-left:245px;"><a href="{text:link1}">{text:linktitle1}</a></div>
  860.  
  861.  
  862. </div>
  863.  
  864. </div>
  865. </div>
  866.  
  867.  
  868. <div class ="autopagerize_page_element">
  869. {block:Posts}
  870. <div id="posts">
  871.  
  872. {block:ContentSource}
  873. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  874. {/block:SourceLogo}
  875. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  876. {/block:ContentSource}
  877.  
  878. {block:Photo}
  879. {block:IndexPage}
  880. <div id="photo">{LinkOpenTag}
  881. <img src="{PhotoURL-500}" alt='{PhotoAlt}'/>
  882. {LinkCloseTag}</div>
  883. {/block:IndexPage}
  884. {block:permalinkpage}
  885. <div id="photo">{LinkOpenTag}
  886. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  887. {LinkCloseTag}</div>
  888. {/block:PermalinkPage}
  889. {block:ifShowCaptions}{block:Indexpage}
  890. {block:Caption}{Caption}{/block:Caption}
  891. {/block:Indexpage}{/block:ifShowCaptions}
  892. {block:PermalinkPage}
  893. {block:Caption}{Caption}{/block:Caption}
  894. {/block:PermalinkPage}
  895. {/block:Photo}
  896.  
  897.  
  898. {block:Photoset}
  899. {block:IndexPage}<div id="photoset">
  900. {block:if500pxposts}{photoset-500}{/block:if500pxposts}
  901. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  902. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  903. </div>
  904. {/block:IndexPage}
  905. {block:PermalinkPage}
  906. <div id="photoset">{Photoset-400}</div>
  907. {/block:PermalinkPage}
  908. {block:ifShowCaptions}
  909. {block:Indexpage}
  910. {block:Caption}{Caption}{/block:Caption}
  911. {/block:Indexpage}
  912. {/block:ifShowCaptions}
  913. {block:PermalinkPage}
  914. {block:Caption}{Caption}{/block:Caption}
  915. {/block:PermalinkPage}
  916. {/block:Photoset}
  917.  
  918.  
  919. {block:Video}
  920. {block:IndexPage}<div id="video">
  921. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  922. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  923. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  924. </div>
  925. {/block:IndexPage}
  926. {block:PermalinkPage}
  927. <div id="video">{Video-400}</div>
  928. {/block:PermalinkPage}
  929. {block:ifShowCaptions}
  930. {block:Indexpage}
  931. {block:Caption}{Caption}{/block:Caption}
  932. {/block:Indexpage}
  933. {/block:ifShowCaptions}
  934. {block:PermalinkPage}
  935. {block:Caption}{Caption}{/block:Caption}
  936. {/block:PermalinkPage}
  937. {/block:Video}
  938.  
  939. {block:Quote}
  940. <div id="quotation">« {Quote} »</div>
  941. {block:Source}</ br> <center><div style="{block:indexpage}{block:if500pxposts}width:400px;{/block:if500pxposts}{block:if400pxposts}width:300px;{/block:if400pxposts}{block:if250pxposts}}width:150px;{/block:if250pxposts}{/block:indexpage}{block:permalinkpage}width:300px;{/block:permalinkpage} font-size:10px; text-align:center; margin-bottom:-10px">— {Source} —</div></center><br>{/block:Source}
  942. {/block:Quote}
  943.  
  944. {block:Text}
  945. {block:Title}<div id="posttitle">{Title}</div>{/block:Title}<div style="margin-left:6px; margin-right:6px">{Body}</div>{/block:Text}
  946.  
  947. {block:Link}
  948. <div id="posttitle"><a href="{URL}" {Target}><img src="http://i.imgur.com/QtHKLR1.png"> {Name}</a></div>
  949. {block:Description}{Description}{/block:Description}{/block:Link}
  950.  
  951. {block:Audio}
  952. <center><div id="audio"><center>{AudioPlayerWhite}</center></div>
  953. <div style="text-transform:lowercase; width:194px; margin-top:3px;"><b><span style="color:{color:links};">track:</span></b> {block:TrackName}{TrackName}{/block:TrackName}
  954. {block:Artist}
  955. ; <b><span style="color:{color:links};">artist:</span></b> {Artist}
  956. {/block:Artist}
  957. {block:Album}; <b><span style="color:{color:links};">album:</span></b> {Album}{/block:Album}
  958. ; <b><span style="color:{color:links};">played</span></b> {block:PlayCount}{PlayCount} times{/block:PlayCount}</div></center>
  959. {block:ifShowCaptions}{block:Indexpage}
  960. {block:Caption}{Caption}{/block:Caption}
  961. {/block:Indexpage}{/block:ifShowCaptions}
  962. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  963. {/block:PermalinkPage}{/block:Audio}
  964.  
  965. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  966.  
  967.  
  968. {block:Answer}
  969. <div style="border:2px solid {color:minor border}; padding:8px;"><table ><tr><td>
  970. <div id="icon"><img src="{AskerPortraitURL-48}"></div>
  971. </td><td><div id="askery">{asker}</div></td></tr></table>
  972. <div class="question">{Question}</div></div>
  973.  
  974. <div id="answer">{Answer}</div>
  975. {/block:Answer}
  976.  
  977. {block:indexpage}<div id="details">
  978. {block:date}<a href="{Permalink}" style="background:{color:date background}; padding:0px 2px 0px 2px; color:{color:date text}; letter-spacing:1px;">{ShortMonth} {DayOfMonthWithZero}, {Year}</a> <!--{block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}--> with <a href="{Permalink}" title="permalink">{NoteCountWithLabel}</a></div><div id="reblog"> <a href="{reblogurl}" style="border-right:3px solid {color:date background}; padding-right:2px;">reblog</a> {block:HasTags}<a href="{TagURL}" title="{block:Tags}#{Tag} {/block:Tags}" style="background:{color:date background}; margin-left:-2px; padding:0px 2px 0px 0px; color:{color:date text};">tags</a>{/block:HasTags}{/block:date}
  979. </div>{/block:indexpage}
  980.  
  981. </div>
  982.  
  983.  
  984. {block:PermalinkPage}{block:date}<div id="perma"><div id="permalinkpage">
  985. {ShortMonth} {DayOfMonthWithZero}, {Year} <!--{block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}--> with {NoteCountWithLabel}{/block:date}<br/>
  986.  
  987. {block:Date}{block:RebloggedFrom}
  988. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}; source: <a href="{sourceURL}">{sourcelink}</a>{/block:ContentSource}</div>{/block:Date}
  989.  
  990. {block:HasTags}<br><div style="text-transform:uppercase;">— tagged as: {block:Tags}<div style="line-height:9px; word-wrap:break-word; display:inline-block;"><div id="tags"><a href="{TagURL}">#{Tag}</a></div></div> {/block:Tags}</div>
  991. {/block:HasTags}</div>{/block:PermalinkPage}
  992.  
  993. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  994. {/block:posts}</div></div>
  995.  
  996. <div style="position:fixed; bottom:2px; right:2px; font-size:10px; letter-spacing:1px; font-family:calibri; padding:2px;"><a href="http://daenso.tumblr.com/" title="theme credit"><div style="color:#ccc;">DÆMES</div></a></center></div>
  997.  
  998. </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!