API tools faq
paste
Advertisement
cindie

Espresso

cindie
Mar 11th, 2012
30,499
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.91 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">
  3.  
  4. <!--
  5.  
  6. "Espresso" THEMED BY CINDIE.TUMBLR.COM
  7. Please do not remove this credit!!
  8. Thanks for using my public theme, enjoy!
  9.  
  10. -->
  11.  
  12.  
  13. <head>
  14.  
  15. <!-- Default Colors -->
  16. <META name="image:Background" content=""/>
  17. <META name="image:Back To Top" content="http://static.tumblr.com/95njt7t/TOqlruhd5/i_up_arrow.png"/>
  18. <META name="image:Posts" content=""/>
  19. <META name="image:Sidebar" content=""/>
  20. <META name="if:Infinite Scrolling" content="0"/>
  21. <META name="if:Back to Top" content="0"/>
  22. <META name="if:Sidebar on Left" content="1"/>
  23. <META name="if:Sidebar Image" content="1"/>
  24. <META name="if:No Avatar" content="0"/>
  25. <META name="if:Avatar and Menu" content="1"/>
  26. <META name="if:Margins Between Posts" content="0"/>
  27. <META name="if:Menu Borders" content="1"/>
  28. <META name="if:Show Captions" content="0"/>
  29. <META name="if:Static Permalink" content="0"/>
  30. <META name="if:Transparent Permalink" content="0"/>
  31. <META name="if:Show Reblog Link" content="1"/>
  32. <META name="if:Show Custom Scrollbar" content="1"/>
  33. <META name="color:Background" content="#eeebeb"/>
  34. <META name="color:Posts" content="#fcfafa"/>
  35. <META name="color:Description" content="#f9f9f9"/>
  36. <META name="color:Headers" content="#181500"/>
  37. <META name="color:Body Text" content="#666666"/>
  38. <META name="color:Link" content="#fafafa"/>
  39. <META name="color:Link hover" content="#000000"/>
  40. <META name="color:Sidebar Text" content="#b6b5b5"/>
  41. <META name="color:Borders" content="#474141"/>
  42. <META name="color:Menu Text" content="#d4e140"/>
  43. <META name="color:Menu Hover" content="#909090"/>
  44. <META name="color:Menu Background" content="#000"/>
  45. <META name="color:Menu Background Hover" content="#f3ffa0"/>
  46. <META name="color:Chat 1" content="#eeeeee"/>
  47. <META name="color:Chat 2" content="#f9f9f9"/>
  48. <META name="color:Posted" content="#585853"/>
  49. <META name="color:Reblog" content="#d4e140"/>
  50. <META name="color:Scrollbar" content="#1a1818"/>
  51. <META name="color:Scrollbar Main" content="#eeeeee"/>
  52. <META name="text:Sidebar Top Position" content="100px"/>
  53. <META name="text:Text Alignment" content="left"/>
  54. <META name="text:Link 1 Title" content="" />
  55. <META name="text:Link 1" content="" />
  56. <META name="text:Link 2 Title" content="" />
  57. <META name="text:Link 2" content="" />
  58. <META name="text:Link 3 Title" content="" />
  59. <META name="text:Link 3" content="" />
  60. <META name="text:Link 4 Title" content="" />
  61. <META name="text:Link 4" content="" />
  62. <META name="text:Link 5 Title" content="" />
  63. <META name="text:Link 5" content="" />
  64. <META name="text:Link 6 Title" content="" />
  65. <META name="text:Link 6" content="" />
  66. <META name="text:Link 7 Title" content="" />
  67. <META name="text:Link 7" content="" />
  68. <!-- End Default Colors -->
  69.  
  70. {block:IfInfiniteScrolling}
  71. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  72.  
  73. {block:IfBacktoTop}
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="{image:Back To Top}" border="0"></a>
  75. {/block:IfBacktoTop}
  76.  
  77.  
  78. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  79. <meta name="description" content="{MetaDescription}" />
  80.  
  81. <title>{title}</title>
  82. <pnk rel="shortcut icon" href="{Favicon}">
  83. <pnk rel="alternate" type="application/rss+xml" href="{RSS}">
  84. <link rel="shortcut icon" href="{Favicon}">
  85.  
  86. <style type="text/css">
  87. body {
  88. background-color: {color:Background};
  89. background-image: url('{image:Background}');
  90. background-position:center center;
  91. background-attachment: fixed;
  92. background-repeat: repeat;
  93. color:{color:Body Text};
  94. cursor: url(""), default;
  95. margin: 0px;
  96. padding: 0px;
  97. text-align:{block:IfTextAlignment}{text:Text Alignment} {/block:IfTextAlignment};
  98. font-family: Consolas;
  99. font-size:10px;
  100. letter-spacing:1px;
  101. }
  102.  
  103. @font-face {font-family:"existence light unicase";src: url("http://static.tumblr.com/3j38nb8/uEwly5p5l/existence-unicaselight.otf");}
  104.  
  105. iframe#tumblr_controls {
  106. right:3px !important;
  107. position: fixed !important;
  108. -webkit-transition: all 0.8s ease-out;
  109. -moz-transition: all 0.8s ease-out;
  110. transition: all 0.8s ease-out;
  111. -webkit-transition: opacity 0.7s linear;
  112. opacity: 0.2;
  113. }
  114.  
  115.  
  116. iframe#tumblr_controls:hover {
  117. -webkit-transition: all 0.4s ease-out;
  118. -moz-transition: all 0.4s ease-out;
  119. transition: all 0.4s ease-out;
  120. -webkit-transition: opacity 0.7s linear;
  121. opacity: 1;
  122. }
  123.  
  124.  
  125. a:link, a:visited, a:active {
  126. color: {color:Link};
  127. text-decoration:none;
  128. }
  129.  
  130. a:hover {
  131. color: {color:Link hover};
  132. text-decoration:none;
  133. }
  134.  
  135. {block:IfShowCustomScrollbar}
  136. ::-webkit-scrollbar-thumb:vertical {
  137. background-color:{color:Scrollbar};
  138. height:10px;
  139. }
  140.  
  141. ::-webkit-scrollbar-thumb:horizontal {
  142. background-color:{color:Scrollbar};
  143. height:5px !important;
  144. }
  145.  
  146. ::-webkit-scrollbar {
  147. height:2px;
  148. width:2px;
  149. background-color:{color:Scrollbar Main};
  150. }
  151. {/block:IfShowCustomScrollbar}
  152.  
  153. li {
  154. text-align:left;
  155. list-style-type: square;
  156. }
  157.  
  158. .header, .header a{
  159. color:{color:Headers};
  160. font-size:15px;
  161. padding-left:10px;
  162. text-transform:normal;
  163. }
  164.  
  165. .header:first-letter, .header a:first-letter{
  166. font-size:25px;
  167. font-family:brush script mt;
  168. }
  169.  
  170. .header a:hover{color: {color:link hover};}
  171.  
  172. h2 {
  173. position:absolute;
  174. font-weight:bold;
  175. display:inline;
  176. font-size:80px;
  177. padding-top:2px;
  178. margin-left:1px;
  179. margin-top:1px;
  180. font-family:engravers mt;
  181. text-transform:uppercase;
  182. filter: alpha (opacity=10);
  183. opacity: 0.10;
  184. -webkit-transition: all 0.3s ease-out;
  185. -moz-transition: all 0.3s ease-out;
  186. transition: all 0.3s ease-out;
  187. }
  188.  
  189. h2:hover{
  190. filter: alpha (opacity=90);
  191. opacity: 0.90;
  192. -webkit-transition: all 0.3s ease-out;
  193. -moz-transition: all 0.3s ease-out;
  194. transition: all 0.3s ease-out;
  195. }
  196.  
  197. img {
  198. border:0px;
  199. filter: alpha (opacity=90);
  200. opacity: 0.90;
  201. -webkit-transition: 0.5s ease-in;
  202. -moz-transition: 0.5s ease-in;
  203. transition: 0.5s ease-in;
  204. }
  205.  
  206. img:hover {
  207. border:0px;
  208. filter: alpha (opacity=100);
  209. opacity: 1.0;
  210. -webkit-transition: 0.5s ease-in;
  211. -moz-transition: 0.5s ease-in;
  212. transition: 0.5s ease-in;
  213. }
  214.  
  215. #sidebar {
  216. top:{block:IfSidebarTopPosition}{text:Sidebar Top Position}{/block:IfSidebarTopPosition};
  217. left:710px;
  218. {block:IfSidebaronLeft}
  219. left:150px;
  220. {/block:IfSidebaronLeft}
  221. padding:5px;
  222. position:fixed;
  223. width:230px;
  224. }
  225.  
  226. .ava {
  227. text-align:left;
  228. width:230px;
  229. padding:5px 0 0 0;
  230. -moz-border-radius: 0px 100px 0px 0px;
  231. -webkit-border-radius: 0px 100px 0px 0px;
  232. border-radius: 0px 100px 0px 0px;
  233. margin-top:2px;
  234. }
  235.  
  236. .avatar {
  237. float:left;
  238. border:1px solid {color:Borders};
  239. }
  240.  
  241. .avatar:hover {
  242. border:1px solid {color:Borders};
  243. }
  244.  
  245. .links {
  246. margin-left:70px;
  247. {block:IfNoAvatar}
  248. margin-top:0px;
  249. margin-left:0px;
  250. {/block:IfNoAvatar}
  251. }
  252.  
  253. .links a{
  254. display:table-cell;
  255. vertical-align: middle;
  256. height:55px;
  257. margin:-1px;
  258. {block:IfMenuBorders}
  259. border-left:1px solid {color:Borders};
  260. {/block:IfMenuBorders}
  261. padding: 6px 6px 5px 5px;
  262. {block:IfNoAvatar}
  263. padding:0 15px 0 14px;
  264. {/block:IfNoAvatar}
  265. color: {color:Menu Text};
  266. background: {color:Menu background};
  267. -webkit-transition: all 0.9s ease;
  268. -moz-transition: all 0.9s ease;
  269. transition: all 0.9s ease;
  270. }
  271.  
  272. .links a:hover{
  273. {block:IfMenuBorders}
  274. border-left:3px solid {color:Borders};
  275. {/block:IfMenuBorders}
  276. color: {color:Menu Hover};
  277. background: {color:Menu Background Hover};
  278. -moz-border-radius: 0px 0px 70px 70px;
  279. -webkit-border-radius: 0px 0px 70px 70px;
  280. border-radius: 0px 0px 70px 70px;
  281. -webkit-transition: all 0.9s ease;
  282. -moz-transition: all 0.9s ease;
  283. transition: all 0.9s ease;
  284. }
  285.  
  286. .des {
  287. margin-left:70px;
  288. width:160px;
  289. {block:IfNoAvatar}
  290. margin-left:0px;
  291. width:230px;
  292. {/block:IfNoAvatar}
  293. height:66px;
  294. overflow-y:scroll;
  295. overflow-x:hidden;
  296. font-size:8px;
  297. text-transform:uppercase;
  298. color:{color:Sidebar Text};
  299. background-color:{color:Description};
  300. padding: 0 2px 0 2px;
  301. text-align:center;
  302. {block:IfNotAvatarandMenu}
  303. -moz-border-radius: 100px 0px 0px 0px;
  304. -webkit-border-radius: 100px 0px 0px 0px;
  305. border-radius: 100px 0px 0px 0px;
  306. {/block:IfNotAvatarandMenu}
  307. -webkit-transition: 0.5s ease;
  308. -moz-transition: 0.5s ease;
  309. transition: 0.5s ease;
  310. }
  311.  
  312. .des:hover {
  313. -moz-border-radius: 0px;
  314. -webkit-border-radius: 0px;
  315. border-radius: 0px;
  316. -webkit-transition: 0.5s ease;
  317. -moz-transition: 0.5s ease;
  318. transition: 0.5s ease;
  319. }
  320.  
  321. .side{
  322. text-align:center;
  323. border:2px solid {color:Borders};
  324. width:230px;
  325. }
  326.  
  327. .side:hover{
  328. border:2px solid {color:Borders};
  329. }
  330.  
  331. #pagess {
  332. margin-left:5px;
  333. margin-top:2px;
  334. width:6px;
  335. z-index: 777;
  336. }
  337.  
  338. #pagess a.pre{
  339. display: inline-block;
  340. width: 225px;
  341. height: 2px;
  342. background-color:{color:Reblog};
  343. color:{color:Reblog};
  344. font-size:2px;
  345. -webkit-transition: all 0.5s ease-in-out;
  346. -moz-transition: all 0.5s ease-in-out;
  347. -o-transition: all 0.5s ease-in-out;
  348. -ms-transition: all 0.5s ease-in-out;
  349. transition: all 0.5s ease-in-out;
  350. }
  351.  
  352. #pagess a.pre:hover {
  353. padding-bottom: 5px;
  354. color:{color:Reblog};
  355. }
  356.  
  357. #pagess a.nex{
  358. display: inline-block;
  359. width: 225px;
  360. height: 2px;
  361. margin:-1px;
  362. background-color:{color:Posted};
  363. color:{color:Posted};
  364. font-size:2px;
  365. -webkit-transition: all 0.5s ease-in-out;
  366. -moz-transition: all 0.5s ease-in-out;
  367. -o-transition: all 0.5s ease-in-out;
  368. -ms-transition: all 0.5s ease-in-out;
  369. transition: all 0.5s ease-in-out;
  370. }
  371.  
  372. #pagess a.nex:hover {
  373. padding-top: 5px;
  374. color:{color:Posted};
  375. }
  376.  
  377. #content {
  378. margin: 0 auto;
  379. margin-top:10px;
  380. margin-left:200px;
  381. {block:IfSidebaronLeft}
  382. margin-left:400px;
  383. {/block:IfSidebaronLeft}
  384. margin-bottom:15px;
  385. width: 515px;
  386. }
  387.  
  388. #post {
  389. background: {color:Posts} url('{image:Posts}');
  390. overflow:hidden;
  391. margin-bottom:1px;
  392. {block:IfMarginsBetweenPosts}
  393. margin-bottom:5px;
  394. {/block:IfMarginsBetweenPosts}
  395. padding:3px;
  396. width:500px;
  397. -webkit-transition: all 0.9s ease;
  398. -moz-transition: all 0.9s ease;
  399. transition: all 0.9s ease;
  400.  
  401. }
  402.  
  403. #post:hover{
  404. overflow:hidden;
  405. -webkit-transition: all 0.9s ease;
  406. -moz-transition: all 0.9s ease;
  407. transition: all 0.9s ease;
  408. }
  409.  
  410. .perma {
  411. position:absolute;
  412. float: left;
  413. margin-left:505px;
  414. {block:IfNotSidebaronLeft}
  415. margin-left:-105px;
  416. {/block:IfNotSidebaronLeft}
  417. margin-top:0px;
  418. font-size:10px;
  419. width: 100px;
  420. height:10px;
  421. background-color:;
  422. {block:IfMenuBorders}
  423. border-top:1px solid {color:Borders};
  424. {/block:IfMenuBorders}
  425. -webkit-transition: all 0.9s ease;
  426. -moz-transition: all 0.9s ease;
  427. transition: all 0.9s ease;
  428. opacity:0;
  429. {block:IfStaticPermalink}
  430. margin-top:0px;
  431. opacity:1.0;
  432. {/block:IfStaticPermalink}
  433. }
  434.  
  435. #post:hover .perma {
  436. opacity: 50;
  437. margin-top:5px;
  438. margin-left:505px;
  439. {block:IfNotSidebaronLeft}
  440. margin-left:-105px;
  441. {/block:IfNotSidebaronLeft}
  442. {block:IfStaticPermalink}
  443. margin-top:0px;opacity:1.0;
  444. {/block:IfStaticPermalink}
  445. }
  446.  
  447. .date {
  448. margin-top:2px;
  449. color:{color:Link};
  450. background-color:{color:Posted};
  451. {block:IfTransparentPermalink}
  452. background-color:transparent;
  453. {/block:IfTransparentPermalink}
  454. }
  455.  
  456. .date:hover, .date a:hover {
  457. -webkit-transition: all 0.9s ease;
  458. -moz-transition: all 0.9s ease;
  459. transition: all 0.9s ease;
  460. padding-top:10px;
  461. color:{color:Link hover};
  462. }
  463.  
  464. .via {
  465. margin-top:2px;
  466. color:{color:Link};
  467. background-color:{color:Reblog};
  468. {block:IfTransparentPermalink}
  469. background-color:transparent;
  470. {/block:IfTransparentPermalink}
  471. }
  472.  
  473. .via:hover, .via a:hover {
  474. -webkit-transition: all 0.9s ease;
  475. -moz-transition: all 0.9s ease;
  476. transition: all 0.9s ease;
  477. padding-top:10px;
  478. color:{color:Link Hover};
  479. }
  480.  
  481. .permalink a{
  482. display:block;
  483. -webkit-transition: all 0.9s ease;
  484. -moz-transition: all 0.9s ease;
  485. transition: all 0.9s ease;
  486. }
  487.  
  488. .permalink a:hover{
  489. -webkit-transition: all 0.9s ease;
  490. -moz-transition: all 0.9s ease;
  491. transition: all 0.9s ease;
  492. }
  493.  
  494. blockquote {
  495. width:480px;
  496. margin-left:10px;
  497. border-left: 5px solid {color:Borders};
  498. padding:2px;
  499. background-color:{color:Chat 1};
  500. }
  501.  
  502. #post img {
  503. max-width: 500px;
  504. }
  505.  
  506. .audioplayer {
  507. width:488px;
  508. padding:5px;
  509. margin:1px;
  510. background-color:{color:Chat 1};
  511. text-align: center;
  512. }
  513.  
  514. .ali {
  515. float:right;
  516. background-color:#e4e4e4;
  517. width:438px;
  518. margin-right:10px;
  519. margin-top:11px;
  520. font-size:9px;
  521. font-family:georgia;
  522. line-height:10px;
  523. letter-spacing:1px;
  524. text-transform:lowercase;
  525. padding:9px 9px 8px 8px;
  526. transition-duration: 0.50s;
  527. -moz-transition-duration: 0.50s;
  528. -webkit-transition-duration: 0.50s;
  529. }
  530.  
  531. .ali:hover{
  532. opacity:0.50;
  533. transition-duration: 0.50s;
  534. -moz-transition-duration: 0.50s;
  535. -webkit-transition-duration: 0.50s;
  536. }
  537.  
  538.  
  539. ol.notes {
  540. margin-left:10px;
  541. padding: 0px;
  542. background-color:{color:Posts};
  543. list-style-type: none;
  544. border-bottom: solid 1px {color:Borders};
  545. text-align:left;
  546. }
  547.  
  548. ol.notes li.note {
  549. border-top: solid 1px {color:Borders};
  550. padding: 2px;
  551. }
  552.  
  553. ol.notes li.note img.avatar {
  554. vertical-align: -4px;
  555. margin-right: 5px;
  556. width: 10px;
  557. height: 10px;
  558. }
  559.  
  560. ol.notes li.note span.action {
  561. font-weight: bold;
  562. }
  563.  
  564. ol.notes li.note .answer_content {
  565. font-weight: normal;
  566. }
  567.  
  568. ol.notes li.note blockquote {
  569. border-color: {color:Borders};
  570. padding: 4px 4px;
  571. margin: 2px 0px 0px 5px;
  572. }
  573.  
  574. ol.notes li.note blockquote a {
  575. text-decoration: none;
  576. }
  577.  
  578. .chat {
  579. padding:0px;
  580. border-left: 5px solid {color:Borders};
  581. }
  582.  
  583. .chat li {
  584. list-style-type: none;
  585. padding:1px;
  586. text-align:left;
  587. margin-left:1px;
  588. }
  589.  
  590. .chat li:nth-child(odd) {
  591. background-color:{color:Chat 1};
  592. }
  593.  
  594. .chat li:nth-child(even) {
  595. background-color:{color:Chat 2};
  596. }
  597.  
  598.  
  599. .jump_page{
  600. color:#fff;
  601. font-size:18px;
  602. padding:3px 5px 3px 5px;
  603. margin:1px;
  604. }
  605.  
  606. a.jump_page:hover {
  607. text-decoration:none;
  608. }
  609.  
  610. .current_page{
  611. color:#fff;
  612. font-size:18px;
  613. font-weight:bold;
  614. padding:3px 5px 3px 5px;
  615. margin:1px;
  616. }
  617.  
  618. .notes li, .notes ol{
  619. text-align:left;
  620. list-style-type: none;
  621. -webkit-transition: 0.5s ease-in;
  622. -moz-transition: 0.5s ease-in;
  623. transition: 0.5s ease-in;
  624. }
  625.  
  626. .notes li:hover {
  627. -webkit-transition: 0.5s ease-in;
  628. -moz-transition: 0.5s ease-in;
  629. transition: 0.5s ease-in;
  630. color:{color:links hover};
  631. margin:7px;
  632. border-top:none;
  633. background-color:{color:Chat 2};
  634. }
  635.  
  636. {block:PermalinkPage}
  637. #post:hover .perma {display:none;}
  638. .perma {display:none;}
  639. #post img {width:500px;}
  640. {/block:PermalinkPage}
  641.  
  642. #info{
  643. margin-top:1px;
  644. padding:2px;
  645. background-color: {color:Posts};
  646. width: 500px;
  647. -webkit-transition: 0.5s ease-in;
  648. -moz-transition: 0.5s ease-in;
  649. transition: 0.5s ease-in;
  650. }
  651.  
  652. #info a{
  653. color: {color:Menu Text};
  654. }
  655.  
  656. #info a:hover{
  657. color: {color:Menu Text Hover};
  658. }
  659.  
  660. #info:hover{
  661. margin-top:5px;
  662. -webkit-transition: 0.5s ease-in;
  663. -moz-transition: 0.5s ease-in;
  664. transition: 0.5s ease-in;
  665. }
  666.  
  667. .notes {
  668. background: {color:Posts};
  669. margin-top:1px;
  670. width: 490px;
  671. }
  672.  
  673. .notes a{
  674. color: {color:Menu Text};
  675. }
  676.  
  677. .notes a:hover{
  678. color: {color:Menu Text Hover};
  679. }
  680.  
  681.  
  682. #scrollToTop:link,#scrollToTop:visited{
  683. color: transparent;
  684. background-color: transparent;
  685. display: none;
  686. position: fixed;
  687. bottom: 5px;
  688. right: 300px;
  689. }
  690.  
  691. {CustomCSS}
  692. </style>
  693.  
  694. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  695. </script>
  696. <script type="text/javascript">
  697. $(document).ready(function(){
  698. $(".links_body").hide();
  699. $(".links_head").mouseover(function(){
  700. $(this).next(".links_body").slideToggle('normal');
  701. }); }); </script>
  702. <style type="text/css">
  703. .links_list {
  704. padding: 0px;
  705. width: 230px;
  706. }
  707.  
  708. .links_head {
  709. position: relative;
  710. text-align: center;
  711. letter-spacing: 1px;
  712. width:230px;
  713. padding:2px;
  714. font-size:12px;
  715. font-family:"existence light unicase";
  716. margin:3px 0 3px 0;
  717. background-color:{color:Description};
  718. }
  719.  
  720. .links_body {
  721. padding:2px 1px 2px 1px;
  722. width:231px;
  723. background:{color:Description};
  724. }
  725.  
  726. .links_body a{
  727. display: block;
  728. text-transform:uppercase;
  729. font-size:8px;
  730. letter-spacing:1px;
  731. padding: 0px 10px 0 10px;
  732. margin: 2px;
  733. text-align: center;
  734. -webkit-transition: all 0.8s ease;
  735. -moz-transition: all 0.8s ease;
  736. transition: all 0.8s ease;
  737. -o-transition-duration: all 0.8s ease;
  738. color: {color:Menu Text};
  739. background: {color:Menu background};
  740. }
  741.  
  742. .links_body a:hover{
  743. padding-right:7px;
  744. -webkit-transition: all 0.8s ease;
  745. -moz-transition: all 0.8s ease;
  746. transition: all 0.8s ease;
  747. -o-transition-duration: all 0.8s ease;
  748. color: {color:Menu Hover};
  749. background: {color:Menu Background Hover};
  750. }
  751.  
  752. </style>
  753. </head>
  754.  
  755.  
  756. <body>
  757. <div id="sidebar">
  758.  
  759. {block:IfSidebarImage}<img class="side" src="{image:Sidebar}"/>{/block:IfSidebarImage}
  760.  
  761. {block:IfAvatarandMenu}
  762. <div class="ava">
  763.  
  764. {block:IfNotNoAvatar}<img class="avatar" src="{PortraitURL-64}"/>{/block:IfNotNoAvatar}
  765.  
  766. <div class="des">{Description}</div>
  767.  
  768. </div>{/block:IfAvatarandMenu}
  769.  
  770.  
  771. <div class="links_list">
  772. <p class="links_head">{Title}</p>
  773. <div class="links_body">
  774. <a href="/">index</a>
  775. <a href="/ask">ask</a>
  776. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  777. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  778. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  779. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  780. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  781. {block:ifLink6}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6}
  782. {block:ifLink7}<a href="{text:Link 7}">{text:Link 7 Title}</a>{/block:ifLink7}
  783. {block:ifLink8}<a href="{text:Link 8}">{text:Link 8 Title}</a>{/block:ifLink8}
  784. {block:ifLink9}<a href="{text:Link 9}">{text:Link 9 Title}</a>{/block:ifLink9}
  785. {block:ifLink10}<a href="{text:Link 10}">{text:Link 10 Title}</a>{/block:ifLink10}
  786. <a href="http://cindie.tumblr.com">theme</a>
  787. </div></div>
  788.  
  789.  
  790. {block:IfNotInfiniteScrolling}
  791. <div id="pagess">
  792. {block:Pagination}
  793. {block:PreviousPage}
  794. <a href="{PreviousPage}" title="newer posts" class="pre">←</a>
  795. {/block:PreviousPage}
  796. {block:NextPage}
  797. <a href="{NextPage}" title="older posts" class="nex">→</a>{/block:NextPage}
  798. {/block:Pagination}</div>
  799. {/block:IfNotInfiniteScrolling}
  800.  
  801. </div>
  802. </div>
  803.  
  804.  
  805.  
  806.  
  807. <div id="content">
  808. {block:IfInfiniteScrolling}
  809. <div class = "autopagerize_page_element" >
  810. {/block:IfInfiniteScrolling}
  811.  
  812. {block:Posts}
  813. {block:ContentSource}
  814. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  815. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  816. {/block:SourceLogo}
  817. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  818. {/block:ContentSource}
  819. {block:Text}
  820.  
  821.  
  822. <div id="post">
  823. <div class="perma">
  824. {block:IfShowReblogLink}<div class="via">
  825. <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a>
  826. </div>{/block:IfShowReblogLink}
  827.  
  828. <div class="date">
  829. <a href="{Permalink}">{NoteCount}</a>
  830. </div>
  831.  
  832. {block:IfShowTags}{block:Tags}<a class="tags" href="{TagURLChrono}">-{Tag}</a>{/block:Tags}{/block:IfShowTags}
  833. </div>
  834.  
  835. <div class="header"><a href="{Permalink}">{Title}</a></div>
  836. {Body}
  837.  
  838. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  839.  
  840. </div>
  841. {/block:Text}
  842. {block:Photo}
  843.  
  844. <div id="post">
  845. <div class="perma">
  846. {block:IfShowReblogLink}<div class="via">
  847. <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a>
  848. </div>{/block:IfShowReblogLink}
  849.  
  850. <div class="date">
  851. <a href="{Permalink}">{NoteCount}</a>
  852. </div>
  853.  
  854. {block:IfShowTags}{block:Tags}<a class="tags" href="{TagURLChrono}">-{Tag}</a>{/block:Tags}{/block:IfShowTags}
  855. </div>
  856.  
  857. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  858.  
  859. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  860.  
  861. </div>
  862. {/block:Photo}
  863. {block:Photoset}
  864.  
  865. <div id="post">
  866. <div class="perma">
  867. {block:IfShowReblogLink}<div class="via">
  868. <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a>
  869. </div>{/block:IfShowReblogLink}
  870.  
  871. <div class="date">
  872. <a href="{Permalink}">{NoteCount}</a>
  873. </div>
  874.  
  875. {block:IfShowTags}{block:Tags}<a class="tags" href="{TagURLChrono}">-{Tag}</a>{/block:Tags}{/block:IfShowTags}
  876. </div>
  877.  
  878. {Photoset-500}
  879.  
  880. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  881.  
  882. </div>
  883. {/block:Photoset}
  884. {block:Quote}
  885.  
  886. <div id="post">
  887. <div class="perma">
  888. {block:IfShowReblogLink}<div class="via">
  889. <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a>
  890. </div>{/block:IfShowReblogLink}
  891.  
  892. <div class="date">
  893. <a href="{Permalink}">{NoteCount}</a>
  894. </div>
  895.  
  896. {block:IfShowTags}{block:Tags}<a class="tags" href="{TagURLChrono}">-{Tag}</a>{/block:Tags}{/block:IfShowTags}
  897. </div>
  898.  
  899. <h2>“</h2><div class="header">{Quote}</div>
  900. {block:Source}
  901. <center><i>-{Source}</i></center>
  902. {/block:Source}
  903.  
  904. </div>
  905.  
  906. {/block:Quote}
  907.  
  908. {block:Link}
  909.  
  910. <div id="post">
  911. <div class="perma">
  912. {block:IfShowReblogLink}<div class="via">
  913. <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a>
  914. </div>{/block:IfShowReblogLink}
  915.  
  916. <div class="date">
  917. <a href="{Permalink}">{NoteCount}</a>
  918. </div>
  919.  
  920. {block:IfShowTags}{block:Tags}<a class="tags" href="{TagURLChrono}">-{Tag}</a>{/block:Tags}{/block:IfShowTags}
  921. </div>
  922.  
  923. <a href="{URL}"{Target}><div class="header">{Name}</a></div>
  924. {block:Description}
  925. {Description}
  926. {/block:Description}
  927.  
  928. </div>
  929. {/block:Link}
  930.  
  931. {block:Chat}
  932.  
  933. <div id="post">
  934. <div class="perma">
  935. {block:IfShowReblogLink}<div class="via">
  936. <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a>
  937. </div>{/block:IfShowReblogLink}
  938.  
  939. <div class="date">
  940. <a href="{Permalink}">{NoteCount}</a>
  941. </div>
  942.  
  943. {block:IfShowTags}{block:Tags}<a class="tags" href="{TagURLChrono}">-{Tag}</a>{/block:Tags}{/block:IfShowTags}
  944. </div>
  945.  
  946. <div class="header">{Title}</a></div>
  947. <ul class="chat">
  948. {block:Lines}
  949. <li class="{Alt}">
  950. {block:Label}
  951. <span class="label">{Label}</span>
  952. {/block:Label}
  953.  
  954. {Line}
  955.  
  956. {/block:Lines}
  957. </ul>
  958.  
  959. </li>
  960.  
  961. </div>
  962. {/block:Chat}
  963. {block:Video}
  964.  
  965. <div id="post">
  966. <div class="perma">
  967. {block:IfShowReblogLink}<div class="via">
  968. <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a>
  969. </div>{/block:IfShowReblogLink}
  970.  
  971. <div class="date">
  972. <a href="{Permalink}">{NoteCount}</a>
  973. </div>
  974.  
  975. {block:IfShowTags}{block:Tags}<a class="tags" href="{TagURLChrono}">-{Tag}</a>{/block:Tags}{/block:IfShowTags}
  976. </div>
  977.  
  978. {Video-500}
  979.  
  980.  
  981. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  982.  
  983. </div>
  984.  
  985. {/block:Video}
  986. {block:Audio}
  987.  
  988. <div id="post">
  989. <div class="perma">
  990. {block:IfShowReblogLink}<div class="via">
  991. <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a>
  992. </div>{/block:IfShowReblogLink}
  993.  
  994. <div class="date">
  995. <a href="{Permalink}">{NoteCount}</a>
  996. </div>
  997.  
  998. {block:IfShowTags}{block:Tags}<a class="tags" href="{TagURLChrono}">-{Tag}</a>{/block:Tags}{/block:IfShowTags}
  999. </div>
  1000.  
  1001. <div class="ali">
  1002. {block:TrackName}{TrackName}{/block:TrackName} {block:Artist}<i>by</i>&nbsp;{Artist}{/block:Artist}
  1003. </div>
  1004.  
  1005. <div class="audioplayer">
  1006. <div style="margin: 5px; width:26px; overflow:hidden;" id="{postID}">{AudioPlayerGrey}</div></div>
  1007.  
  1008. </div>
  1009.  
  1010. {/block:Audio}
  1011.  
  1012. {block:Answer}
  1013.  
  1014. <div id="post">
  1015. <div class="perma">
  1016. {block:IfShowReblogLink}<div class="via">
  1017. <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a>
  1018. </div>{/block:IfShowReblogLink}
  1019.  
  1020. <div class="date">
  1021. <a href="{Permalink}">{NoteCount}</a>
  1022. </div>
  1023.  
  1024. {block:IfShowTags}{block:Tags}<a class="tags" href="{TagURLChrono}">-{Tag}</a>{/block:Tags}{/block:IfShowTags}
  1025. </div>
  1026.  
  1027. <div id="asker">{Asker} Asked: {Question}</div>
  1028. <div id="answer">{Answer}</div>
  1029.  
  1030. </div>
  1031. {/block:Answer}
  1032.  
  1033. {block:PermalinkPage}
  1034. {block:Date}
  1035. <div id="info"><div id="bottom">
  1036. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">
  1037. {ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}
  1038. </a>
  1039. at {12Hour}:{Minutes}{AmPm}
  1040. {block:RebloggedFrom}
  1041. <br>Originally posted by
  1042. <a href="{ReblogRootURL}">{ReblogRootName}</a>.
  1043. {/block:RebloggedFrom}
  1044.  
  1045. {block:Answer}
  1046. <BR>
  1047. Ask: <a href="/ask">{AskLabel}</a>
  1048. {/block:Answer}
  1049.  
  1050. {block:Audio}
  1051. <BR>Plays: {FormattedPlayCount}
  1052. {block:ExternalAudio}
  1053. <BR>Download: <a href="{ExternalAudioURL}">here</a>.
  1054. {/block:ExternalAudio}
  1055. {/block:Audio}
  1056.  
  1057. {block:HasTags}
  1058. <BR>Tagged: {block:Tags}
  1059. <a href="{TagURL}">{Tag}</a> {/block:Tags}
  1060. {/block:HasTags}
  1061.  
  1062. {block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  1063. </div>
  1064. {block:Caption}{Caption}{/block:Caption}
  1065. </div>
  1066. {/block:Date}
  1067. {/block:PermalinkPage}
  1068.  
  1069. {block:PostNotes}
  1070. <div class="notes">{PostNotes}</div>
  1071. {/block:PostNotes}
  1072.  
  1073.  
  1074. {/block:Posts}
  1075. </div>
  1076.  
  1077. {block:IfInfiniteScrolling}
  1078. </div>
  1079. {/block:IfInfiniteScrolling}
  1080.  
  1081.  
  1082. </body>
  1083. </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!