xmisa0923

thmez

May 17th, 2014
201
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.40 KB | None | 0 0
  1. <!--
  2.  
  3. Theme 038 by Christine (http://everlark.tumblr.com)
  4.  
  5. RULES:
  6. - DO NOT STEAL
  7. - DO NOT REDISTRIBUTE
  8. - DO NOT REMOVE CREDIT
  9. - DO NOT USE AS A BASE CODE
  10.  
  11. -->
  12.  
  13. <html>
  14. <head>
  15.  
  16. <!-- DEFAULT VARIABLES -->
  17.  
  18. <meta name="color:accent" content="#f3f3f3" />
  19. <meta name="color:background" content="#ffffff" />
  20. <meta name="color:entry" content="#ffffff" />
  21. <meta name="color:link" content="#555555" />
  22. <meta name="color:link hover" content="#000000" />
  23. <meta name="color:scrollbar" content="#f3f3f3" />
  24. <meta name="color:text" content="#616161" />
  25.  
  26. <meta name="image:background" content="" />
  27. <meta name="image:sidebar" content="" />
  28.  
  29. <meta name="if:Posts 500" content="" />
  30. <meta name="if:Posts 400" content="1" />
  31.  
  32. <meta name="if:Show Post Info" content="0" />
  33. <meta name="if:Show Navigation" content="0" />
  34.  
  35. <meta name="if:No Repeat Background" content="" />
  36. <meta name="if:Fixed Background" content="1" />
  37. <meta name="text:Background Position" content="" />
  38.  
  39. <meta name="if:Webkit Scrollbar" content="1" />
  40.  
  41. <meta name="text:Body Font Size" content="10px" />
  42.  
  43. <meta name="text:Link1" content="" />
  44. <meta name="text:Link1URL" content="http://" />
  45. <meta name="text:Link2" content="" />
  46. <meta name="text:Link2URL" content="http://" />
  47. <meta name="text:Link3" content="" />
  48. <meta name="text:Link3URL" content="http://" />
  49. <meta name="text:Link4" content="" />
  50. <meta name="text:Link4URL" content="http://" />
  51.  
  52. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  53. <title>{Title}</title>
  54.  
  55. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  56.  
  57. <link rel="shortcut icon" href="http://i.imgur.com/RQnw5B1.png" />
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  59. <style type="text/css">
  60.  
  61. {block:ifWebkitScrollbar}
  62. ::-webkit-scrollbar {width: 5px; height:5px; background:{color:scrollbg};}
  63. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  64. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  65. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  66. {/block:ifWebkitScrollbar}
  67.  
  68.  
  69.  
  70. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  71.  
  72. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  73.  
  74.  
  75. body {color: {color:text}; background-color: {color:background}; background-image: url('{image:background}'); {block:ifFixedBackground}background-attachment: fixed; {/block:ifFixedBackground} {block:ifNoRepeatBackground}background-repeat:no-repeat; {/block:ifNoRepeatBackground} background-position:{text:Background Position}; font-family:arial; font-size:{text:Body Font Size}; line-height:150%;}
  76.  
  77. a:link, a:active, a:visited {color: {color:link}; text-decoration:none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  78. a:hover {color:{color:link hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  79.  
  80. #entries {{block:ifPosts500}width:500px; margin-left:270px; {/block:ifPosts500} {block:ifPosts400}width:400px; margin-left:330px;{/block:ifPosts400} margin-top:0px; text-align:justify;}
  81. #posts { {block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px; {/block:ifPosts400} background-color:{color:entry}; text-align: justify; margin-top:70px; padding:10px;}
  82. #posts img {{block:ifPosts400}max-width:400px;{/block:ifPosts400} {block:ifPosts500}max-width:500px;{/block:ifPosts500};}
  83.  
  84. #cred {position:fixed; bottom:10px; right:10px; font-size:8px;}
  85. #container {width:1080px; margin:0 auto; }
  86.  
  87. #info { width:100px; position:absolute; {block:ifPosts400}margin-left:420px;{/block:ifPosts400} {block:ifPosts500}margin-left:520px;{/block:ifPosts500}; font-size:8px; margin-bottom:5px; text-align:left; letter-spacing:1px; opacity:0; {block:ifShowPostInfo}opacity:1;{/block:ifShowPostInfo} text-transform:uppercase; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  88. #posts:hover #info {opacity:1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  89. #tags {text-align:center; font-size:8px; letter-spacing:1px; border-top:1px solid {color:accent}; padding-top:5px; }
  90. #tags a {background-color:{color:accent}; padding:2px 3px 2px 3px;}
  91. #tags a:hover {background-color:{color:background};}
  92.  
  93. #side {{block:ifPosts500}margin-left:60px;{/block:ifPosts500} {block:ifPosts400}margin-left:100px;{/block:ifPosts400} top:20%; position:fixed; font-size:20px; width:120px; text-align:justify; margin-top:20px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  94. #side:hover #nav {opacity:1; margin-top:10px;}
  95.  
  96. #ti {background-color:{color:accent}; margin-top:5px; text-align:center; padding:1px 0px 0px 0px; font-size:8px; text-transform:uppercase;}
  97.  
  98. #nav {font-size:8px; width:120px; font-style:italic; text-align:center; position:fixed; opacity:0; margin-top:-20px; letter-spacing:2px; margin-bottom:10px; {block:ifShowNavigation}opacity:1; margin-top:10px;{/block:ifShowNavigation}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  99. #nav a:hover {font-weight:bold; }
  100.  
  101. #sidebarimg {width:120px; margin-left:0px;padding:6px; border:1px solid #f5f5f5; }
  102. #sidebarimg img {width:120px; -moz-border-radius: 0px; border-radius: 0px;}
  103.  
  104. #desc { font-size:8px; letter-spacing:1px; margin-top:10px; font-style:normal; padding-bottom:10px;}
  105.  
  106. #pagination { font-size:9px; letter-spacing:3px; text-align:center; text-transform:uppercase; margin-top:50px; {block:ifPosts500}width:500px;{/block:ifPosts500} {block:ifPosts400}width:400px;{/block:ifPosts400} }
  107.  
  108. #question {font-size:12px; font-style:italic; background-color:{color:accent}; accent-bottom:1px solid {color:accent}; padding:10px;}
  109. #asker {width:auto; font-size:7px; margin-top:2px; text-align:center; text-transform:uppercase; }
  110. #answer {margin:0px;}
  111.  
  112. h1 {font-size:15px; line-height:20px; letter-spacing:1px; font-style:italic; text-align:justify; font-weight:normal; margin:0px;}
  113. h2 { font-size:12px; font-weight:normal; padding:10px; font-style:italic; line-height:20px; background-color:{color:accent};}
  114.  
  115. blockquote { accent-left:1px solid {color:accent}; padding-left:20px; {block:ifPosts400}max-width:390px;{/block:ifPosts400} {block:ifPosts500}max-width:490px;{/block:ifPosts500} }
  116. blockquote img, blockquote a img {{block:ifPosts400}max-width:390px;{/block:ifPosts400} {block:ifPosts500}max-width:490px;{/block:ifPosts500};}
  117.  
  118. .qsource {margin:0px; text-align:center; letter-spacing:1px; text-transform:uppercase; font-size:7px; }
  119.  
  120. .album {position:absolute; width:100px; height:100px;}
  121. .album img {width:100px; height:100px;}
  122. .audio {display:block; z-index:1; position:absolute; width:30px; height:30px;}
  123. .audio b, i {color:{color:text};}
  124. .aplay {overflow:hidden; width:27px; height:80px; opacity:1; padding-top:40px; padding-left:35px; }
  125. .acap {height:100px; }
  126. .acapp {text-align:center; margin-left:100px; padding-top:35px; {block:ifPosts400}width:300px;{/block:ifPosts400} {block:ifPosts500}width:400px;{/block:ifPosts500} background-color:#000; color:{color:background}; height:65px;}
  127. .acapp b, i {color:{color:background};}
  128.  
  129. ul.chat, .chat ol, .chat li .chat li {list-style:none;}
  130. .notes img {width:10px; position:relative; top:1px;}
  131. .notes { {block:ifPosts400}width:400px;{/block:ifPosts400} {block:ifPosts500}width:500px;{/block:ifPosts500} padding:15px; margin-left:-15px; line-height:20px;}
  132. ol.notes {background-color:{color:entry}; list-style:none; margin-top:5px; }
  133. .notes li {padding-bottom:5px; padding-top:5px; accent-bottom:1px solid {color:accent};}
  134.  
  135.  
  136. #player
  137. {position:fixed;
  138. bottom:2px;
  139. left:-170px;
  140. height:10px;
  141. padding:1px 8px 3px 1px;
  142. letter-spacing:2px;
  143. background-color:#f3f3f3;
  144. -moz-border-radius:0px 10px 0px 0px;
  145. border-radius:0px 10px 0px 0px;
  146. -webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
  147.  
  148. #mus
  149. {float:left;
  150. color:#a5a5a5;
  151. padding-left:100px;
  152. -webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
  153.  
  154. #player:hover #mus
  155. {padding-left:0px;
  156. opacity:0;}
  157.  
  158. #player:hover
  159. {left:0px;}
  160.  
  161.  
  162.  
  163. </style>
  164.  
  165.  
  166.  
  167. <style type="text/css">{CustomCSS}</style>
  168.  
  169. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  170.  
  171. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  172.  
  173. <script type="text/javascript" charset="utf-8">
  174. var $j = jQuery.noConflict();
  175. $j(function() {
  176. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  177. $j("img").lazyload({
  178. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  179. effect: "fadeIn",
  180. });
  181. });
  182. </script>
  183.  
  184.  
  185. </head>
  186.  
  187. <body>
  188.  
  189. {block:IndexPage}<div id="player">
  190.  
  191. <div style="float:left;width:50px"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://dl.dropboxusercontent.com/u/30975005/1-01%20Earth.mp3&t0=001.&f1=https://dl.dropboxusercontent.com/u/30975005/03%20-%20Jesper%20Kyd%20-%20Ezio%27s%20Family.mp3&t1=002.&f2=https://dl.dropboxusercontent.com/u/30975005/16%20-%20Jesper%20Kyd%20-%20Venice%20Combat%20Low.mp3&t2=003.&f3=https://dl.dropboxusercontent.com/u/30975005/02%20-%20Jesper%20Kyd%20-%20Venice%20Rooftops.mp3&t3=004.&f4=https://dl.dropboxusercontent.com/u/30975005/05%20-%20Jesper%20Kyd%20-%20Home%20In%20Florence.mp3&t4=005.&total=5" quality="high" wmode="transparent" width="180" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
  192.  
  193. <div id="mus"><img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"style="margin-right:25px;"/> ♫ </div>
  194.  
  195. </div>{/block:IndexPage}
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204. <div id="container">
  205.  
  206. <div id="side">
  207. <div id="sidebarimg"><a href="/"><img src="{image:sidebar}"></a></div>
  208.  
  209. <div id="desc">
  210. {block:Description}{Description}{/block:Description}
  211.  
  212. <div id="ti">{Title}</div>
  213.  
  214. <div id="nav">
  215. <a href="/">index</a>
  216. {block:ifLink1}<br><a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1} <br>
  217. <a href="http://mihox.tumblr.com/aboutme">about</a>
  218. {block:ifLink2}<br><a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  219. {block:ifLink3}<br><a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  220. {block:ifLink4}<br><a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  221. </div>
  222.  
  223. </div>
  224.  
  225. </div>
  226.  
  227.  
  228.  
  229.  
  230.  
  231. <div id="entries">
  232.  
  233. {block:Posts}
  234. <div id="posts">
  235.  
  236. <div id="info">
  237.  
  238. {block:NoteCount}
  239. <a href="{Permalink}">&#9825; {NoteCount}</a><br>
  240. {/block:NoteCount}
  241. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  242. {block:PermalinkPage}
  243. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}/<a href="{SourceURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  244. {/block:PermalinkPage}
  245. <br><a href="{ReblogURL}" target="_blank">reblog</a>
  246.  
  247. </div>
  248.  
  249. {block:Quote}<h2>{Quote}</h2>{block:Source}<div class="qsource"><font size="3">&#10164;</font><br>{Source}</div>{/block:Source}{/block:Quote}
  250. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  251. {block:Text}{Body}{/block:Text}
  252.  
  253. {block:Link}
  254. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  255. {block:Description}<P>{Description}</p>{/block:Description}
  256. {/block:Link}
  257.  
  258. {block:ifPosts500}
  259. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center> {/block:Photo}
  260. {/block:ifPosts500}
  261.  
  262. {block:ifPosts400}
  263. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{/block:Photo}
  264. {/block:ifPosts400}
  265.  
  266. {block:ifPosts500}
  267. {block:Photoset}<center>{Photoset-500}</center>{/block:Photoset}
  268. {/block:ifPosts500}
  269.  
  270. {block:ifPosts400}
  271. {block:Photoset}<center>{Photoset-400}</center>{/block:Photoset}
  272. {/block:ifPosts400}
  273.  
  274. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  275.  
  276. {block:ifPosts500}
  277. {block:Video}{Video-500}{/block:Video}
  278. {/block:ifPosts500}
  279.  
  280. {block:ifPosts400}
  281. {block:Video}{Video-400}{/block:Video}
  282. {/block:ifPosts400}
  283.  
  284. {block:Answer}
  285. <div id="question">{Question}</div>
  286. <div id="asker">{Asker}</div>
  287. <div id="answer">{Answer}</div>
  288. {/block:Answer}
  289.  
  290. {block:Audio}
  291. {block:AlbumArt}
  292. <div class="album"><img src="{AlbumArtURL}"></div>
  293. {/block:AlbumArt}
  294. <div class="audio"><div class="aplay">{AudioPlayerBlack}</div></div>
  295. <div class="acap"><div class="acapp">{block:TrackName}<b><i><font size="2">{TrackName}</font></b></i>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div></div>
  296. {block:Caption}{Caption}{/block:Caption}
  297. {/block:Audio}<BR>
  298.  
  299. {block:HasTags}<div id="tags">{block:Tags}&nbsp;&nbsp;<a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  300.  
  301. </div>
  302.  
  303. {/block:Posts}
  304.  
  305.  
  306.  
  307. {block:PostNotes}{PostNotes}{/block:PostNotes}
  308.  
  309.  
  310. <BR><BR><BR>
  311.  
  312. {block:Pagination}
  313. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">previous</a>&nbsp;&nbsp;{/block:PreviousPage}{block:NextPage}&mdash; <a href="{NextPage}">next</a>{/block:NextPage}
  314. </div><BR><BR><BR>
  315. {/block:Pagination}
  316.  
  317.  
  318. </div>
  319. </div>
  320.  
  321.  
  322. </body>
  323. </html>
Advertisement
Add Comment
Please, Sign In to add comment