API tools faq
paste
Advertisement
electrail

Pieces Theme

electrail
Jan 1st, 2015
8,295
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 62.96 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. <!--- THEME #2 (PIECES) BY ELECTRAIL @TUMBLR
  5.  
  6. Rules:
  7. 1. Do not remove credit. You cannot move the credit to another page or redirect the link to a different page. You may, however, move the credit to a different area on the index page (as long as it is still visible and clear).
  8. 2. Do not claim as your own.
  9. 3. DO NOT TAKE PARTS OF THIS THEME TO PUT IN A SEPARATE THEME OR YOUR OWN THEME!
  10. 4. Minor tweaking is allowed, but message me before making any major adjustments.
  11.  
  12. If you're reading this, thank you~ I didn't think that anyone really read this stuff ;u;.
  13.  
  14. Thank you so much for using my theme! c: Enjoy~ ^^
  15.  
  16. ( \_/ )
  17. (='.'=)
  18. (")_(")
  19.  
  20. --->
  21.  
  22. <head>
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29.  
  30. <meta name="color:Background" content="#ffffff" />
  31. <meta name="color:Posts Background" content="#ffffff" />
  32. <meta name="color:Text" content="#bbbbbb" />
  33. <meta name="color:Link" content="#ffcbcf" />
  34. <meta name="color:Link Hover" content="#ffffff" />
  35. <meta name="color:Link Hover Shadow" content="#929292" />
  36. <meta name="color:Title Text" content="#bfcae0" />
  37. <meta name="color:Link Title Text" content="#bfcae0" />
  38. <meta name="color:Link Title Hover" content="#e8e8ff" />
  39. <meta name="color:Post Borders" content="#f0f0f0" />
  40. <meta name="color:Blockquote Background" content="#f5f5f5" />
  41. <meta name="color:Blockquote Border" content="#ededed" />
  42. <meta name="color:Zip" content="#aaaaaa" />
  43. <meta name="color:Text Permalink Info Bar" content="#cccccc"/>
  44. <meta name="color:Text Permalink Info BG" content="#ffffff"/>
  45. <meta name="color:Text Permalink Info Words BG" content="#bbbbbb"/>
  46. <meta name="color:Text Permalink Info" content="#ffffff" />
  47. <meta name="color:Text Permalink Links Hover" content="#d4d4d4" />
  48. <meta name="color:Arrow" content="#ffcbcf" />
  49. <meta name="color:Scrollbar" content="#e6c7c3" />
  50. <meta name="color:Scrollbar Line" content="#eeeeee" />
  51. <meta name="color:Tooltip Background" content="#ffffff" />
  52. <meta name="color:Tooltip Border" content="#eeeeee" />
  53. <meta name="color:Highlight" content="#fff1f1" />
  54. <meta name="color:Highlight text" content=" #ffffff" />
  55. <meta name="color:Tags Text" content="#c9d2da" />
  56. <meta name="color:Permalinkpage Sources" content="#999999" />
  57. <meta name="color:Permalinks" content="#cccccc"/>
  58. <meta name="color:Permalinks Hover" content="#ffffff"/>
  59. <meta name="color:Permalink Hover Shadows" content="#bfbfbf"/>
  60. <meta name="color:Asker Underline" content="#e6c7c3" />
  61. <meta name="color:Asker Icon Border" content="#dddddd" />
  62. <meta name="color:Heart Circle Background" content="#ffffff" />
  63. <meta name="color:Heart Shape Hover" content="#ffffff" />
  64. <meta name="color:Heart Isosceles 1" content="#bbbbbb" />
  65. <meta name="color:Heart Isosceles 2" content="#bbbbbb" />
  66. <meta name="color:Heart Right Triangle 1" content="#cccccc"/>
  67. <meta name="color:Heart Right Triangle 2" content="#cccccc"/>
  68. <meta name="color:Heart Diamond" content="#e6c7c3"/>
  69. <meta name="color:Heart Quadrilateral 1" content="#e6c7c3"/>
  70. <meta name="color:Heart Quadrilateral 2" content="#cccccc"/>
  71. <meta name="color:Heart Rectangle" content="#dddddd"/>
  72. <meta name="color:Navigation Text" content="#cccccc"/>
  73. <meta name="color:Navigation Text Strikethrough" content="#bbbbbb" />
  74. <meta name="color:Navigation Text Hover" content="#eeeeee" />
  75. <meta name="color:Navigation Text Shadow" content="#eeeeee" />
  76. <meta name="color:Navigation Line" content="#dddddd" />
  77. <meta name="color:Extra Links BG" content="#ffffff" />
  78. <meta name="color:Navigation Zip" content="#888888" />
  79. <meta name="color:Hover Grid" content="#dddddd" />
  80. <meta name="color:Grid Center" content="#eeeeee" />
  81. <meta name="color:Photo Notes" content="#dddddd" />
  82. <meta name="color:Photo Notes Shadow" content="#cccccc"/>
  83. <meta name="color:Photo Notes BG" content="#ffffff" />
  84. <meta name="color:Photo Notes Hover" content="#aaaaaa" />
  85. <meta name="color:Reblog Text if Orig Post" content="#bbbbbb" />
  86. <meta name="color:Chat Even" content="#eeeeee" />
  87. <meta name="color:Chat Odd" content="#f4f4f4" />
  88. <meta name="color:Chat Text" content="#bbbbbb" />
  89. <meta name="color:Top Background" content="#ffffff" />
  90. <meta name="color:Blog Title" content="#e6c7c3" />
  91. <meta name="color:Blog Title Hover Shadow" content="#bbbbbb" />
  92. <meta name="color:Blog Title Hover" content="#ffffff" />
  93. <meta name="color:Description Highlight" content="#f1f1f1" />
  94. <meta name="color:Description" content="#aaaaaa" />
  95. <meta name="color:Title Bracket" content="#eeeeee" />
  96. <meta name="color:Title Pic Border" content="#eeeeee" />
  97. <meta name="color:Reblog Link Small" content="#e6c7c3" />
  98. <meta name="color:Tab Notes" content="#dddddd" />
  99. <meta name="color:Tab Notes Hover Shadow" content="#aaaaaa" />
  100. <meta name="color:Music Info Line" content="#e7e0e0" />
  101. <meta name="color:Music Note" content="#dddddd" />
  102. <meta name="color:Album Cover Border" content="#d6d6d6" />
  103.  
  104. <meta name="image:Background" content="" />
  105. <meta name="image:Top Image" content="http://static.tumblr.com/kptglgs/vGHnhim57/34386098_m.jpg" />
  106. <meta name="image:Sidebar Background" content="http://static.tumblr.com/kptglgs/NEVnhd5ot/tumblr_m0leqewfjp1r9g6hvo2_250.png" />
  107. <meta name="image:Heart Hover Image" content="http://static.tumblr.com/kptglgs/KEznhiocf/icoon.jpg" />
  108.  
  109. <meta name="if:Image Opacity" content="1" />
  110. <meta name="if:Captions" content="0" />
  111. <meta name="if:TinyCursor" content="1" />
  112.  
  113. <meta name="text:Status" content="this is your status! It can be as long as you want and it scrolls~" />
  114. <meta name="text:Link1" content="Link 1" />
  115. <meta name="text:Link1 URL" content="/" />
  116. <meta name="text:Link2" content="Link 2" />
  117. <meta name="text:Link2 URL" content="/" />
  118. <meta name="text:Link3" content="Link 3" />
  119. <meta name="text:Link3 URL" content="/" />
  120. <meta name="text:Link4" content="Link 4" />
  121. <meta name="text:Link4 URL" content="/" />
  122.  
  123. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  124. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  125.  
  126. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  127. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  128. <script>
  129. (function($){
  130. $(document).ready(function(){
  131. $("[title],a[title],img[title]").style_my_tooltips({
  132. tip_follows_cursor:true,
  133. tip_delay_time:250,
  134. tip_fade_speed:250,
  135. attribute:"title"
  136. });
  137. });
  138. })(jQuery);
  139. </script>
  140.  
  141. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  142.  
  143. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  144.  
  145. <script>
  146. $(function(){
  147. var $container = $('#content');
  148. $container.imagesLoaded(function(){
  149. $container.masonry({
  150. itemSelector: '.posts',
  151. });
  152. });
  153. $container.infinitescroll({
  154. itemSelector : ".posts",
  155. navSelector : "div.pagination",
  156. nextSelector : ".pagination a#next",
  157. loadingImg : "",
  158. loadingText : "<em></em>",
  159. bufferPx : 10000,
  160. extraScrollPx: 12000,
  161. },
  162. // trigger Masonry as a callback
  163. function( newElements ) {
  164. var $newElems = $( newElements ).css({ opacity: 0 });
  165. // ensure that images load before adding to masonry layout
  166. $newElems.imagesLoaded(function(){
  167. $newElems.animate({ opacity: 1 });
  168. $container.masonry( 'appended', $newElems, true );
  169. });
  170. }
  171. );
  172. });
  173. </script>
  174.  
  175. <style type="text/css">
  176.  
  177. {block:iftinycursor}
  178. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  179. {/block:iftinycursor}
  180.  
  181. iframe#tumblr_controls {
  182. top:0%!important;
  183. right:0%!important;
  184. position:fixed!important;
  185. z-index:999999999!important;
  186. opacity:0.3;
  187. -webkit-filter:invert(100%);
  188. -moz-filter:invert(100%);
  189. -o-filter:invert(100%);
  190. -ms-filter:invert(100%);
  191. filter:invert(100%);
  192. }
  193.  
  194. body {
  195. background-image:url('{image:background}');
  196. font-size: 10px;
  197. font-family:Calibri;
  198. color: {color:text};
  199. background-color: {color:Background};
  200. background-attachment:fixed;
  201. }
  202.  
  203. ::-webkit-scrollbar-thumb:vertical {
  204. background:{color:scrollbar};
  205. border: 6px solid {color:Background};
  206. width: 7px;
  207. }
  208.  
  209. ::-webkit-scrollbar {
  210. height: 10px;
  211. width: 15px;
  212. background: {color:scrollbar line};
  213. border: 7px solid {color:Background};
  214. }
  215.  
  216. ::selection {
  217. background: {color:highlight};
  218. color:{color:highlight text};
  219. }
  220.  
  221. ::-moz-selection {
  222. background: {color:highlight};
  223. color:{color:highlight text};
  224. }
  225.  
  226. ::-webkit-selection {
  227. background: {color:highlight};
  228. color:{color:highlight text};
  229. }
  230.  
  231. a {
  232. color: {color:link};
  233. text-decoration: none;
  234. text-shadow:none;
  235. -moz-transition-duration: 0.5s;
  236. -o-transition-duration: 0.5s;
  237. -webkit-transition-duration: 0.5s;
  238. transition-duration: 0.5s;
  239. }
  240.  
  241. a:hover {
  242. text-shadow:2px 0px 2px {color:link hover shadow};, -2px 0px 2px {color:link hover shadow};
  243. color:{color:link hover};
  244. -moz-transition-duration: 0.5s;
  245. -o-transition-duration: 0.5s;
  246. -webkit-transition-duration: 0.5s;
  247. transition-duration: 0.5s;
  248. }
  249.  
  250. ul,ol,li
  251. {
  252. list-style-type:hiragana-iroha;
  253. max-width: 100%;
  254. }
  255.  
  256. #content {
  257. width:630px;
  258. margin-left: 450px;
  259. margin-top: 140px;
  260. height:100%;
  261. -webkit-transition: all 0.7s ease-in-out;
  262. -moz-transition: all 0.7s ease-in-out;
  263. -o-transition: all 0.7s ease-in-out;
  264. -ms-transition: all 0.7s ease-in-out;
  265. transition: all 0.7s ease-in-out;
  266. }
  267.  
  268. .posts {
  269. background-color: {color:posts background};
  270. {block:indexpage}
  271. width: 250px;
  272. {/block:indexpage}
  273. {block:permalinkpage}
  274. width: 500px;
  275. {/block:permalinkpage}
  276. margin:20px;
  277. padding:10px 10px 10px 10px;
  278. float:left;
  279. max-width:100%;
  280. border:1px solid {color:post borders};
  281. -webkit-transition: all 0.7s ease-in-out;
  282. -moz-transition: all 0.7s ease-in-out;
  283. -o-transition: all 0.7s ease-in-out;
  284. -ms-transition: all 0.7s ease-in-out;
  285. transition: all 0.7s ease-in-out;
  286. }
  287.  
  288.  
  289. .bbot {
  290. position:absolute;
  291. bottom:0px;
  292. background-color:{color:post borders};
  293. width:270px;
  294. height:1px;
  295. right:0px;
  296. overflow:hidden;
  297. }
  298.  
  299. .btop {
  300. position:absolute;
  301. top:0px;
  302. background-color:{color:post borders};
  303. width:270px;
  304. height:1px;
  305. margin-left:-10px;
  306. overflow:hidden;
  307. }
  308.  
  309. .btop2 {
  310. position:absolute;
  311. top:0px;
  312. background-color:{color:post borders};
  313. width:270px;
  314. height:1px;
  315. overflow:hidden;
  316. }
  317.  
  318. .brigh {
  319. position:absolute;
  320. bottom:0px;
  321. background-color:{color:post borders};
  322. width:1px;
  323. height:100%;
  324. right:0px;
  325. overflow:hidden;
  326. }
  327.  
  328. .bleft {
  329. position:absolute;
  330. top:0px;
  331. background-color:{color:post borders};
  332. width:1px;
  333. height:100%;
  334. margin-right:3px;
  335. overflow:hidden;
  336. margin-left:-10px;
  337. }
  338.  
  339. .bleft3 {
  340. position:absolute;
  341. top:0px;
  342. background-color:{color:post borders};
  343. width:1px;
  344. height:100%;
  345. margin-right:3px;
  346. overflow:hidden;
  347. }
  348.  
  349. .bleft2 {
  350. position:absolute;
  351. top:0px;
  352. background-color:{color:post borders};
  353. width:1px;
  354. height:100%;
  355. margin-left:-10px;
  356. margin-right:3px;
  357. }
  358.  
  359. .zip {
  360. position:absolute;
  361. height:1px;
  362. width:50px;
  363. background-color:{color:zip};
  364. right:-50px;
  365. transition-delay: 0.2s;
  366. -webkit-transition-delay: 0.2s;
  367. transition-duration: 0.7s;
  368. }
  369.  
  370. .posts:hover .zip{
  371. right:322px;
  372. -webkit-transition: all 0.7s ease-in-out;
  373. -moz-transition: all 0.7s ease-in-out;
  374. -o-transition: all 0.7s ease-in-out;
  375. -ms-transition: all 0.7s ease-in-out;
  376. transition: all 0.7s ease-in-out;
  377. }
  378.  
  379. .zip2 {
  380. position:absolute;
  381. height:1px;
  382. width:50px;
  383. background-color:{color:zip};
  384. margin-left:-50px;
  385. z-index:9999;
  386. transition-delay: 0.2s;
  387. -webkit-transition-delay: 0.2s;
  388. transition-duration: 0.7s;
  389. }
  390.  
  391. .posts:hover .zip2 {
  392. margin-left:322px;
  393. -webkit-transition: all 0.7s ease-in-out;
  394. -moz-transition: all 0.7s ease-in-out;
  395. -o-transition: all 0.7s ease-in-out;
  396. -ms-transition: all 0.7s ease-in-out;
  397. transition: all 0.7s ease-in-out;
  398. }
  399.  
  400. .zip4 {
  401. position:relative;
  402. width:1px;
  403. height:50px;
  404. top:-50px;
  405. background-color:{color:zip};
  406. transition-delay: 0.2s;
  407. -webkit-transition-delay: 0.2s;
  408. transition-duration: 0.7s;
  409. }
  410.  
  411. .posts:hover .zip4 {
  412. top:100%;
  413. -webkit-transition: all 0.7s ease-in-out;
  414. -moz-transition: all 0.7s ease-in-out;
  415. -o-transition: all 0.7s ease-in-out;
  416. -ms-transition: all 0.7s ease-in-out;
  417. transition: all 0.7s ease-in-out;
  418. }
  419.  
  420. .zip41 {
  421. position:relative;
  422. width:1px;
  423. height:50px;
  424. bottom:0px;
  425. background-color:{color:zip};
  426. -webkit-transition: all 0.3s ease-in-out;
  427. -moz-transition: all 0.3s ease-in-out;
  428. -o-transition: all 0.3s ease-in-out;
  429. -ms-transition: all 0.3s ease-in-out;
  430. transition: all 0.3s ease-in-out;
  431. }
  432.  
  433. .posts:hover .zip41 {
  434. bottom:2px;
  435. width:10px;
  436. background-color:{color:text permalink info bar};
  437. transition-delay: 0.6s;
  438. -webkit-transition-delay: 0.6s;
  439. transition-duration: 0.2s;
  440. }
  441.  
  442. .zi {
  443. position:absolute;
  444. bottom:100%;
  445. width:10px;
  446. box-shadow: 0 -8px 6px -6px black;
  447. transition-delay: 0.2s;
  448. -webkit-transition-delay: 0.2s;
  449. transition-duration: 0.7s;
  450. }
  451. .posts:hover .zi {
  452. bottom:1px;
  453. -webkit-transition: all 0.7s ease-in-out;
  454. -moz-transition: all 0.7s ease-in-out;
  455. -o-transition: all 0.7s ease-in-out;
  456. -ms-transition: all 0.7s ease-in-out;
  457. transition: all 0.7s ease-in-out;
  458. }
  459.  
  460. .hid {
  461. position:absolute;
  462. height:100%;
  463. width:10px;
  464. overflow:hidden;
  465. }
  466.  
  467.  
  468. .permaa {
  469. position:absolute;
  470. bottom:4px;
  471. height:50px;
  472. width:0px;
  473. opacity:0.8;
  474. overflow:hidden;
  475. background-color:{color:text permalink info bg};
  476. -webkit-transition: all 0.2s ease-in-out;
  477. -moz-transition: all 0.2s ease-in-out;
  478. -o-transition: all 0.2s ease-in-out;
  479. -ms-transition: all 0.2s ease-in-out;
  480. transition: all 0.2s ease-in-out;
  481. }
  482. .posts:hover .permaa {
  483. width:260px;
  484. transition-delay: 1.0s;
  485. -webkit-transition-delay: 1.0s;
  486. transition-duration: 0.3s;
  487. }
  488.  
  489. .permaa2 {
  490. position:absolute;
  491. margin-left:10px;
  492. width:270px;
  493. margin-top:3px;
  494. }
  495.  
  496. .permainfo {
  497. color:{color:text permalink info};
  498. position:relative;
  499. letter-spacing:2px;
  500. font-family:consolas;
  501. line-height:15px;
  502. background:{color:text permalink info words BG};
  503. font-size:10px;
  504. }
  505.  
  506.  
  507. .permainfo a {
  508. color:{color:text permalink info};
  509. }
  510.  
  511. .permainfo a:hover {
  512. color:{color:text permalink links hover};
  513. }
  514.  
  515. .zip3 {
  516. position:absolute;
  517. height:50px;
  518. width:1px;
  519. background-color:{color:zip};
  520. bottom:-50px;
  521. transition-delay: 0.2s;
  522. -webkit-transition-delay: 0.2s;
  523. transition-duration: 0.7s;
  524. }
  525.  
  526. .posts:hover .zip3 {
  527. bottom:100%;
  528. -webkit-transition: all 0.7s ease-in-out;
  529. -moz-transition: all 0.7s ease-in-out;
  530. -o-transition: all 0.7s ease-in-out;
  531. -ms-transition: all 0.7s ease-in-out;
  532. transition: all 0.7s ease-in-out;
  533. }
  534.  
  535. .posts h2 {
  536. font-size: 15px;
  537. color: {color:title Text};
  538. font-weight: normal;
  539. text-align:center;
  540. font-family:georgia;
  541. letter-spacing:1px;
  542. }
  543.  
  544. .posts h2 a {
  545. position:relative;
  546. z-index:2;
  547. color:{color:link title text};
  548. text-shadow:6px 0px transparent, -6px 0px transparent;
  549.  
  550.  
  551. }
  552.  
  553. .posts h2 a:hover {
  554. color:{color:link title hover};
  555. text-shadow:0px 0px {color:link title hover}, 0px 0px {color:link title hover};
  556. -webkit-transition: all 0.7s ease-in-out;
  557. -moz-transition: all 0.7s ease-in-out;
  558. -o-transition: all 0.7s ease-in-out;
  559. -ms-transition: all 0.7s ease-in-out;
  560. transition: all 0.7s ease-in-out;
  561. }
  562.  
  563.  
  564. .posts blockquote {border: 1px solid {color:blockquote border}; background-color:{color:blockquote background};padding: 6px;word-wrap: break-word;}
  565.  
  566. .posts img {
  567. max-width:100%;
  568. {block:indexpage}
  569. {block:ifimageopacity}
  570. opacity:0.7;
  571. {/block:ifimageopacity}
  572. {/block:indexpage}
  573. padding:0px;
  574. padding:none;
  575. -webkit-transition: all 0.7s ease-in-out;
  576. -moz-transition: all 0.7s ease-in-out;
  577. -o-transition: all 0.7s ease-in-out;
  578. -ms-transition: all 0.7s ease-in-out;
  579. transition: all 0.7s ease-in-out;
  580. }
  581.  
  582. .posts img:hover {
  583. opacity:1;
  584. -webkit-transition: all 0.7s ease-in-out;
  585. -moz-transition: all 0.7s ease-in-out;
  586. -o-transition: all 0.7s ease-in-out;
  587. -ms-transition: all 0.7s ease-in-out;
  588. etransition: all 0.7s ease-in-out;
  589. }
  590.  
  591. .pset {
  592. {block:indexpage}
  593. {block:ifimageopacity}
  594. opacity:0.7;
  595. {/block:ifimageopacity}
  596. {/block:indexpage}
  597. -webkit-transition: all 0.7s ease-in-out;
  598. -moz-transition: all 0.7s ease-in-out;
  599. -o-transition: all 0.7s ease-in-out;
  600. -ms-transition: all 0.7s ease-in-out;
  601. transition: all 0.7s ease-in-out;
  602. }
  603.  
  604. .pset:hover {
  605. opacity:1;
  606. -webkit-transition: all 0.7s ease-in-out;
  607. -moz-transition: all 0.7s ease-in-out;
  608. -o-transition: all 0.7s ease-in-out;
  609. -ms-transition: all 0.7s ease-in-out;
  610. transition: all 0.7s ease-in-out;
  611. }
  612.  
  613. .posts blockquote {max-width: 100%;}
  614.  
  615. .pagination {
  616. display: none;
  617. }
  618.  
  619. #s-m-t-tooltip{
  620. max-width:180px;
  621. margin:15px;
  622. padding: 5px;
  623. background-color:{color:Tooltip Background};
  624. color:#bbb;
  625. font-family:lucida console;
  626. font-size:8px;
  627. text-transform:uppercase;
  628. z-index:99999999;
  629. border:1px solid {color:Tooltip Border};
  630. box-shadow:2px 2px 5px #eee;
  631. }
  632.  
  633.  
  634. .sidee {
  635. position:fixed;
  636. top:50%;
  637. left:93px;
  638. }
  639. #sidebar {
  640. position:absolute;
  641. width:100%;
  642. height:1px;
  643. z-index:99999999;
  644. margin-top:-175px;
  645. }
  646. #heart {
  647. position:absolute;
  648. top:40px;
  649. left:7px;
  650. -webkit-transform:rotate(-8deg);
  651. opacity:0.9;
  652. }
  653.  
  654. #box {
  655. position:absolute;
  656. top:-9px;
  657. left:-1px;
  658. background-color:{color:heart circle background};
  659. width:200px;
  660. height:200px;
  661. opacity:0.6;
  662. border-radius:100%;
  663. box-shadow: inset 0 0 10px #ccc;
  664. }
  665.  
  666.  
  667. .pic {
  668. position:absolute;
  669. margin-top:12px;
  670. border-radius:100%;
  671. margin-left:20px;
  672. width:160px;
  673. height:160px;
  674. z-index:99;
  675. opacity:0;
  676. -webkit-transition: all 0.3s ease-in-out;
  677. -moz-transition: all 0.3s ease-in-out;
  678. -o-transition: all 0.3s ease-in-out;
  679. -ms-transition: all 0.3s ease-in-out;
  680. transition: all 0.3s ease-in-out;
  681. }
  682.  
  683. .pic:hover {
  684. opacity:1;
  685. -webkit-transition: all 0.3s ease-in-out;
  686. -moz-transition: all 0.3s ease-in-out;
  687. -o-transition: all 0.3s ease-in-out;
  688. -ms-transition: all 0.3s ease-in-out;
  689. transition: all 0.3s ease-in-out;
  690. }
  691.  
  692. .triico, .triico2, .trisc, .trisc2, .dia, .dia2, .rectang, .tr, .tr2 {
  693. -webkit-transition: all 0.3s ease-in-out;
  694. -moz-transition: all 0.3s ease-in-out;
  695. -o-transition: all 0.3s ease-in-out;
  696. -ms-transition: all 0.3s ease-in-out;
  697. transition: all 0.3s ease-in-out;
  698. }
  699. .triico {
  700. position:absolute;
  701. top:88px;
  702. left:75px;
  703. content:'';
  704. display:block;
  705. border-width:0px 20px 20px;
  706. border-style:solid;
  707. border-color:{color:heart isosceles 1} transparent;
  708. -webkit-transform:rotate(-23deg);
  709. }
  710.  
  711. .triico2 {
  712. position:absolute;
  713. top:112px;
  714. left:86px;
  715. content:'';
  716. display:block;
  717. border-width:0px 20px 20px;
  718. border-style:solid;
  719. border-color:{color:heart isosceles 2} transparent;
  720. -webkit-transform:rotate(157deg);
  721. }
  722.  
  723. .trisc {
  724. position:absolute;
  725. top:124px;
  726. left:31px;
  727. content:'';
  728. display:block;
  729. border-width:25px 0px 0px 75px;
  730. border-style:solid;
  731. border-color:{color:heart right triangle 1} transparent;
  732. -webkit-transform:rotate(22deg);
  733. }
  734.  
  735. .trisc2 {
  736. position:absolute;
  737. top:126px;
  738. left:96px;
  739. content:'';
  740. display:block;
  741. border-width:25px 0px 0px 67px;
  742. border-style:solid;
  743. border-color:{color:heart right triangle 2} transparent;
  744. -webkit-transform:rotate(-69deg);
  745. -webkit-transition: all 0.3s ease-in-out;
  746. -moz-transition: all 0.3s ease-in-out;
  747. -o-transition: all 0.3s ease-in-out;
  748. -ms-transition: all 0.3s ease-in-out;
  749. transition: all 0.3s ease-in-out;
  750. }
  751.  
  752. #ask:hover .triico2,#past:hover .trisc2,#link1:hover .tr2,#link2:hover .trisc,#link3:hover .triico,#link4:hover .tr, #stat:hover .dia, #stat:hover .dia2{
  753. border-color:{color:heart shape hover} transparent;
  754. -webkit-transition: all 0.3s ease-in-out;
  755. -moz-transition: all 0.3s ease-in-out;
  756. -o-transition: all 0.3s ease-in-out;
  757. -ms-transition: all 0.3s ease-in-out;
  758. transition: all 0.3s ease-in-out;
  759. }
  760.  
  761.  
  762. .rectang {
  763. position:absolute;
  764. top:64px;
  765. left:36px;
  766. height:30px;
  767. width:72px;
  768. background-color:{color:heart rectangle};
  769. -webkit-transform:rotate(-68deg);
  770. opacity:1;
  771. -webkit-transition: all 0.3s ease-in-out;
  772. -moz-transition: all 0.3s ease-in-out;
  773. -o-transition: all 0.3s ease-in-out;
  774. -ms-transition: all 0.3s ease-in-out;
  775. transition: all 0.3s ease-in-out;
  776. }
  777.  
  778. #index:hover .rectang {
  779. background-color:{color:heart shape hover};
  780. -webkit-transition: all 0.3s ease-in-out;
  781. -moz-transition: all 0.3s ease-in-out;
  782. -o-transition: all 0.3s ease-in-out;
  783. -ms-transition: all 0.3s ease-in-out;
  784. transition: all 0.3s ease-in-out;
  785. }
  786.  
  787. .dia {
  788. position:absolute;
  789. top:53px;
  790. left:83px;
  791. content:'';
  792. display:block;
  793. border-width:0px 32px 13px 28px;
  794. border-style:solid;
  795. border-color:{color:heart diamond} transparent;
  796. -webkit-transform:rotate(-40deg);
  797. }
  798.  
  799. .dia2 {
  800. position:absolute;
  801. top:12px;
  802. left:-27px;
  803. content:'';
  804. display:block;
  805. border-width:0px 32px 57px 26px;
  806. border-style:solid;
  807. border-color:{color:heart diamond} transparent;
  808. -webkit-transform:rotate(180deg);
  809. }
  810.  
  811. .tr {
  812. position:absolute;
  813. top:54px;
  814. left:3px;
  815. content:'';
  816. display:block;
  817. border-width:0px 20px 25px;
  818. border-style:solid;
  819. border-color:{color:heart quadrilateral 1} transparent;
  820. height:0px;
  821. width:34px;
  822. -webkit-transform:rotate(-68deg);
  823. }
  824.  
  825. .tr2 {
  826. position:absolute;
  827. top:60px;
  828. left:130px;
  829. content:'';
  830. display:block;
  831. border-width:0px 18px 23px;
  832. border-style:solid;
  833. border-color:{color:heart quadrilateral 2} transparent;
  834. height:0px;
  835. width:31px;
  836. -webkit-transform:rotate(74deg);
  837. }
  838.  
  839. .navi {
  840. position:absolute;
  841. text-align:right;
  842. margin-top:220px;
  843. width:200px;
  844. overflow:hidden;
  845. }
  846.  
  847. .navi2 {
  848. position:absolute;
  849. margin-top:220px;
  850. width:200px;
  851. overflow:hidden;
  852. display:inline-block;
  853. }
  854.  
  855. .navi a {
  856. position:relative;
  857. font-size:12px;
  858. width:200px;
  859. font-family:consolas;
  860. letter-spacing:1px;
  861. font-style:italic;
  862. text-transform:uppercase;
  863. color:{color:navigation text};
  864. text-shadow:2px 3px 4px {color:navigation text shadow};
  865. z-index:99;
  866. }
  867.  
  868. .navi2 a {
  869. position:relative;
  870. font-size:12px;
  871. font-family:consolas;
  872. letter-spacing:1px;
  873. font-style:italic;
  874. text-transform:uppercase;
  875. color:{color:navigation text};
  876. top:-13px;
  877. text-shadow:2px 3px 4px {color:navigation text shadow};
  878. background-color:{color:extra links BG};
  879. z-index:99;
  880. border-right:30px solid {color:extra links BG};
  881. }
  882.  
  883. .line {
  884. position:absolute;
  885. height:1px;
  886. width:0px;
  887. background-color:{color:navigation text strikethrough};
  888. margin-top:7px;
  889. z-index:0;
  890. left:0px;
  891. -webkit-transition: all 0.3s ease-in-out;
  892. -moz-transition: all 0.3s ease-in-out;
  893. -o-transition: all 0.3s ease-in-out;
  894. -ms-transition: all 0.3s ease-in-out;
  895. transition: all 0.3s ease-in-out;
  896. }
  897.  
  898. .navi a:hover .line {
  899. width:200px;
  900. -webkit-transition: all 0.6s ease-in-out;
  901. -moz-transition: all 0.6s ease-in-out;
  902. -o-transition: all 0.6s ease-in-out;
  903. -ms-transition: all 0.6s ease-in-out;
  904. transition: all 0.6s ease-in-out;
  905. }
  906.  
  907. .navi a:hover {
  908. color:{color:navigation text hover};
  909. -webkit-transition: all 0.3s ease-in-out;
  910. -moz-transition: all 0.3s ease-in-out;
  911. -o-transition: all 0.3s ease-in-out;
  912. -ms-transition: all 0.3s ease-in-out;
  913. transition: all 0.3s ease-in-out;
  914. }
  915.  
  916. .line2 {
  917. position:absolute;
  918. height:1px;
  919. width:0px;
  920. background-color:{color:navigation text strikethrough};
  921. margin-top:7px;
  922. display:inline-block;
  923. z-index:0;
  924. right:0px;
  925. -webkit-transition: all 0.3s ease-in-out;
  926. -moz-transition: all 0.3s ease-in-out;
  927. -o-transition: all 0.3s ease-in-out;
  928. -ms-transition: all 0.3s ease-in-out;
  929. transition: all 0.3s ease-in-out;
  930. }
  931.  
  932. .navi2 a:hover .line2 {
  933. width:200px;
  934. -webkit-transition: all 0.6s ease-in-out;
  935. -moz-transition: all 0.6s ease-in-out;
  936. -o-transition: all 0.6s ease-in-out;
  937. -ms-transition: all 0.6s ease-in-out;
  938. transition: all 0.6s ease-in-out;
  939. }
  940.  
  941. .navi2 a:hover {
  942. color:{color:navigation text hover};
  943. -webkit-transition: all 0.3s ease-in-out;
  944. -moz-transition: all 0.3s ease-in-out;
  945. -o-transition: all 0.3s ease-in-out;
  946. -ms-transition: all 0.3s ease-in-out;
  947. transition: all 0.3s ease-in-out;
  948. }
  949.  
  950. .lineu1 {
  951. position:absolute;
  952. height:1px;
  953. width:130px;
  954. background-color:{color:navigation line};
  955. margin-top:7px;
  956. overflow:hidden;
  957. }
  958.  
  959. .lineu2 {
  960. position:absolute;
  961. height:1px;
  962. width:110px;
  963. background-color:{color:navigation line};
  964. margin-top:7px;
  965. overflow:hidden;
  966. }
  967.  
  968. .lineu3 {
  969. position:absolute;
  970. height:1px;
  971. width:115px;
  972. background-color:{color:navigation line};
  973. margin-top:7px;
  974. overflow:hidden;
  975. }
  976.  
  977. .break {
  978. display:inline-block;
  979. width:30px;
  980. }
  981. .bloop {
  982. height:1px;
  983. width:20px;
  984. background-color:{color:navigation zip};
  985. margin-left:-20px;
  986. -webkit-transition: all 0.7s ease-in-out;
  987. -moz-transition: all 0.7s ease-in-out;
  988. -o-transition: all 0.7s ease-in-out;
  989. -ms-transition: all 0.7s ease-in-out;
  990. transition: all 0.7s ease-in-out;
  991. }
  992.  
  993. #index:hover .bloop,#ask:hover .bloop,#past:hover .bloop,#link1:hover .bloop, #link2:hover .bloop,#link3:hover .bloop,#link4:hover .bloop {
  994. margin-left:200px;
  995. -webkit-transition: all 0.7s ease-in-out;
  996. -moz-transition: all 0.7s ease-in-out;
  997. -o-transition: all 0.7s ease-in-out;
  998. -ms-transition: all 0.7s ease-in-out;
  999. transition: all 0.7s ease-in-out;
  1000. }
  1001.  
  1002. #side {
  1003. line-height:17px;
  1004. }
  1005.  
  1006. .lineutop {
  1007. position:absolute;
  1008. top:-1%;
  1009. height:1px;
  1010. width:270px;
  1011. background-color:{color:hover grid};
  1012. -webkit-transition: all 0.5s ease-in-out;
  1013. -moz-transition: all 0.5s ease-in-out;
  1014. -o-transition: all 0.5s ease-in-out;
  1015. -ms-transition: all 0.5s ease-in-out;
  1016. transition: all 0.5s ease-in-out;
  1017. }
  1018.  
  1019. .lineubottom {
  1020. position:absolute;
  1021. bottom:-1%;
  1022. height:1px;
  1023. width:270px;
  1024. background-color:{color:hover grid};
  1025. -webkit-transition: all 0.5s ease-in-out;
  1026. -moz-transition: all 0.5s ease-in-out;
  1027. -o-transition: all 0.5s ease-in-out;
  1028. -ms-transition: all 0.5s ease-in-out;
  1029. transition: all 0.5s ease-in-out;
  1030. }
  1031.  
  1032. .lineuleft {
  1033. position:absolute;
  1034. bottom:0px;
  1035. height:100%;
  1036. width:1px;
  1037. background-color:{color:hover grid};
  1038. left:-1%;
  1039. -webkit-transition: all 0.5s ease-in-out;
  1040. -moz-transition: all 0.5s ease-in-out;
  1041. -o-transition: all 0.5s ease-in-out;
  1042. -ms-transition: all 0.5s ease-in-out;
  1043. transition: all 0.5s ease-in-out;
  1044. }
  1045.  
  1046. .lineuright {
  1047. position:absolute;
  1048. bottom:0px;
  1049. height:100%;
  1050. width:1px;
  1051. background-color:{color:hover grid};
  1052. right:-1%;
  1053. -webkit-transition: all 0.5s ease-in-out;
  1054. -moz-transition: all 0.5s ease-in-out;
  1055. -o-transition: all 0.5s ease-in-out;
  1056. -ms-transition: all 0.5s ease-in-out;
  1057. transition: all 0.5s ease-in-out;
  1058. }
  1059.  
  1060. .posts:hover .lineuright {
  1061. right:25%;
  1062. -webkit-transition: all 0.7s ease-in-out;
  1063. -moz-transition: all 0.7s ease-in-out;
  1064. -o-transition: all 0.7s ease-in-out;
  1065. -ms-transition: all 0.7s ease-in-out;
  1066. transition: all 0.7s ease-in-out;
  1067. }
  1068.  
  1069. .posts:hover .lineutop{
  1070. top:25%;
  1071. -webkit-transition: all 0.7s ease-in-out;
  1072. -moz-transition: all 0.7s ease-in-out;
  1073. -o-transition: all 0.7s ease-in-out;
  1074. -ms-transition: all 0.7s ease-in-out;
  1075. transition: all 0.7s ease-in-out;
  1076. }
  1077.  
  1078. .posts:hover .lineuleft {
  1079. left:25%;
  1080. -webkit-transition: all 0.7s ease-in-out;
  1081. -moz-transition: all 0.7s ease-in-out;
  1082. -o-transition: all 0.7s ease-in-out;
  1083. -ms-transition: all 0.7s ease-in-out;
  1084. transition: all 0.7s ease-in-out;
  1085. }
  1086.  
  1087. .posts:hover .lineubottom {
  1088. bottom:25%;
  1089. -webkit-transition: all 0.7s ease-in-out;
  1090. -moz-transition: all 0.7s ease-in-out;
  1091. -o-transition: all 0.7s ease-in-out;
  1092. -ms-transition: all 0.7s ease-in-out;
  1093. transition: all 0.7s ease-in-out;
  1094. }
  1095.  
  1096. .fill {
  1097. position:absolute;
  1098. height:100%;
  1099. width:100%;
  1100. background-color:#fff;
  1101. opacity:0;
  1102. top:0px;
  1103. left:0px;
  1104. -webkit-transition: all 0.5s ease-in-out;
  1105. -moz-transition: all 0.5s ease-in-out;
  1106. -o-transition: all 0.5s ease-in-out;
  1107. -ms-transition: all 0.5s ease-in-out;
  1108. transition: all 0.5s ease-in-out;
  1109. }
  1110.  
  1111. .posts:hover .fill {
  1112. opacity:0.7;
  1113. -webkit-transition: all 0.5s ease-in-out;
  1114. -moz-transition: all 0.5s ease-in-out;
  1115. -o-transition: all 0.5s ease-in-out;
  1116. -ms-transition: all 0.5s ease-in-out;
  1117. transition: all 0.5s ease-in-out;
  1118. }
  1119.  
  1120. .perma {
  1121. background-color:{color:grid center};
  1122. height:50%;
  1123. width:50%;
  1124. position:absolute;
  1125. top:25%;
  1126. margin-left:25%;
  1127. opacity:0;
  1128. -webkit-transition: all 0.3s ease-in-out;
  1129. -moz-transition: all 0.3s ease-in-out;
  1130. -o-transition: all 0.3s ease-in-out;
  1131. -ms-transition: all 0.3s ease-in-out;
  1132. transition: all 0.3s ease-in-out;
  1133. }
  1134.  
  1135. .posts:hover .perma {
  1136. opacity:0.6;
  1137. transition-delay: 0.4s;
  1138. -webkit-transition-delay: 0.4s;
  1139. transition-duration: 0.3s;
  1140.  
  1141. }
  1142. .posts:hover .source {
  1143. opacity:0.7;
  1144. transition-delay: 0.4s;
  1145. -webkit-transition-delay: 0.4s;
  1146. transition-duration: 0.3s;
  1147. }
  1148. .source {
  1149. position:absolute;
  1150. color:#555;
  1151. font-size:13px;
  1152. font-family:consolas;
  1153. width:100px;
  1154. top:50%;
  1155. height:1px;
  1156. margin-left:85px;
  1157. opacity:0;
  1158. -webkit-transition: all 0.3s ease-in-out;
  1159. -moz-transition: all 0.3s ease-in-out;
  1160. -o-transition: all 0.3s ease-in-out;
  1161. -ms-transition: all 0.3s ease-in-out;
  1162. transition: all 0.3s ease-in-out;
  1163. }
  1164.  
  1165. .source img {
  1166. display:inline-block;
  1167. z-index:99;
  1168. opacity:1;
  1169. padding:2px;
  1170. background-color:#fff;
  1171. box-shadow: 0 8px 6px -7px #ccc;
  1172. }
  1173.  
  1174. .shoop {
  1175. width:24px;
  1176. height:24px;
  1177. padding:2px;
  1178. background-color:#fff;
  1179. display:inline-block;
  1180. box-shadow: 0 8px 6px -7px #ccc;
  1181. text-shadow:none;
  1182. margin-left:7px;
  1183. margin-right:1px;
  1184. -webkit-transition: all 0.3s ease-in-out;
  1185. -moz-transition: all 0.3s ease-in-out;
  1186. -o-transition: all 0.3s ease-in-out;
  1187. -ms-transition: all 0.3s ease-in-out;
  1188. transition: all 0.3s ease-in-out;
  1189. }
  1190.  
  1191. .shoop:hover {
  1192. background-color:{color:arrow};
  1193. -webkit-transition: all 0.3s ease-in-out;
  1194. -moz-transition: all 0.3s ease-in-out;
  1195. -o-transition: all 0.3s ease-in-out;
  1196. -ms-transition: all 0.3s ease-in-out;
  1197. transition: all 0.3s ease-in-out;
  1198. }
  1199.  
  1200. .shoop:hover .trii {
  1201. color:{color:photo notes bg};
  1202. -webkit-transition: all 0.3s ease-in-out;
  1203. -moz-transition: all 0.3s ease-in-out;
  1204. -o-transition: all 0.3s ease-in-out;
  1205. -ms-transition: all 0.3s ease-in-out;
  1206. transition: all 0.3s ease-in-out;
  1207. }
  1208.  
  1209. .shoop2 {
  1210. width:96px;
  1211. height:24px;
  1212. padding:2px;
  1213. background-color:{color:photo notes bg};
  1214. box-shadow: 0 8px 6px -7px {color:photo notes shadow};
  1215. text-shadow:none;
  1216. margin-right:1px;
  1217. -webkit-transition: all 0.3s ease-in-out;
  1218. -moz-transition: all 0.3s ease-in-out;
  1219. -o-transition: all 0.3s ease-in-out;
  1220. -ms-transition: all 0.3s ease-in-out;
  1221. transition: all 0.3s ease-in-out;
  1222. }
  1223.  
  1224. .shoop2:hover {
  1225. background-color:{color:arrow};
  1226. -webkit-transition: all 0.3s ease-in-out;
  1227. -moz-transition: all 0.3s ease-in-out;
  1228. -o-transition: all 0.3s ease-in-out;
  1229. -ms-transition: all 0.3s ease-in-out;
  1230. transition: all 0.3s ease-in-out;
  1231. }
  1232.  
  1233. .shoop2:hover .trii2, .shoop2:hover .rebloog {
  1234. color:{color:photo notes bg};
  1235. -webkit-transition: all 0.3s ease-in-out;
  1236. -moz-transition: all 0.3s ease-in-out;
  1237. -o-transition: all 0.3s ease-in-out;
  1238. -ms-transition: all 0.3s ease-in-out;
  1239. transition: all 0.3s ease-in-out;
  1240. }
  1241.  
  1242.  
  1243. .trii {
  1244. position:absolute;
  1245. margin-top:-1px;
  1246. margin-left:4px;
  1247. font-size:18px;
  1248. color:{color:arrow};
  1249. font-weight:900;
  1250. display:inline-block;
  1251. -webkit-transform:rotate(90deg);
  1252. -webkit-transition: all 0.3s ease-in-out;
  1253. -moz-transition: all 0.3s ease-in-out;
  1254. -o-transition: all 0.3s ease-in-out;
  1255. -ms-transition: all 0.3s ease-in-out;
  1256. transition: all 0.3s ease-in-out;
  1257. }
  1258.  
  1259. .posts:hover .trii {
  1260. -webkit-transform:rotate(-90deg);
  1261. transition-delay: 0.5s;
  1262. -webkit-transition-delay: 0.5s;
  1263. transition-duration: 0.6s;
  1264. }
  1265.  
  1266. .trii2 {
  1267. position:absolute;
  1268. margin-top:-1px;
  1269. margin-left:11px;
  1270. font-size:18px;
  1271. color:{color:arrow};
  1272. font-weight:900;
  1273. display:inline-block;
  1274. -webkit-transform:rotate(90deg);
  1275. -webkit-transition: all 0.3s ease-in-out;
  1276. -moz-transition: all 0.3s ease-in-out;
  1277. -o-transition: all 0.3s ease-in-out;
  1278. -ms-transition: all 0.3s ease-in-out;
  1279. transition: all 0.3s ease-in-out;
  1280. }
  1281.  
  1282. .posts:hover .trii2 {
  1283. -webkit-transform:rotate(-90deg);
  1284. transition-delay: 0.5s;
  1285. -webkit-transition-delay: 0.5s;
  1286. transition-duration: 0.6s;
  1287. }
  1288.  
  1289. .rebloog {
  1290. color:{color:reblog text if orig posts};
  1291. position:relative;
  1292. margin-left:37px;
  1293. font-style:italic;
  1294. letter-spacing:1px;
  1295. margin-top:7px;
  1296. text-align:left;
  1297. display:inline-block;
  1298. font-size:10px;
  1299. -webkit-transition: all 0.3s ease-in-out;
  1300. -moz-transition: all 0.3s ease-in-out;
  1301. -o-transition: all 0.3s ease-in-out;
  1302. -ms-transition: all 0.3s ease-in-out;
  1303. transition: all 0.3s ease-in-out;
  1304. }
  1305.  
  1306. .notes {
  1307. color:{color:photo notes};
  1308. box-shadow: 0 8px 6px -7px {color:photo notes shadow};
  1309. background-color:{color:photo notes BG};
  1310. padding:9px;
  1311. text-align:center;
  1312. }
  1313.  
  1314. .notes a{
  1315. letter-spacing:1px;
  1316. font-style:italic;
  1317. color:{color:photo notes hover};
  1318. -webkit-transition: all 0.3s ease-in-out;
  1319. -moz-transition: all 0.3s ease-in-out;
  1320. -o-transition: all 0.3s ease-in-out;
  1321. -ms-transition: all 0.3s ease-in-out;
  1322. transition: all 0.3s ease-in-out;
  1323. }
  1324.  
  1325. .notes a:hover {
  1326. color:#fff;
  1327. text-shadow:2px 0px 2px {color:link hover shadow}, -2px 0px 2px {color:link hover shadow};
  1328. -webkit-transition: all 0.3s ease-in-out;
  1329. -moz-transition: all 0.3s ease-in-out;
  1330. -o-transition: all 0.3s ease-in-out;
  1331. -ms-transition: all 0.3s ease-in-out;
  1332. transition: all 0.3s ease-in-out;
  1333. }
  1334.  
  1335. .convo li:nth-child(even) {
  1336. margin-left:-27px;
  1337. line-height:15px;
  1338. list-style-type: none;
  1339. background-color:{color:chat even};
  1340. padding:3px 6px 3px 6px;
  1341. border-bottom: 5px solid #fff;
  1342. font-size:9px;
  1343. letter-spacing:1px;
  1344. color:{color:chat text};
  1345. }
  1346.  
  1347. .convo li:nth-child(odd) {
  1348. margin-left:-27px;
  1349. line-height:15px;
  1350. list-style-type: none;
  1351. background-color:{color:chat odd};
  1352. padding:3px 6px 3px 6px;
  1353. border-bottom: 5px solid #fff;
  1354. font-size:9px;
  1355. letter-spacing:1px;
  1356. color:{color:chat text};
  1357. }
  1358.  
  1359.  
  1360. .label {
  1361. letter-spacing:3px;
  1362. color: {color:chat names};
  1363. font-size:9px;
  1364. }
  1365.  
  1366. .arrow,.arrow2 {
  1367. position:relative;
  1368. z-index:0;
  1369. font-size:25px;
  1370. color:#eee;
  1371. top:1px;
  1372. }
  1373.  
  1374. .arrow {
  1375. left:-125px;
  1376. -webkit-transition: all 0.5s ease-in-out;
  1377. -moz-transition: all 0.5s ease-in-out;
  1378. -o-transition: all 0.5s ease-in-out;
  1379. -ms-transition: all 0.5s ease-in-out;
  1380. transition: all 0.5s ease-in-out;
  1381. }
  1382.  
  1383. .posts:hover .arrow {
  1384. left:0px;
  1385. -webkit-transition: all 0.5s ease-in-out;
  1386. -moz-transition: all 0.5s ease-in-out;
  1387. -o-transition: all 0.5s ease-in-out;
  1388. -ms-transition: all 0.5s ease-in-out;
  1389. transition: all 0.5s ease-in-out;
  1390. }
  1391.  
  1392. .arrow2 {
  1393. right:-125px;
  1394. -webkit-transition: all 0.5s ease-in-out;
  1395. -moz-transition: all 0.5s ease-in-out;
  1396. -o-transition: all 0.5s ease-in-out;
  1397. -ms-transition: all 0.5s ease-in-out;
  1398. transition: all 0.5s ease-in-out;
  1399. }
  1400.  
  1401. .posts:hover .arrow2 {
  1402. right:0px;
  1403. -webkit-transition: all 0.5s ease-in-out;
  1404. -moz-transition: all 0.5s ease-in-out;
  1405. -o-transition: all 0.5s ease-in-out;
  1406. -ms-transition: all 0.5s ease-in-out;
  1407. transition: all 0.5s ease-in-out;
  1408. }
  1409.  
  1410. .lineu4 {
  1411. position:absolute;
  1412. font-family:consolas;
  1413. height:0px;
  1414. border-width:0px 0px 1px 0px;
  1415. border-style:solid;
  1416. border-color:{color:navigation line};
  1417. width:120px;
  1418. background-color:{color:extra links bg};
  1419. margin-top:7px;
  1420. overflow:hidden;
  1421. -webkit-transition: all 0.3s ease-in-out;
  1422. -moz-transition: all 0.3s ease-in-out;
  1423. -o-transition: all 0.3s ease-in-out;
  1424. -ms-transition: all 0.3s ease-in-out;
  1425. transition: all 0.3s ease-in-out;
  1426. }
  1427.  
  1428. #stat:hover .lineu4 {
  1429. height:13px;
  1430. margin-top:0px;
  1431. border-width:0px 0px 0px 0px;
  1432. -webkit-transition: all 0.3s ease-in-out;
  1433. -moz-transition: all 0.3s ease-in-out;
  1434. -o-transition: all 0.3s ease-in-out;
  1435. -ms-transition: all 0.3s ease-in-out;
  1436. transition: all 0.3s ease-in-out;
  1437. }
  1438.  
  1439. .por {
  1440. position:relative;
  1441. margin-top:-7px;
  1442. }
  1443.  
  1444. .mi {
  1445. margin-top:-37px;
  1446. }
  1447.  
  1448.  
  1449. #swag {
  1450. position:fixed;
  1451. top:0px;
  1452. left:401px;
  1453. width:100%;
  1454. height:130px;
  1455. }
  1456.  
  1457. #yolo {
  1458. position:absolute;
  1459. background-color:{color:top background};
  1460. height:100%;
  1461. width:100%;
  1462. opacity:0.8;
  1463. }
  1464.  
  1465. #sideimg {
  1466. position:fixed;
  1467. top:0px;
  1468. left:0px;
  1469. height:100%;
  1470. width:400px;
  1471. box-shadow:4px 0px 3px -3px #eee;
  1472. background-image: url('{image:sidebar background}');
  1473. }
  1474.  
  1475. .lineu {
  1476. position:relative;
  1477. height:1px;
  1478. width:200px;
  1479. background-color:{color:navigation line};
  1480. margin-top:8px;
  1481. overflow:hidden;
  1482. display:inline-block;
  1483. }
  1484.  
  1485. #ti {
  1486. font-size:50px;
  1487. letter-spacing:3px;
  1488. font-style:italic;
  1489. font-family:cambria;
  1490. }
  1491.  
  1492. #ti a {
  1493. color:{color:blog title};
  1494. opacity:0.8;
  1495. text-shadow:none;
  1496. -webkit-transition: all 0.3s ease-in-out;
  1497. -moz-transition: all 0.3s ease-in-out;
  1498. -o-transition: all 0.3s ease-in-out;
  1499. -ms-transition: all 0.3s ease-in-out;
  1500. transition: all 0.3s ease-in-out;
  1501. }
  1502.  
  1503. #ti a:hover {
  1504. text-shadow:2px 0px 2px {color:blog title hover shadow}, -2px 0px 2px {color:blog title hover shadow};
  1505. color:{color:blog title hover};
  1506. -webkit-transition: all 0.3s ease-in-out;
  1507. -moz-transition: all 0.3s ease-in-out;
  1508. -o-transition: all 0.3s ease-in-out;
  1509. -ms-transition: all 0.3s ease-in-out;
  1510. transition: all 0.3s ease-in-out;
  1511.  
  1512. }
  1513. #desc {
  1514. width:520px;
  1515. }
  1516.  
  1517. .de {
  1518. color:{color:description};
  1519. background-color:{color:description highlight};
  1520. letter-spacing:1px;
  1521. }
  1522.  
  1523. #ok {
  1524. position:relative;
  1525. font-size:65px;
  1526. top:10px;
  1527. margin-left:80px;
  1528. width:30px;
  1529. display:inline-block;
  1530. font-family:cambria math;
  1531. padding-right:10px;
  1532. color:{color:title bracket};
  1533. overflow:hidden;
  1534. -webkit-transition: all 0.3s ease-in-out;
  1535. -moz-transition: all 0.3s ease-in-out;
  1536. -o-transition: all 0.3s ease-in-out;
  1537. -ms-transition: all 0.3s ease-in-out;
  1538. transition: all 0.3s ease-in-out;
  1539. }
  1540.  
  1541. #swag:hover #ok {
  1542. padding-right:88px;
  1543. -webkit-transition: all 0.3s ease-in-out;
  1544. -moz-transition: all 0.3s ease-in-out;
  1545. -o-transition: all 0.3s ease-in-out;
  1546. -ms-transition: all 0.3s ease-in-out;
  1547. transition: all 0.3s ease-in-out;
  1548. }
  1549.  
  1550. #blocko {
  1551. position:relative;
  1552. display:inline-block;
  1553. width:520px;
  1554. margin-top:23px;
  1555.  
  1556. }
  1557.  
  1558. #topimg {
  1559. position:absolute;
  1560. position:inline-block;
  1561. margin-left:15px;
  1562. top:10px;
  1563. border:4px double {color:background};
  1564. background-color:{color:title pic border};
  1565. padding:5px;
  1566. }
  1567.  
  1568. .quote {
  1569. font-family:cambria;
  1570. font-style:italic;
  1571. font-size:13px;
  1572. letter-spacing:1px;
  1573. }
  1574.  
  1575. .from {
  1576. font-family:calibri;
  1577. font-size:10px;
  1578. letter-spacing:2px;
  1579. text-transform:uppercase;
  1580. margin-top:5px;
  1581. text-align:right;
  1582. font-style:normal;
  1583. }
  1584.  
  1585. .cover {
  1586. width:80px;
  1587. height:80px;
  1588. opacity:0.8;
  1589. padding:5px;
  1590. background-color:{color:album cover border};
  1591. border:8px double #fff;
  1592. float:right;
  1593. -webkit-transition: all 0.3s ease-in-out;
  1594. -moz-transition: all 0.3s ease-in-out;
  1595. -o-transition: all 0.3s ease-in-out;
  1596. -ms-transition: all 0.3s ease-in-out;
  1597. transition: all 0.3s ease-in-out;
  1598. }
  1599.  
  1600.  
  1601. .playbutton {
  1602. width: 30px;
  1603. height: 30px;
  1604. {block:indexpage}
  1605. overflow: hidden;
  1606. {/block:indexpage}
  1607. position: relative;
  1608. z-index: 1000;
  1609. }
  1610.  
  1611.  
  1612. .playbox {
  1613. position: absolute;
  1614. z-index: 1000;
  1615. margin-top: 35px;
  1616. {block:indexpage}
  1617. margin-left: 187px;
  1618. float:right;
  1619. opacity: 0.3;
  1620. {/block:indexpage}
  1621. {block:permalinkpage}
  1622. margin-left: 70px;
  1623. opacity: 0.7;
  1624. padding:3px;
  1625. {/block:permalinkpage}
  1626. -webkit-transition: all 0.3s ease-in-out;
  1627. -moz-transition: all 0.3s ease-in-out;
  1628. -o-transition: all 0.3s ease-in-out;
  1629. -ms-transition: all 0.3s ease-in-out;
  1630. transition: all 0.3s ease-in-out;
  1631. }
  1632.  
  1633. .playbox:hover {
  1634. opacity:0.5;
  1635. -webkit-transition: all 0.3s ease-in-out;
  1636. -moz-transition: all 0.3s ease-in-out;
  1637. -o-transition: all 0.3s ease-in-out;
  1638. -ms-transition: all 0.3s ease-in-out;
  1639. transition: all 0.3s ease-in-out;
  1640. }
  1641.  
  1642. .mu {
  1643. position:absolute;
  1644. left:-45px;
  1645. font-size:60px;
  1646. margin-top:-39px;
  1647. font-family:consolas;
  1648. color:{color:music note};
  1649. display:inline-block;
  1650. opacity:0;
  1651. -webkit-transition: all 0.3s ease-in-out;
  1652. -moz-transition: all 0.3s ease-in-out;
  1653. -o-transition: all 0.3s ease-in-out;
  1654. -ms-transition: all 0.3s ease-in-out;
  1655. transition: all 0.3s ease-in-out;
  1656. }
  1657.  
  1658. .posts:hover .mu {
  1659. left:15px;
  1660. opacity:0.4;
  1661. -webkit-transition: all 0.3s ease-in-out;
  1662. -moz-transition: all 0.3s ease-in-out;
  1663. -o-transition: all 0.3s ease-in-out;
  1664. -ms-transition: all 0.3s ease-in-out;
  1665. transition: all 0.3s ease-in-out;
  1666. }
  1667.  
  1668. .musicinfo {
  1669. text-align:right;
  1670. width:100px;
  1671. margin-top:15px;
  1672. line-height:16px;
  1673. font-style:italic;
  1674. {block:indexpage}
  1675. margin-left:-25px;
  1676. {/block:indexpage}
  1677. {block:permalinkpage}
  1678. margin-left:225px;
  1679. {/block:permalinkpage}
  1680. border-right:2px solid {color:music info line};
  1681. padding-right:10px;
  1682. z-index:999;
  1683. display:inline-block;
  1684. width:140px;
  1685. -webkit-transition: all 0.3s ease-in-out;
  1686. -moz-transition: all 0.3s ease-in-out;
  1687. -o-transition: all 0.3s ease-in-out;
  1688. -ms-transition: all 0.3s ease-in-out;
  1689. transition: all 0.3s ease-in-out;
  1690. }
  1691.  
  1692. .posts:hover .musicinfo {
  1693. {block:indexpage}
  1694. margin-left:-7px;
  1695. {/block:indexpage}
  1696. -webkit-transition: all 0.3s ease-in-out;
  1697. -moz-transition: all 0.3s ease-in-out;
  1698. -o-transition: all 0.3s ease-in-out;
  1699. -ms-transition: all 0.3s ease-in-out;
  1700. transition: all 0.3s ease-in-out;
  1701. }
  1702. .tabpos {
  1703. bottom:-17px;
  1704. position:absolute;
  1705. z-index:9999;
  1706. }
  1707.  
  1708. .tab {
  1709. position:absolute;
  1710. height:0px;
  1711. background-color:{color:posts background};
  1712. border-width:0px 2px 2px 2px;
  1713. border-style:solid;
  1714. border-color:{color:post borders};
  1715. margin-top:-18px;
  1716. padding-right:0px;
  1717. overflow:hidden;
  1718. font-size:11px;
  1719. color:#ccc;
  1720. -webkit-transition: all 0.3s ease-in-out;
  1721. -moz-transition: all 0.3s ease-in-out;
  1722. -o-transition: all 0.3s ease-in-out;
  1723. -ms-transition: all 0.3s ease-in-out;
  1724. transition: all 0.3s ease-in-out;
  1725. }
  1726.  
  1727. .re {
  1728. position:absolute;
  1729. display:inline-block;
  1730. margin-top:-3px;
  1731. -webkit-transition: all 0.3s ease-in-out;
  1732. -moz-transition: all 0.3s ease-in-out;
  1733. -o-transition: all 0.3s ease-in-out;
  1734. -ms-transition: all 0.3s ease-in-out;
  1735. transition: all 0.3s ease-in-out;
  1736. }
  1737.  
  1738.  
  1739. .posts:hover .tab {
  1740. height:16px;
  1741. transition-delay: 0.2s;
  1742. -webkit-transition-delay: 0.2s;
  1743. transition-duration: 0.3s;
  1744. }
  1745.  
  1746. .not {
  1747. position:relative;
  1748. margin-top:-16px;
  1749. padding:0px 8px 0px 8px;
  1750. opacity:0;
  1751. display:inline-block;
  1752. -webkit-transition: all 0.3s ease-in-out;
  1753. -moz-transition: all 0.3s ease-in-out;
  1754. -o-transition: all 0.3s ease-in-out;
  1755. -ms-transition: all 0.3s ease-in-out;
  1756. transition: all 0.3s ease-in-out;
  1757. }
  1758.  
  1759. .tab:hover .not{
  1760. padding-right:35px;
  1761. }
  1762.  
  1763. .tab:hover .re {
  1764. margin-left:-28px;
  1765. }
  1766. .not a {
  1767. color:{color:Tab Notes};
  1768. text-shadow:6px 0px transparent, -6px 0px transparent;
  1769. }
  1770.  
  1771. .re a {
  1772. color:{color:reblog link small};
  1773. text-shadow:6px 0px transparent, -6px 0px transparent;
  1774. padding-left:6px;
  1775. font-weight:bold;
  1776. }
  1777.  
  1778. .not a:hover {
  1779. text-shadow:0px 0px {color:Tab Notes Hover Shadow}, 0px 0px {color:Tab Notes Hover Shadow};
  1780. }
  1781.  
  1782. .re a:hover {
  1783. text-shadow:0px 0px {color:reblog link small}, 0px 0px {color:reblog link small};
  1784. }
  1785. .posts:hover .not {
  1786. margin-top:0px;
  1787. opacity:1;
  1788. }
  1789.  
  1790.  
  1791. .ohide {
  1792. position:absolute;
  1793. overflow:hidden;
  1794. width:100%;
  1795. height:100%;
  1796. top:0px;
  1797. left:0px;
  1798. }
  1799.  
  1800. .ohide2 {
  1801. overflow:hidden;
  1802. }
  1803.  
  1804. .re {
  1805. display:inline-block;
  1806. }
  1807.  
  1808.  
  1809. #permadatenotes {
  1810. position:absolute;
  1811. margin-left:132px;
  1812. margin-top:11px;
  1813. width:100px;
  1814. font-style:italic;
  1815. opacity:0;
  1816. }
  1817.  
  1818. #permadatenotes a {
  1819. text-shadow:none;
  1820. color:{color:permalinks};
  1821.  
  1822. }
  1823.  
  1824. #permadatenotes a:hover {
  1825. text-shadow:2px 0px 2px {color:permalink hover shadows}, -2px 0px 2px {color:permalink hover shadows};
  1826. color:{color:permalinks hover};
  1827. }
  1828.  
  1829. .permalinkstuff {
  1830. position:absolute;
  1831. width:520px;
  1832. margin-left:-10px;
  1833. text-align:center;
  1834. margin-top:25px;
  1835. }
  1836.  
  1837. .infostuff {
  1838. position:relative;
  1839. line-height:17px;
  1840. width:520px;
  1841. height:auto;
  1842. padding: 10px 0px 10px 0px;
  1843. letter-spacing:1px;
  1844. font-style:italic;
  1845. font-size:12px;
  1846. text-align:center;
  1847. color:#bbb;
  1848. text-shadow:1px 1px 3px #eee;
  1849. }
  1850.  
  1851. .highl a {
  1852. color:{color:permalinkpage sources};
  1853. }
  1854.  
  1855. .highl a:hover {
  1856. color:#fff;
  1857. }
  1858. .permanotes {
  1859. width:520px;
  1860. padding:10px 10px 10px 10px;
  1861. font-style:italic;
  1862. position: absolute;
  1863. color:#bbb;
  1864. line-height:20px;
  1865. margin-left:-20px;
  1866.  
  1867. font-size:11px;
  1868. }
  1869.  
  1870. .permanotes ol,.permanotes li,.permanotes ul {
  1871. width:520px;
  1872. padding-bottom:7px;
  1873. padding-top:7px;
  1874. list-style-type: none;
  1875. box-shadow:0px 4px 3px -3px #eee;
  1876. letter-spacing:1px;
  1877. text-align:left;
  1878. }
  1879.  
  1880. .permanotes img {
  1881. padding:3px;
  1882. border:1px dotted #eee;
  1883. margin-bottom:-9px;
  1884. margin-right:10px;
  1885. opacity:0.6;
  1886. }
  1887.  
  1888. .permanotes a {
  1889. color:{color:permalinks};
  1890. text-shadow:6px 0px transparent, -6px 0px transparent;
  1891. -webkit-transition: all 0.3s ease-in-out;
  1892. -moz-transition: all 0.3s ease-in-out;
  1893. -o-transition: all 0.3s ease-in-out;
  1894. -ms-transition: all 0.3s ease-in-out;
  1895. transition: all 0.3s ease-in-out;
  1896. }
  1897.  
  1898. .permanotes a:hover {
  1899. color:{color:permalinks hover};
  1900. text-shadow:0px 0px #ccc, 0px 0px #ccc;
  1901. -webkit-transition: all 0.3s ease-in-out;
  1902. -moz-transition: all 0.3s ease-in-out;
  1903. -o-transition: all 0.3s ease-in-out;
  1904. -ms-transition: all 0.3s ease-in-out;
  1905. transition: all 0.3s ease-in-out;
  1906. }
  1907.  
  1908.  
  1909. #tags {
  1910. font-family:calibri;
  1911. font-size:8px;
  1912. margin-left:5px;
  1913. margin-right:2px;
  1914. letter-spacing:1px;
  1915. -webkit-transition: all 0.3s ease-in-out;
  1916. -moz-transition: all 0.3s ease-in-out;
  1917. -o-transition: all 0.3s ease-in-out;
  1918. -ms-transition: all 0.3s ease-in-out;
  1919. transition: all 0.3s ease-in-out;
  1920. }
  1921.  
  1922. #tags a {
  1923. color:{color:tags text};
  1924. text-shadow:2px 2px 1px #eee;
  1925. background-color:#fff;
  1926. padding:1px;
  1927. font-style:none;
  1928. text-decoration: none;
  1929. opacity:1;
  1930. }
  1931.  
  1932. #tags a:hover {
  1933. opacity:0.7;
  1934. text-decoration:line-through;
  1935. text-shadow:none;
  1936. font-style:italic;
  1937. }
  1938.  
  1939. .question {
  1940. position:relative;
  1941. margin-top:65px;
  1942. font-style:italic;
  1943. padding:8px;
  1944. border:1px solid #ddd;
  1945. color:#bbb;
  1946. text-align:right;
  1947. text-shadow:1px 1px 3px #eee;
  1948. }
  1949.  
  1950. .question img {
  1951. position:absolute;
  1952. padding:3px;
  1953. border:1px dotted {color:asker icon border};
  1954. margin-top:-70px;
  1955. right:5px;
  1956. border-radius:100%;
  1957.  
  1958. }
  1959.  
  1960. .lin {position:absolute;
  1961. {block:indexpage}
  1962. width:165px;
  1963. {/block:indexpage}
  1964. {block:permalinkpage}
  1965. width:415px;
  1966. {/block:permalinkpage}
  1967. border-bottom:1px dotted #ddd;
  1968. height:1px;
  1969. margin-top:-48px;
  1970. margin-left:5px;
  1971. font-size:10px;
  1972. font-style:normal;
  1973. color:#ddd;
  1974. font-family:times new roman;
  1975. text-align:left;
  1976. }
  1977. #askk {
  1978. position:absolute;
  1979. margin-top:-31px;
  1980. border-bottom:3px solid {color:asker underline};
  1981. font-size:17px;
  1982. text-transform:uppercase;
  1983. color:#ddd;
  1984. text-shadow:none;
  1985. }
  1986.  
  1987. #askk a {
  1988. color:#ddd;
  1989. }
  1990.  
  1991. #askk a:hover {
  1992. color:#fff;
  1993. }
  1994.  
  1995. #cr {
  1996. position:fixed;
  1997. bottom:10px;
  1998. left:10px;
  1999. font-family:cambria;
  2000. letter-spacing:1px;
  2001. box-shadow: inset 2px 2px 2px #eee;
  2002. padding:3px;
  2003. font-size:11px;
  2004. }
  2005.  
  2006. #cr a {
  2007. color:#bbb;
  2008. text-shadow:6px 0px transparent, -6px 0px transparent;
  2009. }
  2010.  
  2011. #cr a:hover {
  2012. text-shadow:0px 0px #ccc, 0px 0px #ccc;
  2013. }
  2014. </style>
  2015. </head>
  2016. <body>
  2017.  
  2018. <div class="pagination">
  2019. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  2020. </div>
  2021.  
  2022. <div id="content">
  2023.  
  2024. {block:Posts}
  2025. <div class="posts">
  2026.  
  2027. {block:Text}
  2028. {block:Title}<h2><i>{Title}</i></h2>{/block:Title}
  2029. {Body}
  2030. {block:indexpage}
  2031. <div class="btop"><div class="zip"></div></div>
  2032. <div class="brigh"><div class="zip3"></div></div>
  2033. <div class="bleft2"><div class="hid"><div class="zi"><div class="zip41"></div></div></div></div><div class="permaa"><div class="permaa2"><span class="permainfo">
  2034. Notes:<a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a> //
  2035. Date:<a href="{Permalink}" title="{timeago}">{block:Date}{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {/block:Date}</a><br>
  2036. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  2037. {block:ContentSource} Original:<a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  2038. {block:NotReblog} Original: this {/block:NotReblog}
  2039. <br>
  2040. </span></div></div>
  2041. <div class="bbot"><div class="zip2"></div></div>
  2042. {/block:indexpage}
  2043. {/block:Text}
  2044.  
  2045. {block:Answer}
  2046. <div class="question">
  2047. <div class="lin"><div style="margin-top:-4px;margin-left:-11px;opacity:0.8;">♥</div></div><img src="{AskerPortraitURL-40}"><div id="askk">{Asker} asked:</div> {Question}</div>
  2048. {Answer}
  2049. {block:indexpage}
  2050. <div class="tabpos"><div class="tab"><div class="not"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div><div class="re"><span style="top:-1px;font-size:15px;">;</span><a href="{ReblogURL}" title="reblog?">↺</a> </div></div></div>
  2051. <div class="btop"><div class="zip"></div></div>
  2052. <div class="brigh"><div class="zip3"></div></div>
  2053. <div class="bleft"><div class="zip4"></div></div>
  2054. <div class="bbot"><div class="zip2"></div></div>
  2055. {/block:indexpage}
  2056. {/block:Answer}
  2057.  
  2058. {block:Quote}
  2059. <div class="quote">
  2060. <div class="quotetext_{Length}">"{Quote}"</div>
  2061. {block:Source}<div class="from"><span style="font-size:11px">»</span> {Source}</div>{/block:Source}
  2062. </div>
  2063. {block:indexpage}<div class="tabpos"><div class="tab"><div class="not"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div><div class="re"><span style="top:-1px;font-size:15px;">;</span><a href="{ReblogURL}" title="reblog?">↺</a> </div></div></div>
  2064. <div class="btop"><div class="zip"></div></div>
  2065. <div class="brigh"><div class="zip3"></div></div>
  2066. <div class="bleft"><div class="zip4"></div></div>
  2067. <div class="bbot"><div class="zip2"></div></div>{/block:indexpage}
  2068. {/block:Quote}
  2069.  
  2070. {block:Link}
  2071. <div class="ohide2">
  2072. <h2>{block:indexpage}<span class="arrow">»</span>{/block:indexpage}<a href="{URL}">{Name}</a>{block:indexpage}<span class="arrow2">«</span>{/block:indexpage}</h2>
  2073. {block:ifcaptions}
  2074. {block:IndexPage}
  2075. {block:Description}{Description}{/block:Description}
  2076. {/block:IndexPage}
  2077. {/block:ifcaptions}
  2078. {block:indexpage}
  2079. {block:PermalinkPage}
  2080. {block:Description}{Description}{/block:Description}
  2081. {/block:PermalinkPage}
  2082. <div class="tabpos"><div class="tab"><div class="not"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div><div class="re"><span style="top:-1px;font-size:15px;">;</span><a href="{ReblogURL}" title="reblog?">↺</a> </div></div></div></div>
  2083. <div class="btop"><div class="zip"></div></div>
  2084. <div class="brigh"><div class="zip3"></div></div>
  2085. <div class="bleft"><div class="zip4"></div></div>
  2086. <div class="bbot"><div class="zip2"></div></div>
  2087. {/block:indexpage}
  2088. {/block:Link}
  2089.  
  2090.  
  2091. {block:Chat}
  2092. {block:Title}<h2>{Title}</h2>{/block:Title}
  2093. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  2094. {Line}</li>{/block:Lines}</ul>
  2095. {block:indexpage}
  2096. <div class="tabpos"><div class="tab"><div class="not"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div><div class="re"><span style="top:-1px;font-size:15px;">;</span><a href="{ReblogURL}" title="reblog?">↺</a> </div></div></div>
  2097. <div class="btop"><div class="zip"></div></div>
  2098. <div class="brigh"><div class="zip3"></div></div>
  2099. <div class="bleft"><div class="zip4"></div></div>
  2100. <div class="bbot"><div class="zip2"></div></div>
  2101. {/block:indexpage}
  2102. {/block:Chat}
  2103.  
  2104. {block:Photo}
  2105.  
  2106. {LinkOpenTag}
  2107. {block:indexpage}<a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250px"></a>
  2108.  
  2109. {block:ifcaptions}
  2110. {block:IndexPage}
  2111. {block:Caption}{Caption}{/block:Caption}
  2112. {/block:IndexPage}
  2113. {/block:ifcaptions}
  2114.  
  2115. {block:PermalinkPage}
  2116. {block:Caption}{Caption}{/block:Caption}
  2117. {/block:PermalinkPage}
  2118.  
  2119. <div class="ohide">
  2120. <div class="fill"></div>
  2121. <div class="perma"></div><div class="source"><div class="mi">
  2122. <div class="notes"><a href="{Permalink}" title="{timeago}">{NoteCount}</a></div><br>
  2123. <div class="por">
  2124. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a><a href="{ReblogURL}" title="reblog?"><div class="shoop"><div class="trii">↺</div></div></a>
  2125. {block:ContentSource}<a href="{SourceURL}" title="originally by {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}"></a>{/block:ContentSource}
  2126. {/block:RebloggedFrom}</div>
  2127. {block:NotReblog}
  2128. <div class="por">
  2129. <a href="{ReblogURL}"><div class="shoop2"><div class="trii2">↺</div><div class="rebloog">reblog?</div></div></a> </div>
  2130. {/block:NotReblog}
  2131. </div>
  2132. </div>
  2133. {/block:indexpage}
  2134. {LinkCloseTag}
  2135. {block:permalinkpage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  2136. {/block:permalinkpage}
  2137.  
  2138. {block:indexpage}
  2139. <div class="btop2"><div class="zip"></div></div>
  2140. <div class="brigh"><div class="zip3"></div></div>
  2141. <div class="bleft3"><div class="zip4"></div></div>
  2142. <div class="bbot"><div class="zip2"></div></div>
  2143. <div class="lineutop"></div>
  2144. <div class="lineuright"></div>
  2145. <div class="lineuleft"></div>
  2146. <div class="lineubottom"></div></div>{/block:indexpage}
  2147. {/block:Photo}
  2148.  
  2149. {block:Photoset}
  2150.  
  2151. <div class="pset">
  2152. {block:indexpage}
  2153. {Photoset-250}
  2154. {/block:indexpage}
  2155. {block:permalinkpage}
  2156. {Photoset-500}
  2157. {/block:permalinkpage}
  2158. </div>
  2159.  
  2160. {block:ifcaptions}
  2161. {block:IndexPage}
  2162. {block:Caption}{Caption}{/block:Caption}
  2163. {/block:IndexPage}
  2164. {/block:ifcaptions}
  2165.  
  2166. {block:PermalinkPage}
  2167. {block:Caption}{Caption}{/block:Caption}
  2168. {/block:PermalinkPage}
  2169. {block:indexpage}
  2170. <div class="ohide">
  2171. <div class="fill"></div>
  2172. <div class="perma"></div><div class="source"><div class="mi">
  2173. <div class="notes"><a href="{Permalink}" title="{timeago}">{NoteCount}</a></div><br>
  2174. <div class="por">
  2175. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a><a href="{ReblogURL}" title="reblog?"><div class="shoop"><div class="trii">↺</div></div></a>
  2176. {block:ContentSource}<a href="{SourceURL}" title="originally by {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}"></a>{/block:ContentSource}
  2177. {/block:RebloggedFrom}</div>
  2178. {block:NotReblog}
  2179. <div class="por">
  2180. <a href="{ReblogURL}"><div class="shoop2"><div class="trii2">↺</div><div class="rebloog">reblog?</div></div></a> </div>
  2181. {/block:NotReblog}
  2182. </div>
  2183. </div>
  2184. <div class="btop2"><div class="zip"></div></div>
  2185. <div class="brigh"><div class="zip3"></div></div>
  2186. <div class="bleft3"><div class="zip4"></div></div>
  2187. <div class="bbot"><div class="zip2"></div></div>
  2188. <div class="lineutop"></div>
  2189. <div class="lineuright"></div>
  2190. <div class="lineuleft"></div>
  2191. <div class="lineubottom"></div></div>
  2192. {/block:indexpage}
  2193. {/block:Photoset}
  2194.  
  2195. {block:Audio}
  2196. <div style="padding-bottom:20px">
  2197. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerwhite}{/block:AudioPlayer}</div></div>
  2198. {block:AlbumArt}
  2199. <img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}
  2200.  
  2201. <div class="musicinfo">
  2202.  
  2203. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br>
  2204. {block:Artist}<i>{Artist}</i>{/block:Artist}<br>
  2205. {block:Album}{Album}{/block:Album}<br>
  2206. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}<br>
  2207. <div class="mu">♪</div></div>
  2208. {block:indexpage}
  2209. <div class="tabpos"><div class="tab"><div class="not"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></div><div class="re"><span style="top:-1px;font-size:15px;">;</span><a href="{ReblogURL}" title="reblog?">↺</a> </div></div></div>
  2210. <div class="btop"><div class="zip"></div></div>
  2211. <div class="brigh"><div class="zip3"></div></div>
  2212. <div class="bleft"><div class="zip4"></div></div>
  2213. <div class="bbot"><div class="zip2"></div></div>
  2214. {/block:indexpage}</div>
  2215. {/block:Audio}
  2216.  
  2217. {block:Video}
  2218. <div class="pset">
  2219. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  2220. {block:indexpage}{Video-250}{/block:indexpage}</div>
  2221.  
  2222. {block:ifcaptions}
  2223. {block:IndexPage}
  2224. {block:Caption}{Caption}{/block:Caption}
  2225. {/block:IndexPage}
  2226. {/block:ifcaptions}
  2227.  
  2228. {block:PermalinkPage}
  2229. {block:Caption}{Caption}{/block:Caption}
  2230. {/block:PermalinkPage}
  2231. {block:indexpage}
  2232. <div class="ohide">
  2233. <div class="fill"></div>
  2234. <div class="perma"></div><div class="source"><div class="mi">
  2235. <div class="notes"><a href="{Permalink}" title="{timeago}">{NoteCount}</a></div><br>
  2236.  
  2237. <div class="por">
  2238. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a><a href="{ReblogURL}" title="reblog?"><div class="shoop"><div class="trii">↺</div></div></a> <div style="width:24px;height24px;background-color:#fff"></div>{/block:RebloggedFrom}
  2239. {block:ContentSource}<a href="{SourceURL}" title="originally by {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}" style="width:24px;height24px;background-color:#fff"></a>{/block:ContentSource}
  2240. </div>
  2241. {block:NotReblog}
  2242. <div class="por">
  2243. <a href="{ReblogURL}"><div class="shoop2"><div class="trii2">↺</div><div class="rebloog">reblog?</div></div></a> </div>
  2244. {/block:NotReblog}
  2245. </div>
  2246. </div>
  2247. <div class="btop2"><div class="zip"></div></div>
  2248. <div class="brigh"><div class="zip3"></div></div>
  2249. <div class="bleft3"><div class="zip4"></div></div>
  2250. <div class="bbot"><div class="zip2"></div></div>
  2251. <div class="lineutop"></div>
  2252. <div class="lineuright"></div>
  2253. <div class="lineuleft"></div>
  2254. <div class="lineubottom"></div></div>
  2255. {/block:indexpage}
  2256. {/block:Video}
  2257.  
  2258.  
  2259.  
  2260. {block:permalinkpage}
  2261. <div class="permalinkstuff">
  2262. <div class="infostuff">
  2263. {block:date}Posted {DayOfWeek}, <span class="highl">{Month} {MonthNumber}</span>, {Year} at {12Hour}:{Minutes}{AmPm}{/block:date}
  2264. <span class="highl">{block:NoteCount} with {NoteCountwithlabel}{/block:NoteCount}</span><br>
  2265. {block:RebloggedFrom}Reblogged from: <span class= "highl"><a href="{ReblogParentURL}">{ReblogParentName}</a></span> {/block:RebloggedFrom}
  2266. {block:ContentSource}» Source: <span class= "highl"><a href="{SourceURL}">{SourceTitle}</a></span>{/block:ContentSource}
  2267. </div>
  2268.  
  2269. {block:HasTags}<div style="width:500px;text-align:left"><div style="display:inline-block;font-style:italic;letter-spacing:3px;font-size:10px;padding-bottom:2px;border-bottom:1px #bbb solid;">Tags</div><div style="display:block;position:relative;margin-top:-21px;"><br><span style="font-size:20px;color:#bbb;display:inline-block;"> ↳</span>{block:Tags}
  2270.  
  2271. <span id="tags"><a href="{TagURL}">▲ {Tag} </a></span>
  2272.  
  2273. {/block:Tags}</div></div>{/block:HasTags}
  2274.  
  2275. {block:PostNotes}<div class="permanotes">{PostNotes}</div>{/block:PostNotes}
  2276. </div>
  2277. {/block:permalinkpage}
  2278. </div>
  2279. {/block:Posts}
  2280.  
  2281.  
  2282. </div>
  2283. <div class="sidee">
  2284. <div id="sidebar">
  2285. <div id="sideimg"></div><div id="swag"><div id="yolo"></div><div id="ok">{<img src="{image:Top Image}" width="41px" height="41px" id="topimg"></div><div id="blocko"><div id="ti"><a href="/" title="index">{title}</a></div><div id="desc"><span class="de">{description}</span></div></div></div>
  2286. <div id="box"></div>
  2287.  
  2288. <img src="{image:heart hover image}" class="pic" width="160px">
  2289. <div id="heart">
  2290. </div>
  2291. <div id="side">
  2292. <div id="index"><div class="rectang"></div> <div class="navi"><div class="lineu1"><div class="bloop"></div></div><a href="/"><div class="line"></div>index</a></div><br></div>
  2293. <div id="ask"><div class="triico2"></div><div class="navi"><div class="lineu2"><div class="bloop"></div></div><a href="/ask"><div class="line"></div>message</a> </div><br></div>
  2294. <div id="past"><div class="trisc2"></div><div class="navi"><div class="lineu3"><div class="bloop"></div></div><a href="/archive"><div class="line"></div>archive</a> </div><br></div>
  2295. <div id="stat"><div class="dia"><div class="dia2"></div></div><div class="navi"><div class="lineu4"><div style="color:#ccc"><marquee scrollamount="4">{text:status}</marquee></div></div><a><div class="line"></div>status</a> </div><br></div>
  2296. <div id="link1"><div class="tr2"></div><div class="navi2"><div class="lineu"><div class="bloop"></div></div><a href="{text:Link1 URL}">{text:Link1}<div class="line2"></div></a> </div><br></div>
  2297. <div id="link2"><div class="trisc"></div><div class="navi2"><div class="lineu"><div class="bloop"></div></div><a href="{text:Link2 URL}"><div class="line2"></div>{text:Link2}</a> </div><br></div>
  2298. <div id="link3"><div class="triico"></div><div class="navi2"><div class="lineu"><div class="bloop"></div></div><a href="{text:Link3 URL}"><div class="line2"></div>{text:Link3}</a> </div><br></div>
  2299. <div id="link4"><div class="tr"></div><div class="navi2"><div class="lineu"><div class="bloop"></div></div><a href="{text:Link4 URL}"><div class="line2"></div>{text:Link4}</a> </div><br></div>
  2300. </div>
  2301. </div>
  2302. </div>
  2303. </div>
  2304. <div id="cr"><a href="http://electrail.tumblr.com" title="theme by electrail">elc|thm</a></div>
  2305. </body>
  2306. </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!