Advertisement
andlionheart

theme13 by andlionheart.tumblr.com

May 16th, 2014
1,085
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.80 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2.  
  3. <!------------------THEME 013 BY ANDLIONHEART.TUMBLR.COM DO NOT COPY------------------------------>
  4. <!----
  5. RULES:
  6. 1) Do Not Copy
  7. 2) Do Not Remove Credit (please keep the credit in the same place)
  8. 3) Small edits are allowed.
  9. ------->
  10.  
  11. <html>
  12. <head>
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:background" content="#FFFFFF" />
  22. <meta name="color:postbg" content="#ffffff" />
  23. <meta name="color:font" content="#000000" />
  24. <meta name="color:link" content="#344053" />
  25. <meta name="color:linkhover" content="#111111" />
  26. <meta name="color:sidebar" content="#111111" />
  27. <meta name="color:sidebrfont" content="#000000" />
  28. <meta name="color:border" content="#111111" />
  29. <meta name="color:tags" content="#111111" />
  30. <meta name="color:title" content="#000000" />
  31. <meta name="color:info" content="#ffffff" />
  32. <meta name="color:infoborder" content="#b1b0b0" />
  33. <meta name="color:askbg" content="#efefef" />
  34. <meta name="color:tags background" content="#ffffff" />
  35. <meta name="color:sidebar title" content="#49537e" />
  36. <meta name="color:blockquote" content="#e4e4e4" />
  37. <meta name="color:sidebar links" content="#ffffff" />
  38. <meta name="color:sidelinkhover" content="#ffffff" />
  39. <meta name="color:mainlinks" content="#ffffff" />
  40. <meta name="color:boxlinkhover" content="#ffffff" />
  41. <meta name="color:sidebar border" content="#f6f6f6" />
  42.  
  43. <meta name="image:background" content="" />
  44. <meta name="image:sidebar" content="" />
  45.  
  46. <meta name="text:secondtitle" content="" />
  47. <meta name="text:Link1" content="" />
  48. <meta name="text:Link1URL" content="" />
  49. <meta name="text:Link2" content="" />
  50. <meta name="text:Link2URL" content="" />
  51. <meta name="text:Link3" content="" />
  52. <meta name="text:Link3URL" content="" />
  53. <meta name="text:Link4" content="" />
  54. <meta name="text:Link4URL" content="" />
  55. <meta name="text:Link5" content="" />
  56. <meta name="text:Link5URL" content="" />
  57.  
  58.  
  59.  
  60.  
  61. <!-------lazyload------->
  62.  
  63. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  64. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  65. <script type="text/javascript" charset="utf-8">
  66. var $j = jQuery.noConflict();
  67. $j(function() {
  68. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  69. $j("img").lazyload({
  70. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  71. effect: "fadeIn",
  72. });
  73. });
  74. </script>
  75.  
  76.  
  77.  
  78. </head>
  79.  
  80.  
  81.  
  82. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
  83.  
  84. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
  85.  
  86. <link href='http://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic' rel='stylesheet' type='text/css'>
  87.  
  88. <style type="text/css">
  89.  
  90.  
  91. ::-webkit-scrollbar-thumb:vertical {
  92. background-color: #cecece;
  93. width:15px;
  94. height:100px;
  95. border: 1px solid #ffffff;
  96.  
  97. }
  98.  
  99. ::-webkit-scrollbar {
  100. height:10px;
  101. width:12px;
  102. background-color: #ffffff;
  103. }
  104.  
  105.  
  106. body{
  107. color: {color:font};
  108. background-color: {color:background};
  109. background-image: url('{image:Background}');
  110. background-position: top left;
  111. background-repeat: no-repeat;
  112. background-attachment: fixed;
  113. font-family: playfair display;
  114. font-size: 12px;
  115. line-height: 14px;
  116. letter-spacing: 0.3px;
  117. }
  118.  
  119. a:link, a:visited, a:active{
  120. color: {color:link};
  121. text-decoration: none;
  122. -moz-transition: 0.3s ease-in-out;
  123. -webkit-transition: 0.3s ease-in-out;
  124. -o-transition: 0.3s ease-in-out;
  125. transition: 0.3s ease-in-out;
  126. }
  127.  
  128. a:hover{
  129. color: {color:linkhover};
  130. font-weight: 580;
  131. -moz-transition: 0.3s ease-in-out;
  132. -webkit-transition: 0.3s ease-in-out;
  133. -o-transition: 0.3s ease-in-out;
  134. transition: 0.3s ease-in-out;
  135. }
  136.  
  137. i, em{
  138. font-style:italic;
  139. color:{color:font};
  140. }
  141.  
  142. b, strong{
  143. color:{color:font};
  144. font-weight: 700;
  145. }
  146.  
  147. p{
  148. margin-top: 3px;
  149. margin-bottom: 3px
  150. }
  151.  
  152. h2, h3, h4, h5, h6{
  153. font-weight: 500;
  154. font-family: georgia;
  155. line-height: 10px;
  156. }
  157.  
  158. h1, h1 a:link{
  159. font-weight: 500;
  160. font-family: lucida sans;
  161. text-transform: uppercase;
  162. color: {color:font};
  163. letter-spacing: 1px;
  164. }
  165.  
  166. h1 a:hover,{
  167. text-transform: lowercase;
  168. color: {color:linkhover};
  169. letter-spacing: 2px;
  170. }
  171.  
  172. #content{
  173. margin-left: 310px;
  174. margin-top: -10px;
  175. width: 525px;
  176. background-color: {color:postbg};
  177. margin-bottom: 10px;
  178. word-wrap:break-word;
  179. }
  180.  
  181. #posts{
  182. font-family: playfair display;
  183. background-color: {color:postbg};
  184. letter-spacing: 1px;
  185. overflow: hidden;
  186. font-size: 10px;
  187. line-height: 13px;
  188. padding: 15px 10px 12px 10px;
  189. font-style: none; font-weight: normal;
  190. }
  191.  
  192.  
  193.  
  194. #sidebar{
  195. height: 100%;
  196. font-size:10px;
  197. width: 220px;
  198. margin-left:-8px;
  199. margin-top: -8px;
  200. position: fixed;
  201. background-color: {color:sidebar};
  202. font-family: cambria;
  203. overflow: hidden;
  204. -webkit-transition: all 0.3s ease-in-out;
  205. -moz-transition: all 0.3s ease-in-out;
  206. -o-transition: all 0.3s ease-in-out;
  207. transition: all 0.3s ease-in-out;
  208. border-right: 10px solid {color:sidebar border};
  209. }
  210.  
  211.  
  212. #sidebar a:hover{
  213. color:{color:sidelinkhover};
  214. }
  215.  
  216.  
  217. #sidebarimg{
  218. width: 190px;
  219. overflow: hidden;
  220. padding-bottom: 0px;
  221. }
  222.  
  223.  
  224. .description b{
  225. color: {color:sidebrfont};
  226. }
  227.  
  228. .description i{
  229. color: {color:sidebrfont};
  230. }
  231.  
  232. .description a{
  233. color: {color:sidebar links};
  234. }
  235.  
  236. .description a:hover{
  237. color: {color:sidelinkhover};
  238.  
  239. }
  240. .description{
  241. width: 65%;
  242. height: 100%;
  243. color: {color:sidebrfont};
  244. font-size: 11px;
  245. font-family: times;
  246. text-align:justify;
  247. letter-spacing:0px;
  248. padding: 7px 5px 7px 5px;
  249. line-height: 11px;
  250. }
  251.  
  252.  
  253.  
  254. .sidebarlinks{
  255. font-family: times;
  256. text-align: center;
  257. line-height: 10px;
  258. margin-top: 13px;
  259. font-size: 9px;
  260. display:block;
  261. margin-bottom: 15px;
  262. font-style: italic;
  263. }
  264.  
  265. .sidebarlinks a{
  266. padding: 3px 3px 3px 5px;
  267. background-color: #111111;
  268. color: #ffffff;
  269. letter-spacing: 1px;
  270. -webkit-transition: all 0.3s ease-in-out;
  271. -moz-transition: all 0.3s ease-in-out;
  272. -o-transition: all 0.3s ease-in-out;
  273. transition: all 0.3s ease-in-out;
  274. }
  275.  
  276. .sidebarlinks a:hover{
  277. background-color: #ddd829;
  278. color: {color:sidelinkhover};
  279. -webkit-transition: all 0.3s ease-in-out;
  280. -moz-transition: all 0.3s ease-in-out;
  281. -o-transition: all 0.3s ease-in-out;
  282. transition: all 0.3s ease-in-out;
  283. }
  284.  
  285. .maintitle {
  286. margin-top: 100px;
  287. margin-bottom: 2px;
  288. letter-spacing: 1px;
  289. font-size: 15px;
  290. font-family: times;
  291. font-style: italic;
  292. line-height:110%
  293. color: {color: sidebar title};
  294. padding-top: 20px;
  295. width: 150px;
  296. }
  297.  
  298. <!--------IGNORE------------>
  299.  
  300. .mainlinks {
  301. width: 65%;
  302. background-color: {color:info};
  303. padding: 4px 4px 4px 4px;
  304. }
  305.  
  306. .mainlinks a{
  307. color: {color:font};
  308. letter-spacing: 1px;
  309. font-size: 8px;
  310. font-family: arial;
  311. letter-spacing: 1px;
  312. text-transform: uppercase;
  313.  
  314.  
  315. }
  316.  
  317. .mainlinks a:hover{
  318. letter-spacing:1px;
  319. -moz-transition: 0.3s ease-in-out;
  320. -webkit-transition: 0.3s ease-in-out;
  321. -o-transition: 0.3s ease-in-out;
  322. transition: 0.3s ease-in-out;
  323. }
  324.  
  325.  
  326. <!-----------IGNORE--------->
  327.  
  328. .mainlink{
  329. text-align: center;
  330. color: {color:mainlinks};
  331. font-family: times;
  332. font-style: italic;
  333. font-size: 13px;
  334. padding-bottom: 3px;
  335. padding-top: 0px;
  336.  
  337. }
  338.  
  339. .mainlink a{
  340. text-align: center;
  341. color: {color:mainlinks};
  342. font-family: times;
  343. font-style: italic;
  344. font-size: 13px;
  345. padding-bottom: 3px;
  346. padding-top: 2px;
  347. -moz-transition: 0.3s ease-in-out;
  348. -webkit-transition: 0.3s ease-in-out;
  349. -o-transition: 0.3s ease-in-out;
  350. transition: 0.3s ease-in-out;
  351. }
  352.  
  353. .mainlink a:hover{
  354. color: {color: mainlinks};
  355. -moz-transition: 0.3s ease-in-out;
  356. -webkit-transition: 0.3s ease-in-out;
  357. -o-transition: 0.3s ease-in-out;
  358. transition: 0.3s ease-in-out;
  359. }
  360.  
  361. #question{
  362. padding-left: 7px;
  363. padding-right: 5px;
  364. padding-bottom: 4px;
  365. font-size: 10px;
  366. color: #111111;
  367. background-color:{color:askbg};
  368. font-family: calibri;
  369. }
  370.  
  371. .asker{
  372. color: #111111;
  373. padding-top: 4px;
  374. padding-bottom: 1px;
  375. font-family: calibri;
  376. text-transform: uppercase;
  377. font-size: 10px;
  378. letter-spacing: 1px;
  379. background-color: {color:askbg};
  380. }
  381.  
  382. .asker a{
  383. color: #000000;
  384. background-color: {color:askbg};
  385.  
  386. }
  387.  
  388. .asker a:hover{
  389. color: #000000;
  390. background-color: {color:askbg};
  391. }
  392.  
  393. #answer{
  394. font-size: 10px;
  395. padding-left:4px;
  396. font-family: playfair display;
  397. }
  398.  
  399.  
  400. #title {
  401. text-transform: uppercase;
  402. color: {color:title};
  403. letter-spacing: 2px;
  404. font-size: 12px;
  405. font-family: open sans condensed;
  406. line-height:110%
  407. }
  408.  
  409. #title a {
  410. margin-bottom: 2px;
  411. color: {color:title};
  412. letter-spacing: 2px;
  413. font-size: 13px;
  414. font-family: open sans condensed;
  415. line-height:110%
  416.  
  417. }
  418.  
  419. #quote{
  420. text-align: center;
  421. padding-bottom: 2px;
  422. padding: 4px;
  423. font-style: italic;
  424. font-family: baskerville;
  425. font-size: 14px;
  426. }
  427.  
  428. .quotesource{
  429. border-top: solid 1px {color:border};
  430. padding: 3px;
  431. font-style: none;
  432. font-size:12px;
  433. font-family: baskerville;
  434. text-align:center;
  435. letter-spacing: 1px;
  436. padding-bottom: 4px;
  437. }
  438.  
  439. .caption, .caption a{
  440. font-family: playfair display;
  441. font-size: 10px;
  442. color: {color:font};
  443. text-align: justify;
  444. }
  445.  
  446. blockquote {
  447. letter-spacing: 1px;
  448. padding-left:5px;
  449. font-size: 10px;
  450. margin-left: 10px;
  451. background-color: {color:postbg};
  452. display: block;
  453. font-family: playfair display;
  454. border-left: 3px solid{color:blockquote};
  455. }
  456.  
  457. img a{
  458. border: none;
  459. }
  460.  
  461. #audioplayer {
  462. width:30px;
  463. height:30px;
  464. overflow:hidden;
  465. position:absolute;
  466. margin-top:36px;
  467. margin-left:43px;
  468. opacity: 0.9;
  469.  
  470. }
  471. #albumart { float:left; margin:0px 7px;}
  472.  
  473. .user_1 .label {color:#000000; font-weight:bold; }
  474. .user_2 .label {color:#5e5050; font-weight:bold; }
  475. ul.chat, .chat ol, .chat li {list-style:none; margin:2px; padding:0px;}
  476.  
  477. .notes img{width:10px; top:1px;}
  478. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  479. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  480.  
  481.  
  482. #tags{
  483. font-size: 8px;
  484. line-height: 11px;
  485. padding-bottom: 4px;
  486. text-align:left;
  487. padding: 0px 1px 5px 0px;
  488. margin-top: 14px;
  489. letter-spacing: 1px;
  490. text-transform: uppercase;
  491. background-color: {color:background};
  492. }
  493.  
  494. #tags a{
  495. text-decoration: underline;
  496. font-family:playfair display;
  497. letter-spacing:1px;
  498. text-transform:uppercase;
  499. font-size:8px;
  500. margin-top:4px;
  501. text-align:left;
  502. background-color: {color:background};
  503. color: {color:tags};
  504.  
  505. }
  506.  
  507. #tags a:hover{
  508. color: {color:linkhover};
  509.  
  510. }
  511.  
  512.  
  513. #postedby{
  514. position:absolute;
  515. width:150px;
  516. margin-left:564px!important;
  517. text-align: left;
  518. padding: 17px 3px 1px 7px;
  519. font-family: times;
  520. display: block;
  521. letter-spacing: 1px;
  522. background-color: {color:background};
  523. font-size: 9px;
  524. text-transform: uppercase;
  525. }
  526.  
  527.  
  528.  
  529. #pagination{
  530. color: {color:sidebar links};
  531. }
  532.  
  533.  
  534. #pagination a{
  535. color: {color:sidebar links};
  536. margin-top: -10px;
  537. text-transform: uppercase;
  538. font-family: arial;
  539. text-align: center;
  540. font-size: 8px;
  541. padding-bottom: 6px;
  542. }
  543.  
  544.  
  545. .pagtext{
  546. margin-top: 300px;
  547. }
  548.  
  549. .sources
  550. {
  551. filter:alpha(opacity=0);
  552. opacity:0;
  553. }
  554.  
  555.  
  556. .credit{
  557. position: fixed;
  558. font-size: 10px;
  559. letter-spacing: -1px;
  560. line-height: 9px;
  561. right: 7px;
  562. bottom: 10px;
  563. text-transform: uppercase;
  564. text-align: center;
  565. font-family: arial;
  566. }
  567.  
  568. .credit a{
  569. display:inline-block;
  570. padding: 5px;
  571. color: #111111;
  572. background-color: #ffffff;
  573. -webkit-transition: all 0.2s ease-in-out;
  574. -moz-transition: all 0.2s ease-in-out;
  575. -o-transition: all 0.2s ease-in-out;
  576. transition: all 0.2s ease-in-out;
  577. }
  578.  
  579. .credit a:hover{
  580. color: #000000;
  581. background-color: #ffffff;
  582. -webkit-transition: all 0.2s ease-in-out;
  583. -moz-transition: all 0.2s ease-in-out;
  584. -o-transition: all 0.2s ease-in-out;
  585. transition: all 0.2s ease-in-out;
  586. }
  587.  
  588.  
  589.  
  590.  
  591. .secondtitle{
  592. margin-top: -4px;
  593. padding-bottom: 5px;
  594. text-transform: lowercase;
  595. font: italic 12px times;
  596. letter-spcaing: 1px;
  597. text-align: center;
  598. color: {color:sidebar title};
  599. opacity: 0.8;
  600. }
  601.  
  602.  
  603. </style>
  604. </head>
  605.  
  606. <body>
  607.  
  608.  
  609.  
  610.  
  611.  
  612.  
  613.  
  614. <div id="sidebar">
  615. <div class="mainslinks">
  616.  
  617.  
  618. <center><div style="color:{color:sidebar title};"><div class="maintitle">{Title}</div></div>
  619. <div class="secondtitle">{block:ifsecondtitle}{text:secondtitle}{/block:ifsecondtitle} </div>
  620. </center>
  621. <center><div id="sidebarimg"><img src="{image:sidebar}"></center></div>
  622. <div class="mainlink">
  623. <center><a href="/">home</a> · <a href="/ask">contact</a> · <a href="/archive">archive
  624. </a></center></div>
  625. <center>
  626.  
  627. <div style="padding-top: 7px;">
  628. <div class="description">{block:Description}{Description}{/block:Description}<br> </div></div>
  629. <div class="sidebarlinks">
  630. {block:ifLink1}<a href="{text:Link1URL}" title="{text:Link1}">i.</a>{/block:ifLink1}&nbsp;
  631. {block:ifLink2}<a href="{text:Link2URL}" title="{text:Link2}">ii.</a>{/block:ifLink2}&nbsp;
  632. {block:ifLink3}<a href="{text:Link3URL}" title="{text:Link3}">iii.</a>{/block:ifLink3}&nbsp;
  633. {block:ifLink4}<a href="{text:Link4URL}" title="{text:Link4}">iv.</a>{/block:ifLink4}&nbsp;
  634. {block:ifLink5}<a href="{text:Link5URL}" title="{text:Link5}">v.</a>{/block:ifLink5}</div>
  635.  
  636. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage}&nbsp;-&nbsp;{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}<br>
  637. </div>
  638. </div>
  639. </div><br>
  640.  
  641.  
  642.  
  643.  
  644.  
  645.  
  646. <div id="content">
  647. <div id="posts">
  648. {block:Posts}
  649.  
  650. <div id="postedby"><a href="{Permalink}">{TimeAgo}</a> <br>({NoteCount}) &nbsp; {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}"><br>via</a>/<a href="{ReblogRootURL}">root</a>{/block:RebloggedFrom} </div>
  651.  
  652. <div id="title">{block:Title}<b>{Title}&nbsp;</b>{/block:Title}</div>
  653. {block:Text}{Body}{/block:Text}
  654. <div id="quote">{block:Quote}"{Quote}"</div><div class="quotesource">{Source}{/block:Quote}</div>
  655.  
  656. {block:Link}<a href="{URL}" {Target}>{Name}</a>
  657. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  658.  
  659. {block:Photo}
  660. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  661. {block:caption}{caption}{/block:caption}
  662. {/block:Photo}
  663.  
  664. {block:Photoset}
  665. <center>{Photoset-500}</center>
  666. {block:caption}{caption}{/block:caption}
  667. {/block:Photoset}
  668.  
  669. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  670.  
  671. {block:Video}{Video-500}{block:caption}{caption}{/block:caption}{/block:Video}
  672.  
  673. {block:Answer}
  674. <div class="asker"><div style="padding-left:7px;">{Asker}:</div></div><div id="question"> {Question} </div>
  675. <div style="padding-top: 3px; padding-bottom: 4px; padding-left: 5px;">{Answer}</div>{/block:answer}
  676.  
  677. {block:Audio}
  678. <div id="audioplayer">{AudioPlayerWhite} </div>
  679. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  680. <div id="audiostyle">
  681. {block:TrackName}
  682. <b>Track Name: </b>{TrackName}
  683. {/block:TrackName}
  684. <br>
  685. {block:Artist}
  686. <b>Artist: </b>{Artist}
  687. {/block:Artist}
  688. <br>
  689. {block:Album}
  690. <b>Album: </b>{Album}
  691. {/block:Album}
  692. <br>
  693. {PlayCountWithLabel}
  694. <br><br><br><br><br>
  695. {block:caption}<div class="caption">{caption}</div></div>{/block:caption}
  696. {/block:Audio}
  697.  
  698.  
  699. {block:HasTags}<div id="tags">Filed As:{block:Tags}<small></small>&nbsp;-<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  700. <br><br><br><br><br><br><br><br>
  701.  
  702. {block:PostNotes}{PostNotes}{/block:PostNotes}
  703.  
  704. <div class="sources">
  705. {block:ContentSource}
  706. Source: <a href="{SourceURL}">{SourceTitle} </a>
  707. {/block:ContentSource}
  708. {block:RebloggedFrom}
  709. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  710. {/block:RebloggedFrom}</div>
  711.  
  712. {/block:Posts}
  713.  
  714. </div>
  715.  
  716. <div class="credit"><small><a href="http://andlionheart.tumblr.com"><big>ALH</big></a></small></div>
  717.  
  718. </div>
  719. </div>
  720.  
  721. </body>
  722. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement