Trevania

Running Out of Choices

Jun 4th, 2013
1,267
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.93 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}" />
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  9. <title>{Title}</title>
  10.  
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15.  
  16. <!-- DEFAULTS -->
  17. <meta name="color:background" content="#ffffff">
  18. <meta name="color:posts" content="#fcfcfc">
  19. <meta name="color:info" content="#fdfdfd">
  20. <meta name="color:tag" content="#fdfdfd">
  21. <meta name="color:text" content="#c0bdb8" />
  22. <meta name="color:link hover" content="#fdfdfd" />
  23. <meta name="color:title" content="#d5d2d2" />
  24. <meta name="color:link" content="#c0bdb8" />
  25. <meta name="color:scrollbar" content="#c0bdb8" />
  26. <meta name="color:scrollbg" content="" />
  27. <meta name="color:fade" content="#000000" />
  28. <meta name="color:sidebar" content="#000000" />
  29.  
  30.  
  31. <meta name="image:sidebar1" content=""/>
  32. <meta name="image:sidebar2" content=""/>
  33. <meta name="image:sidebar3" content=""/>
  34. <meta name="image:sidebar4" content=""/>
  35.  
  36. <meta name="image:sidebar" content=""/>
  37.  
  38.  
  39. <meta name="text:addLink1" content="/" />
  40. <meta name="text:addLink1 Title" content="LINK1" />
  41. <meta name="text:addLink2" content="/" />
  42. <meta name="text:addLink2 Title" content="LINK2" />
  43. <meta name="text:addLink3" content="/" />
  44. <meta name="text:addLink3 Title" content="LINK3" />
  45. <meta name="text:addLink4" content="/" />
  46. <meta name="text:addLink4 Title" content="LINK4" />
  47. <meta name="text:addLink5" content="/" />
  48. <meta name="text:addLink5 Title" content="LINK5" />
  49. <meta name="text:addLink6" content="/" />
  50. <meta name="text:addLink6 Title" content="LINK6" />
  51. <meta name="text:addLink7" content="/" />
  52. <meta name="text:addLink7 Title" content="LINK7" />
  53. <meta name="text:addLink8" content="/" />
  54. <meta name="text:addLink8 Title" content="LINK8" />
  55. <meta name="text:addLink9" content="/" />
  56. <meta name="text:addLink9 Title" content="LINK9" />
  57.  
  58.  
  59. <meta name="if:Noaddlinks" content "0"/>
  60. <meta name="if:Visible" content "0"/>
  61. <meta name="if:HoverTags" content "1"/>
  62.  
  63.  
  64. </head>
  65.  
  66.  
  67. <style type="text/css">
  68.  
  69.  
  70. ::-webkit-scrollbar-thumb:vertical {
  71. background-color:{color:scrollbar};
  72. height:100px;
  73. }
  74.  
  75. ::-webkit-scrollbar-thumb:horizontal {
  76. background-color:{color:scrollbar};
  77. height:10px !important;
  78. }
  79.  
  80. ::-webkit-scrollbar {
  81. height:7px;
  82. width:5px;
  83. background-color:transparent;
  84. }
  85.  
  86.  
  87. .ask {
  88. align:right;
  89. background: {color:scrollbar};
  90. margin:7px 0px 5px 66px;
  91. padding:10px;
  92. position: relative;
  93. -moz-border-radius:5px;
  94. -webkit-border-radius:5px;
  95. border-radius:5px;
  96. color:white;
  97. }
  98.  
  99. .ask a:link {
  100. color:#000;
  101. }
  102.  
  103.  
  104. .ask p {
  105. margin:1px 0px;
  106. }
  107.  
  108. .ask span {
  109. display:block;
  110. position:absolute;
  111. width:1px;
  112. height:1px;
  113. font-size: 0;
  114. line-height: 1px;
  115. left:-10px;
  116. top:10px;
  117. border-top:7px solid transparent;
  118. border-bottom:7px solid transparent;
  119. border-right:10px solid {color:scrollbar};
  120. }
  121.  
  122. .askborder {
  123. float: left;
  124. margin: 1px 4px 0 0;
  125. padding: 2px;
  126. background:{color:link};
  127. }
  128.  
  129. #askbg a {
  130. color:white;
  131. font-weight:bold;
  132. }
  133.  
  134. ::-moz-selection {
  135. background-color:{color:scrollbg};
  136. color: {color:scrollbar};
  137. }
  138.  
  139. ::selection {
  140. background-color:{color:scrollbg};
  141. color: {color:scrollbar};
  142. }
  143.  
  144. body {color:{color:text};
  145. background-color:{color:background};
  146. background-image: url('http://i42.tinypic.com/1imq79.jpg');
  147. background-attachment:fixed;
  148. font-family:calibri;
  149. font-size:11px;
  150. line-height:110%;
  151. text-align:justify;
  152. }
  153.  
  154. a:link, a:active, a:visited{
  155. color: {color:link};
  156. text-decoration:none;
  157. }
  158.  
  159. a:hover {
  160. color:{color:link hover};
  161. -webkit-transition: all 0.4s linear;
  162. -moz-transition: all 0.4s linear;
  163. transition: all 0.4s linear;
  164. }
  165.  
  166. color:{color:title};font-style:auto;
  167. -webkit-transition: all 0.4s ease-in;
  168. -moz-transition: all 0.4s ease-in;
  169. -o-transition: all 0.4s ease-in;
  170. transition: all 0.4s ease-in;
  171. }
  172.  
  173. small{font-size:auto}
  174. big{font-size:auto}
  175. b, strong{color:{color:scrollbar};}
  176. i, em {color:{color:text};}
  177. u{color:#483d43;}
  178. p{margin-top:6px; margin-bottom:6px}
  179. blockquote {padding:0px;
  180. padding-left:10px;
  181. margin:8px;
  182. border-left:2px solid {color:sidebar};
  183. }
  184.  
  185. img a{
  186. border:none;
  187. width:100%;
  188. }
  189.  
  190. #container {
  191. background-color:transparent;
  192. background-repeat:repeat;
  193. width: 800px;
  194. text-align: center;
  195. margin: 0 auto -10px auto;
  196. }
  197.  
  198. #entries {
  199. border-left: solid 2px {color:scrollbar};
  200. border-right: solid 1px #e7e7e7;
  201. background-color:{color:posts};
  202. margin: -10px 0 -10px 260px;
  203. margin-right:42px;
  204. float:right;
  205. text-align: justify;
  206. padding:20px;
  207. }
  208.  
  209.  
  210. #posts {
  211. margin: 22px -4px 0px 0px;
  212. width: 500px;
  213. text-align: justify;
  214. padding: 10px;
  215. }
  216.  
  217.  
  218. #posts:hover .tags{
  219. {block:IfHoverTags}
  220. margin-left: 527px;
  221. opacity: 2;
  222. -webkit-transition: all 0.7s ease;
  223. -moz-transition: all 0.7s ease;
  224. -o-transition: all 0.7s ease;
  225. {block:IfHoverTags}
  226. }
  227.  
  228. #posts .tags{
  229. {block:IfVisible}
  230. margin-left: 527px;
  231. opacity: 2;
  232. -webkit-transition: all 0.7s ease;
  233. -moz-transition: all 0.7s ease;
  234. -o-transition: all 0.7s ease;
  235. {/block:IfVisible}
  236. }
  237.  
  238. #sidebar{
  239. margin-left:-300px;
  240. width:200px;
  241. height:100%;
  242. position:fixed;
  243. padding-bottom:4px;
  244. background:{color:post};
  245. background-image: url('{image:sidebar}');
  246. }
  247.  
  248. #title {
  249. margin: 60px -4px -70px 20px;
  250. text-align:center;
  251. width:220px;
  252. height:auto;
  253. }
  254.  
  255. #title a {
  256. color:{color:title};
  257. font:9px 'Noto Serif', serif;
  258. text-transform:uppercase;
  259. -webkit-transition: all 2s ease;
  260. -moz-transition: all 2s ease;
  261. -ms-transition: all 2s ease;
  262. -o-transition: all 2s ease;
  263. transition: all 2s ease;
  264.  
  265. }
  266.  
  267. #title a:hover {
  268. color:{color:scrollbar};
  269. font-style:italic
  270. }
  271.  
  272. #avi{
  273. margin: 250px -20px 5px 0px;
  274. }
  275.  
  276. #wrap{
  277. margin-top:-30px;
  278. margin-left:20px;
  279. }
  280.  
  281.  
  282. #sidebarleft {
  283. background:{color:sidebar};
  284. width:300px;
  285. padding:0px;
  286. margin-top:0px;
  287. margin-left:-100px;
  288. height:100%;
  289. position:fixed;
  290. padding-bottom:5px;
  291. }
  292.  
  293. #sidebarleftimg img {
  294. margin-top:80px;
  295. margin-bottom:90px;
  296. margin-left:-20px;
  297. width:245px;
  298. height:auto;
  299. }
  300.  
  301. #description img {
  302. max-width:185px;
  303. text-align:center;
  304. }
  305.  
  306. .links {
  307. width:64px;
  308. position:fixed;
  309. display:block;
  310. height:auto;
  311. margin: 0px 0px 0px 78px;
  312. color:{color:border2};
  313. text-align:center;
  314. }
  315.  
  316. .links a{
  317. text-transform:uppercase;
  318. text-align:center;
  319. display: inline-block;
  320. background-color:{color:tag};
  321. width:64px;
  322. font:.9px 'calibri';
  323. color:{color:info};
  324. margin:0px 0px 4px 0px;
  325. padding:2px 0px;
  326. -webkit-transition: all 2s ease;
  327. -moz-transition: all 2s ease;
  328. -ms-transition: all 2s ease;
  329. -o-transition: all 2s ease;
  330. transition: all 2s ease;
  331. }
  332.  
  333.  
  334. .links a:hover{
  335. background-color:{color:scrollbar};
  336.  
  337. }
  338.  
  339. #description {
  340. text-align:justify;
  341. display:block;
  342. float:left;
  343. width:245px;
  344. height:auto;
  345. font: 8px 'Noto Serif', serif;
  346. padding-top:10px;
  347. padding-bottom:10px;
  348. text-transform:none;
  349. border-top: solid 1px #f5f5f5;
  350. border-bottom: solid 1px #f5f5f5;
  351. position:relative;
  352. margin:-80px 0px 10px 5px;
  353. }
  354.  
  355.  
  356. #credit{
  357. position:fixed;
  358. bottom:10px;
  359. right:10px;
  360. font-size:6px;
  361. font-family: 'Noto Serif', serif;
  362. color:{color:text};
  363. text-transform:uppercase;
  364. letter-spacing: 0px;
  365. font-style:normal;
  366. }
  367.  
  368.  
  369. h1{
  370. color:{color:title};
  371. font-family:{font:text};
  372. font-size:12px;
  373. line-height:12px;
  374. letter-spacing:0px;
  375. font-weight:italic;
  376. text-transform:uppercase;
  377. margin:0px;
  378. padding:0px;
  379. text-align:center;
  380. }
  381.  
  382. h2{
  383. color:{color:text};
  384. font-family:{font:link};
  385. font-size:12px;
  386. line-height:12px;
  387. letter-spacing:0px;
  388. font-weight:normal;
  389. text-transform:none;
  390. margin:0px;
  391. padding:0px;
  392. margin-bottom:-5px;
  393. text-align:center;
  394. }
  395.  
  396. #info{
  397. padding-top:5px;
  398. display:block;
  399. padding-bottom:5px;
  400. width:500px;
  401. color:{color:tag};
  402. background-color:{color:info};
  403. font-size:8px;
  404. font-family: 'Noto Serif', serif;
  405. text-align:right;
  406. text-transform:uppercase;
  407. border-top: solid 1px #e7e7e7;
  408. }
  409.  
  410. .tags {
  411. opacity: 0;
  412. background-color:{color:posts};
  413. border-right: solid 5px {color:sidebar};
  414. padding:10px;
  415. position: absolute;
  416. margin-left: 500px;
  417. width: 100px;
  418. text-align:left;
  419. font-size: 8px;
  420. text-transform: uppercase;
  421. -webkit-transition: all 0.7s ease;
  422. -moz-transition: all 0.7s ease;
  423. -o-transition: all 0.7s ease;
  424. }
  425.  
  426. #addlinks {
  427. display:block;
  428. width:245px;
  429. margin-left:5px;
  430. {block:ifNoaddlinks}
  431. visibility:hidden;
  432. {/block:ifNoaddlinks}
  433. }
  434.  
  435. #addlinks a{
  436. text-transform:uppercase;
  437. text-align:center;
  438. display: inline-block;
  439. background-color:{color:tag};
  440. width:245px;
  441. font:.05em 'Calibri';
  442. color:{color:info};
  443. margin:0px 0px 4px 0px;
  444. padding:2px 0px;
  445. -webkit-transition: all 2s ease;
  446. -moz-transition: all 2s ease;
  447. -ms-transition: all 2s ease;
  448. -o-transition: all 2s ease;
  449. transition: all 2s ease;
  450.  
  451. }
  452.  
  453. #addlinks a:hover{
  454. background-color:{color:scrollbar};
  455. }
  456.  
  457.  
  458. #questions {
  459. background-color:{color:info};
  460. color: {color:text};
  461. padding:2px;
  462. margin-top: 6px;
  463. margin-bottom:2px;
  464. font-family:calibri;
  465. font-size:11px;
  466. text-transform:lowercase;
  467. border-bottom:1px {color:text};
  468. text-align:center;
  469. }
  470.  
  471. #questions a {
  472. color:{color:link};
  473. }
  474.  
  475. #permalink {
  476. padding-bottom:5px;
  477. text-align:right;
  478. }
  479.  
  480. .audio{
  481. background-color:black;
  482. display:block;
  483. }
  484.  
  485. .user_1 .label {color:{color:link}; font-weight:bold}
  486. .user_2 .label {color:{color:text}; font-weight:bold}
  487. .user_3 .label {color:{color:link}; font-weight:bold}
  488. .user_4 .label {color:{color:text}; font-weight:bold}
  489.  
  490. ul.chat, .chat ol, .chat li {
  491. list-style:none;
  492. margin:0px;
  493. padding:0px;
  494. }
  495.  
  496. .notes img{
  497. width:10px;
  498. position:relative;
  499. top:1px;
  500. }
  501.  
  502. ol.notes, .notes li{
  503. width:490px;
  504. list-style:none;
  505. margin:0px 0 -1px 5px;
  506. padding:0px;
  507. }
  508.  
  509. #tumblr_controls {
  510. opacity: 0.2;
  511. -webkit-filter: invert(100%);
  512. -webkit-transition: all 2s ease;
  513. -moz-transition: all 2s ease;
  514. -ms-transition: all 2s ease;
  515. -o-transition: all 2s ease;
  516. transition: all 2s ease;
  517. }
  518.  
  519.  
  520. </style>
  521. <style type="text/css">{CustomCSS}</style>
  522.  
  523.  
  524.  
  525. </head>
  526. <body>
  527.  
  528. <div id="container">
  529. <div id="sidebar">
  530. <div id="avi"><img src="{PortraitURL-64}"></div>
  531.  
  532. <center>
  533. <div class="links">
  534. <a href="/">Home</a><br>
  535. <a href="/ask">Message</a><br>
  536. <a href="/archive">Record</a><br>
  537. {block:Pagination}
  538. {block:NextPage}
  539. <a href="{NextPage}">→</a><br />
  540. {/block:NextPage}
  541. {block:PreviousPage}
  542. <a href="{PreviousPage}">←</a>
  543. {/block:PreviousPage}
  544. {/block:Pagination}
  545. </div></center>
  546. </div>
  547.  
  548.  
  549. <div id="sidebarleft">
  550. <div id="wrap">
  551. <div id="title"><a href="/">{title}</a></div>
  552. <div id="sidebarleftimg">
  553. <a href="/">
  554.  
  555. <script language="JavaScript">
  556.  
  557. <!--
  558.  
  559. function random_imglink(){
  560.  
  561. var myimages=new Array()
  562.  
  563.  
  564. myimages[1]="{image:Sidebar1}"
  565.  
  566. myimages[2]="{image:Sidebar2}"
  567.  
  568. myimages[3]="{image:Sidebar3}"
  569.  
  570. myimages[4]="{image:Sidebar4}"
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578. var imagelinks=new Array(0)
  579.  
  580.  
  581. imagelinks[1]="{image:Sidebar1}"
  582.  
  583. imagelinks[2]="{image:Sidebar2}"
  584.  
  585. imagelinks[3]="{image:Sidebar3}"
  586.  
  587. imagelinks[4]="{image:Sidebar4}"
  588.  
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596. var ry=Math.floor(Math.random()*myimages.length)
  597.  
  598.  
  599. if (ry==0)
  600.  
  601. ry=1
  602.  
  603. document.write('<img src="'+myimages[ry]+'" width="285"></a>')
  604.  
  605. }
  606.  
  607.  
  608. random_imglink()
  609.  
  610. </script>
  611. </a>
  612. </div>
  613.  
  614.  
  615.  
  616. <center>
  617. <div id="description">
  618. {Description}
  619. </div>
  620. </center>
  621. <div id="addlinks">
  622.  
  623. {block:ifaddLink1}
  624. <a href="{text:addLink1}">
  625. {text:addLink1 Title}</a><br />
  626. {/block:ifaddLink1}
  627.  
  628.  
  629. {block:ifaddLink2}
  630. <a href="{text:addLink2}">
  631. {text:addLink2 Title}</a><br />
  632. {/block:ifaddLink2}
  633.  
  634.  
  635. {block:ifaddLink3}
  636. <a href="{text:addLink3}">
  637. {text:addLink3 Title}</a><br />
  638. {/block:ifaddLink3}
  639.  
  640.  
  641. {block:ifaddLink4}
  642. <a href="{text:addLink4}">
  643. {text:addLink4 Title}</a><br />
  644. {/block:ifaddLink4}
  645.  
  646.  
  647. {block:ifaddLink5}
  648. <a href="{text:addLink5}">
  649. {text:addLink5 Title}</a><br />
  650. {/block:ifaddLink5}
  651.  
  652.  
  653. {block:ifaddLink6}
  654. <a href="{text:addLink6}">
  655. {text:addLink6 Title}</a><br />
  656. {/block:ifaddLink6}
  657.  
  658.  
  659. {block:ifaddLink7}
  660. <a href="{text:addLink7}">
  661. {text:addLink7 Title}</a><br />
  662. {/block:ifaddLink7}
  663.  
  664.  
  665. {block:ifaddLink8}
  666. <a href="{text:addLink8}">
  667. {text:addLink8 Title}</a><br />
  668. {/block:ifaddLink8}
  669.  
  670.  
  671. {block:ifaddLink9}
  672. <a href="{text:addLink9}">
  673. {text:addLink9 Title}</a><br />
  674. {/block:ifaddLink9}
  675.  
  676.  
  677.  
  678.  
  679. </div>
  680. </div>
  681. </div>
  682.  
  683.  
  684. <div id="credit">
  685. <a href="http://tomhardies.tumblr.com/">©</a>
  686. </div>
  687.  
  688.  
  689.  
  690.  
  691. <div id="entries">
  692. {block:posts}
  693. <div id="posts">
  694.  
  695.  
  696. <div class="tags">{block:HasTags}
  697. {block:Tags}<b>#</b> <a href="{TagURL}">{Tag}</a><br>{/block:Tags}{/block:HasTags}</div>
  698.  
  699.  
  700. {block:Text}
  701. {block:Title}<h1>{Title}</h1>{/block:Title}
  702. {Body}{/block:Text}
  703.  
  704.  
  705. {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
  706.  
  707. {block:Link}
  708. <a href="{URL}"><h1>{Name}</h1>
  709. </a>
  710.  
  711. {block:Description}
  712. <p>{Description}</p>
  713. {/block:Description}
  714. {/block:Link}
  715.  
  716. {block:Photo}<center>
  717. <img src="{PhotoURL-500}"/></center>
  718. {block:Caption}{Caption}{/block:Caption}
  719. {/block:Photo}
  720.  
  721. {block:Photoset}<center>
  722. {Photoset-500}</center>
  723. {block:Caption}{Caption}
  724. {/block:Caption}{/block:Photoset}
  725.  
  726. {block:Chat}<ul class="chat">
  727. {block:Lines}<li class="user_{UserNumber}">
  728. {block:Label}<span class="label">{Label}</span>
  729. {/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  730.  
  731. {block:Video}{Video-500}
  732. {block:Caption}{Caption}
  733. {/block:Caption}{/block:Video}
  734.  
  735. {block:Answer}<img src="{AskerPortraitURL-40}" align="center" class="askborder"><div class="ask">
  736. <div id="askbg">
  737. <span></span>{Asker}: {Question}&nbsp;</div></div>
  738. <br>
  739. <blockquote>{Answer}{/block:Answer}</blockquote>
  740.  
  741.  
  742. {block:Audio}<div id="_">{AudioPlayerWhite}<br>
  743. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  744.  
  745.  
  746.  
  747. <div id="info">
  748. <div id="permalink">
  749. {block:PermalinkPage}
  750. {block:RebloggedFrom}
  751. <br><a href="{ReblogParentURL}">via</a> - {/block:RebloggedFrom}
  752. {block:ContentSource}<a href="{SourceURL}">source</a><br>
  753. {/block:ContentSource}
  754. {/block:PermalinkPage}
  755. {block:Date}
  756. <a href="{Permalink}">
  757. <a href="{Permalink}"> {TimeAgo}</a>{/block:Date}
  758. {block:NoteCount}with <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  759. </div>
  760. </div> <p>
  761.  
  762. </div>
  763. {/block:Posts}
  764.  
  765. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  766. </div>
  767. </div>
  768.  
  769. </body>
  770. </html>
Add Comment
Please, Sign In to add comment