API tools faq
paste
Advertisement
tasty2punch

roy theme 20131223

tasty2punch
Dec 22nd, 2013
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 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.  
  3. <!--
  4.  
  5. theme 016: andare (to run)
  6. by jackie @ benizora.tumblr.com
  7. please keep all of the credits
  8. and don’t steal or distribute.
  9.  
  10. thank you! enjoy!
  11.  
  12. -->
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15. <head>
  16.     <title>{Title}</title>
  17.     <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  18.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. {block:Description}
  21.     <meta name="description" content="{MetaDescription}"/>
  22. {/block:Description}
  23.  
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:Sidebar" content=""/>
  26. <meta name="image:Sidebar BG" content=""/>
  27.  
  28. <meta name="color:background" content="#fff"/>
  29. <meta name="color:extra links text" content="#ddd"/>
  30. <meta name="color:extra links bg" content="#fff"/>
  31. <meta name="color:extra links text hover" content="#ff876d"/>
  32. <meta name="color:extra links bg hover" content="#ffebb9"/>
  33. <meta name="color:permalink text" content="#444"/>
  34. <meta name="color:links" content="#333"/>
  35. <meta name="color:quotes" content="#000"/>
  36. <meta name="color:quote mark" content="#ddd"/>
  37. <meta name="color:ask background" content="#ddd"/>
  38. <meta name="color:text shadow" content="#eee"/>
  39. <meta name="color:scrollbar" content="#ddd"/>
  40. <meta name="color:body text" content="#444"/>
  41. <meta name="color:titles" content="#444"/>
  42. <meta name="color:ask box text" content="#fff"/>
  43. <meta name="color:pagination" content="#444"/>
  44. <meta name="color:pagination hover" content="#000"/>
  45. <meta name="color:body bold" content="#000"/>
  46. <meta name="color:body italic" content="#333"/>
  47. <meta name="color:links hover" content="#000"/>
  48. <meta name="color:sidebar bg" content="#f7f7f7"/>
  49. <meta name="color:title bg" content="#fdfcfc"/>
  50. <meta name="color:posts background" content="#fff"/>
  51. <meta name="color:content background" content="#eee"/>
  52. <meta name="color:toplinks" content="#444"/>
  53. <meta name="color:toplink hover bg" content="#f7f7f7"/>
  54. <meta name="color:toplink hover text" content="#444"/>
  55. <meta name="color:sidebar text" content="#444"/>
  56. <meta name="text:pixel url" content=""/>
  57. <meta name="text:pixel hover" content=""/>
  58. <meta name="text:link 1" content="" />
  59. <meta name="text:link 1 title" content="" />
  60. <meta name="text:link 2" content="" />
  61. <meta name="text:link 2 title" content="" />
  62. <meta name="text:link 3" content="" />
  63. <meta name="text:link 3 title" content="" />
  64. <meta name="text:link 4" content="" />
  65. <meta name="text:link 4 title" content="" />
  66. <meta name="text:link 5" content="" />
  67. <meta name="text:link 5 title" content="" />
  68. {block:IfTitleHover}
  69. <meta name="text:title hover" content="" />
  70. {/block:IfTitleHover}
  71. {block:IfExtraLinks}
  72. <meta name="text:extra link 1" content="" />
  73. <meta name="text:extra link 1 title" content="" />
  74. <meta name="text:extra link 2" content="" />
  75. <meta name="text:extra link 2 title" content="" />
  76. <meta name="text:extra link 3" content="" />
  77. <meta name="text:extra link 3 title" content="" />
  78. <meta name="text:extra link 4" content="" />
  79. <meta name="text:extra link 4 title" content="" />
  80. <meta name="text:extra link 5" content="" />
  81. <meta name="text:extra link 5 title" content="" />
  82. {/block:IfExtraLinks}
  83.  
  84. <meta name="if:ShowCaptions" content="0" />
  85. <meta name="if:ExtraLinks" content="0" />
  86. <meta name="if:ShowTags" content="1" />
  87. <meta name="if:MonochromePosts" content="0" />
  88. <meta name="if:ShowHiddenPixel" content="1" />
  89. <meta name="if:FadingImages" content="0" />
  90. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">  
  91. <link href="http://static.tumblr.com/xkion9m/Ybpmm6rx4/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  92.  
  93. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  94.      
  95. <!--<script src="http://static.tumblr.com/xkion9m/YLomm6s09/jquery.style-my-tooltips.js"></script>-->
  96. <script src="http://static.tumblr.com/zghte9h/MAlmv02wo/style-my-tooltips-with-br.js"></script>
  97. <script>
  98.          (function($){
  99.              $(document).ready(function(){
  100.                  $("[title]").style_my_tooltips({
  101.         tip_follows_cursor:true,
  102.         tip_delay_time:300,
  103.         tip_fade_speed:400,
  104.         attribute:"title"
  105.     });
  106.              });
  107.          })(jQuery);
  108. </script>
  109.  
  110. <style type="text/css">
  111. #tabbox {
  112. text-align: center;
  113. font-size: 11px; /*self-explanatory*/
  114. position:fixed;
  115. left:10px;
  116. top:-91px;
  117.  
  118. -webkit-transition: all .6s ease-in-out;
  119. -moz-transition: all .6s ease-in-out;
  120. -o-transition: all .6s ease-in-out;
  121. z-index:800;
  122. }
  123.  
  124. #tabbox:hover {top:0px;}
  125.  
  126. #boxhover {
  127.  
  128. width:70px;
  129. height:70px; /*how tall it is*/
  130. z-index: 800;
  131. color:{color:sidebar text};
  132. font-family:'Georgia', serif;
  133. font-size:10px;
  134. letter-spacing: 1px;
  135. margin:7px 0px 0px 10px;
  136. background-color:{color:background};
  137. text-transform: lowercase;
  138. padding:3px 25px;
  139.  
  140. }
  141.  
  142. #tablabel{
  143.  
  144. font-family:'Georgia', serif;
  145. font-size:10px;
  146. letter-spacing: 1px;
  147. margin:7px 0px 0px 10px;
  148. color: #bababa;
  149. height:20px;
  150. padding: 7px 0px 0px 0px;
  151.  
  152. width: 65px;
  153. }
  154.  
  155.  #s-m-t-tooltip {
  156. max-width:400px;
  157. color:{color:sidebar text};
  158. font-family:'Georgia', serif;
  159. font-size:9px;
  160. margin:7px 0px 0px 10px;
  161. background-color: {color:background};
  162. z-index: 999999;
  163. text-transform: lowercase;
  164. padding:3px 25px;
  165. }
  166.  
  167. ::-webkit-scrollbar-thumb {
  168. background-color: {color:scrollbar};
  169. border: 1px solid {color:background};
  170. height:auto;
  171. }
  172.  
  173. ::-webkit-scrollbar {
  174. height:7px;
  175. width:7px;
  176. background-color: {color:scrollbar};
  177. border: 3px solid {color:background};
  178. }
  179.  
  180. body {
  181. background: url("{image:Background}") fixed repeat;
  182. background-color:{color:background};
  183. margin:0px;
  184. font-family: 'Georgia', sans-serif;
  185. font-size:11px;
  186. line-height:100%;
  187. letter-spacing:1px;
  188. }
  189. #post p sub, #post p small
  190. {
  191.     font-size: 10px;
  192. line-height:100%;
  193. letter-spacing:1px;
  194. }
  195.  
  196. iframe#tumblr_controls {
  197. position: fixed !important;
  198. right:2px !important;
  199. -moz-transition: all 0.8s ease-out;
  200. -webkit-transition: opacity 0.7s linear;
  201. -webkit-transition: all 0.8s ease-out;
  202. transition: all 0.8s ease-out;
  203. opacity: 0.5;
  204. }
  205.  
  206. iframe#tumblr_controls:hover {
  207. -webkit-transition: opacity 0.7s linear;
  208. -moz-transition: all 0.4s ease-out;
  209. -webkit-transition: all 0.4s ease-out;
  210. transition: all 0.4s ease-out;
  211. opacity: 1;
  212. }
  213.  
  214. a {
  215. text-decoration:none;
  216. color:{color:links};
  217. -webkit-transition: all 0.3s ease-out;
  218. -moz-transition: all 0.3s ease-out;
  219. transition: all 0.3s ease-out;
  220. }
  221.  
  222. a:hover {
  223. color:{color:links hover};
  224. -webkit-transition: all 0.3s ease-out;
  225. -moz-transition: all 0.3s ease-out;
  226. transition: all 0.3s ease-out;
  227. }
  228.  
  229. #post img {
  230. max-width:400px !important;
  231. }
  232.  
  233. #post blockquote img
  234. {
  235.     max-width: 350px !important;
  236. }
  237.  
  238. #post p {
  239.     text-align: justify;
  240. }
  241. blockquote {
  242. padding:0px 5px 0px 10px;
  243. text-align: justify;
  244. word-wrap:break-word;
  245. border-left:2px solid {color:scrollbar};
  246. }
  247. pre {
  248.     word-wrap:break-word;
  249. }
  250. blockquote img {
  251. max-width: 320px;
  252. }
  253.  
  254. h1 {
  255. font-size:27px;
  256. margin-top:5px;
  257. text-shadow: 1px 1px white, -1px -1px {color:text shadow};
  258. font-family: 'Times', serif;
  259. color:{color:titles};
  260. font-style:italic;
  261. text-transform:lowercase;
  262. text-align:center;
  263. }
  264.  
  265.  
  266. #title {
  267. padding:10px 15px 10px 0px;
  268. text-shadow: 1px 1px white, -1px -1px {color:text shadow};
  269. margin:-2px 0px 0px 0px;
  270. border-bottom: 1px solid {color:background};
  271. width:200px;
  272. height:auto;
  273. font-size:24px;
  274. font-family: 'Times', serif;
  275. text-align:right;
  276. line-height:100%;
  277. background-color:{color:title bg};
  278. font-style:italic;
  279. transition-duration: 0.8s;
  280. -moz-transition-duration: 0.8s;  
  281. -webkit-transition-duration: 0.8s;
  282. -o-transition-duration: 0.8s;
  283. }
  284.  
  285. #title a {
  286. color:{color:links};
  287. -webkit-transition: all 0.3s ease-out;
  288. -moz-transition: all 0.3s ease-out;
  289. transition: all 0.3s ease-out;
  290. }
  291.  
  292. #title a:hover {
  293. color:{color:links hover};
  294. -webkit-transition: all 0.3s ease-out;
  295. -moz-transition: all 0.3s ease-out;
  296. transition: all 0.3s ease-out;
  297. }
  298.  
  299. .title {
  300. position:fixed;
  301. margin-top:-300px;
  302. }
  303.  
  304.  
  305. #previous {
  306. font-family: 'Consolas';
  307. font-size: 20px;
  308. width: 20px;
  309. margin-left:520px;
  310. color: {color:pagination};
  311. top:175px;
  312. padding:3px 3px 3px 9px;
  313. position: fixed;
  314. text-align: right;
  315. }
  316.  
  317. #next {
  318. font-family: 'Consolas';
  319. font-size: 20px;
  320. margin-left:520px;
  321. background-color:{color:pagination bg};
  322. color: {color:pagination};
  323. top:145px;
  324. padding:3px 3px 3px 9px;
  325. width: 20px;
  326. position: fixed;
  327. text-align: right;
  328. }
  329.  
  330. #previous a {
  331. -webkit-transition: all 0.5s ease-in-out;
  332. -moz-transition: all 0.5s ease-in-out;
  333. -o-transition: all 0.5s ease-in-out;  
  334. color:{color:pagination};
  335. }
  336.  
  337. #previous a:hover {
  338. color:{color:pagination hover};
  339. -webkit-transition: all 0.5s ease-in-out;
  340. -moz-transition: all 0.5s ease-in-out;
  341. -o-transition: all 0.5s ease-in-out;  
  342. }
  343.  
  344. #next a {
  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. color:{color:pagination};
  349. }
  350.  
  351. #next a:hover {
  352. color:{color:pagination hover};
  353. -webkit-transition: all 0.5s ease-in-out;
  354. -moz-transition: all 0.5s ease-in-out;
  355. -o-transition: all 0.5s ease-in-out;  
  356. }
  357.  
  358. /* posts */
  359.  
  360.  
  361. #container {
  362. position:absolute;
  363. margin-top:100px;
  364. margin-left:-220px;
  365. left:50%;
  366. height:100%;
  367. width:500px;
  368. padding:0px 35px 35px 35px;
  369. font-weight:normal;
  370. }
  371.  
  372. #entries {
  373. background-color:{color:content background};
  374. width:435px;
  375. margin-left:30px;
  376. padding:35px;
  377. transition-duration: 0.8s;
  378. -moz-transition-duration: 0.8s;  
  379. -webkit-transition-duration: 0.8s;
  380. -o-transition-duration: 0.8s;
  381. }
  382.  
  383. #entries b, strong {
  384. color: {color:body bold};
  385. }
  386.  
  387. #entries i, em {
  388. color: {color:body italic};
  389. }
  390.  
  391. #post {
  392. margin:20px 0px 20px 10px;
  393. color:{color:body text};
  394. background-color:{color:posts background};
  395. font-family:'Georgia', serif;
  396. font-size:10px;
  397. width:400px;
  398. line-height:130%;
  399. padding:20px 20px 10px 20px;
  400. transition-duration: 0.8s;
  401. -moz-transition-duration: 0.8s;  
  402. -webkit-transition-duration: 0.8s;
  403. -o-transition-duration: 0.8s;
  404. }
  405. #sidebar #title
  406. {
  407.     display: none;
  408. }
  409. #entries img {
  410. max-width: 400px;
  411. {block:IfMonochromePosts}
  412. -webkit-filter: grayscale(1);
  413. -webkit-transition: all 0.5s ease-in-out;
  414. -moz-transition: all 0.5s ease-in-out;
  415. -o-transition: all 0.5s ease-in-out;
  416. -ms-transition: all 0.5s ease-in-out;
  417. transition: all 0.5s ease-in-out;
  418. {/block:IfMonochromePosts}
  419. }
  420. {block:IfMonochromePosts}
  421. #entries img:hover{
  422. filter: none;
  423. -webkit-filter: grayscale(0);
  424. }
  425. {/block:IfMonochromePosts}
  426.  
  427. {block:ifFadingImages}
  428. #photo{
  429. -webkit-transition: opacity 0.8s linear;
  430. opacity: .60;
  431. {/block:ifFadingImages}
  432. }
  433.  
  434. {block:ifFadingImages}
  435. #photo:hover{
  436. -webkit-transition: opacity 0.8s linear;
  437. opacity: 1.1;
  438. {/block:ifFadingImages}
  439. }
  440.  
  441. #photo{
  442. {block:IfMonochromePosts}
  443. -webkit-filter: grayscale(1);
  444. -webkit-transition: all 0.5s ease-in-out;
  445. -moz-transition: all 0.5s ease-in-out;
  446. -o-transition: all 0.5s ease-in-out;
  447. -ms-transition: all 0.5s ease-in-out;
  448. transition: all 0.5s ease-in-out;
  449. {/block:IfMonochromePosts}
  450. }
  451.  
  452. {block:IfMonochromePosts}
  453. #photo:hover{
  454. filter: none;
  455. -webkit-filter: grayscale(0);
  456. }
  457. {/block:IfMonochromePosts}
  458.  
  459. /* top banner */
  460.  
  461. #top {
  462. position:fixed;
  463. background: url("{image:Background}") repeat;
  464. background-color:{color:background};
  465. top:0px;
  466. width:100%;
  467. height:128px;
  468. z-index:9;
  469. transition-duration: 0.6s;  
  470. -moz-transition-duration: 0.6s;  
  471. -webkit-transition-duration: 0.6s;  
  472. -o-transition-duration: 0.6s;
  473. }
  474.  
  475. #center {
  476. width:100%;
  477. left:50%;
  478. margin-left:-170px;
  479. position:fixed;
  480. background:none;
  481. margin-top:99px;
  482. }
  483.  
  484. #nav {
  485. font-size:9px;
  486. z-index:999999;
  487. font-family:'Georgia', serif;
  488. text-transform:lowercase;
  489. font-style:italic;
  490. text-align:center;
  491. width:515px;
  492. }
  493.  
  494. #navlinks a {
  495. left:21%;
  496. text-shadow: 1px 1px white, -1px -1px {color:text shadow};
  497. margin-right:2px;
  498. margin-left:-4px;
  499. display:inline-block;
  500. width:40px;
  501. position:relative;
  502. padding: 5px 2px 13px 2px;
  503. text-align: center;
  504. color:{color:toplinks};
  505. transition-duration: 0.8s;  
  506. -moz-transition-duration: 0.8s;  
  507. -webkit-transition-duration: 0.8s;  
  508. -o-transition-duration: 0.8s;
  509. }
  510.  
  511. #navlinks a:hover {
  512. background:{color:toplink hover bg};
  513. color:{color:toplink hover text};
  514. transition-duration: 0.8s;  
  515. -moz-transition-duration: 0.8s;  
  516. -webkit-transition-duration: 0.8s;  
  517. -o-transition-duration: 0.8s;
  518. }  
  519.  
  520. /* sidebar */
  521.  
  522. #sidebar {
  523. position:fixed;
  524. background: url("{image:Sidebar BG}") repeat;
  525. top:100px;
  526. left:50%;
  527. margin-left:-370px;
  528. width:215px;
  529. height:100%;
  530. z-index:5;
  531. text-align:center;  
  532. background-color:{color:sidebar bg};
  533. }
  534.  
  535. #sidebar img {
  536. max-width:185px;
  537. margin-top:30px;
  538. border:15px solid transparent;
  539. {block:IfMonochromePosts}
  540. -webkit-filter: grayscale(1);
  541. -webkit-transition: all 0.5s ease-in-out;
  542. -moz-transition: all 0.5s ease-in-out;
  543. -o-transition: all 0.5s ease-in-out;
  544. -ms-transition: all 0.5s ease-in-out;
  545. transition: all 0.5s ease-in-out;
  546. {/block:IfMonochromePosts}
  547. }
  548. {block:IfMonochromePosts}
  549. #sidebar img:hover{
  550. filter: none;
  551. -webkit-filter: grayscale(0);
  552. }
  553. {/block:IfMonochromePosts}
  554.  
  555. {block:ifFadingImages}
  556. #sidebar img{
  557. -webkit-transition: opacity 0.8s linear;
  558. opacity: .60;
  559. {/block:ifFadingImages}
  560. }
  561.  
  562. {block:ifFadingImages}
  563. #sidebar img:hover{
  564. -webkit-transition: opacity 0.8s linear;
  565. opacity: 1.1;
  566. {/block:ifFadingImages}
  567. }
  568.  
  569. #sidebar img{
  570. {block:IfMonochromePosts}
  571. -webkit-filter: grayscale(1);
  572. -webkit-transition: all 0.5s ease-in-out;
  573. -moz-transition: all 0.5s ease-in-out;
  574. -o-transition: all 0.5s ease-in-out;
  575. -ms-transition: all 0.5s ease-in-out;
  576. transition: all 0.5s ease-in-out;
  577. {/block:IfMonochromePosts}
  578. }
  579.  
  580. {block:IfMonochromePosts}
  581. #sidebar img:hover{
  582. filter: none;
  583. -webkit-filter: grayscale(0);
  584. }
  585. {/block:IfMonochromePosts}
  586.  
  587.  
  588. #description {
  589. width:175px;
  590. padding:10px 0px 20px 22px;
  591. margin-left:0px;
  592. height:auto;
  593. z-index:4;
  594. text-align:right;
  595. color:{color:sidebar text};
  596. font-family:'Georgia', serif;
  597. font-size:9px;
  598. line-height:180%;
  599. transition-duration: 0.8s;
  600. -moz-transition-duration: 0.8s;  
  601. -webkit-transition-duration: 0.8s;
  602. -o-transition-duration: 0.8s;
  603. }
  604.  
  605. /* more links */
  606.  
  607. #heart {
  608. position:fixed;
  609. width:215px;
  610. height:110%;
  611. margin-top:-10px;
  612. margin-left:0px;
  613. z-index:999999999;
  614. }
  615.  
  616. #side {
  617. margin-top:3px;
  618. width:90px;
  619. padding-top:5px;
  620. }
  621.  
  622. #more a {
  623. font-family:'Georgia', serif;
  624. width:175px;
  625. font-size: 10px;
  626. display:block;
  627. text-align:right;
  628. padding:2px 20px;
  629. text-transform: lowercase;
  630. font-style:italic;
  631. background-color:{color:extra links bg};
  632. margin-bottom:3px;
  633. letter-spacing:1px;
  634. -webkit-transition: all 0.5s ease-in-out;
  635. -moz-transition: all 0.5s ease-in-out;
  636. -o-transition: all 0.5s ease-in-out;  
  637. color:{color:extra links text};
  638. z-index:9999;
  639. }
  640.  
  641. #more a:hover{
  642. background-color:{color:extra links bg hover};
  643. color:{color:extra links text hover};
  644. -webkit-transition: all 0.5s ease-in-out;
  645. -moz-transition: all 0.5s ease-in-out;
  646. -o-transition: all 0.5s ease-in-out;  
  647. }
  648.  
  649. /* quotes */
  650.  
  651. #quote {
  652. float:left;
  653. padding-top:5px;
  654. font-family:'Times New Roman', serif;
  655. color:{color:quote mark};
  656. font-size:140px;
  657. height:auto;
  658. margin-top:32px;
  659. margin-left:-5px;
  660. }
  661.  
  662. #quotetext {
  663. font-family:'Georgia', serif;
  664. text-shadow: 1px 1px white, -1px -1px {color:text shadow};
  665. color:{color:quotes};
  666. font-size:16px;
  667. text-transform:lowercase;
  668. font-style:italic;
  669. margin-top:-20px;
  670. padding-left:70px;
  671. line-height:120%;
  672. height:auto;
  673. }
  674.  
  675. /* permalink */
  676.  
  677. #info {
  678. color: {color:permalink text};
  679. border-top:2px dotted {color:background};
  680. background-color: {color:content background};
  681. text-align:right;
  682. z-index:999999999999999999;
  683. padding:10px 20px 0px 10px;
  684. margin: 25px 0px -10px -20px;
  685. width: 410px;
  686. text-transform:lowercase;
  687. font-family:'georgia';
  688. font-style:italic;
  689. font-size: 9px;
  690. }
  691.    
  692. #info a {
  693. color: {color:links};
  694. letter-spacing: 2px;
  695. }
  696.  
  697. #info a:hover {
  698. color:{color:links hover};
  699. }
  700.  
  701. #tags {
  702. width: 400px;
  703. padding:2px 10px 5px 30px;
  704. margin: 5px 0px 0px -20px;
  705. color:{color:body text};
  706. text-align:right;
  707. background-color: {color:content background};
  708. }
  709.  
  710. #tags a {
  711. display: inline-block;
  712. color: {color:links};
  713. font-size: 9px;
  714. letter-spacing: 1px;
  715. text-transform: lowercase;
  716. font-style:italic;
  717. text-align:center;
  718. }
  719.  
  720. #tags a:hover {
  721. color: {color:links hover};
  722. }
  723.  
  724. .permalink {
  725. font-family: 'Cambria', sans-serif;
  726. font-size:9px;
  727. margin-top:5px;
  728. letter-spacing:2px;
  729. color: #fff;
  730. line-height:150%;
  731. background: {color:content background};
  732. text-transform:uppercase;
  733. }
  734.  
  735. .permalink a {
  736. color: #97978f;
  737. }
  738.  
  739. .permalink a:hover {
  740. color: #fff;
  741. }
  742.  
  743. /* notes */
  744.  
  745. ol.notes {
  746. padding: 0px 0px 0px 0px;
  747. margin: 15px;
  748. font-family: 'Cambria', sans-serif;
  749. font-size:12px;
  750. list-style-type: none;
  751. border: 0px;
  752. letter-spacing: 0px;
  753. text-transform: lowercase;
  754. }
  755.  
  756. ol.notes li.note {
  757. font-family:'Georgia', sans-serif;
  758. text-align: left;
  759. line-height:130%;
  760. padding:5px;
  761. font-size:10px;
  762. letter-spacing: 1px;
  763. text-transform: lowercase;
  764. }
  765.  
  766. .notes img{
  767. width: 13px;
  768. height: 13px;
  769. padding-right:5px;
  770. }
  771.  
  772. /* asks */
  773.  
  774. #abg {
  775. background-color:{color:background};  
  776. padding:20px;
  777. }
  778.  
  779. #asker:hover .ask {
  780. opacity:1;
  781. -webkit-transition: all 0.6s ease-in-out;
  782. -moz-transition: all 0.6s ease-in-out;
  783. -o-transition: all 0.6s ease-in-out;
  784. -ms-transition: all 0.6s ease-in-out;
  785. transition: all 0.6s ease-in-out;
  786. }
  787.  
  788. .ask {
  789. position:absolute;
  790. text-align:center;
  791. margin-top:-15px;
  792. margin-left:62px;
  793. width:400px;
  794. font-size:9px;
  795. opacity:0;
  796. -webkit-transition: all 0.6s ease-in-out;
  797. -moz-transition: all 0.6s ease-in-out;
  798. -o-transition: all 0.6s ease-in-out;
  799. -ms-transition: all 0.6s ease-in-out;
  800. transition: all 0.6s ease-in-out;
  801. }
  802.  
  803. .ask a {
  804. color:{color:body text};
  805. }
  806.  
  807. .ask a:hover {
  808. color:{color:body bold};
  809. }
  810.  
  811. #asker {
  812. text-align:center;
  813. color:{color:body bold};
  814. width:440px;
  815. position:absolute;
  816. font-style:normal;
  817. margin-left:-25px;
  818. text-transform:lowercase;
  819. font-style:italic;
  820. margin-top:-35px;
  821. font-size:8px;
  822. letter-spacing:1px;  
  823. font-family:'Georgia', serif;
  824. }
  825.  
  826. #asker img {
  827. border-radius:25px;
  828. }
  829.  
  830. #question {
  831. padding:10px 20px 25px 20px;
  832. background-color:{color:ask background};
  833. text-align:justify;
  834. color:{color:ask box text};
  835. width:400px;
  836. margin-top:-40px;
  837. margin-left:-40px;
  838. font-size:11px;
  839. font-family:'Georgia', serif;
  840. font-style:italic;
  841. line-height:18px;
  842. }
  843.  
  844. #answer {
  845. margin-top:-5px;
  846. font-family:'Georgia', serif;
  847. font-size:10px;
  848. }
  849.  
  850. #answer img {
  851. max-width:360px;
  852. }
  853.  
  854. /* music */
  855.  
  856. .music {
  857. background-color:{color:sidebar bg};
  858. height:75px;
  859. width:440px;
  860. margin-left:-20px;
  861. margin-bottom:10px;
  862. margin-top:-20px;
  863. }
  864.  
  865. .musicplayer {
  866. height:26px;
  867. width:26px;
  868. margin-top: 22px;
  869. margin-left: 22px;
  870. overflow:hidden;
  871. opacity:0.6;
  872. border: 3px solid {color:background};
  873. position:absolute;
  874. z-index:2;
  875. }
  876.  
  877. .musicalbum {
  878. position:absolute;
  879. width:32px;
  880. margin-top: 15px;
  881. margin-left: 15px;
  882. border: 7px solid #efefef;
  883. }
  884.  
  885. .musicinfo {
  886. height: 30px;
  887. margin-left:65px;
  888. padding:25px 10px 10px 10px;
  889. text-align:left;
  890. font-family:'Georgia', serif;
  891. font-size:9px;
  892. line-height:110%;
  893. }
  894.  
  895. /* chat box */
  896.  
  897. .chat {
  898. background: {color:sidebar bg};
  899. margin: 0;
  900. font-size:10px;
  901. font-family: 'Cambria', serif;
  902. }
  903.  
  904. .chat.chat1 {
  905. margin-left: 0px;
  906. }
  907.  
  908. .chat .chat1 .chat2 {
  909. background:{color:sidebar bg};
  910. color:{color:body text};
  911. margin-bottom: 1px;
  912. padding: 4px 4px 5px 5px;
  913. border-style:none;
  914. }
  915.  
  916. .chat2 {
  917. background:{color:background};
  918. color:{color: body bold};
  919. margin-bottom: 1px;
  920. padding: 4px 4px 5px 5px;
  921. border-style:none;
  922. }
  923.  
  924. .chat .chat1 .chat2.even {
  925. background: {color:background};
  926. color: {color:body text};
  927. }
  928.  
  929. .chat .chat1 .chat2 span {
  930. font-weight: bold;
  931. }
  932.  
  933. #caption{
  934. font-family:'Georgia',serif;
  935. color:{color:pagination};
  936. margin-top:5px;
  937. padding: 1px 10px;
  938. font-style:italic;
  939. }
  940.  
  941.  
  942. /* credits */
  943.  
  944. #credit {
  945. position:fixed;
  946. margin-top:0px;
  947. right:-50px;
  948. bottom:15px;
  949. width:80px;
  950. line-height:5px;
  951. font-size:20px;
  952. transition-duration: 0.4s;
  953. -moz-transition-duration: 0.4s;  
  954. -webkit-transition-duration: 0.4s;
  955. -o-transition-duration: 0.4s;
  956. }
  957.  
  958. #credit a{
  959. text-decoration:none;
  960. color:{color:links};
  961. -webkit-transition: all 0.3s ease-out;
  962. -moz-transition: all 0.3s ease-out;
  963. transition: all 0.3s ease-out;
  964. }
  965.  
  966. #credit a:hover {
  967. color:{color:links hover};
  968. -webkit-transition: all 0.3s ease-out;
  969. -moz-transition: all 0.3s ease-out;
  970. transition: all 0.3s ease-out;
  971. }
  972.  
  973. {CustomCSS}
  974.    
  975. </style>
  976.  
  977. </head>
  978.  
  979. <body>
  980. <!---Put this code under the body tag.--->
  981. {block:IfShowHiddenPixel}
  982. <div id="tabbox">
  983. <div id="boxhover">
  984. <center> <!--You can delete this if you don't want it to be centered-->  
  985. <a href="http://krystarxx.tumblr.com" title="{text:pixel hover}"><img border="0" src="{text:pixel url}"/></a>
  986.  
  987.  
  988. </center> <!--You can delete this if you don't want it to be centered-->
  989. </div> <!--TABBOX END-->
  990. <div id="tablabel">.</div>
  991. </div><!--TABBOX END-->
  992. {/block:IfShowHiddenPixel}
  993. <div id="sidebar">
  994. <img src="{image:Sidebar}">
  995. <div id="title"><a href="/">{Title}</a></div>
  996. <div id="description">{Description}
  997. </div>
  998. {block:IfExtraLinks}
  999. <div id="heart">
  1000. <div id="side">
  1001. <div id="more">{block:IfLink1}<a href="{text:extra link 1}" id="more">{text:extra link 1 title}</a>{/block:IfLink1}</div>
  1002. <div id="more">{block:IfLink2}<a href="{text:extra link 2}" id="more">{text:extra link 2 title}</a>{/block:IfLink2}</div>
  1003.  <div id="more">{block:IfLink3}<a href="{text:extra link 3}" id="more">{text:extra link 3 title}</a>{/block:IfLink3}</div>
  1004. <div id="more">{block:IfLink4}<a href="{text:extra link 4}" id="more">{text:extra link 4 title}</a>{/block:IfLink4}</div>
  1005. <div id="more">{block:IfLink5}<a href="{text:extra link 5}" id="more">{text:extra link 5 title}</a>{/block:IfLink5}</div>
  1006. {/block:IfExtraLinks}
  1007.  
  1008. </div></div>
  1009. </div>
  1010. <div id="top">
  1011. <div id="center">
  1012.  
  1013. <div id="nav">
  1014. <div id="navlinks">
  1015. <a href="/" id="navlinks">index</a>
  1016. <a href="/ask" id="navlinks">ask</a>
  1017. {block:IfLink1}<a href="{text:link 1}" id="navlinks">{text:link 1 title}</a>{/block:IfLink1}
  1018. {block:IfLink2}<a href="{text:link 2}" id="navlinks">{text:link 2 title}</a>{/block:IfLink2}
  1019. {block:IfLink3}<a href="{text:link 3}" id="navlinks">{text:link 3 title}</a>{/block:IfLink3}
  1020. {block:IfLink4}<a href="{text:link 4}" id="navlinks">{text:link 4 title}</a>{/block:IfLink4}
  1021. {block:IfLink5}<a href="{text:link 5}" id="navlinks">{text:link 5 title}</a>{/block:IfLink5}
  1022. </div>
  1023.  
  1024.  
  1025. <div id="previous">
  1026. {block:Pagination}
  1027.     {block:PreviousPage}
  1028. <a href="{PreviousPage}">«</a>
  1029.     {/block:PreviousPage}
  1030.     {/block:Pagination}
  1031.     </div>
  1032.     <div id="next">    {block:Pagination}
  1033.     {block:NextPage}
  1034. <a href="{NextPage}">»</a>
  1035. {/block:NextPage}
  1036.     {/block:Pagination}
  1037. </div>
  1038. </div>
  1039. </div>
  1040. </div>
  1041. </div>
  1042.  
  1043. </div>
  1044.  
  1045.  
  1046. <div id="credit">
  1047. <a target="blank"href="http://benizora.org">ℬ</a></div>
  1048.  
  1049.  
  1050. <div id="container">
  1051.  
  1052. <div id="entries">
  1053.  
  1054. {block:Posts}
  1055.  
  1056. <div id="post">
  1057.  
  1058.  
  1059. {block:Text}
  1060. <h1>{block:Title}{Title}{/block:Title}</h1>{Body}
  1061. {/block:Text}
  1062.  
  1063. {block:Photo}
  1064. {LinkOpenTag}<div id="photo"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{block:ifShowCaptions}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifShowCaptions}
  1065. {/block:Photo}
  1066.  
  1067. {block:Photoset}
  1068. <div id="photo">{Photoset-400}</div>{block:ifShowCaptions}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifShowCaptions}{/block:Photoset}
  1069.  
  1070. {block:Quote}
  1071. <div id="quote">“</div>&nbsp;&nbsp;&nbsp;&nbsp;<div id="quotetext">{Quote}<br></div>
  1072. {block:Source}<br><div align="right">— {Source}</div>{/block:Source}
  1073. {/block:Quote}
  1074.  
  1075. {block:Link}
  1076. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  1077. {/block:Link}
  1078.  
  1079. <div class="chat"><div class="chat1">{Block:Lines}<div class="chat2 {Alt}">{Block:Label}<span>{Label}</span>{/block:Label} {Line}</div>{/block:Lines}</div></div>
  1080.  
  1081. {block:Audio}
  1082. <div class="music">
  1083. {block:AlbumArt}<img class="musicalbum" src="{AlbumArtURL}" style="width:32px;">{/block:AlbumArt}<div class="musicplayer">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="musicinfo">{block:TrackName} <div style="font-family:georgia;font-style:italic; font-size:12px;">{TrackName}</div><br>{/block:TrackName}{block:Artist} <div style="font-family:georgia;font-size:10px;">{Artist}</div><br>{/block:Artist}</div></div>{block:ifShowCaptions}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1084. {/block:Audio}
  1085.  
  1086. {block:Video}
  1087. {Video-400}{block:ifShowCaptions}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifShowCaptions}
  1088. {/block:Video}
  1089.  
  1090.  
  1091. {block:Answer}
  1092. <div id="abg">
  1093. <div id="question">{Question}</div></div>
  1094. <div id="asker"><img src="{AskerPortraitURL-30}"><div class="ask">{Asker}</div></div>
  1095. <div id="answer">{Answer}</div>
  1096. {/block:Answer}
  1097.  
  1098.  
  1099. {block:IndexPage}
  1100. <div id="perm"><div id="info">{TimeAgo} {block:RebloggedFrom} | <a href="{ReblogParentURL}" title="via"> via </a> | <a href="{ReblogRootURL}" title="source"> source </a>{/block:RebloggedFrom} | <a href="{Permalink}">
  1101. {NoteCount}</a>
  1102.  
  1103.  
  1104. {block:IfShowTags}<div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:IfShowTags}</div>
  1105. </div>
  1106. </div>
  1107. {/block:IndexPage}
  1108.  
  1109. {block:PermalinkPage}
  1110.  
  1111. <div id="perm"><div id="info">
  1112.  
  1113. <div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  1114.  
  1115. {block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>  &nbsp;|&nbsp;  <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom} {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}<br></div>
  1116. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1117.  
  1118. {/block:PermalinkPage}
  1119.  
  1120.  
  1121.  
  1122. {/block:Posts}
  1123.  
  1124. </div>
  1125.  
  1126. </body>
  1127. </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!