Advertisement
enchantingly

Revamp: Theme 06v1 - Feeling in Love

May 23rd, 2015
972
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.76 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. Theme 06v1 - "Feeling in Love" by Elowen (theghostoflove.tumblr.com)
  6.  
  7. Credit stays intact, please. If you get stuck, feel free to message me! Comments and suggestions are welcome.
  8. -->
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  16.  
  17. <meta name="color:Background"content="#00040a">
  18. <meta name="color:Body"content="#6392d1">
  19. <meta name="color:Border"content="#1e5fb6">
  20. <meta name="color:Chat1"content="#1b467e">
  21. <meta name="color:Chat2"content="#12335d">
  22. <meta name="color:Description"content="#03469c">
  23. <meta name="color:Imagebar"content="#012a60">
  24. <meta name="color:Info Bg" content="#1e4b86">
  25. <meta name="color:Link"content="#e6f0fe">
  26. <meta name="color:Link Hover"content="#012a60">
  27. <meta name="color:Link Posts Bg" content="#1e4b86">
  28. <meta name="color:Links Bg"content="#012a60">
  29. <meta name="color:Links Hover Bg"content="#f9fbfe">
  30. <meta name="color:Navigation Bg" content="#011939">
  31. <meta name="color:Post"content="#011939">
  32. <meta name="color:Scroll" content="#012a60">
  33. <meta name="color:Scrollbg" content="#000000">
  34. <meta name="color:Sidebar"content="#000103">
  35. <meta name="color:Sidebar Image Border"content="#e6ecf3">
  36. <meta name="color:Title"content="#e6ecf3">
  37.  
  38. <meta name="font:Body" content="'Cambria', serif">
  39. <meta name="font:Quote" content="Garamond">
  40. <meta name="font:Text Title" content="'Cambria'">
  41. <meta name="font:Title" content="'Dancing Script', cursive">
  42.  
  43. <meta name="if:Imagebar" content="0">
  44. <meta name="if:Posts 400" content="0">
  45. <meta name="if:Rotate Nav" content="1">
  46. <meta name="if:Show Tags" content="1">
  47.  
  48. <meta name="image:Sidebar"content="">
  49. <meta name="image:Sidebar Background"content="">
  50. <meta name="image:Background"content="">
  51. <meta name="image:Imagebarpic1"content="">
  52. <meta name="image:Imagebarpic2"content="">
  53. <meta name="image:Imagebarpic3"content="">
  54.  
  55. <meta name="text:Link1" content="">
  56. <meta name="text:Link1URL" content="http://">
  57. <meta name="text:Link2" content="">
  58. <meta name="text:Link2URL" content="http://">
  59. <meta name="text:Link3" content="">
  60. <meta name="text:Link3URL" content="http://">
  61. <meta name="text:Link4" content="">
  62. <meta name="text:Link4URL" content="http://">
  63. <meta name="text:Link5" content="">
  64. <meta name="text:Link5URL" content="http://">
  65. <meta name="text:Second Title" content="">
  66.  
  67. <meta name="text:Body Font Size" content="12px">
  68. <meta name="text:Title Font Size" content="40px">
  69.  
  70. <style type="text/css">
  71.  
  72. body {
  73. color:{color:body};
  74. font: {text:Body Font Size} {font:Body};
  75. text-align:justify;
  76. background:{color:background} url('{image:background}');
  77. background-repeat:no-repeat;
  78. background-attachment:fixed;
  79. }
  80.  
  81. blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:2px 2px 0px 10px}
  82.  
  83. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg};}
  84. ::-webkit-scrollbar-button {background:{color:scroll};}
  85. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  86. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  87.  
  88. ::selection {color:{color:post};background-color: {color:body};}
  89. ::-moz-selection {color:{color:post};background-color: {color:body};}
  90. ::-webkit-selection {color:{color:post};background-color:{color:body};}
  91.  
  92. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  93. a:hover {color:{color:link hover};}
  94.  
  95. #title {
  96. font:{text:title font size} {font:Title};
  97. font-weight:normal;
  98. text-align:center;
  99. color:{color:Title};
  100. line-height:40px;
  101. margin:30px 0px 0px 0px;
  102. }
  103.  
  104. #titlecup {width:300px; height:100px; margin-top:0px; margin-left:105px;}
  105.  
  106. .secondtitle {
  107. text-transform:uppercase;
  108. font-family:cambria;
  109. font-size:12px;
  110. letter-spacing:2px;
  111. margin-top:0px;
  112. text-align:center; color:{color:title}
  113. }
  114.  
  115. #sidebar {
  116. top:0px; left:0px;
  117. position:fixed;
  118. width:300px; height:100%;
  119. background-color:{color:sidebar};
  120. background-image:url('{image:Sidebar Background}');
  121. background-attachment:fixed;
  122. background-position:bottom left;
  123. background-repeat:no-repeat;
  124. background-size:300px;
  125. z-index:2
  126. }
  127. #sidebar img {
  128. width:250px; height:auto;
  129. border:2px solid {color:sidebar image border};
  130. margin-top:20px;
  131. }
  132.  
  133. #sidebar:hover #buttons {opacity:1;}
  134. #buttons {
  135. opacity:0;
  136. margin:30px 0px 0px -10px;
  137. -webkit-transition: all 1.3s ease-in-out;
  138. -moz-transition: all 1.3s ease-in-out;
  139. -o-transition: all 1.3s ease-in-out;
  140. -ms-transition: all 1.3s ease-in-out;
  141. transition: all 1.3s ease-in-out;
  142. }
  143. #buttons a {
  144. height:10px; width:60px;
  145. line-height:10px;
  146. display:inline-block;
  147. margin:0px 0px -8px 10px;
  148. font-size:9px;
  149. letter-spacing:2px;
  150. text-align:center;
  151. padding:4px;
  152. border:solid 1px transparent;
  153. background-color:{color:links bg};
  154. }
  155. #buttons a:hover {background-color:{color:links hover bg};}
  156.  
  157. #sidebar:hover #description {opacity:1; padding-top:15px;}
  158. #description {
  159. width:200px;
  160. color:{color:description};
  161. text-align:justify;
  162. font-size:11px;
  163. opacity:0;
  164. margin-top:30px;
  165. padding:15px;
  166. width:230px;
  167. -webkit-transition: all 1.3s ease-in-out;
  168. -moz-transition: all 1.3s ease-in-out;
  169. -o-transition: all 1.3s ease-in-out;
  170. -ms-transition: all 1.3s ease-in-out;
  171. transition: all 1.3s ease-in-out;
  172. }
  173.  
  174. #navigationbar {
  175. margin-top:-80px; margin-left:-8px;
  176. width:110%; height:90px;
  177. position:fixed;
  178. background-color:{color:navigation bg};
  179. z-index:1;
  180. border-bottom:3px solid {color:title}
  181. }
  182. #linksbarbg {
  183. background-color:{color:navigation bg};
  184. height:90px;
  185. margin-top:0px;
  186. {block:ifNotPosts400}margin-left:485px; width:500px;{/block:ifNotPosts400}
  187. {block:ifPosts400}margin-left:438px; width:500px;{/block:ifPosts400}}
  188. #linksbar {margin-top:0px;}
  189. #linksbar a {
  190. display:inline-block;
  191. overflow:hidden;
  192. width:75px; height:75px;
  193. font-family:georgia;
  194. font-size:9px;
  195. text-align:center;
  196. letter-spacing:1px;
  197. border:1px solid transparent;
  198. text-transform:lowercase;
  199. background-color:{color:links bg};
  200. margin:7px 10px 0px 10px;
  201. line-height:75px;
  202. -webkit-border-radius: 135px;
  203. -moz-border-radius: 135px;
  204. border-radius: 135px;
  205. }
  206. #linksbar a:hover {
  207. font-style:italic;
  208. background-color: {color:links hover bg};
  209. letter-spacing:2px;
  210. border:1px solid {color:border};
  211. {block:ifRotateNav} transform:rotate(360deg);
  212. -webkit-transform:rotate(360deg);{/block:ifRotateNav}}
  213.  
  214. #entries {
  215. padding:10px;
  216. width:500px;
  217. margin-left:500px;
  218. margin-top:80px;
  219. }
  220.  
  221. #post {
  222. padding-bottom:20px;
  223. float:left;
  224. margin-top:20px;
  225. margin-left:-50px;
  226. border:10px solid {color:background};
  227. padding:10px;
  228. background-color:{color:post};
  229. {block:ifNotPosts400}width:500px;{/block:ifNotPosts500}
  230. {block:ifPosts400}width:400px;{/block:ifPosts400}
  231. }
  232.  
  233. .pagi {
  234. display:block;
  235. text-align:center;
  236. width:300px;
  237. margin:10px 0px 0px 0px;
  238. position:fixed;
  239. font-size:30px;
  240. }
  241.  
  242. /**POST TYPES**/
  243.  
  244. #texttitle {
  245. font:normal 20px {font:Text Title};
  246. text-align:center;
  247. line-height:100%;
  248. margin:5px 2px 2px 2px;
  249. }
  250.  
  251. #quote {
  252. margin:5px 0px;
  253. font-family:{font:Quote};
  254. text-align:center;
  255. letter-spacing:1px;
  256. }
  257.  
  258. #quote_short {font-size:20px; line-height:100%;font-style:italic;}
  259. #quote_medium {font-size:18px; line-height:95%;}
  260. #quote_long {font-size:16px; line-height:90%;}
  261.  
  262. #quotesource {
  263. margin:10px 0px -10px 0px;
  264. font-family:'Georgia';
  265. font-size:14px;
  266. font-style:italic;
  267. text-align:right;
  268. padding:6px;
  269. font-weight:normal;
  270. }
  271.  
  272. #linkposts {
  273. height:80px;
  274. padding-bottom:10px;
  275. padding-top:10px;
  276. font-family:book antiqua;
  277. font-size:16px;
  278. border:2px dotted {color:Border};
  279. margin-bottom:5px;
  280. background-color:{color:Link Posts Bg};
  281. width:{block:ifNotPosts400}400px;{/block:ifNotPosts400}{block:ifPosts400}300px{/block:ifPosts400}
  282. }
  283.  
  284. #linkfav img {
  285. width:100px;
  286. margin-top:-109px;
  287. position:absolute;
  288. border-top:2px dotted {color:Border};
  289. border-right:2px dotted {color:Border};
  290. border-bottom:2px dotted {color:Border};
  291. margin-left:{block:ifNotPosts400}402px;{/block:ifNotPosts400}{block:ifPosts400}302px;{/block:ifPosts400}
  292. }
  293.  
  294. .album {position:absolute; {block:ifnotposts400}width:100px; height:100px;{/block:ifnotposts400} {block:ifposts400}width:75px; height:75px; {/block:ifposts400} margin-top:0px;}
  295. .album img {{block:ifnotposts400}width:100px; height:100px;{/block:ifnotposts400} {block:ifposts400}width:75px; height:75px; {/block:ifposts400}}
  296. .audio {display:block; position:absolute; width:30px; height:30px; {block:ifnotposts400}margin-left:115px{/block:ifnotposts400}; {block:ifposts400}margin-left:85px;{/block:ifposts400}}
  297. .audiobox {height:100px;}
  298. .audiotext {text-align:center; padding-top:50px; {block:ifPosts400}width:400px;{/block:ifPosts400} {block:ifnotPosts400}width:500px;{/block:ifnotPosts400} }
  299. .pc {padding: 8px 13px;height: 13px;float: right;font-size: 11px;}
  300.  
  301. .chat {border-left: 5px solid {color:border};margin: 3px 3px 0 3px;font-size: 11px;font-family:georgia;}
  302. .chat .lines {margin-left: 1px;}
  303. .chat .lines .line {background-color: {color:chat1};margin-bottom: 1px;padding: 3px 5px;}
  304. .chat .lines .line.even {background-color: {color:chat2}; }
  305.  
  306. #tags {
  307. min-height:14px;
  308. padding:2px;
  309. margin-top:0px;
  310. font-size:10px;
  311. font-style:italic;
  312. text-align:center;
  313. background-color:{color:info bg};
  314. border-bottom:1px solid {color:border};
  315. border-left:1px solid {color:border};
  316. border-right:1px solid {color:border}
  317. }
  318.  
  319. #info {
  320. color:{color:body};
  321. text-align:center;
  322. font-family:georgia;
  323. font-size: 10px;
  324. margin-top:15px;
  325. {block:ifNotPosts400}width:492px;{/block:ifNotPosts400}
  326. {block:ifPosts400}width:392px;{/block:ifPosts400}
  327. padding:3px;
  328. border:1px solid {color:border};
  329. background-color:{color:info bg};
  330. }
  331.  
  332. #info a {
  333. color:{color:text};
  334. text-align:left;
  335. font-size: 9px;
  336. letter-spacing:0px;
  337. font-style:normal;
  338. }
  339.  
  340. .note {
  341. text-transform:normal;
  342. font-style:normal;
  343. letter-spacing:0px;
  344. font-size: 10px;
  345. text-align:left;
  346. line-height:80%;
  347. margin-left:-40px;
  348. }
  349.  
  350. .note li {
  351. list-style-type:none;
  352. text-align:left;
  353. padding:2px;
  354. margin:0px;
  355. -moz-transition-duration:0.5s;
  356. -webkit-transition-duration:0.5s;
  357. -o-transition-duration:0.5s;
  358. }
  359.  
  360. #question {font-size:12px; letter-spacing:1px; text-transform:normal; padding:3px;}
  361. #asker{vertical-align:middle; text-align: right; vertical-align:bottom; margin-top:-10px; margin-left:0px; font-size:13px; letter-spacing:1px; text-transform:normal;padding-bottom:`0px;}
  362. #asker img{vertical-align:right; float:right; margin-left: 26px; margin-right: 25px; border:3px solid {color:border};}
  363.  
  364. {block:ifImagebar}
  365. #imagebar {z-index:3;position:fixed;background-color:{color:imagebar};width:15px; height:100%; right:100px; top:0px;}
  366. .imagebarpic1 img {border-radius:50%;width:135px;height:135px;margin-top:45px;margin-left:-66px;position:fixed;overflow:hidden;background-color:{color:imagebar};padding:2px;}
  367. .imagebarpic2 img {border-radius:50%;width:135px;margin-left:-66px;height:135px;margin-top:225px;position:fixed;overflow:hidden;background-color:{color:imagebar};padding:2px;}
  368. .imagebarpic3 img {border-radius:50%;width:135px;margin-left:-66px;height:135px;margin-top:405px;position:absolute;overflow:hidden;background-color:{color:imagebar};padding:2px;}
  369. {/block:ifImagebar}
  370.  
  371. #s-m-t-tooltip {
  372. padding:5px 10px 5px 10px;
  373. margin:20px 14px 7px 10px;
  374. border:1px solid {color:border};
  375. background-color:{color:Body};
  376. font-family:georgia;
  377. font-style: normal;
  378. font-size:9px;
  379. letter-spacing:1px;
  380. color:{color:Post};
  381. z-index:99999999;
  382. }
  383.  
  384. #credit {
  385. z-index:99999999999;
  386. font-weight:bold;
  387. text-align:center;
  388. font-size:14px;
  389. font-family:'Montez';
  390. position:fixed;
  391. bottom:5px;
  392. right:5px;
  393. }
  394. #credit a {
  395. display:inline-block;
  396. height:20px;
  397. width:20px;
  398. background-color:{color:Post};
  399. color:{color:body};
  400. }
  401. #credit a:hover {
  402. background-color:{color:body};
  403. color:{color:Post};
  404. }
  405.  
  406. {CustomCSS}</style>
  407.  
  408. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  409. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  410. <script>
  411. (function($){
  412. $(document).ready(function(){
  413. $("a[title]").style_my_tooltips({
  414. tip_follows_cursor:true,
  415. tip_delay_time:0,
  416. tip_fade_speed:0,
  417. attribute:"title"
  418. });
  419. });
  420. })(jQuery);
  421. </script>
  422.  
  423. <link href='https://fonts.googleapis.com/css?family=Dancing+Script|Montez' rel='stylesheet' type='text/css'>
  424.  
  425. </head>
  426. <body>
  427.  
  428. <div id="sidebar">
  429. <a href="/"><div id="title">{Title}</div></a>
  430. <div class="secondtitle"><center>{text:second title}</center></div>
  431. <center>{block:ifSidebarImage}<img src="{image:sidebar}">{/block:ifSidebarImage}</center>
  432. <div id="sidebarcup"><div id="buttons"><center>
  433. <a href="/">home</a>
  434. <a href="/ask">ask</a>
  435. <a href="/archive">archive</a></center>
  436. </div>
  437. <center><div id="description">{description}<br></div></center>
  438. {block:Pagination}<div class="pagi">
  439. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  440. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  441. </div>{/block:Pagination}
  442. </div></div>
  443.  
  444. <div id="navigationbar">
  445. <div id="linksbarbg"><div id="linksbar"><center>
  446. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  447. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  448. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  449. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  450. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a>{/block:ifLink5}
  451. </center></div>
  452. </div></div></div>
  453.  
  454. <div id="entries">
  455.  
  456. {block:Posts}
  457. <div id="post">
  458.  
  459. {block:Text}{block:Title}<div id="texttitle">{Title}</div>{/block:Title}{Body}{/block:Text}
  460.  
  461. {block:ifNotPosts400}
  462. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  463. {/block:ifNotPosts400}
  464. {block:ifPosts400}
  465. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  466. {/block:ifPosts400}
  467.  
  468. {block:ifNotPosts400}
  469. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  470. {/block:ifNotPosts400}
  471. {block:ifPosts400}
  472. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  473. {/block:ifPosts400}
  474.  
  475. <!--quote-->
  476. {block:Quote}
  477. <div id="quote">
  478. <div id="quote_{Length}">“{Quote}”</div>
  479. {block:Source}
  480. <div id="quotesource">
  481. - {Source}</div>
  482. {/block:Source}
  483. </div>
  484. {/block:Quote}
  485.  
  486. {block:ifNotPosts400}
  487. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  488. {/block:ifNotPosts400}
  489.  
  490. {block:ifPosts400}
  491. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  492. {/block:ifPosts400}
  493.  
  494. {block:Link}
  495. <div id="link">
  496. <div id="linkposts">
  497. <a href="{URL}" class="link" {Target}>
  498. <center>{Name} →</center></a><BR>
  499. <center><small><small>{URL}</small></small></center>
  500. </div> <!--linkposts-->
  501. {block:Thumbnail}
  502. <div id="linkfav"><img src="{Thumbnail}"></div>
  503. {/block:Thumbnail}
  504. {block:Description}{Description}{/block:Description}
  505. </div>
  506. {/block:Link}
  507.  
  508. {block:Chat}
  509. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  510. <div class="chat">
  511. <div class="lines">
  512. {block:Lines}
  513. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  514. {/block:Lines}
  515. </div>
  516. </div>
  517. {/block:Chat}
  518.  
  519. {block:Audio}
  520. {block:AlbumArt}
  521. <div class="album"><img src="{AlbumArtURL}"></div>
  522. {/block:AlbumArt}
  523. <div class="audio">{AudioPlayerGrey}</div><div class="pc">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  524. <div class="audiobox"><div class="audiotext">{block:TrackName}<i><big><big>"{TrackName}"</big></i>{/block:TrackName}{block:Artist}<br>by {Artist}{/block:Artist}</big></div></div>
  525. {block:Caption}{Caption}{/block:Caption}
  526. {/block:Audio}
  527.  
  528. {block:Answer}<div id="question">
  529. {Question}</div><BR>
  530. <div id="asker"><img src="{AskerPortraitURL-30}">{Asker}</div><BR>
  531. <div style="border-top:1px dotted {color:border}">{Answer}</div>
  532. {/block:Answer}
  533.  
  534. {block:Date}
  535. <div id="info"><a href="{Permalink}" title="{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} '{ShortYear}
  536. at {12Hour}.{Minutes}{ampm}">{TimeAgo} </a>
  537. {block:NoteCount} ·
  538. <a href="{Permalink}">{NoteCountWithLabel} </a>{/block:NoteCount}
  539. {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName} </a>{/block:RebloggedFrom} {block:Reblog} (©<a href="{ReblogRootURL}">{ReblogRootName}</a>) {/block:Reblog}·<a href="{ReblogURL}" target="_blank"> reblog</a></div>{/block:Date}
  540.  
  541. <center>{block:ifShowTags}{block:HasTags}
  542. <div id="tags">
  543. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>
  544. {/block:HasTags}{/block:IfShowTags}</center>
  545. <div class="note"> {block:PostNotes}{PostNotes}{/block:PostNotes}
  546. </div></div>
  547. {/block:Posts}</div>
  548.  
  549. {block:ifImagebar}
  550. <div id="imagebar">
  551. {block:ifImagebarpic1Image}<div class="imagebarpic1"><img src="{image:imagebarpic1}"></div>{/block:ifImagebarpic1Image}
  552. {block:ifImagebarpic2Image}<div class="imagebarpic2"><img src="{image:imagebarpic2}"></div>{/block:ifImagebarpic2Image}
  553. {block:ifImagebarpic3Image}<div class="imagebarpic3"><img src="{image:imagebarpic3}"></div>{/block:ifImagebarpic3Image}
  554. </div>
  555. {/block:ifImagebar}
  556.  
  557. <div id="credit"><a href="https://theghostoflove.tumblr.com/" target="_blank" title="enchantingly">E</a></div>
  558.  
  559. </div>
  560. </body>
  561. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement