enchantingly

Theme 09v2 - Silver Linings

Aug 25th, 2013
1,347
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.28 KB | None | 0 0
  1. <html lang="en">
  2.  
  3. <!--
  4. Theme 09v2 - "Silver Linings" by Elowen (theghostoflove.tumblr.com)
  5.  
  6. I don’t mind if the credit is removed if the theme is edited beyond recognition. If not, please keep credit intact.
  7.  
  8. This theme is easily customisable with most options underneath the "Appearance" tab. If you get stuck, please feel free to message me! Comments and suggestions are also welcome.
  9. -->
  10.  
  11. <head>
  12. <script src="https://static.tumblr.com/n82fyzo/XjQmg8058/cufon-yui.js" type="text/javascript"></script>
  13. <script src="https://static.tumblr.com/ougxdjo/J7Xmrqtnn/pacifico_400.font.js" type="text/javascript"></script>
  14. <script type="text/javascript"> Cufon.replace('h1'); </script>
  15.  
  16. <script src="https://static.tumblr.com/n82fyzo/XjQmg8058/cufon-yui.js" type="text/javascript"></script>
  17. <script src="https://static.tumblr.com/ougxdjo/1Temrvk4h/dancing_script_ot_400.font.js" type="text/javascript"></script>
  18. <script type="text/javascript"> Cufon.replace('h3'); </script>
  19.  
  20. <title>{title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:Background"content="#f0efeb">
  26. <meta name="color:Border"content="#5e5e5e">
  27. <meta name="color:Chat1"content="#d3d1d1">
  28. <meta name="color:Chat2"content="#b4b4b4">
  29. <meta name="color:Description"content="#fdf0f0">
  30. <meta name="color:Description bg"content="#575757">
  31. <meta name="color:Info" content="#d6d5d5">
  32. <meta name="color:Link"content="#424242">
  33. <meta name="color:Link Hover"content="#797979">
  34. <meta name="color:Links Bg"content="#b3b2b1">
  35. <meta name="color:Links Hover Bg"content="#d1d1d0">
  36. <meta name="color:Post"content="#bebebb">
  37. <meta name="color:Sidebar"content="#cdd3d0">
  38. <meta name="color:Text"content="#575757">
  39. <meta name="color:Title"content="#757575">
  40.  
  41. <meta name="if:Infinite Scroll" content="0" />
  42. <meta name="if:Posts 400" content="0" />
  43. <meta name="if:Repeat Background" content="1" />
  44. <meta name="if:Show RSS" content="1" />
  45. <meta name="if:Show Tags" content="1" />
  46. <meta name="if:Webkit Scrollbar" content="1" />
  47.  
  48. <meta name="image:Sidebar"content="">
  49. <meta name="image:Background"content="">
  50.  
  51. <meta name="text:Ask Label"content="Ask">
  52. <meta name="text:Archive Label"content="Archive">
  53. <meta name="text:Submit Label"content="Submit">
  54. <meta name="text:Second Title"content="">
  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:Link6" content="">
  66. <meta name="text:Link6URL" content="http://">
  67. <meta name="text:Link7" content="">
  68. <meta name="text:Link7URL" content="http://">
  69. <meta name="text:Link8" content="">
  70. <meta name="text:Link8URL" content="http://">
  71. <style type="text/css">
  72.  
  73. body{color:{color:text};font-family:georgia;font-size:11px;background:{color:background} url('{image:background}');background-repeat: {block:IfNotRepeatBackground}no-repeat{/block:IfNotRepeatBackground};background-attachment:fixed;}
  74.  
  75. h1 {font-family: 'Pacifico', cursive;font-size:14px;text-align:right;line-height:95%;letter-spacing:1px;background-color:{color:post}; padding:6px; font-weight:italic;}
  76. h2 {font-family:Cambria;font-size:18px;text-align:center;font-style:italic;line-height:90%;letter-spacing:1px;background-color:{color:post}; padding:2px; font-weight:italic; margin:3px}
  77. h3 {font-family: 'Dancing Script', cursive; text-align:center;font-size:40px;color:{color:Title};line-height:90%; letter-spacing:0px;}
  78. h4 {font-family:Georgia;font-size:16px;text-align:center;line-height:80%;letter-spacing:1px;background-color:{color:post}; margin:2px;}
  79.  
  80. blockquote {border-left:2px solid {color:border};margin-left:3px;padding-left:5px;}
  81.  
  82. {block:ifWebkitScrollbar}::-webkit-scrollbar {width: 10px; height:auto; background:{color:text};}::-webkit-scrollbar-corner {background:{color:text};}::-webkit-scrollbar-thumb:vertical {background:{color:post};}::-webkit-scrollbar-thumb:horizontal {background:{color:post};}{/block:ifWebkitScrollbar}
  83.  
  84. b { font-weight:bold; color:{color:text}; }
  85. i { font-weight:italic; color:{color:text}; }
  86. u {text-decoration:none; border-bottom:1px solid {color:text}; }
  87.  
  88. ::selection {color:{color:background};background-color: {color:text};}::-moz-selection {color:{color:background};background-color: {color:text};}::-webkit-selection {color:{color:background};background-color:{color:text};}
  89.  
  90. a { color:{color:link};font-family:georgia;text-decoration:none;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  91. a:hover {color:{color:link hover};}
  92.  
  93. #entries {padding:10px;width:500px;margin-left:520px;margin-top:-20px;}
  94.  
  95. #post{{block:ifnotPosts400}width:500px;{/block:ifnotPosts400} {block:ifPosts400}width:400px;{/block:ifPosts400}padding-bottom:20px;float:left;margin-top:10px;margin-left:-50px;border:10px solid {color:background};padding:10px;background-color:{color:post};}
  96.  
  97. #post:hover #sources {opacity:1; display:block; z-index:10}
  98.  
  99. #sources {color:{color:text};opacity:0; margin-top:0px; {block:ifNotPosts400} margin-left:530px; {/block:ifNotPosts400} {block:ifPosts400} margin-left:430px; {/block:IfPosts400} font-size: 11px;letter-spacing:0px;min-width:70px;padding-top:4px; padding-left:2px; padding-right:2px; padding-bottom:2px; border:2px solid {color:border};text-transform:normal; position:absolute;background-color:{color:post}; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
  100. #sources a {color:{color:text};font-size: 11px;letter-spacing:0px;font-style:normal;-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;
  101. -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
  102. #sources a:hover {color:{color:link hover};}
  103.  
  104. #sidebar {margin-top:10px; margin-left:-8px; position:fixed;width:350px; height:110%; background-color:{color:sidebar}; background-image:url('{image:Sidebar}'); ; background-repeat: {block:IfNotRepeatBackground}no-repeat{/block:IfNotRepeatBackground};background-size:350px; z-index:2}
  105.  
  106. #titlecup {width:350px; margin-top:200px; margin-left:0px;-webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; transition: all 1.3s ease-in-out;}
  107. #sidebar:hover #titlecup {opacity:0; margin-left:300px}
  108.  
  109. .secondtitle {text-transform:uppercase; font-family:cambria; font-size:12px; letter-spacing:2px; margin-top:-50px; text-align:centre; color:{color:title};}
  110. #titlecup2 {margin-top:-50px; text-align:centre;-webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; transition: all 1.3s ease-in-out;}
  111. #sidebar:hover #titlecup2 {opacity:0; margin-left:-550px}
  112.  
  113. #sidebar:hover #buttonscup {z-index:5; opacity:1;margin-top:-100px; margin-left:-10px}
  114. #buttonscup {opacity:0; width:270px; padding:20px; margin-top:-400px; -webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; transition: all 1.3s ease-in-out;}
  115. #buttons a {height: 10px; width:65px; line-height:10px; display:inline-block; background-color:{color:links bg}; margin:0px 0px 8px 10px; font-size:9px; font-family:Georgia; text-transform:lowercase; color:{color:link}; letter-spacing:1px; text-align:center; padding:4px; border:solid 1px {color:border};}
  116. #buttons a:hover {background-color:{color:links hover bg}; color:{color:link hover}; text-decoration:none; text-align:center; letter-spacing:2px}
  117.  
  118. #sidebar:hover #description { z-index:5; opacity:.8;margin-top:0px}
  119. #description {opacity:0; margin-top:620px; color:{color:description}; background-color:{color:description bg};padding-left:15px; width:230px; padding-top:15px; padding-right:15px; padding-bottom:15px; text-align:justify; -webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; transition: all 1.3s ease-in-out;}
  120. #description a {color:{color:description}; font-size:11px;text-align:justify;font-family:Georgia;width:200px;margin-top:50px;margin-left:30px;position:relative;padding:3px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;
  121. -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index:5;}
  122.  
  123. #pagination {letter-spacing:1px; word-spacing: 1px; font-family:Georgia; text-align:centre; font-size:14px; width:135px; margin-top:260px;position:fixed; margin-left:345px}
  124. #pagination a {padding:1px;}
  125.  
  126. #tags {min-height:14px; padding:2px; margin-top:0px; font-size:10px; font-style:italic;text-align:center; background-color:{color:info}; border-bottom:1px solid {color:border};border-left:1px solid {color:border};border-right:1px solid {color:border}}
  127. #tags a{color: {color:Link};}
  128. #tags a:hover{color: {color:link hover}}
  129.  
  130. #info {color:{color:text};text-align:center;font-family:georgia;font-size: 10px;letter-spacing:0px;font-style: normal;margin-top:15px;{block:ifnotPosts400}width:492px;{/block:ifnotPosts400} {block:ifPosts400}width:392px;{/block:ifPosts400}padding:3px;outline-offset:4px;border:1px solid {color:border};text-transform:normal; background-color:{color:info};}
  131. #info a {color:{color:text};text-align:left;font-size: 9px;letter-spacing:0px;font-style:normal;}
  132. #info a:hover {color:{color:link hover};}
  133.  
  134. #question {font-size:12px; letter-spacing:1px; text-transform:normal; padding:3px;}
  135. #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;}
  136. #asker img{vertical-align:right; float:right; margin-left: 26px; margin-right: 25px; border:3px solid {color:border};}
  137.  
  138. .album {position:absolute; {block:ifnotposts400}width:100px; height:100px;{/block:ifnotposts400} {block:ifposts400}width:75px; height:75px; {/block:ifposts400} margin-top:0px;}
  139. .album img {{block:ifnotposts400}width:100px; height:100px;{/block:ifnotposts400} {block:ifposts400}width:75px; height:75px; {/block:ifposts400}}
  140. .audio {display:block; position:absolute; width:30px; height:30px; {block:ifnotposts400}margin-left:115px{/block:ifnotposts400}; {block:ifposts400}margin-left:85px;{/block:ifposts400}}
  141. .audiobox {height:100px;}
  142. .audiotext {text-align:center; padding-top:50px; {block:ifPosts400}width:400px;{/block:ifPosts400} {block:ifnotPosts400}width:500px;{/block:ifnotPosts400} }
  143. .pc {padding: 8px 13px;height: 13px;float: right;font-family: {font:georgia};font-size: 11px;text-transform: lowercase;}
  144. .pc a {text-decoration: none;}
  145.  
  146. .chat {border-left: 5px solid {color:border};margin: 3px 3px 0 3px;font-size: 11px;font-family:georgia;}
  147. .chat .lines {margin-left: 1px;}
  148. .chat .lines .line {background-color: {color:chat1};margin-bottom: 1px;padding: 3px 5px;}
  149. .chat .lines .line.even {background-color: {color:chat2}; }
  150.  
  151. .note {text-transform:normal;font-style:normal;letter-spacing:0px;font-size: 10px;text-align:left;line-height:80%;margin-left:0px; }
  152. .note li {list-style-type:none;text-align:left;padding:2px;margin:0px;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  153.  
  154. #credit {position:fixed;font-size:8px;font-weight:normal;line-height:150%;letter-spacing:0px;right:10px;bottom:10px;text-transform:normal;text-align:center;}
  155. #enchantingly {font-size: 8px;display: inline;text-transform: uppercase;opacity: 0;padding-right:5px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
  156. #credit:hover #enchantingly {opacity: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
  157.  
  158. {CustomCSS}</style>
  159.  
  160. </head>
  161. <body>
  162.  
  163. <div id="sidebar">
  164. <div id="titlecup"><h3>{Title}</h3></div>
  165. <center><div id="titlecup2"><div class="secondtitle" style="margin-top:50px"><center>{text:second title}</centre></div></div></center>
  166. <center><div id="buttonscup"><center><div id="buttons">
  167. <a href="/">Home</a>
  168. {block:AskEnabled}<a href="/ask">{text:ask label}</a>{/block:AskEnabled}
  169. <a href="/archive">{text:archive label}</a>
  170. {block:SubmissionsEnabled}<a href="/submit">{text:submit label}</a>{/block:SubmissionsEnabled}
  171. {block:ifShowRSS}<a href="{RSS}">RSS</a>{block:ifShowRSS}
  172. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  173. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  174. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  175. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  176. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a>{/block:ifLink5}
  177. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a>{/block:ifLink6}
  178. {block:ifLink7}<a href="{text:Link7URL}">{text:Link7}</a>{/block:ifLink7}
  179. {block:ifLink8}<a href="{text:Link8URL}">{text:Link8}</a>{/block:ifLink8}
  180. {block:HasPages}{block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}{/block:HasPages}{/block:HasPages}</div></center></div>
  181. <center><div id="description">
  182. {description}{block:ifInfiniteScroll}<script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScroll}
  183. <br>
  184. </div></center>
  185. </div></div>
  186. </div>
  187.  
  188. {block:ifnotInfiniteScroll}<div id="pagination"><center>{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{CurrentPage} / {TotalPages} {block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</center></div>{/block:ifnotInfiniteScroll}
  189. </div></div>
  190.  
  191. <div id="entries">
  192.  
  193. <div class = "autopagerize_page_element" >
  194.  
  195. {block:Posts}
  196.  
  197. <div id="post">
  198.  
  199. {block:RebloggedFrom}<div id="sources"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"/> via: {ReblogParentName}</a>{/block:RebloggedFrom}{block:Reblog}<br><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"/> origin: {ReblogRootName}</a></div>{/block:Reblog}
  200.  
  201. {block:Text}{block:Title}<h4>{Title}</h4>{/block:Title}{Body}{/block:Text}
  202.  
  203. {block:ifnotPosts400}
  204. {block:Photo}<center>{OpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  205. {/block:ifnotPosts400}
  206. {block:ifPosts400}
  207. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  208. {/block:ifPosts400}
  209.  
  210. {block:ifnotPosts400}
  211. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  212. {/block:ifnotPosts400}
  213. {block:ifPosts400}
  214. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  215. {/block:ifPosts400}
  216.  
  217. {block:Quote}
  218. <h2>“{Quote}”</h2>
  219. <div align="right">
  220. {block:Source}<h1>-{Source}</h1>{/block:Source}
  221. </div>
  222. {/block:Quote}
  223.  
  224. {block:ifnotPosts400}
  225. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  226. {/block:ifnotPosts400}
  227. {block:ifPosts400}
  228. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  229. {/block:ifPosts400}
  230.  
  231. {block:Link}
  232. <a href="{URL}" class="link" {Target}><h4>→ {Name}</h4></a><BR>
  233. {block:Description}{Description}{/block:Description}
  234. {/block:Link}
  235.  
  236. {block:Chat}
  237. {block:Title}<h4>{Title}</h4>{/block:Title}
  238. <div class="chat">
  239. <div class="lines">
  240. {block:Lines}
  241. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  242. {/block:Lines}
  243. </div>
  244. </div>
  245. {/block:Chat}
  246.  
  247. {block:Audio}
  248. {block:AlbumArt}
  249. <div class="album"><img src="{AlbumArtURL}"></div>
  250. {/block:AlbumArt}
  251. <div class="audio">{AudioPlayerWhite}</div><div class="pc">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  252. <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>
  253. {block:Caption}{Caption}{/block:Caption}
  254. {/block:Audio}
  255.  
  256. {block:Answer}<div id="question">
  257. <b>{Question}</b></div><BR>
  258. <div id="asker"><img src="{AskerPortraitURL-30}">{Asker}</div><BR>
  259. <div style="border-top:1px dotted {color:border}">{Answer}</div>
  260. {/block:Answer}
  261.  
  262. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo} </a>{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel} </a>{/block:NoteCount}• <a href="{ReblogURL}" target="_blank"> reblog</a></div>{/block:Date}
  263.  
  264. <center>{block:ifShowTags}{block:HasTags} <div id="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div> {/block:HasTags}{/block:IfShowTags}</center>
  265. <div class="note"> {block:PostNotes}{PostNotes}{/block:PostNotes}
  266. </div></div>
  267. {/block:Posts}</div></div>
  268.  
  269. <div id="credit"><div id="enchantingly">theghostoflove</div> <a href="https://theghostoflove.tumblr.com/" target="_blank">CREDIT</a></div>
  270.  
  271. </div>
  272. </body>
  273. </html>
Advertisement
Add Comment
Please, Sign In to add comment