API tools faq
paste
Advertisement
elsewheretales

Fancy theme #2

elsewheretales
May 12th, 2014
510
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <!---theme by elsewheretales.tumblr.com
  8.  
  9. --->
  10.  
  11.  
  12. <title>{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  13.  
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20.  
  21. <!--fonts-->
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Lato:Thin100' rel='stylesheet' type='text/css' />
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css' />
  26.  
  27. <!--script sources-->
  28.  
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  30.  
  31. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  32.  
  33. <!-- jquery script for tooltip -->
  34. <script>
  35. $().ready(function() {
  36. $("[title]").style_my_tooltips({
  37. tip_follows_cursor: "on",
  38. tip_delay_time: 200 //this is in milliseconds
  39. });
  40. });
  41. </script>
  42.  
  43. <!--navigation box script-->
  44.  
  45. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  46. <script type="text/javascript">
  47. $(document).ready(function () {
  48. $('li.drawer div:nth-child(2)').hide();
  49. $('li.drawer items').click(function () {
  50. if ($(this).hasClass('open')) {
  51. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  52. else {
  53. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  54. $(this).next().slideDown();
  55. $(this).addClass('open');}
  56. });
  57. });
  58. </script>
  59.  
  60. <!--thank you tumblr academy for the script and the script source-->
  61.  
  62. <!--default-->
  63.  
  64. <meta name="image:Sidebar" content=""/>
  65. <meta name="image:Background" content="" />
  66.  
  67. <meta name="if:Infinite Scroll" content="0" />
  68. <meta name="if:400px Posts" content="0" />
  69. <meta name="if:Faded Posts" content="0" />
  70. <meta name="if:Show Tags" content="1" />
  71. <meta name="if:Show Captions" content="1" />
  72.  
  73. <meta name="color:Sidebar Background" content="#fff" />
  74. <meta name="color:Links Background" content="#f6f6f6" />
  75. <meta name="color:Posts Background" content="#fff" />
  76. <meta name="color:Ask Background" content="#f4f4f4" />
  77. <meta name="color:Background" content="#fff" />
  78. <meta name="color:Container" content="#f6f6f6" />
  79. <meta name="color:Text" content="#555" />
  80. <meta name="color:Tags" content="#111" />
  81. <meta name="color:Link" content="#000" />
  82. <meta name="color:Link Hover" content="#bbb" />
  83. <meta name="color:Title" content="#555" />
  84. <meta name="color:Title Hover" content="#ccc" />
  85. <meta name="color:Borders" content="#e2e2e2" />
  86. <meta name="color:Permalink" content="#f6f6f6" />
  87.  
  88. <meta name="text:Navigation Title" content="Navigation" />
  89. <meta name="text:Asker Text" content="whispered" />
  90. <meta name="text:Link 1" content="" />
  91. <meta name="text:Link 1 URL" content="" />
  92. <meta name="text:Link 2" content="" />
  93. <meta name="text:Link 2 URL" content="" />
  94. <meta name="text:Link 3" content="" />
  95. <meta name="text:Link 3 URL" content="" />
  96. <meta name="text:Link 4" content="" />
  97. <meta name="text:Link 4 URL" content="" />
  98. <meta name="text:Link 5" content="" />
  99. <meta name="text:Link 5 URL" content="" />
  100. <meta name="text:Link 6" content="" />
  101. <meta name="text:Link 6 URL" content="" />
  102. <meta name="text:Link 7" content="" />
  103. <meta name="text:Link 7 URL" content="" />
  104. <meta name="text:Link 8" content="" />
  105. <meta name="text:Link 8 URL" content="" />
  106.  
  107. <!--css begins-->
  108.  
  109. <style type="text/css">
  110.  
  111. /* tooltip */
  112.  
  113. #s-m-t-tooltip{
  114. position: absolute;
  115. display: inline-block;
  116. margin:35px 10px 0px 0px;
  117. max-width: 300px;
  118. padding: 3px 7px 3px 7px;
  119. z-index: 99999;
  120. text-transform: uppercase;
  121. font-family: Cambria, serif;
  122. font-size: 9px;
  123. color: {color:Text};
  124. background-color:{color:Container};
  125. border:1px solid {color:Borders};
  126. }
  127.  
  128. /* scrollbar */
  129.  
  130. ::-webkit-scrollbar{width:2px; height:5px;background-color:{color:Borders};}
  131.  
  132. ::-webkit-scrollbar-thumb{background-color:{color:Borders};border:1px solid {color:Scrollbar};}
  133.  
  134. ::-webkit-scrollbar-track{background-color:{color:Background};}
  135.  
  136. /* cursor and resets */
  137.  
  138. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  139.  
  140. /* tumblr controls */
  141.  
  142. iframe#tumblr_controls {
  143. top: 0%;
  144. right:0%;
  145. opacity:0.3;
  146. position: fixed;
  147. filter:alpha(opacity=30);
  148. -webkit-transition: all 0.5s ease;
  149. -moz-transition: all 0.5s ease;
  150. -o-transition: all 0.5s ease;
  151. }
  152. iframe#tumblr_controls:hover{
  153. top: 0%;
  154. right:0%;
  155. opacity:0.8;
  156. position: fixed;
  157. filter:alpha(opacity=80);
  158. -webkit-transition: all 0.5s ease;
  159. -moz-transition: all 0.5s ease;
  160. -o-transition: all 0.5s ease;
  161. }
  162.  
  163. /* build */
  164.  
  165. body { margin:0; padding:0; height:100%; border:none;
  166. font-family: cambria, serif; font-size:13px; line-height:18px;
  167. background:{color:Background}; color:{color:Text};}
  168.  
  169. a {
  170. color:{color:Link};
  171. text-decoration:none;
  172. -moz-transition-duration:0.4s;
  173. -webkit-transition-duration:0.4s;
  174. -ms-transition-duration:0.4s;
  175. -o-transition-duration:0.4s;
  176. }
  177.  
  178. a:hover {
  179. color:{color:Link Hover};
  180. -moz-transition-duration:0.4s;
  181. -webkit-transition-duration:0.4s;
  182. -ms-transition-duration:0.4s;
  183. -o-transition-duration:0.4s;
  184. }
  185.  
  186. img { opacity:1;border:none;text-decoration:none;}
  187.  
  188. img a{border:none;}
  189.  
  190. img a:hover{border:none;}
  191.  
  192. small, big {font-size:14px;line-height:18px;}
  193. b, strong {color: {color:Text}; }
  194. i, em {color: {color:Text};}
  195. p {margin-top:10px; margin-bottom:10px;}
  196. ol {list-style:normal;}
  197. ul {list-style:square;}
  198. s, strike, del {color: {color:Text}; font-size:100%;}
  199.  
  200. /* headings */
  201.  
  202. h1 {
  203. font-family:'Lato', georgia, cambria, serif;
  204. font-size:15px;font-weight:normal;font-style:normal;
  205. letter-spacing:1px; text-align:center; text-transform:uppercase;
  206. line-height:100%; color:{color:Link};}
  207.  
  208. h2 {
  209. font-family:georgia, cambria, serif;
  210. font-size:12px; font-weight:normal; padding:5px;
  211. letter-spacing:1px; line-height:120%; text-align:center;
  212. color:{color:Text};}
  213.  
  214. h3 {
  215. font-family:georgia, cambria, serif;
  216. font-sie:11px; font-weight:normal; padding:2px;
  217. letter-spacing:1px; line-height:120%; text-align:center;
  218. color:{color:Text};}
  219.  
  220. h4 {font-family:cambria; font-size:13px; color:{color:Text};}
  221.  
  222. blockquote {border-left:1px solid {color:Borders};padding:0 10px 0px 10px;margin:10px;}
  223.  
  224. blockquote img {width:90%;}
  225.  
  226. pre {margin-left:auto; margin-right:auto; font-family:cambria, serif; font-size:13px; padding: 5px 6px 5px 6px; word-wrap: break-word; background:{color:Container}; color:{color:Text};
  227. {block:ifnot400pxPosts} max-width:500px; {/block:ifnot400pxPosts}
  228. {block:if400pxPosts} max-width:400px; {/block:if400pxPosts}
  229. height:auto; overflow-y:auto;}
  230.  
  231. /* post title */
  232.  
  233. #title {
  234. margin-bottom:0px;
  235. text-transform:uppercase; text-align:center; font-family: 'Lato', georgia, cambria, serif;
  236. font-weight:normal; font-size:15px; letter-spacing:1px; line-height:100%; }
  237.  
  238. /* content */
  239.  
  240. #content {
  241. width:auto;height:100%;
  242. margin:0px; padding:30px 30px 0px 30px; background: {color:Background};}
  243.  
  244. /* post space */
  245.  
  246. #entryspace {
  247. margin:-30px auto 0px 270px; padding:50px 0px 100px 0px; border-right:1px solid {color:Borders};
  248. background: url('{image:Background}') {color:Container}; height:100%;
  249. {block:PermalinkPage} padding-bottom:500px; {/block:PermalinkPage}
  250. {block:ifnot400pxPosts}width:670px;{/block:ifnot400pxPosts}
  251. {block:if400pxPosts}width:570px;{/block:if400pxPosts}
  252. }
  253.  
  254. /* posts */
  255.  
  256. #entry {
  257. margin:0px auto 120px 80px;
  258. position:relative; padding:15px; background: {color:Posts Background};
  259. border:1px solid {color:Borders};
  260. {block:ifnot400pxPosts}width:500px;{/block:ifnot400pxPosts}
  261. {block:if400pxPosts} width:400px;{/block:if400pxPosts}
  262. {block:ifnotFadedPosts}opacity:1;{/block:ifnotFadedPosts}
  263. {block:ifFadedPosts}opacity:0.8;{/block:ifFadedPosts}
  264. }
  265.  
  266. {block:ifFadedPosts}
  267. #entry:hover {
  268. opacity:1;
  269. -webkit-transition-duration: 0.6s ease-in;
  270. -moz-transition-duration:0.6s ease-in;
  271. -ms-transition-duration:0.6s ease-in;
  272. -o-transition-duration:0.6s ease-in;
  273. transition: all 0.6s ease-in;
  274. }
  275. {/block:ifFadedPosts}
  276.  
  277.  
  278. #entry img{
  279. {block:if400pxPosts}max-width:400px;{/block:if400pxPosts}
  280. {block:ifnot400pxPosts}max-width:500px; {/block:ifnot400pxPosts} border:none;}
  281.  
  282. /* audio */
  283.  
  284. .info {
  285. font-size:13px; height:40px;overflow-y:auto;
  286. {block:ifnot400pxPosts}max-width:500px;{/block:ifnot400pxPosts}
  287. {block:if400pxPosts}max-width:400px;{/block:if400pxPosts}
  288. line-height:20px; text-align:right;
  289. padding:19px; background:{color:Ask Background};
  290. }
  291.  
  292. .woof { margin-left:0px; margin-top:0px; overflow:hidden; padding:2px;}
  293.  
  294. .player {
  295. width:30px; height:30px; position:absolute!important;
  296. background:{color:Posts Background};
  297. margin-top:23px; margin-left:23px; opacity:0.7;
  298. -webkit-transition:all 0.5s;
  299. -moz-transition:all 0.5s;
  300. -ms-transition:all 0.5s;
  301. -o-transition:all 0.5s;
  302. transition:all 0.5s;
  303. }
  304.  
  305. .player:hover { opacity:0.8;}
  306.  
  307. /* quote */
  308.  
  309. .quote{
  310. font-size:14px; line-height:140%; margin:0px 20px; padding: 10px 0px 10px 0px;
  311. text-align:center; letter-spacing:0.5px; color:{color:Text};text-indent:10px;}
  312.  
  313. .quote:first-letter {
  314. font-weight:bold;font-size: 22px; padding:2px;text-transform:uppercase;}
  315.  
  316. .quotecomma1{
  317. margin:20px -30px 5px 0px;float:left; opacity:0.3;position:relative;
  318. font-size:60px; font-family:'Playfair Display', Cambria, serif;
  319. letter-spacing:1px;
  320. }
  321.  
  322. .quotecomma2{
  323. margin:5px 0px 0px 0px;float:right;opacity:0.3; position:relative;
  324. font-size:60px; font-family:'Playfair Display', Cambria, serif;
  325. letter-spacing:1px;}
  326.  
  327. .quotesource {
  328. text-align:right;letter-spacing:1px;line-height:140%;font-family: cambria, serif; font-size:14px;}
  329.  
  330.  
  331. /* question and answer */
  332.  
  333. #ques { text-align:left; margin:10px; padding:10px 10px 20px 10px; background: {color:Ask Background};}
  334.  
  335. .ask { {block:ifnot400pxPosts}width:300px; {/block:ifnot400pxPosts}; {block:if400pxPosts} width:200px;{/block:if400pxPosts} height:auto; padding:10px; text-align:left; float:right;}
  336.  
  337. .asker { text-align:left;}
  338.  
  339. .asker a { font-style:italic;}
  340.  
  341. .askericon {width: 40px; height:40px; border:3px double {color:Borders}; padding:3px; margin:-6px 0px 0px 0px; float:left; margin:10px 20px 10px 10px; background:{color:Posts Background};}
  342.  
  343. .askericon img { width: 40px; height: 40px; border: 3px double {color:Borders};}
  344.  
  345. .answer { text-align:left; padding-left:10px;}
  346.  
  347.  
  348. /* chat posts */
  349.  
  350. .chat {margin:0px;}
  351.  
  352. .chat ol { line-height:160%; list-style:lower-roman;}
  353.  
  354. .line.odd {
  355. background: {color:Ask Background};
  356. padding:5px; margin-left:-40px;
  357. }
  358. .line.even {
  359. background: {color:Posts Background};
  360. padding:5px; margin-left:-40px;
  361. }
  362.  
  363. .label {
  364. color:{color:Text};font-weight:bold; padding-right:1px;letter-spacing:1px;
  365. text-transform:none;}
  366.  
  367. /* sidebar */
  368.  
  369. #sidebar {
  370. color:{color:Text};
  371. background:{color:Sidebar Background};
  372. position:fixed;width:250px; height:100%;
  373. margin:0px; padding:30px;
  374. text-align:left;
  375. border-right: 1px solid {color:Borders};
  376. border-left:10px solid {color:Sidebar Background};
  377. }
  378.  
  379. #sidebar img{
  380. width:100px; height:auto; border:4px double {color:Borders};padding:10px; background: {color:Sidebar Background}; margin:10px 0px 20px 57px;}
  381.  
  382. #sidebar img:hover {
  383. filter:gray; -webkit-filter:grayscale(100%);}
  384.  
  385. /* blog title */
  386.  
  387. .blogtitle {
  388. position:relative; letter-spacing:1px;
  389. font-family:'Lato', cambria, serif; width:170px; display:block;
  390. padding:10px; margin:0px auto auto 25px;text-align:center; font-size:18px;}
  391.  
  392. .blogtitle a{ color:{color:Text}; text-transform:uppercase;}
  393.  
  394. .blogtitle a:hover { color: {color:Link Hover};
  395. border:none; text-transform: lowercase;
  396. -webkit-transition-duration:0.8s;
  397. -moz-transition-duration:0.8s;
  398. -ms-transition-duration:0.8s;
  399. -o-transition-duration:0.8s;
  400. transition:all 0.8s;}
  401.  
  402.  
  403. .link {
  404. position:relative;
  405. width:170px; height:auto; background:{color:Links Background};
  406. padding:5px; margin:10px 0px 10px 30px; border:1px solid {color:Borders};
  407. font-family:arial; font-size:8px; text-align:center; line-height:150%;}
  408.  
  409. .link a{
  410. width:100px; padding:5px;
  411. margin-bottom:8px; opacity: 0.8;
  412. color:{color:Link};
  413. letter-spacing:2px;text-decoration:none;text-transform:uppercase;
  414. -webkit-transition-duration:0.6s ease-in-out;
  415. -moz-transition-duration:0.6s ease-in-out;
  416. -ms-transiton-duration:0.6s ease-in-out;
  417. -o-transition-duration:0.6 ease-in-out;
  418. transition:all 0.6s ease-in-out;
  419. }
  420.  
  421. .link a:hover {
  422. color: {color:Link Hover}; opacity:1; width:100px;
  423. font-style:normal; border:none; letter-spacing:1px;
  424. -webkit-transition-duration:0.6s ease-in-out;
  425. -moz-transition-duration:0.6s ease-in-out;
  426. -ms-transition-duration:0.6s ease-in-out;
  427. -o-transition-duration:0.6s ease-in-out;
  428. transition:all 0.6s ease-in-out;
  429. }
  430.  
  431. .desc {
  432. width:150px; height:auto;
  433. margin:15px 0px 15px 30px; padding:15px;
  434. position:relative;
  435. font-size:12px; line-height:17px; word-wrap:break-word;
  436. border-top:1px solid {color:Borders};
  437. border-bottom:1px solid {color:Borders};
  438. text-align:justify;}
  439.  
  440. #linkbox {
  441. width:170px;
  442. height:auto;
  443. padding:5px; margin:0px 0px 0px 30px;
  444. font-family:arial; font-size:8px;
  445. border:1px solid {color:Borders};
  446. background: {color:Links Background};
  447. }
  448.  
  449. .links {
  450. width:170px;
  451. list-style: none;
  452. }
  453.  
  454. .links a {
  455. margin-top:5px; margin-left:37px; width:170px; display:block;
  456. border-bottom:1px solid {color:Borders};
  457. text-transform:uppercase; font-family:arial; text-align:center; font-size:8px;
  458. letter-spacing:1px;
  459. -webkit-transition: 0.6s ease-in-out;
  460. -moz-transition: 0.6s ease-in-out;
  461. -ms-transition:0.6s ease-in-out;
  462. -o-transition:0.6s ease-in-out;
  463. transition: all 0.6s ease-in-out;
  464. }
  465.  
  466. .links a:hover{
  467. color:{color:Link Hover}; font-style:italic;
  468. -webkit-transition:0.6s ease-in-out;
  469. -moz-transition: 0.6s ease-in-out;
  470. -ms-transtion:0.6s ease-in-out;
  471. -o-transition: 0.6s ease-in-out;
  472. transition: all 0.6s ease-in-out;
  473. }
  474.  
  475. .links li items {
  476. text-transform:uppercase;
  477. height:auto; font-size:8px; letter-spacing:2px;
  478. font-family:arial; text-align:center; line-height:150%; color:{color:Link}; background:{color:Links Background};
  479. -webkit-transition: 0.6s ease-in-out;
  480. -moz-transition: 0.6s ease-in-out;
  481. -ms-transition: 0.6s ease-in-out;
  482. -o-transition: 0.6s ease-in-out;
  483. transition: 0.6s ease-in-out;
  484. }
  485.  
  486. .links li items:hover{
  487. background:{color:Links Background};
  488. color: {color:Link Hover}; letter-spacing:0px;
  489. -webkit-transition: 0.6s ease-in-out;
  490. -moz-transition: 0.6s ease-in-out;
  491. -ms-transition: 0.6s ease-in-out;
  492. -o-transition: 0.6s ease-in-out;
  493. transition: 0.6s ease-in-out;
  494. }
  495.  
  496. /* pagination */
  497.  
  498. .page { position:relative; margin-left:30px; width:180px; text-align:center;}
  499.  
  500. .page a { text-align:center; color:{color:Text}; opacity:0.8; border:1px solid {color:Borders}; color: {color:Link}; background: {color:Links Background};padding:2px; font-size:11px;}
  501.  
  502. .page a:hover { color:{color:Text}; background: {color:Sidebar Background};border:none;}
  503.  
  504. /* permalink */
  505.  
  506. #permalink {
  507. {block:ifnot400pxPosts}margin:0px 0px 0px 590px; {/block:ifnot400pxPosts}
  508. {block:if400pxPosts}margin:0px 0px 0px 490px;{/block:if400pxPosts}
  509. width:100px; position:absolute; margin-top:-10px;
  510. color:{color:Text}; text-align:left; text-transform:uppercase; padding:3px; background: transparent;
  511. font-family:arial; font-size:8px; line-height:150%;
  512. letter-spacing:1px; opacity:0.8;
  513. -webkit-transition-duration:0.8s;
  514. moz-transition-duration:0.8s;
  515. -ms-transiton-duration:0.8s;
  516. -o-transition-duration:0.8s;}
  517.  
  518. #permalink a { color:{color:Link}; font-style:normal;}
  519.  
  520. #permalink a:hover {color:{color:Link Hover};}
  521.  
  522. #permalink .date {
  523. width:100px; height:auto; padding:3px;
  524. border:1px solid {color:Borders}; background:{color:Permalink};}
  525.  
  526. #permalink .details { width:100px; height:auto; padding:3px;
  527. background:transparent;}
  528.  
  529. #permalink .details a{ color:{color:Link};}
  530.  
  531. #permalink .details a:hover{ color:{color:Link Hover};}
  532.  
  533. #permalink .lines{
  534. width:100px; height:auto; padding:3px;
  535. border-bottom:1px solid {color:Borders};
  536. background:transparent;}
  537.  
  538.  
  539.  
  540. /* tags */
  541.  
  542. .tags {
  543. position:relative; margin:-120px 0px 100px 80px;
  544. {block:ifnot400pxPosts}width:500px;{/block:ifnot400pxPosts}
  545. {block:if400pxPosts} width:400px; {/block:if400pxPosts}
  546. padding-top:4px;
  547. font-size:11px;font-family: arial, serif;
  548. text-align:center;line-height:130%;
  549. word-wrap:break-word;
  550. {block:ifShowTags}opacity:1;{/block:ifShowTags}
  551. {block:ifnotShowTags}opacity:0;{/block:ifnotShowTags}
  552. }
  553.  
  554. .tags a{
  555. color:{color:Tags};margin-left:5px;
  556. -webkit-transition-duration:0.8s;
  557. -moz-transition-duration:0.8s;
  558. -ms-transition-duration: 0.8s;
  559. -o-transition-duration:0.8s;
  560. }
  561.  
  562. .tags a:hover{
  563. color:{color:Link Hover};
  564. text-transform:none;
  565. -webkit-transition-duration:0.8s;
  566. -moz-transition-duration:0.8s;
  567. -ms-transition-duration: 0.8s;
  568. -o-transition-duration:0.8s;
  569. }
  570.  
  571. /* notes */
  572.  
  573. .notes {
  574. {block:IndexPage} display: none; {/block:IndexPage}
  575. {block:PermalinkPage}
  576. margin:30px auto 0px 30px;
  577. position:relative;
  578. {block:ifnot400pxPosts}width:500px;{/block:ifnot400pxPosts}
  579. {block:if400pxPosts} width:400px; {/block:if400pxPosts}
  580. height:auto;
  581. {/block:PermalinkPage}
  582. text-align:left;
  583. }
  584.  
  585. .notes img {
  586. display:none;
  587. }
  588.  
  589. .notes a{ color: {color:Link};}
  590.  
  591. .notes a:hover { color:{color:link Hover};}
  592.  
  593. .notes li { list-style-type:lower-roman;
  594. border-bottom:1px solid {color:Borders};
  595. padding:5px 0px;
  596. text-align:left;
  597. font-size:13px;}
  598.  
  599. .noteslabel {
  600. margin:30px auto 0px 100px; text-align:center;
  601. font-size:15px; font-family:'Lato', 'Playfair Display', Cambria, serif;
  602. letter-spacing:1px; color:{color:Text}; text-transform:uppercase;}
  603.  
  604. /* credit */
  605.  
  606. #box {
  607. font-size:10px;
  608. font-family:cambria;
  609. letter-spacing:1px;
  610. }
  611.  
  612. #box a {
  613. position:fixed; padding:5px;right:10px; bottom:10px;
  614. background-color:{color:Background}; color:{color:Text} ;border:1px solid {color:Borders};
  615. -webkit-transition-duration:0.8s;
  616. -moz-transition-duration:0.8s;
  617. -ms-transition-duration:0.8s;
  618. -o-transition-duration:0.8s;
  619. transition:all 0.8s;
  620. }
  621.  
  622. #box a:hover {
  623. color:{color:Text}; background-color:{color:Background};
  624. -moz-transform:rotate(360deg);
  625. -webkit-transform:rotate(360deg);
  626. -ms-transform:rotate(360deg);
  627. -o-transform:rotate(360deg);
  628. transform:rotate(360deg);
  629. -webkit-transition-duration:0.8s;
  630. -moz-transition-duration:0.8s;
  631. -ms-transition-duration:0.8s;
  632. -o-transition-duration:0.8s;}
  633.  
  634. {CustomCSS}
  635.  
  636. </style>
  637.  
  638.  
  639.  
  640.  
  641. </head>
  642.  
  643. <body>
  644.  
  645. <div id="sidebar">
  646. <div class="blogtitle"><a href="/">{Title}</a></div>
  647. {block:ifSidebarImage}<div id="sidebarimage"><img src="{image:sidebar}"></div>{/block:ifSidebarImage}
  648.  
  649.  
  650. {block:ifnotInfiniteScroll}
  651. {block:Pagination} <div class="page">
  652. {block:PreviousPage}<a style="border:none; background:{color:Sidebar Background};" href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  653. {block:JumpPagination length="4"}
  654. {block:CurrentPage}
  655. <span class="current_page">{PageNumber}</span>
  656. {/block:CurrentPage}
  657.  
  658. {block:JumpPage}
  659. <a class="jump_page" href="{URL}">{PageNumber}</a>
  660. {/block:JumpPage}
  661. {/block:JumpPagination}
  662.  
  663. {block:NextPage}
  664. <a style="border:none; background: {color:Sidebar Background};" href="{NextPage}">&raquo;</a>
  665. {/block:NextPage}</div>
  666. {/block:Pagination}{/block:ifnotInfiniteScroll}
  667.  
  668. <div class="link">
  669. <a href="/">home</a>
  670. <a href="/ask">mail</a>
  671. <a href="/archive">archive</a>
  672. </div>
  673.  
  674. <div class="desc">{Description}</div>
  675.  
  676. <div class="links">
  677. <li class="drawer" >
  678. <items><div id="linkbox">
  679. navigation </div>
  680. </items>
  681. <div align="center">
  682. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  683. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  684. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  685. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  686. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  687. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  688. {block:ifLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifLink7}
  689. {block:ifLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:ifLink8}
  690. </div>
  691. </li>
  692. </div>
  693. </div>
  694.  
  695. {block:ifInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScroll}
  696. <div id="content">
  697.  
  698. <div id="entryspace">
  699.  
  700. {block:Posts}
  701.  
  702. <div id="entry">
  703.  
  704. <div id="permalink">
  705. <div class="date">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</div>
  706. <div class="details">
  707. {block:NoteCount}<div class="lines"><a href="{Permalink}"> {NoteCountwithLabel}</a></div>{/block:NoteCount}
  708. <div class="lines"><a style="color:{color:Link};" href="{ReblogURL}" style="color:{color:title};"> reblog</a></div>
  709. {block:ContentSource}
  710.  
  711. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  712. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  713. {/block:SourceLogo}
  714. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  715. {/block:ContentSource}
  716.  
  717. {block:RebloggedFrom}<div class="lines"><a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}"> © </a>{/block:ContentSource}</div>{/block:RebloggedFrom}</div>
  718. </div>
  719.  
  720.  
  721.  
  722. {block:Text}{block:Title}
  723. <div id="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  724.  
  725. {block:Photo}{LinkOpenTag}
  726.  
  727. {block:ifnot400pxPosts}<img src="{PhotoURL-500}">{/block:ifnot400pxPosts}
  728. {block:if400pxPosts}<img src="{PhotoURL-400}">{/block:if400pxPosts}
  729. {LinkCloseTag}
  730. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}{/block:Photo}
  731.  
  732. {block:Photoset}<div class="photoset">
  733. {block:ifnot400pxPosts}{Photoset-500}{/block:ifnot400pxPosts}
  734. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  735. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}</div>{/block:Photoset}
  736.  
  737. {block:Quote}
  738. <div class="quotecomma1">“</div>
  739. <center><big><big><div class="quote">{Quote}</div></big></big></center>
  740. <div class="quotecomma2">”</div><br>
  741. {block:Source}<div class="quotesource"> - {Source}</div>{/block:Source}
  742. {/block:Quote}
  743.  
  744.  
  745. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  746.  
  747. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1{/block:Title}
  748. <ol>{block:Lines}<li style="list-style:none;" class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  749.  
  750. {block:Audio}
  751. <div class="player"><div class="woof">{AudioPlayer}</div></div><div class="info"><big>{block:TrackName}<i>{TrackName}</i>{/block:TrackName}</big>{block:Artist}<br>{Artist}{/block:Artist}</div>
  752. {/block:Audio}
  753.  
  754.  
  755. {block:Video}
  756. {block:ifnot400pxPosts}{Video-500}{/block:ifnot400pxposts}
  757. {block:if400pxposts}{Video-400}{/block:if400pxPosts}
  758. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}
  759. {/block:ifShowCaptions}{/block:Video}
  760.  
  761. <!--question and answer-->
  762.  
  763. {block:Answer}
  764. <div id="ques">
  765. <div class="askericon"><img src="{AskerPortraitURL-40}"></div>
  766. <div class="asker"><b>{Asker}</b> whispered: <br>
  767. {Question}</div>
  768. </div>
  769. <div class="answer">{Answer}</div>
  770. {/block:Answer}
  771.  
  772.  
  773.  
  774. </div>
  775. {block:HasTags}
  776. <div class="tags">
  777. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}</div>
  778. {/block:HasTags}
  779.  
  780. {block:PostNotes}
  781. <div class="notes">
  782. {block:NoteCount}<div class="noteslabel">notes</div>{/block:NoteCount}
  783. {PostNotes}</div>
  784. {/block:PostNotes}
  785.  
  786.  
  787. {/block:Posts}
  788.  
  789.  
  790.  
  791. </div>
  792. </div>
  793. </div>
  794.  
  795. <div id="box"><a href="http://elsewheretales.tumblr.com">ET</div>
  796.  
  797. </body>
  798. </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!