Trevania

Year 1

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