API tools faq
paste
cindie

Coffee

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