Advertisement
PuppyLove968

middle earth slide (mahogany themes)

Mar 7th, 2014
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.41 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12. <head>
  13.  
  14. <!----
  15.  
  16. theme: middle earth slide by fangirlbotmalfunction (mahogany themes)
  17. DO WHAT YOU WILL.
  18.  
  19. ---->
  20.  
  21. <a name="#top"></a>
  22.  
  23. <meta name="color:background color" content="#072a1d" />
  24. <meta name="color:background gradient" content="#000503">
  25. <meta name="color:accent" content="#052117" />
  26. <meta name="color:text" content="#748e7e">
  27. <meta name="color:link" content="#68747d">
  28. <meta name="text:Blog Title" content="Blog Title Goes Here">
  29. <meta name="select:title font" content="Patrick Hand SC" title="Patrick Hand SC">
  30. <meta name="select:title font" content="Economica" title="Economica">
  31. <meta name="select:title font" content="Waiting for the Sunrise" title="Waiting for the Sunrise">
  32. <meta name="select:title font" content="Happy Monkey" title="Happy Monkey">
  33. <meta name="select:title font" content="Cinzel" title="Cinzel">
  34. <meta name="select:title font" content="Indie Flower" title="Indie Flower">
  35. <meta name="select:title font" content="MedievalSharp" title="MedievalSharp">
  36. <meta name="select:title font" content="Default" title="Default">
  37. <meta name="image:background image" />
  38. <meta name="if:backgroundgradient" content="0"/>
  39. <meta name="if:background repeat" content="1">
  40. <meta name="if:back to top banners" content="1">
  41. <meta name="if:webkit scrollbar" content="1">
  42.  
  43. <meta name="image:header image" content="http://24.media.tumblr.com/tumblr_me7vv4zkyB1qcdtsho1_400.jpg"/>
  44. <meta name="if:transparent posts" content="0">
  45.  
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. <link rel="stylesheet" href="http://static.tumblr.com/roigneg/1k7m43mif/font.css" type="text/css">
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Economica|Coustard|Neucha|Rum+Raisin|Glass+Antiqua|MedievalSharp|Josefin+Sans|Skranji|Patrick+Hand+SC|Life+Savers|Gochi+Hand|Shadows+Into+Light|Josefin+Slab|Cinzel|Happy+Monkey|Boogaloo|Cedarville+Cursive|Montez|Indie+Flower|Volkhov|Englebert|Merriweather|Ruthie|Chewy|Quattrocento|Loved+by+the+King|Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'>
  51.  
  52. <style type="text/css">
  53.  
  54.  
  55. ::-webkit-scrollbar {width: 9px; height: 3px; background-color:{color:background color};}
  56. ::-webkit-scrollbar-thumb {background-color:{color:background gradient} ;}
  57.  
  58. body {
  59. color: {color:text};
  60. font-family: helvetica;
  61. font-size: 11px;
  62. /*background-image:url('http://24.media.tumblr.com/tumblr_me7vv4zkyB1qcdtsho1_400.jpg');*/
  63. background-attachment:fixed;
  64. {block:ifbackgroundrepeat}
  65. background-repeat:repeat;
  66. {/block:ifbackgroundrepeat}
  67. {block:ifnotbackgroundrepeat}
  68. background-repeat:no-repeat;
  69. {/block:ifnotbackgroundrepeat}
  70. background-color: {color:background color};
  71. {block:ifbackgroundgradient}
  72. background-image: -webkit-gradient(
  73. linear, left top, left bottom, from({color:background color}),
  74. to({color:background gradient})
  75. );{/block:ifbackgroundgradient}
  76. background-color: {color:background color};
  77. }
  78. small {
  79. font-size: 11px;
  80. }
  81. big {
  82. font-size: 11px;
  83. }
  84.  
  85. hr {
  86. border-color:{color:background gradient};
  87. }
  88.  
  89. blockquote {
  90. border-left: 1px solid #8F8F8F;
  91. padding: 0 0 0 5px;
  92. margin: 0 0 14px 0;
  93. }
  94.  
  95. quote {
  96. border-left: 0 solid #8F8F8F;
  97. padding: 30px;
  98. display: block;
  99. }
  100. a {
  101. color: {color:link};
  102. text-decoration: none;
  103. }
  104. a:hover {
  105. color: #6f6f6f;
  106. }
  107.  
  108. #header {
  109. z-index:40;
  110. opacity:0.7;
  111. position:relative;
  112. width:500px; height:200px;
  113. padding:10px;
  114. margin-left:240px;
  115. font-family:'Economica';
  116. {block:ifnottransparentposts}
  117. background-color:{color:accent};
  118. {/block:ifnottransparentposts}
  119. letter-spacing:1px;
  120. text-align:center;
  121. font-size:15px;}
  122.  
  123.  
  124. #title {
  125. z-index:100;
  126. position:relative;
  127. width:500px; height:15px;
  128. overflow:hidden;
  129. padding:10px;
  130. padding-bottom:20px;
  131. margin-top:-5px;
  132. margin-left:240px;
  133. font-family:'{select:title font}';
  134. color:{color:Content BG};
  135. {block:ifnottransparentposts}
  136. background-color:{color:accent};
  137. {/block:ifnottransparentposts}
  138. letter-spacing:6px;
  139. text-align:center;
  140. font-size:15px;
  141. border-style:outset;
  142. border-color:{color:background color};}
  143.  
  144. #title:hover {
  145. height:auto;
  146. }
  147.  
  148.  
  149. #layout {
  150. margin: 0 auto;
  151. width: 1000px;
  152. padding-top:30px;
  153. }
  154.  
  155.  
  156.  
  157. #container {
  158. z-index:1;
  159. float:right;
  160. margin-left:200px;
  161. margin-right:200px;
  162. position:fixed;
  163. margin-top:-40px;
  164. width:600px;
  165. height:110%;
  166. background: {color:accent};
  167. background-image:url('http://wallpapers.wallpapersdepo.net/free-wallpapers/3606/527-the-Forest-church-2-by-weiweihua.jpg');
  168. opacity:0.7;
  169. }
  170.  
  171. #banner1 {
  172. width:200px;
  173. height:200px;
  174. position:fixed;
  175. margin-top:-35px;
  176. margin-left:-40px;
  177. }
  178.  
  179. #banner2 {
  180. width:200px;
  181. height:200px;
  182. position:fixed;
  183. margin-top:-35px;
  184. margin-left:840px;
  185. }
  186.  
  187. #arrow1 {
  188. position:fixed;
  189.  
  190. margin-top:300px;
  191. margin-left:110px;
  192.  
  193. cursor:pointer;
  194.  
  195. width:0;
  196. height:0;
  197.  
  198. border-top: 60px solid transparent;
  199. border-bottom: 60px solid transparent;
  200. border-right: 90px solid {color:accent};
  201. }
  202.  
  203. #arrow2 {
  204.  
  205. position:fixed;
  206.  
  207. margin-top:300px;
  208. margin-left:800px;
  209.  
  210. cursor:pointer;
  211.  
  212. width:0;
  213. height:0;
  214.  
  215. border-top: 60px solid transparent;
  216. border-bottom: 60px solid transparent;
  217. border-left: 90px solid {color:accent};
  218. }
  219.  
  220.  
  221. #description {
  222. padding-top:10px;
  223. text-transform:lowercase;
  224. font-family:'Helvetica';
  225. font-size:11px;
  226. letter-spacing:0px;
  227. }
  228.  
  229. .pagination {
  230. background: none repeat scroll 0 0 {color:accent};
  231. font-family: calibri;
  232. font-size: 11px;
  233. font-weight: bold;
  234. margin: 10px 0 0;
  235. padding: 10px;
  236. position: relative;
  237. text-align: center;
  238. }
  239. .pagination a:hover {
  240. background: none repeat scroll 0 0 #b3bdc5;
  241. color: {color:accent};
  242. }
  243. .jump_page {
  244. background-color: #7d8c98;
  245. color: {color:accent};
  246. margin: 0;
  247. padding: 2px 6px 3px;
  248. }
  249. .pagination_current {
  250. background-color: #7d8c98;
  251. color: #b3bdc5;
  252. font-size: 11px;
  253. margin-left: 0;
  254. margin-right: 0;
  255. padding: 2px 6px 3px;
  256. }
  257. .nextprevious {
  258. background-color: #7d8c98;
  259. color: {color:accent};
  260. margin-left: 0;
  261. margin-right: 0;
  262. padding: 2px 6px 3px;
  263. }
  264.  
  265. #content {
  266. position:relative;
  267. z-index:100;
  268. float: left;
  269. margin-top:20px;
  270. margin-left:240px;
  271. margin-bottom: 50px;
  272. width: 520px;
  273. }
  274. article {
  275. {block:ifnottransparentposts}
  276. background: none repeat scroll 0 0 {color:accent};
  277. {/block:ifnottransparentposts}
  278. display: inline-block;
  279. padding:10px;
  280. margin-top:20px;
  281. padding:20px transparent;
  282. width:500px;
  283. border-style:outset;
  284. border-color:{color:accent};
  285. }
  286.  
  287.  
  288. article:last-child {
  289. margin-bottom: 0;
  290. }
  291. .entries {
  292. margin-bottom: 0;
  293. padding: 10px 0;
  294. width:500px;
  295. }
  296. .entries img {
  297. max-width:500px;
  298. }
  299. h1 {
  300. font-size: 22px;
  301. font-style: italic;
  302. font-weight: bold;
  303. letter-spacing: 1px;
  304. margin: 0;
  305. }
  306. header1 {
  307. color: #959595;
  308. display: block;
  309. font-size: 9px;
  310. font-weight: bold;
  311. padding: 0 8px 0 0;
  312. text-transform: none;
  313. }
  314. .post-meta {
  315. list-style-type: none;
  316. margin: 0;
  317. padding: 0;
  318. }
  319. .post-date {
  320. display: inline-block;
  321. font-weight: bold;
  322. }
  323. .post-notesreblog {
  324. float: right;
  325. margin: -6px;
  326. }
  327. .symbols {
  328. font: 10px WebSymbolsRegular;
  329. text-transform: none;
  330. }
  331. .symbols_tags {
  332. float: left;
  333. font-family: WebSymbolsRegular;
  334. font-size: 11px;
  335. line-height: 8px;
  336. margin-right: 10px;
  337. text-transform: none;
  338. }
  339. .post-sources {
  340. display: inline-block;
  341. }
  342. .post-notesreblog {
  343. float: right;
  344. margin: -6px;
  345. }
  346. .post-tags:before {
  347. }
  348. .post-footer {
  349. display: inline-block;
  350. list-style-type: none;
  351. margin: 0;
  352. padding: 0;
  353. }
  354. .post-tags {
  355. float: left;
  356. padding-right: 1px;
  357. }
  358. .post-tags:before {
  359. content: "#";
  360. }
  361. .post-tags:after {
  362. content: "\00a0\00a0\00a0";
  363. }
  364. footer {
  365. color: #959595;
  366. display: block;
  367. font-size: 9px;
  368. font-weight: bold;
  369. margin-bottom: 0;
  370. padding: 0;
  371. text-align: left;
  372. text-transform: none;
  373. }
  374. .ask {
  375. background: none repeat scroll 0 0 {color:background};
  376. padding: 10px;
  377. }
  378. .askimg {
  379. margin-bottom: 0;
  380. position: inherit;
  381. width: 48px;
  382. }
  383. .askimg img {
  384. background-color: #000000;
  385. margin-bottom: 0;
  386. padding: 0;
  387. position: relative;
  388. width: 48px;
  389. }
  390. .asker {
  391. color: #6E6E6E;
  392. font-size: 11px;
  393. font-weight: bold;
  394. text-transform: none;
  395. }
  396. .user {
  397. font-size: 11px;
  398. margin-bottom: 0;
  399. padding-left: 25px;
  400. }
  401. .even_user {
  402. color: #9A9A9A;
  403. }
  404. .odd_user {
  405. color: #838383;
  406. }
  407. .chat {
  408. list-style: none outside none;
  409. margin: 0;
  410. padding: 10px 0 0;
  411. }
  412. ol.notes {
  413. list-style-type: none;
  414. margin: 0;
  415. padding: 0;
  416. }
  417. ol.notes li.note {
  418. padding: 3px;
  419. }
  420. ol.notes li.note img.avatar {
  421. height: 16px;
  422. margin-right: 5px;
  423. vertical-align: -4px;
  424. width: 16px;
  425. }
  426. ol.notes li.note blockquote {
  427. border-color: #EEEEEE;
  428. margin: 10px 0 0 25px;
  429. padding: 4px 10px;
  430. }
  431. ol.notes li.note blockquote a {
  432. text-decoration: none;
  433. }
  434. .source:before {
  435. content: "— ";
  436. }
  437. .source {
  438. display: block;
  439. font-family: helvetica;
  440. font-size: 11px;
  441. font-style: normal;
  442. font-weight: bold;
  443. letter-spacing: 0;
  444. margin-top: 5px;
  445. }
  446. .short {
  447. border-left-width: 0;
  448. font-size: 24px;
  449. font-style: italic;
  450. }
  451. .medium {
  452. border-left-width: 0;
  453. font-size: 20px;
  454. font-style: italic;
  455. }
  456. .long {
  457. border-left-width: 0;
  458. font-size: 17px;
  459. font-style: italic;
  460. }
  461. .quotationmark {
  462. font-size: 120px;
  463. font-weight: bold;
  464. line-height: 127px;
  465. margin-left: 26px;
  466. opacity: 0.18;
  467. position: absolute;
  468. }
  469. .album_art {
  470. margin-right: 12px;
  471. text-align: left;
  472. width: 160px;
  473. z-index: -10;
  474. }
  475. .album_art_over {
  476. height: 160px;
  477. margin-right: 12px;
  478. position: absolute;
  479. width: 160px;
  480. }
  481. .audioinfo_first {
  482. font-weight: bold;
  483. }
  484. .audioinfo_b {
  485. display: none;
  486. }
  487. .audio {
  488. min-height: 160px;
  489. overflow: hidden;
  490. position: relative;
  491. }
  492. .player {
  493. background: none repeat scroll 0 0 #000000;
  494. border: 3px solid #000000;
  495. margin-left: 61px;
  496. margin-top: -102px;
  497. opacity: 0.85;
  498. position: absolute;
  499. z-index: 30;
  500. }
  501. .audioplayer {
  502. height: 25px;
  503. margin-right: 11px;
  504. overflow: hidden;
  505. padding: 3px;
  506. width: 15px;
  507. }
  508. .audioinfo {
  509. line-height: 5px;
  510. margin-bottom: 100px;
  511. margin-left: 168px;
  512. }
  513. .audiocaption {
  514. margin-left: 0;
  515. }
  516. .audiocaption img {
  517. max-width: 200px !important;
  518. }
  519. .audiocaption blockquote img {
  520. max-width: 200px !important;
  521. }
  522. blockquote img {
  523. max-width: 200px !important;
  524. }
  525.  
  526.  
  527.  
  528. </style>
  529. </head>
  530. <body>
  531.  
  532.  
  533. <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  534.  
  535. <div id="layout">
  536.  
  537. {block:ifbacktotopbanners}
  538.  
  539. <a href="#top" title="back to top"><img id="banner1" src="https://31.media.tumblr.com/5b9cc241821ac59a242e4cc71a47bcb9/tumblr_n234a5rLrd1sv017yo1_500.png"></a>
  540.  
  541. <a href="#top" title="back to top"><img id="banner2" src="https://31.media.tumblr.com/5b9cc241821ac59a242e4cc71a47bcb9/tumblr_n234a5rLrd1sv017yo1_500.png"></a>
  542.  
  543. {/block:ifbacktotopbanners}
  544.  
  545. {block:ifnotbacktotopbanners}
  546.  
  547. {block:PreviousPage}<a href="{PreviousPage}">
  548. <div id="arrow1"></div></a>{/block:PreviousPage}
  549. {block:NextPage}<a href="{NextPage}"><div id="arrow2"></div></a>{/block:NextPage}
  550.  
  551. {/block:ifnotbacktotopbanners}
  552.  
  553.  
  554. <div id="container"></div>
  555.  
  556. <div id="title">
  557.  
  558. {block:ifbacktotopbanners}
  559. {block:PreviousPage}<a href="{PreviousPage}">
  560. &#9664;</a>{/block:PreviousPage}
  561. <a href="/#">{text:blog title}</a> {block:NextPage}<a href="{NextPage}">&#9654;</a>{/block:NextPage}{/block:ifbacktotopbanners}
  562.  
  563. {block:ifnotbacktotopbanners}
  564. <a href="/#">{text:blog title}</a>
  565. {/block:ifnotbacktotopbanners}
  566.  
  567. <BR><BR><hr><BR>
  568. <a href="/ask">ASK</a> | <a href="/about">ABOUT</A> | <a href="/archive">ARCHIVE</a> | <a href="http://mymahoganymyrules.tumblr.com">THEME</a>
  569. {block:Description}<div id="description">{Description}</div>{/block:Description}
  570. </div>
  571.  
  572. <section id="content">
  573.  
  574.  
  575. {block:Posts}
  576. <article>
  577. {block:Date}
  578. <header1>
  579.  
  580. <ul class="post-meta">
  581. <li class="post-date">
  582. <a href="{Permalink}">{TimeAgo}</a>
  583. </li>
  584.  
  585. <li class="post-sources">
  586. {block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> {block:ContentSource} (<a href="{SourceURL}">source</a>){/block:ContentSource}{/block:RebloggedFrom}
  587. </li>
  588.  
  589.  
  590. <li class="post-notesreblog">
  591. {block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>
  592. {/block:NoteCount}
  593.  
  594. {block:Photo}
  595. <a href="{ReblogURL}" target="_blank"><span class="symbols">J</span></a>
  596. {/block:Photo}
  597. {block:Photoset}
  598. <a href="{ReblogURL}" target="_blank"><span class="symbols">J</span></a>
  599. {/block:Photoset}
  600. {block:Quote}
  601. <a href="{ReblogURL}" target="_blank"><span class="symbols">J</span></a>
  602. {/block:Quote}
  603. {block:Link}
  604. <a href="{ReblogURL}" target="_blank"><span class="symbols">J</span></a>
  605. {/block:Link}
  606. {block:Chat}
  607. <a href="{ReblogURL}" target="_blank"><span class="symbols">J</span></a>
  608. {/block:Chat}
  609. {block:Audio}
  610. <a href="{ReblogURL}" target="_blank"><span class="symbols">J</span></a>
  611. {/block:Audio}
  612. {block:Video}
  613. <a href="{ReblogURL}" target="_blank"><span class="symbols">J</span></a>
  614. {/block:Video}
  615. {block:Text}
  616. <a href="{ReblogURL}" target="_blank"><span class="symbols">J</span></a>
  617. {/block:Text}
  618. </li>
  619. </ul>
  620. </header1>
  621. {/block:Date}
  622.  
  623.  
  624. <div class="entries">
  625.  
  626. {block:Text}
  627. {block:Title}
  628. <h1><a href="{Permalink}">{Title}</a></h1>
  629. {/block:Title}
  630. {body}
  631. {/block:Text}
  632.  
  633. {block:Link}
  634. <a href="{url}"><h1>{Name}</h1></a>
  635. {block:Description}
  636. {Description}
  637. {/block:Description}
  638. {/block:Link}
  639.  
  640. {block:Photo}
  641. <center>
  642. {block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-500}"/>{block:HighRes}</a>{/block:HighRes}
  643. </center>
  644. {block:Caption}
  645. {Caption}
  646. {/block:Caption}
  647. {/block:Photo}
  648.  
  649. {block:Photoset}
  650. <center>
  651. {Photoset-500}
  652. </center>
  653. {block:Caption}
  654. {Caption}
  655. {/block:Caption}
  656. {/block:Photoset}
  657.  
  658. {block:Quote}
  659. <span class="quotationmark">“</span>
  660. <quote class="{Length}">{Quote}
  661. <b class="source">{Source}</b>
  662. </quote>
  663. {/block:Quote}
  664.  
  665.  
  666. {block:Chat}
  667. {block:Title}
  668. <h1><a href="{Permalink}">{Title}</a></h1>
  669. {/block:Title}
  670. <ul class="chat">{block:Lines}<li class="{Alt}_user">
  671. {block:Label}
  672. <span class="label">{Label}</span>
  673. {/block:Label}
  674. {Line}
  675. </li>
  676. {/block:Lines}
  677. </ul>
  678. </li>
  679. {/block:Chat}
  680.  
  681.  
  682.  
  683. {block:Audio}
  684.  
  685. <div class="audio">
  686.  
  687. <span class="album_art_over">
  688. {block:AlbumArt}
  689. <img class="album_art" src="{AlbumArtURL}"/>
  690. {/block:AlbumArt}
  691. <div class="player">
  692. <div class="audioplayer">
  693. {AudioPlayerBlack}
  694. </div>
  695. </div>
  696. </span>
  697.  
  698. <div class="audioinfo">
  699. <p><span class="audioinfo_first">Title:</span>
  700. <span{block:TrackName} class="audioinfo_b"{block:TrackName}>Unknown</span>
  701. {block:TrackName}{TrackName}{/block:TrackName}</p>
  702. <p><span class="audioinfo_first">Artist: </span>
  703. <span{block:Artist} class="audioinfo_b"{block:Artist}>Unknown</span>
  704. {block:Artist}{Artist}{/block:Artist}</p>
  705. <p><span class="audioinfo_first">Album: </span>
  706. <span{block:Album} class="audioinfo_b"{block:Album}>Unknown</span>
  707. {block:Album}{Album}{/block:Album}</p>
  708. <p>{block:ExternalAudio} <span class="audioinfo_first">Download: </span>
  709. <a href="{ExternalAudioURL}">Click Here</a></p>
  710. <p>{/block:ExternalAudio} <span class="audioinfo_first">Played: </span>
  711. {PlayCount} times</div></p>
  712.  
  713.  
  714. <div class="audiocaption">
  715. {block:Caption}
  716. {Caption}
  717. {/block:Caption}
  718. </div>
  719. </div>
  720. {/block:Audio}
  721.  
  722. {block:Video}
  723. {Video-500}<br/>
  724. {block:Caption}
  725. <div>
  726. {Caption}
  727. </div>
  728. {/block:Caption}
  729. {/block:Video}
  730.  
  731. {block:Answer}
  732. <div class="ask">
  733. <table><tr>
  734. <td ><div class="askimg"><img src="{AskerPortraitURL-48}"></div></td>
  735. <td class="user">
  736. <span class="asker">{Asker}</span><br>
  737. {Question}
  738. </td></tr></table>
  739. </div>
  740. <div class="cap">
  741. {Answer}
  742. </div>
  743. {/block:Answer}
  744. </div>
  745.  
  746. {block:HasTags}
  747. <footer>
  748. <ul class="post-footer">
  749.  
  750. {block:Tags}
  751. <li class="post-tags"><a href="{TagURL}">{Tag}</a></li>
  752. {/block:Tags}
  753. </ul>
  754. </footer>
  755. {/block:HasTags}
  756. </article>
  757. {/block:posts}
  758. {block:PostNotes}
  759. <div id="notes">
  760. {PostNotes}
  761. </div>
  762. {/block:PostNotes}
  763.  
  764.  
  765. </section>
  766.  
  767.  
  768. </div>
  769. </body>
  770. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement