API tools faq
paste
Advertisement
benizora

theme 016: andare

benizora
Oct 18th, 2013
15,653
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.04 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="{Favicon}">
  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.  
  57. <meta name="text:link 1" content="" />
  58. <meta name="text:link 1 title" content="" />
  59. <meta name="text:link 2" content="" />
  60. <meta name="text:link 2 title" content="" />
  61. <meta name="text:link 3" content="" />
  62. <meta name="text:link 3 title" content="" />
  63. <meta name="text:link 4" content="" />
  64. <meta name="text:link 4 title" content="" />
  65. <meta name="text:link 5" content="" />
  66. <meta name="text:link 5 title" content="" />
  67.  
  68.  
  69. {block:IfExtraLinks}
  70. <meta name="text:extra link 1" content="" />
  71. <meta name="text:extra link 1 title" content="" />
  72. <meta name="text:extra link 2" content="" />
  73. <meta name="text:extra link 2 title" content="" />
  74. <meta name="text:extra link 3" content="" />
  75. <meta name="text:extra link 3 title" content="" />
  76. <meta name="text:extra link 4" content="" />
  77. <meta name="text:extra link 4 title" content="" />
  78. <meta name="text:extra link 5" content="" />
  79. <meta name="text:extra link 5 title" content="" />
  80. {/block:IfExtraLinks}
  81.  
  82. <meta name="if:ShowCaptions" content="0" />
  83. <meta name="if:ExtraLinks" content="0" />
  84. <meta name="if:ShowTags" content="1" />
  85. <meta name="if:MonochromePosts" content="0" />
  86. <meta name="if:FadingImages" content="0" />
  87.  
  88. <style type="text/css">
  89.  
  90. ::-webkit-scrollbar-thumb {
  91. background-color: {color:scrollbar};
  92. border: 1px solid {color:background};
  93. height:auto;
  94. }
  95.  
  96. ::-webkit-scrollbar {
  97. height:7px;
  98. width:7px;
  99. background-color: {color:scrollbar};
  100. border: 3px solid {color:background};
  101. }
  102.  
  103. body {
  104. background: url("{image:Background}") fixed repeat;
  105. background-color:{color:background};
  106. margin:0px;
  107. font-family: 'Georgia', sans-serif;
  108. font-size:11px;
  109. line-height:100%;
  110. letter-spacing:1px;
  111. }
  112.  
  113. iframe#tumblr_controls {
  114. position: fixed !important;
  115. right:2px !important;
  116. -moz-transition: all 0.8s ease-out;
  117. -webkit-transition: opacity 0.7s linear;
  118. -webkit-transition: all 0.8s ease-out;
  119. transition: all 0.8s ease-out;
  120. opacity: 0.5;
  121. }
  122.  
  123. iframe#tumblr_controls:hover {
  124. -webkit-transition: opacity 0.7s linear;
  125. -moz-transition: all 0.4s ease-out;
  126. -webkit-transition: all 0.4s ease-out;
  127. transition: all 0.4s ease-out;
  128. opacity: 1;
  129. }
  130.  
  131. a {
  132. text-decoration:none;
  133. color:{color:links};
  134. -webkit-transition: all 0.3s ease-out;
  135. -moz-transition: all 0.3s ease-out;
  136. transition: all 0.3s ease-out;
  137. }
  138.  
  139. a:hover {
  140. color:{color:links hover};
  141. -webkit-transition: all 0.3s ease-out;
  142. -moz-transition: all 0.3s ease-out;
  143. transition: all 0.3s ease-out;
  144. }
  145.  
  146. #post img {
  147. max-width:400px !important;
  148. }
  149.  
  150. blockquote {
  151. padding:0px 5px 0px 10px;
  152. width:350px;
  153. word-wrap:break-word;
  154. border-left:2px solid {color:scrollbar};
  155. }
  156.  
  157. blockquote img {
  158. max-width: 320px;
  159. }
  160.  
  161. h1 {
  162. font-size:27px;
  163. margin-top:5px;
  164. text-shadow: 1px 1px white, -1px -1px {color:text shadow};
  165. font-family: 'Times', serif;
  166. color:{color:titles};
  167. font-style:italic;
  168. text-transform:lowercase;
  169. text-align:center;
  170. }
  171.  
  172.  
  173. #title {
  174. padding:10px 15px 10px 0px;
  175. text-shadow: 1px 1px white, -1px -1px {color:text shadow};
  176. margin:-2px 0px 0px 0px;
  177. border-bottom: 1px solid {color:background};
  178. width:200px;
  179. height:auto;
  180. font-size:30px;
  181. font-family: 'Times', serif;
  182. text-align:right;
  183. line-height:100%;
  184. background-color:{color:title bg};
  185. font-style:italic;
  186. transition-duration: 0.8s;
  187. -moz-transition-duration: 0.8s;
  188. -webkit-transition-duration: 0.8s;
  189. -o-transition-duration: 0.8s;
  190. }
  191.  
  192. #title a {
  193. color:{color:links};
  194. -webkit-transition: all 0.3s ease-out;
  195. -moz-transition: all 0.3s ease-out;
  196. transition: all 0.3s ease-out;
  197. }
  198.  
  199. #title a:hover {
  200. color:{color:links hover};
  201. -webkit-transition: all 0.3s ease-out;
  202. -moz-transition: all 0.3s ease-out;
  203. transition: all 0.3s ease-out;
  204. }
  205.  
  206. .title {
  207. position:fixed;
  208. margin-top:-300px;
  209. }
  210.  
  211.  
  212. #previous {
  213. font-family: 'Consolas';
  214. font-size: 20px;
  215. width: 20px;
  216. margin-left:520px;
  217. color: {color:pagination};
  218. top:175px;
  219. padding:3px 3px 3px 9px;
  220. position: fixed;
  221. text-align: right;
  222. }
  223.  
  224. #next {
  225. font-family: 'Consolas';
  226. font-size: 20px;
  227. margin-left:520px;
  228. background-color:{color:pagination bg};
  229. color: {color:pagination};
  230. top:145px;
  231. padding:3px 3px 3px 9px;
  232. width: 20px;
  233. position: fixed;
  234. text-align: right;
  235. }
  236.  
  237. #previous a {
  238. -webkit-transition: all 0.5s ease-in-out;
  239. -moz-transition: all 0.5s ease-in-out;
  240. -o-transition: all 0.5s ease-in-out;
  241. color:{color:pagination};
  242. }
  243.  
  244. #previous a:hover {
  245. color:{color:pagination hover};
  246. -webkit-transition: all 0.5s ease-in-out;
  247. -moz-transition: all 0.5s ease-in-out;
  248. -o-transition: all 0.5s ease-in-out;
  249. }
  250.  
  251. #next a {
  252. -webkit-transition: all 0.5s ease-in-out;
  253. -moz-transition: all 0.5s ease-in-out;
  254. -o-transition: all 0.5s ease-in-out;
  255. color:{color:pagination};
  256. }
  257.  
  258. #next a:hover {
  259. color:{color:pagination hover};
  260. -webkit-transition: all 0.5s ease-in-out;
  261. -moz-transition: all 0.5s ease-in-out;
  262. -o-transition: all 0.5s ease-in-out;
  263. }
  264.  
  265. /* posts */
  266.  
  267.  
  268. #container {
  269. position:absolute;
  270. margin-top:100px;
  271. margin-left:-220px;
  272. left:50%;
  273. height:100%;
  274. width:500px;
  275. padding:0px 35px 35px 35px;
  276. font-weight:normal;
  277. }
  278.  
  279. #entries {
  280. background-color:{color:content background};
  281. width:435px;
  282. margin-left:30px;
  283. padding:35px;
  284. transition-duration: 0.8s;
  285. -moz-transition-duration: 0.8s;
  286. -webkit-transition-duration: 0.8s;
  287. -o-transition-duration: 0.8s;
  288. }
  289.  
  290. #entries b, strong {
  291. color: {color:body bold};
  292. }
  293.  
  294. #entries i, em {
  295. color: {color:body italic};
  296. }
  297.  
  298. #post {
  299. margin:20px 0px 20px 10px;
  300. color:{color:body text};
  301. background-color:{color:posts background};
  302. font-family:'Georgia', serif;
  303. font-size:10px;
  304. width:400px;
  305. line-height:130%;
  306. padding:20px 20px 10px 20px;
  307. transition-duration: 0.8s;
  308. -moz-transition-duration: 0.8s;
  309. -webkit-transition-duration: 0.8s;
  310. -o-transition-duration: 0.8s;
  311. }
  312.  
  313. #entries img {
  314. max-width: 400px;
  315. {block:IfMonochromePosts}
  316. -webkit-filter: grayscale(1);
  317. -webkit-transition: all 0.5s ease-in-out;
  318. -moz-transition: all 0.5s ease-in-out;
  319. -o-transition: all 0.5s ease-in-out;
  320. -ms-transition: all 0.5s ease-in-out;
  321. transition: all 0.5s ease-in-out;
  322. {/block:IfMonochromePosts}
  323. }
  324. {block:IfMonochromePosts}
  325. #entries img:hover{
  326. filter: none;
  327. -webkit-filter: grayscale(0);
  328. }
  329. {/block:IfMonochromePosts}
  330.  
  331. {block:ifFadingImages}
  332. #photo{
  333. -webkit-transition: opacity 0.8s linear;
  334. opacity: .60;
  335. {/block:ifFadingImages}
  336. }
  337.  
  338. {block:ifFadingImages}
  339. #photo:hover{
  340. -webkit-transition: opacity 0.8s linear;
  341. opacity: 1.1;
  342. {/block:ifFadingImages}
  343. }
  344.  
  345. #photo{
  346. {block:IfMonochromePosts}
  347. -webkit-filter: grayscale(1);
  348. -webkit-transition: all 0.5s ease-in-out;
  349. -moz-transition: all 0.5s ease-in-out;
  350. -o-transition: all 0.5s ease-in-out;
  351. -ms-transition: all 0.5s ease-in-out;
  352. transition: all 0.5s ease-in-out;
  353. {/block:IfMonochromePosts}
  354. }
  355.  
  356. {block:IfMonochromePosts}
  357. #photo:hover{
  358. filter: none;
  359. -webkit-filter: grayscale(0);
  360. }
  361. {/block:IfMonochromePosts}
  362.  
  363. /* top banner */
  364.  
  365. #top {
  366. position:fixed;
  367. background: url("{image:Background}") repeat;
  368. background-color:{color:background};
  369. top:0px;
  370. width:100%;
  371. height:128px;
  372. z-index:9;
  373. transition-duration: 0.6s;
  374. -moz-transition-duration: 0.6s;
  375. -webkit-transition-duration: 0.6s;
  376. -o-transition-duration: 0.6s;
  377. }
  378.  
  379. #center {
  380. width:100%;
  381. left:50%;
  382. margin-left:-170px;
  383. position:fixed;
  384. background:none;
  385. margin-top:99px;
  386. }
  387.  
  388. #nav {
  389. font-size:9px;
  390. z-index:999999;
  391. font-family:'Georgia', serif;
  392. text-transform:lowercase;
  393. font-style:italic;
  394. text-align:center;
  395. width:515px;
  396. }
  397.  
  398. #navlinks a {
  399. left:21%;
  400. text-shadow: 1px 1px white, -1px -1px {color:text shadow};
  401. margin-right:2px;
  402. margin-left:-4px;
  403. display:inline-block;
  404. width:40px;
  405. position:relative;
  406. padding: 5px 2px 13px 2px;
  407. text-align: center;
  408. color:{color:toplinks};
  409. transition-duration: 0.8s;
  410. -moz-transition-duration: 0.8s;
  411. -webkit-transition-duration: 0.8s;
  412. -o-transition-duration: 0.8s;
  413. }
  414.  
  415. #navlinks a:hover {
  416. background:{color:toplink hover bg};
  417. color:{color:toplink hover text};
  418. transition-duration: 0.8s;
  419. -moz-transition-duration: 0.8s;
  420. -webkit-transition-duration: 0.8s;
  421. -o-transition-duration: 0.8s;
  422. }
  423.  
  424. /* sidebar */
  425.  
  426. #sidebar {
  427. position:fixed;
  428. background: url("{image:Sidebar BG}") repeat;
  429. top:100px;
  430. left:50%;
  431. margin-left:-370px;
  432. width:215px;
  433. height:100%;
  434. z-index:5;
  435. text-align:center;
  436. background-color:{color:sidebar bg};
  437. }
  438.  
  439. #sidebar img {
  440. max-width:185px;
  441. margin-top:30px;
  442. border:15px solid transparent;
  443. }
  444.  
  445. #description {
  446. width:175px;
  447. padding:10px 0px 20px 22px;
  448. margin-left:0px;
  449. height:auto;
  450. z-index:4;
  451. text-align:right;
  452. color:{color:sidebar text};
  453. font-family:'Georgia', serif;
  454. font-size:9px;
  455. line-height:180%;
  456. transition-duration: 0.8s;
  457. -moz-transition-duration: 0.8s;
  458. -webkit-transition-duration: 0.8s;
  459. -o-transition-duration: 0.8s;
  460. }
  461.  
  462. /* more links */
  463.  
  464. #heart {
  465. position:fixed;
  466. width:215px;
  467. height:110%;
  468. margin-top:-10px;
  469. margin-left:0px;
  470. z-index:999999999;
  471. }
  472.  
  473. #side {
  474. margin-top:3px;
  475. width:90px;
  476. padding-top:5px;
  477. }
  478.  
  479. #more a {
  480. font-family:'Georgia', serif;
  481. width:175px;
  482. font-size: 10px;
  483. display:block;
  484. text-align:right;
  485. padding:2px 20px;
  486. text-transform: lowercase;
  487. font-style:italic;
  488. background-color:{color:extra links bg};
  489. margin-bottom:3px;
  490. letter-spacing:1px;
  491. -webkit-transition: all 0.5s ease-in-out;
  492. -moz-transition: all 0.5s ease-in-out;
  493. -o-transition: all 0.5s ease-in-out;
  494. color:{color:extra links text};
  495. z-index:9999;
  496. }
  497.  
  498. #more a:hover{
  499. background-color:{color:extra links bg hover};
  500. color:{color:extra links text hover};
  501. -webkit-transition: all 0.5s ease-in-out;
  502. -moz-transition: all 0.5s ease-in-out;
  503. -o-transition: all 0.5s ease-in-out;
  504. }
  505.  
  506. /* quotes */
  507.  
  508. #quote {
  509. float:left;
  510. padding-top:5px;
  511. font-family:'Times New Roman', serif;
  512. color:{color:quote mark};
  513. font-size:140px;
  514. height:auto;
  515. margin-top:32px;
  516. margin-left:-5px;
  517. }
  518.  
  519. #quotetext {
  520. font-family:'Georgia', serif;
  521. text-shadow: 1px 1px white, -1px -1px {color:text shadow};
  522. color:{color:quotes};
  523. font-size:16px;
  524. text-transform:lowercase;
  525. font-style:italic;
  526. margin-top:-20px;
  527. padding-left:70px;
  528. line-height:120%;
  529. height:auto;
  530. }
  531.  
  532. /* permalink */
  533.  
  534. #info {
  535. color: {color:permalink text};
  536. border-top:2px dotted {color:background};
  537. background-color: {color:content background};
  538. text-align:right;
  539. z-index:999999999999999999;
  540. padding:10px 20px 0px 10px;
  541. margin: 25px 0px -10px -20px;
  542. width: 410px;
  543. text-transform:lowercase;
  544. font-family:'georgia';
  545. font-style:italic;
  546. font-size: 9px;
  547. }
  548.  
  549. #info a {
  550. color: {color:links};
  551. letter-spacing: 2px;
  552. }
  553.  
  554. #info a:hover {
  555. color:{color:links hover};
  556. }
  557.  
  558. #tags {
  559. width: 400px;
  560. padding:2px 10px 5px 30px;
  561. margin: 5px 0px 0px -20px;
  562. color:{color:body text};
  563. text-align:right;
  564. background-color: {color:content background};
  565. }
  566.  
  567. #tags a {
  568. display: inline-block;
  569. color: {color:links};
  570. font-size: 9px;
  571. letter-spacing: 1px;
  572. text-transform: lowercase;
  573. font-style:italic;
  574. text-align:center;
  575. }
  576.  
  577. #tags a:hover {
  578. color: {color:links hover};
  579. }
  580.  
  581. .permalink {
  582. font-family: 'Cambria', sans-serif;
  583. font-size:9px;
  584. margin-top:5px;
  585. letter-spacing:2px;
  586. color: #fff;
  587. line-height:150%;
  588. background: {color:content background};
  589. text-transform:uppercase;
  590. }
  591.  
  592. .permalink a {
  593. color: #97978f;
  594. }
  595.  
  596. .permalink a:hover {
  597. color: #fff;
  598. }
  599.  
  600. /* notes */
  601.  
  602. ol.notes {
  603. padding: 0px 0px 0px 0px;
  604. margin: 15px;
  605. font-family: 'Cambria', sans-serif;
  606. font-size:12px;
  607. list-style-type: none;
  608. border: 0px;
  609. letter-spacing: 0px;
  610. text-transform: lowercase;
  611. }
  612.  
  613. ol.notes li.note {
  614. font-family:'Georgia', sans-serif;
  615. text-align: left;
  616. line-height:130%;
  617. padding:5px;
  618. font-size:10px;
  619. letter-spacing: 1px;
  620. text-transform: lowercase;
  621. }
  622.  
  623. .notes img{
  624. width: 13px;
  625. height: 13px;
  626. padding-right:5px;
  627. }
  628.  
  629. /* asks */
  630.  
  631. #abg {
  632. background-color:{color:background};
  633. padding:20px;
  634. }
  635.  
  636. #asker:hover .ask {
  637. opacity:1;
  638. -webkit-transition: all 0.6s ease-in-out;
  639. -moz-transition: all 0.6s ease-in-out;
  640. -o-transition: all 0.6s ease-in-out;
  641. -ms-transition: all 0.6s ease-in-out;
  642. transition: all 0.6s ease-in-out;
  643. }
  644.  
  645. .ask {
  646. position:absolute;
  647. text-align:center;
  648. margin-top:-15px;
  649. margin-left:62px;
  650. width:400px;
  651. font-size:9px;
  652. opacity:0;
  653. -webkit-transition: all 0.6s ease-in-out;
  654. -moz-transition: all 0.6s ease-in-out;
  655. -o-transition: all 0.6s ease-in-out;
  656. -ms-transition: all 0.6s ease-in-out;
  657. transition: all 0.6s ease-in-out;
  658. }
  659.  
  660. .ask a {
  661. color:{color:body text};
  662. }
  663.  
  664. .ask a:hover {
  665. color:{color:body bold};
  666. }
  667.  
  668. #asker {
  669. text-align:center;
  670. color:{color:body bold};
  671. width:440px;
  672. position:absolute;
  673. font-style:normal;
  674. margin-left:-25px;
  675. text-transform:lowercase;
  676. font-style:italic;
  677. margin-top:-35px;
  678. font-size:8px;
  679. letter-spacing:1px;
  680. font-family:'Georgia', serif;
  681. }
  682.  
  683. #asker img {
  684. border-radius:25px;
  685. }
  686.  
  687. #question {
  688. padding:10px 20px 25px 20px;
  689. background-color:{color:ask background};
  690. text-align:justify;
  691. color:{color:ask box text};
  692. width:400px;
  693. margin-top:-40px;
  694. margin-left:-40px;
  695. font-size:11px;
  696. font-family:'Georgia', serif;
  697. font-style:italic;
  698. line-height:18px;
  699. }
  700.  
  701. #answer {
  702. margin-top:-5px;
  703. font-family:'Georgia', serif;
  704. font-size:10px;
  705. }
  706.  
  707. #answer img {
  708. max-width:360px;
  709. }
  710.  
  711. /* music */
  712.  
  713. .music {
  714. background-color:{color:sidebar bg};
  715. height:75px;
  716. width:440px;
  717. margin-left:-20px;
  718. margin-bottom:10px;
  719. margin-top:-20px;
  720. }
  721.  
  722. .musicplayer {
  723. height:26px;
  724. width:26px;
  725. margin-top: 22px;
  726. margin-left: 22px;
  727. overflow:hidden;
  728. opacity:0.6;
  729. border: 3px solid {color:background};
  730. position:absolute;
  731. z-index:2;
  732. }
  733.  
  734. .musicalbum {
  735. position:absolute;
  736. width:32px;
  737. margin-top: 15px;
  738. margin-left: 15px;
  739. border: 7px solid #efefef;
  740. }
  741.  
  742. .musicinfo {
  743. height: 30px;
  744. margin-left:65px;
  745. padding:25px 10px 10px 10px;
  746. text-align:left;
  747. font-family:'Georgia', serif;
  748. font-size:9px;
  749. line-height:110%;
  750. }
  751.  
  752. /* chat box */
  753.  
  754. .chat {
  755. background: {color:sidebar bg};
  756. margin: 0;
  757. font-size:10px;
  758. font-family: 'Cambria', serif;
  759. }
  760.  
  761. .chat.chat1 {
  762. margin-left: 0px;
  763. }
  764.  
  765. .chat .chat1 .chat2 {
  766. background:{color:sidebar bg};
  767. color:{color:body text};
  768. margin-bottom: 1px;
  769. padding: 4px 4px 5px 5px;
  770. border-style:none;
  771. }
  772.  
  773. .chat2 {
  774. background:{color:background};
  775. color:{color: body bold};
  776. margin-bottom: 1px;
  777. padding: 4px 4px 5px 5px;
  778. border-style:none;
  779. }
  780.  
  781. .chat .chat1 .chat2.even {
  782. background: {color:background};
  783. color: {color:body text};
  784. }
  785.  
  786. .chat .chat1 .chat2 span {
  787. font-weight: bold;
  788. }
  789.  
  790. #caption{
  791. font-family:'Georgia',serif;
  792. color:{color:ask background};
  793. margin-top:5px;
  794. padding: 1px 10px;
  795. font-style:italic;
  796. }
  797.  
  798. /* credits */
  799.  
  800. #credit {
  801. position:fixed;
  802. margin-top:0px;
  803. right:-50px;
  804. bottom:15px;
  805. width:80px;
  806. line-height:5px;
  807. font-size:20px;
  808. transition-duration: 0.4s;
  809. -moz-transition-duration: 0.4s;
  810. -webkit-transition-duration: 0.4s;
  811. -o-transition-duration: 0.4s;
  812. }
  813.  
  814. #credit a{
  815. text-decoration:none;
  816. color:{color:links};
  817. -webkit-transition: all 0.3s ease-out;
  818. -moz-transition: all 0.3s ease-out;
  819. transition: all 0.3s ease-out;
  820. }
  821.  
  822. #credit a:hover {
  823. color:{color:links hover};
  824. -webkit-transition: all 0.3s ease-out;
  825. -moz-transition: all 0.3s ease-out;
  826. transition: all 0.3s ease-out;
  827. }
  828.  
  829. {CustomCSS}
  830.  
  831. </style>
  832.  
  833. </head>
  834.  
  835. <body>
  836.  
  837. <div id="sidebar">
  838. <img src="{image:Sidebar}">
  839. <div id="title"><a href="/">{Title}</a></div>
  840. <div id="description">{Description}
  841. </div>
  842. {block:IfExtraLinks}
  843. <div id="heart">
  844. <div id="side">
  845. <div id="more">{block:IfLink1}<a href="{text:extra link 1}" id="more">{text:extra link 1 title}</a>{/block:IfLink1}</div>
  846. <div id="more">{block:IfLink2}<a href="{text:extra link 2}" id="more">{text:extra link 2 title}</a>{/block:IfLink2}</div>
  847. <div id="more">{block:IfLink3}<a href="{text:extra link 3}" id="more">{text:extra link 3 title}</a>{/block:IfLink3}</div>
  848. <div id="more">{block:IfLink4}<a href="{text:extra link 4}" id="more">{text:extra link 4 title}</a>{/block:IfLink4}</div>
  849. <div id="more">{block:IfLink5}<a href="{text:extra link 5}" id="more">{text:extra link 5 title}</a>{/block:IfLink5}</div>
  850. {/block:IfExtraLinks}
  851.  
  852. </div></div>
  853. </div>
  854. <div id="top">
  855. <div id="center">
  856.  
  857. <div id="nav">
  858. <div id="navlinks">
  859. <a href="/" id="navlinks">index</a>
  860. <a href="/ask" id="navlinks">ask</a>
  861. {block:IfLink1}<a href="{text:link 1}" id="navlinks">{text:link 1 title}</a>{/block:IfLink1}
  862. {block:IfLink2}<a href="{text:link 2}" id="navlinks">{text:link 2 title}</a>{/block:IfLink2}
  863. {block:IfLink3}<a href="{text:link 3}" id="navlinks">{text:link 3 title}</a>{/block:IfLink3}
  864. {block:IfLink4}<a href="{text:link 4}" id="navlinks">{text:link 4 title}</a>{/block:IfLink4}
  865. {block:IfLink5}<a href="{text:link 5}" id="navlinks">{text:link 5 title}</a>{/block:IfLink5}
  866. </div>
  867.  
  868.  
  869. <div id="previous">
  870. {block:Pagination}
  871. {block:PreviousPage}
  872. <a href="{PreviousPage}">«</a>
  873. {/block:PreviousPage}
  874. {/block:Pagination}
  875. </div>
  876. <div id="next"> {block:Pagination}
  877. {block:NextPage}
  878. <a href="{NextPage}">»</a>
  879. {/block:NextPage}
  880. {/block:Pagination}
  881. </div>
  882. </div>
  883. </div>
  884. </div>
  885. </div>
  886.  
  887. </div>
  888.  
  889.  
  890. <div id="credit">
  891. <a target="blank"href="http://benizora.org">ℬ</a></div>
  892.  
  893.  
  894. <div id="container">
  895.  
  896. <div id="entries">
  897.  
  898. {block:Posts}
  899.  
  900. <div id="post">
  901.  
  902.  
  903. {block:Text}
  904. <h1>{block:Title}{Title}{/block:Title}</h1>{Body}
  905. {/block:Text}
  906.  
  907. {block:Photo}
  908. {LinkOpenTag}<div id="photo"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{block:ifShowCaptions}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifShowCaptions}
  909. {/block:Photo}
  910.  
  911. {block:Photoset}
  912. <div id="photo">{Photoset-400}</div>{block:ifShowCaptions}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifShowCaptions}{/block:Photoset}
  913.  
  914. {block:Quote}
  915. <div id="quote">“</div>&nbsp;&nbsp;&nbsp;&nbsp;<div id="quotetext">{Quote}<br></div>
  916. {block:Source}<br><div align="right">— {Source}</div>{/block:Source}
  917. {/block:Quote}
  918.  
  919. {block:Link}
  920. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  921. {/block:Link}
  922.  
  923. <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>
  924.  
  925. {block:Audio}
  926. <div class="music">
  927. {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:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}</div></div>{block:ifShowCaptions}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  928. {/block:Audio}
  929.  
  930. {block:Video}
  931. {Video-400}{block:ifShowCaptions}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifShowCaptions}
  932. {/block:Video}
  933.  
  934.  
  935. {block:Answer}
  936. <div id="abg">
  937. <div id="question">{Question}</div></div>
  938. <div id="asker"><img src="{AskerPortraitURL-30}"><div class="ask">{Asker}</div></div>
  939. <div id="answer">{Answer}</div>
  940. {/block:Answer}
  941.  
  942.  
  943. {block:IndexPage}
  944. <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}">
  945. {NoteCount}</a>
  946.  
  947.  
  948. {block:IfShowTags}<div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:IfShowTags}</div>
  949. </div>
  950. </div>
  951. {/block:IndexPage}
  952.  
  953. {block:PermalinkPage}
  954.  
  955. <div id="perm"><div id="info">
  956.  
  957. <div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  958.  
  959. {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>
  960. {block:PostNotes}{PostNotes}{/block:PostNotes}
  961.  
  962. {/block:PermalinkPage}
  963.  
  964.  
  965.  
  966. {/block:Posts}
  967.  
  968. </div>
  969.  
  970. </body>
  971. </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!