Advertisement
septims

Falkreath

Dec 27th, 2013
15,749
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.75 KB | None | 0 0
  1. <!--
  2.  
  3. theme by septim
  4.  
  5. ╔╔ ══ ══ Rules:
  6. ║║ -do not use as base
  7. ╚╚ ══ ╗╗ -do not steal bits of code
  8. ║║ -do not remove credits
  9. ══ ══ ╝╝
  10.  
  11.  
  12. -->
  13.  
  14.  
  15. <!DOCTYPE html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!--Default Variables-->
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#000000"/>
  28. <meta name="color:link" content="#000000"/>
  29. <meta name="color:title"content="#000000"/>
  30. <meta name="color:blog title"content="#000000"/>
  31. <meta name="color:scrollbar" content="#d5d5d5" />
  32.  
  33. <meta name="image:Sidebar image" content=""/>
  34.  
  35. <meta name="if:Show Sidebar Image" content="1"/>
  36. <meta name="if:Show Tags" content="0">
  37. <meta name="if:Show Title" content="1"/>
  38. <meta name="if:Hover Borders" content="1"/>
  39. <meta name="text:Link 1 URL" content="" />
  40. <meta name="text:Link 1" content="" />
  41. <meta name="text:Link 2 URL" content="" />
  42. <meta name="text:Link 2" content="" />
  43. <meta name="text:Link 3 URL" content="" />
  44. <meta name="text:Link 3" content="" />
  45.  
  46.  
  47.  
  48.  
  49. <!-- jquery -->
  50.  
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53.  
  54. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  55.  
  56. <script>
  57.  
  58. (function($){
  59.  
  60. $(document).ready(function(){
  61.  
  62. $("a[title]").style_my_tooltips({
  63.  
  64. tip_follows_cursor:true,
  65.  
  66. tip_delay_time:30,
  67.  
  68. tip_fade_speed:300,
  69.  
  70. attribute:"title"
  71.  
  72. });
  73.  
  74. });
  75.  
  76. })(jQuery);
  77.  
  78. </script>
  79.  
  80.  
  81.  
  82. <!--CSS customization here. -->
  83.  
  84. <style type="text/css">
  85.  
  86.  
  87.  
  88.  
  89. #s-m-t-tooltip{
  90. font-size:9px;
  91. position:absolute;
  92. margin-top: 15px;
  93. letter-spacing:1px;
  94. z-index:9999;
  95. background:white;
  96. color:{color:text};
  97. text-transform:uppercase;
  98. padding:2px 3px 2px 3px;
  99. -webkit-transition:all 0.3s;
  100. -moz-transition:all 0.3s;
  101. -ms-transition:all 0.3s;
  102. -o-transition:all 0.3s;
  103. transition:all 0.3s;
  104. }
  105.  
  106.  
  107.  
  108.  
  109. /*scrollbar*/
  110. ::-webkit-scrollbar{height: 5px;
  111. width: 4px;
  112. -webkit-border-radius: 0px;
  113. background-color:{color:background}}
  114. ::-webkit-scrollbar-thumb{background-color:{color:background};
  115. border:1px solid {color:scrollbar};}
  116. ::-webkit-scrollbar-track{background-color:{color:background};}
  117.  
  118.  
  119.  
  120.  
  121.  
  122. #text {margin-bottom:100px;
  123. margin-top:5px;
  124. text-transform:uppercase;
  125. font-size:7px;
  126. letter-spacing:2px;
  127. text-align:center;}
  128.  
  129.  
  130. /*main structure*/
  131. blockquote {padding:5px 0 5px 30px;
  132. border-left:1px solid {color:link};margin:10px 30px;
  133. }
  134. .caption blockquote {margin:5px 0;
  135. padding:0;
  136. border:none;}
  137.  
  138. body {
  139. background:{color:background};
  140. color:{color:text};
  141. font-family:baskerville;
  142. font-size:11px;
  143. text-align:justify;
  144. margin:0;
  145. line-height:18px;}
  146.  
  147. a {color:{color:link};
  148. border-bottom:1px solid transparent;
  149. text-decoration:none;
  150. -webkit-transition:all 0.8s;
  151. -moz-transition:all 0.8s;
  152. -ms-transition:all 0.8s;
  153. -o-transition:all 0.8s;
  154. transition:all 0.8s; }
  155.  
  156. a:hover {
  157. border-bottom:1px solid {color:link};
  158. -webkit-transition:all 0.8s;
  159. -moz-transition:all 0.8s;
  160. -ms-transition:all 0.8s;
  161. -o-transition:all 0.8s;
  162. transition:all 0.8s; }
  163.  
  164. img{
  165. border:none;
  166. text-decoration:none}
  167.  
  168. b, strong {
  169. color:{color:title}}
  170. i, em {
  171. color:{color:text}}
  172. p {
  173. margin-top:5px;
  174. margin-bottom:5px}
  175. ol {
  176. list-style:normal;}
  177. ul {
  178. list-style:square;}
  179.  
  180. small {
  181. font-size:8px;}
  182.  
  183. big {
  184. font-size:12px;}
  185.  
  186.  
  187.  
  188.  
  189. #title {font-size:12px;
  190. line-height:18px;
  191. margin-bottom:20px;
  192. font-style:italic;
  193. text-align:center;
  194. letter-spacing:3px;
  195. color:{color:title};}
  196. #title a {color:{color:title};}
  197.  
  198.  
  199.  
  200.  
  201. /*header*/
  202. #headers {
  203. margin-top:100px;
  204. width:175px;
  205. margin-left:-275px;
  206. position:fixed;
  207. }
  208.  
  209.  
  210. #bat img {width:125px;
  211. padding:24px;
  212. border:1px solid transparent;
  213. -webkit-transition:all 0.8s;
  214. -moz-transition:all 0.8s;
  215. -ms-transition:all 0.8s;
  216. -o-transition:all 0.8s;
  217. transition:all 0.8s;
  218. }
  219. #bat a {border:none}
  220. {block:IfHoverBorders}
  221. #bat img:hover {border:1px solid {color:links};
  222. -webkit-transition:all 0.8s;
  223. -moz-transition:all 0.8s;
  224. -ms-transition:all 0.8s;
  225. -o-transition:all 0.8s;
  226. transition:all 0.8s;}
  227. {/block:IfHoverBorders}
  228. #blogt {font-size:12px;
  229. margin-top:10px;
  230. text-align:center;
  231. font-family:baskerville;
  232. letter-spacing:3px;
  233. font-style:italic;}
  234. #blogt a {color:{color:blog title};}
  235.  
  236.  
  237. #standardlinks {
  238. font-size:8px;
  239. margin-top:15px;
  240. letter-spacing:2px;
  241. line-height:16px;
  242. text-align:center;
  243. text-transform:uppercase;
  244.  
  245. }
  246.  
  247.  
  248. #standardlinks a {
  249. border:none;
  250. padding:3px 4px;
  251. text-align:center;
  252. text-decoration:none;
  253. -webkit-transition:all 0.8s;
  254. -moz-transition:all 0.8s;
  255. -ms-transition:all 0.8s;
  256. -o-transition:all 0.8s;
  257. transition:all 0.8s;
  258. }
  259. #standardlinks a:hover {
  260. background:{color:link};
  261. color:{color:background};
  262. -webkit-transition:all 0.8s;
  263. -moz-transition:all 0.8s;
  264. -ms-transition:all 0.8s;
  265. -o-transition:all 0.8s;
  266. transition:all 0.8s;}
  267.  
  268. #description {
  269. margin-top:15px;
  270. text-align:justify;
  271. }
  272.  
  273.  
  274. /*pagination*/
  275. #pagination {
  276. text-align:center;
  277. margin-top:50px;
  278. font-size:8px;
  279. text-transform:uppercase;
  280. letter-spacing:2px;
  281. line-height:16px;
  282. }
  283. #pagination a {
  284. margin:0 15px;
  285. }
  286.  
  287. /*container*/
  288. #con {
  289. left:50%;
  290. margin-left:-225px;
  291. position:absolute;
  292. }
  293.  
  294.  
  295.  
  296. /*posts*/
  297.  
  298. #entries {
  299. margin-top:100px;
  300. width:450px;
  301. }
  302.  
  303.  
  304.  
  305. .posts {
  306. width:450px;
  307. {block:IndexPage}
  308. margin-bottom:150px;
  309. {/block:IndexPage}
  310. {block:PermalinkPage}
  311. margin-bottom:50px;
  312. {/block:PermalinkPage}
  313. }
  314.  
  315. /*images*/
  316.  
  317. .posts img {
  318. max-width:400px;
  319. display:block;
  320. padding:24px;
  321. border:1px solid transparent;
  322. -webkit-transition:all 0.8s;
  323. -moz-transition:all 0.8s;
  324. -ms-transition:all 0.8s;
  325. -o-transition:all 0.8s;
  326. transition:all 0.8s;
  327. }
  328. {block:IfHoverBorders}
  329. .posts img:hover {border:1px solid {color:links};
  330. -webkit-transition:all 0.8s;
  331. -moz-transition:all 0.8s;
  332. -ms-transition:all 0.8s;
  333. -o-transition:all 0.8s;
  334. transition:all 0.8s;}
  335. {/block:IfHoverBorders}
  336. .photoset {
  337. display:block;
  338. padding:24px;
  339. border:1px solid transparent;
  340. -webkit-transition:all 0.8s;
  341. -moz-transition:all 0.8s;
  342. -ms-transition:all 0.8s;
  343. -o-transition:all 0.8s;
  344. transition:all 0.8s;
  345. }
  346. {block:IfHoverBorders}
  347. .photoset:hover {border:1px solid {color:links};
  348. -webkit-transition:all 0.8s;
  349. -moz-transition:all 0.8s;
  350. -ms-transition:all 0.8s;
  351. -o-transition:all 0.8s;
  352. transition:all 0.8s;}
  353. {/block:IfHoverBorders}
  354. /*quote*/
  355. #titlequote{
  356. font-size:14px;
  357. line-height:18px;
  358. margin:0 25px;
  359. text-align:center;
  360. font-style:italic;
  361. letter-spacing:1px;
  362. color:{color:title};
  363. }
  364.  
  365. #source {text-align:center;
  366. margin:0 25px;
  367. font-size:8px;
  368. text-transform:uppercase;
  369. letter-spacing:2px;
  370. line-height:16px;
  371. padding-top:10px;}
  372.  
  373. .posts li, .posts blockquote {max-width: 100%;}
  374. .caption img{max-width:300px;}
  375. .caption {width:400px;
  376. margin:10px 25px 25px 25px;
  377. text-transform:none;
  378. }
  379.  
  380.  
  381.  
  382.  
  383. /*audio*/
  384.  
  385.  
  386. .tumblr_audio_player {
  387. border: none;
  388. padding: 0px;
  389. margin: 0px;
  390. height:50px;
  391. width:215px;
  392. }
  393.  
  394. .player {
  395. overflow:hidden;
  396. text-align:center;
  397. height:50px;}
  398.  
  399.  
  400. .audio_info {
  401. font-size:12px;
  402. letter-spacing:3px;
  403. font-style:italic;
  404. padding-bottom:12px;
  405. text-align:center
  406. }
  407.  
  408.  
  409.  
  410.  
  411. /*asks*/
  412. .q {
  413. text-align:center;
  414. margin:25px;
  415. }
  416. .as {font-size:8px;
  417. text-transform:uppercase;
  418. letter-spacing:2px;
  419. line-height:16px;}
  420. .as a {padding:0;}
  421. .a {
  422. padding-top:10px;
  423. margin:0 25px;
  424. text-align:justify}
  425.  
  426.  
  427.  
  428.  
  429.  
  430. .chat {margin:0 25px;}
  431.  
  432. .chat ol {
  433. padding:0;
  434. line-height:180%;
  435. list-style:none;
  436. }
  437.  
  438. .line.odd {border-bottom:1px solid {color:link};
  439. padding:5px;
  440. }
  441. .line.even {
  442. padding:5px;
  443. }
  444.  
  445. .label {font-weight:bold;
  446. padding-right:1px;
  447. letter-spacing:1px;
  448. text-transform:uppercase;
  449. color:{color:title};
  450. }
  451.  
  452. /*text*/
  453. .texta {margin:0 25px;}
  454.  
  455.  
  456.  
  457. /*permalink and notes*/
  458.  
  459.  
  460. #permalink {
  461. margin-top:10px;
  462. font-size:8px;
  463. letter-spacing:1px;
  464. text-align:center;
  465. text-transform:uppercase;
  466.  
  467. }
  468. #permalink a {margin:0 5px;
  469. }
  470.  
  471.  
  472. .tags {{block:ifNotShowTags}
  473. {block:IndexPage}
  474. display:none;
  475. {/block:IndexPage}
  476. {/block:ifNotShowTags}
  477. word-break:break-all;
  478. }
  479.  
  480.  
  481.  
  482. .pagenotes {
  483. {block:IndexPage}
  484. display: none!important;
  485. {/block:IndexPage}
  486. {block:PermalinkPage}
  487. width:400px;
  488. {/block:PermalinkPage}
  489. text-align:left;
  490.  
  491. }
  492. .pagenotes img {
  493. display:none!important;}
  494. .pagenotes li {
  495. list-style-type:none;
  496. padding:5px 0px;
  497. text-align:left;
  498. margin:0 0 0 -40px;
  499. font-size:9px;
  500. text-transform:uppercase;
  501. }
  502. .t {
  503. font-size:12px;
  504. font-weight:bold;
  505. letter-spacing:1px;
  506. color:{color:title};
  507. text-transform:uppercase;}
  508.  
  509.  
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518.  
  519. {CustomCSS}
  520.  
  521.  
  522. </style>
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531. </head>
  532.  
  533. <body>
  534.  
  535. <div id="con">
  536.  
  537. <div id="headers">
  538. {block:IfShowSidebarImage}
  539. <div id="bat">
  540. <a href="/"><img src="{image:Sidebar image}"></a>
  541. </div>
  542. {/block:IfShowSidebarImage}
  543. {block:IfShowTitle}
  544. <div id="blogt"><a href="/">{Title}</a></div>
  545. {/block:IfShowTitle}
  546. <div id="standardlinks">
  547. <a href="/">Index</a>
  548. <a href="/ask">Message</a>
  549. <a href="/archive">archive</a>
  550. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  551. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  552. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  553. </div>
  554. <div id="description">{Description}</div>
  555.  
  556.  
  557.  
  558.  
  559.  
  560. </div>
  561.  
  562.  
  563.  
  564.  
  565. <div id="entries">
  566.  
  567. {block:Posts}
  568. <div class="posts">
  569.  
  570.  
  571. {block:Quote}
  572.  
  573.  
  574. <div id="titlequote">{Quote}</div>
  575. {block:Source}<div id="source">{Source}</div>{/block:Source}
  576. {/block:Quote}
  577.  
  578.  
  579.  
  580. {block:Text}
  581.  
  582. {block:Title}
  583. <div id="title">{Title}</div>{/block:Title}
  584. <div class="texta">{Body}</div>
  585.  
  586.  
  587. {/block:Text}
  588.  
  589. {block:Link}
  590.  
  591. <div id="title"><a href="{URL}">{Name}</a></div>
  592. {block:Description}<div class="texta">{Description}</div>{/block:Description}
  593.  
  594. {/block:Link}
  595.  
  596. {block:Chat}
  597. {block:Title}
  598. <h1>{Title}</h1>
  599. {/block:Title}
  600. <div class="chat">
  601. <ol>{block:Lines}
  602. <li class="line {Alt}">
  603. {block:Label}
  604. <span class="label">
  605. {Label}</span>
  606. {/block:Label}{Line}</li>
  607. {/block:Lines}
  608. </ol></div>
  609. {/block:Chat}
  610.  
  611. {block:Photo}
  612. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  613.  
  614. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  615.  
  616.  
  617. {/block:Photo}
  618.  
  619. {block:Photoset}
  620. <div class="photoset">
  621. <div style="margin:-25px 0 -25px -25px">
  622. {Photoset-400}
  623. </div>
  624. </div>
  625. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  626.  
  627.  
  628. {/block:Photoset}
  629.  
  630. {block:Video}
  631. {Video-400}
  632. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  633. {/block:Video}
  634.  
  635.  
  636.  
  637. {block:Audio}
  638. <div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}<div style="font-size:8px;text-transform:uppercase;letter-spacing:2px;line-height:16px;font-style:normal;">{Artist}</div>{/block:Artist}</div>
  639. {block:AudioPlayer}
  640. <div class="player">{AudioPlayerwhite}</div>
  641. {/block:AudioPlayer}
  642. {/block:Audio}
  643.  
  644.  
  645.  
  646. {block:Answer}
  647. <div class="q">
  648. {Question}
  649. <div class="as">asked by {Asker}</div>
  650. </div>
  651.  
  652. <div class="a">{Answer}</div>
  653.  
  654. {/block:Answer}
  655.  
  656.  
  657.  
  658. {block:Date}
  659.  
  660. <div id="permalink">
  661.  
  662. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  663. <a href="{Permalink}" style="font-weight:bold">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}
  664. {block:PermalinkPage}
  665. {block:ContentSource}
  666. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  667. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  668. {/block:SourceLogo}
  669. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  670. {/block:ContentSource}
  671. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  672. {/block:PermalinkPage}
  673.  
  674. </div>
  675. {/block:Date}
  676.  
  677.  
  678.  
  679. </div>
  680.  
  681.  
  682.  
  683. {block:PostNotes}
  684. <div class="pagenotes">
  685. {block:NoteCount}<div class="t">Notes</div>{/block:NoteCount}
  686. {PostNotes}
  687. </div>
  688. {/block:PostNotes}
  689.  
  690.  
  691. {/block:Posts}
  692.  
  693.  
  694. {block:Pagination}
  695. <div id="pagination">
  696. {block:PreviousPage}
  697. <a href="{PreviousPage}">< PREVIOUS PAGE</a>
  698. {/block:PreviousPage}
  699. {block:NextPage}
  700. <a href="{NextPage}">NEXT PAGE ></a>
  701. {/block:NextPage}
  702. </div>
  703. {/block:Pagination}
  704.  
  705.  
  706. <div id="text">
  707. Theme by <a href="http://farahmir.tumblr.com" target="_blank">Septim</a></div>
  708.  
  709. </div>
  710.  
  711.  
  712.  
  713. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement