Advertisement
jewist

Orphia Theme

May 19th, 2013
10,999
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.61 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. <head>
  4.  
  5. <div style="width: 150px; height: 159px; position: fixed; bottom:250px;left:180px; background-color: transparent; border-width:0px;border-style:solid;border-color: transparent;">
  6. <select onchange='location=this.options[this.selectedIndex].value;' style='width:100px;'>
  7.  
  8. <option>navigate</option>
  9.  
  10. <option value="/">home</option>
  11.  
  12. <option value="/ask">message</option>
  13.  
  14. <option value="LINK HERE">LINK TITLE HERE</option>
  15.  
  16. <option value="LINK HERE">LINK TITLE HERE</option>
  17.  
  18. </select>
  19. </div>
  20.  
  21.  
  22. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  23.  
  24. <!--
  25. Orphia Theme by Jewist
  26. http://jewistthemes.tumblr.com/
  27. if you choose to remove the credit please put it in your links
  28. -->
  29.  
  30. {block:IfShowDescriptionLink}
  31. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  32. <script>
  33. $(document).ready(function(){
  34. $("a#description").click(function () {
  35. $("p#description").slideToggle("1000");
  36. });
  37. });
  38. </script>
  39. {/block:IfShowDescriptionLink}
  40.  
  41. <title>{title}</title>
  42. <meta name="color:Background" content="#FFFFFF"/>
  43. <meta name="color:Ask Background" content="#CACACA"/>
  44. <meta name="color:Title" content="#ffffff"/>
  45. <meta name="color:Title Hover" content="#ffffff"/>
  46. <meta name="color:Text" content="#ffffff"/>
  47. <meta name="color:Links" content="#ffffff"/>
  48. <meta name="color:Nav Links" content=Fu"#ffffff"/>
  49. <meta name="color:Hover" content="#ffffff"/>
  50. <meta name="color:Scroll Bar" content="#000000"/>
  51. <meta name="color:Scroll Bar Background" content="#FFFFFF"/>
  52.  
  53. <meta name="font:Body" content="Times New Roman"/>
  54.  
  55. <meta name="text:Width" content="250">
  56. <meta name="text:Font Size" content="10"/>
  57. <meta name="text:Blog Title Size" content="12"/>
  58. <meta name="text:Post Gaps" content="150"/>
  59.  
  60. <meta name="image:Background" content="0"/>
  61.  
  62. <meta name="if:Endless Scroll" content="1"/>
  63.  
  64. <link rel="shortcut icon" href="{Favicon}">
  65.  
  66. <style type="text/css">
  67. body{
  68. height:100%;
  69. text-align:justify;
  70. font-family:{font:Body};
  71. font-size:{text:Font Size}px;
  72. line-height: 13px !important;
  73. color:{color:text};
  74. background-color:{color:Background};
  75. background-image:url({image:Background});
  76. background-attachment:fixed;
  77. background-size:cover;
  78. }
  79.  
  80. ::-webkit-scrollbar-thumb:vertical {
  81. background-color:{color:scroll bar};
  82. height:100px;
  83. }
  84. ::-webkit-scrollbar-thumb:horizontal {
  85. background-color:{color:scroll bar};
  86. height:10px;
  87. }
  88. ::-webkit-scrollbar {
  89. height:10px;
  90. width:7px;
  91. background-color:{color:scroll bar background};
  92. }
  93. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  94.  
  95. .contentcolumn{
  96. margin:auto;
  97. width:{Text:width}px;
  98. margin-top:80px;
  99. overflow:shown;
  100. }
  101.  
  102. body a{
  103. text-decoration:none;
  104. -webkit-transition: 0.5s ease-in;
  105. color:{color:links};blo
  106. }
  107. body a:hover{
  108. color:{color:hover};
  109. -webkit-transition: 0.5s ease-in;
  110. }
  111.  
  112. .entry:hover .permalink{
  113. opacity:1;
  114. filter: alpha(opacity = 100);
  115. -webkit-transition: 0.3s ease-in;
  116. }
  117.  
  118. #entry{
  119. padding-bottom:30px;
  120. text-align:center;
  121. margin-bottom:{text:Post Gaps}px;
  122. margin-left:0px;
  123. width:{text:width}px;
  124. }
  125.  
  126. #entry img{
  127. width:{Text:width}px;
  128. -webkit-transition: 0.15s ease-in;
  129. }
  130.  
  131. #entry:hover .permalink {opacity: 1;}
  132.  
  133. .title{
  134. font-size:12px;
  135. text-transform:lowercase;
  136. margin-bottom:-5px;
  137. line-height:12px;
  138. margin-bottom:4px;
  139. text-align:center;
  140. letter-spacing:1px;
  141. }
  142.  
  143.  
  144. .blogtitle {
  145. font-weight:none;
  146. margin-bottom:-1px;
  147.  
  148. -webkit-transition: all 0.2s ease-out;
  149. -moz-transition: all 0.2s ease-out;
  150. -o-transition: all 0.2s ease-out;
  151. font-size:{text:blog title size}px;
  152. line-height:{text:blog title size}px;
  153.  
  154. font-family:{text:body};
  155.  
  156. letter-spacing:0px;
  157. text-align:center;
  158. text-decoration:none;
  159. text-transform:none;
  160. color:{color:title};
  161. width:{Text:width}px;
  162. margin-top: 100px;
  163. }
  164. .blogtitle a{
  165. color:{color:title};
  166. }
  167. .blogtitle a:hover{
  168. color:{color:Title Hover};
  169. text-shadow:0px 0px 0px rgba(0,0,0,0.2);
  170. -webkit-transition: all 0.2s ease-out;
  171. -moz-transition: all 0.2s ease-out;
  172. -o-transition: all 0.2s ease-out;
  173. }
  174.  
  175. .nav {
  176. text-align:center;
  177. margin-bottom: 50px;
  178. padding-top:5px;
  179. padding-bottom:5px;
  180. border-top: 0px solid #000000;
  181. border-bottom: 0px solid #000000;
  182. text-transform:lowercase;
  183. letter-spacing:0px;
  184. font-size:{text:body};
  185. margin-top: -1px;
  186. }
  187. .nav a{
  188. color:{color:Nav Links};
  189. -webkit-transition: 0.5s ease-in;
  190. }
  191.  
  192.  
  193. .h2{
  194. -webkit-text-stroke: 1px transparent;
  195. font-family:{Font:Body};
  196. text-transform:lowercase;
  197. font-size:11px;
  198. line-height:12px;
  199. font-style:none;
  200. letter-spacing: 1px;
  201. display:block;
  202. }
  203. .h3{
  204. text-transform:lowercase;
  205. }
  206. .h4{
  207. font-family: georgia;
  208. font-size:20px;
  209. line-height:25px;
  210. font-weight:;
  211. font-style:italic;
  212. letter-spacing: 2px;
  213. text-transform:lowercase;
  214. display:block;
  215. background:{color:title background};
  216. }
  217. .h5{
  218. color:{color:title};
  219. font-family: arial ;
  220. font-size:40px;
  221. line-height:41px;
  222. font-weight:;
  223. font-style:;
  224. text-transform:lowercase;
  225. text-align:right;
  226. }
  227.  
  228. .audio {
  229. background-color:#000000;
  230. margin-bottom : -10px;
  231. width:{Text:width}px;
  232. }
  233. .answer{
  234. padding:2px;
  235. padding-left:3px;
  236. color:{color:Text};
  237. font-style:italic;
  238. background:{color:Ask Background};
  239. }
  240. .answer b {
  241. text-transform:lowercase;
  242. letter-spacing:1px;
  243. }
  244.  
  245. div.video embed,
  246. div.post div.video object {
  247. width:{Text:width}px !important;
  248. }
  249.  
  250. .permalink {
  251. float: left;
  252. margin-left: {text:Width}px;
  253. padding-left:10px;
  254. position : absolute;
  255. font-size:9px;
  256. text-align : left;
  257. height:100px;
  258. letter-spacing:1px;
  259. -webkit-transition: 0.5s ease-in;
  260. opacity:0;
  261. }
  262. .permalink a:hover{
  263. color:{color:Hover}
  264. opacity: .7;
  265. }
  266.  
  267. p#description {
  268. text-transform:none;
  269. font-size:{text:Font Size};
  270. line-height: {text:font size}px;
  271. text-align: center;
  272. margin-bottom: 20px;
  273. margin-top: -50px;
  274. width: {text:width}px;
  275. max-width: {text:Width}px;
  276. font-family:{Font:Body}
  277. }
  278.  
  279.  
  280. </style>
  281.  
  282. {block:IfEndlessScroll}
  283. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  284. {/block:IfEndlessScroll}
  285. </head>
  286.  
  287. <body>
  288.  
  289.  
  290.  
  291.  
  292. <div class="contentcolumn">
  293.  
  294. {block:IfEndlessScroll}
  295. <div class="autopagerize_page_element">
  296. {/block:IfEndlessScroll}
  297.  
  298. {block:Posts}
  299.  
  300. {block:Text}
  301. <div id="entry">
  302. <span class="permalink"><a href="{Permalink}">{block:NoteCount}
  303. {NoteCount}{/block:NoteCount} </a></span>
  304. {block:Title}<div class="title">{Title}</div>{/block:Title}
  305. {Body}
  306. </div>
  307. <br/>
  308. {/block:Text}
  309.  
  310. {block:Photo}
  311. <div id="entry">
  312. <div class="perma"><a href="{Permalink}"><div class="permalink">{block:NoteCount}{NoteCount} {/block:NoteCount} </div></a></div>
  313. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  314. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  315. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="{text:Width}"/>
  316. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{LinkCloseTag}</a>{/block:IndexPage}
  317. {block:PermalinkPage}
  318. {block:Caption}<u>{Caption}</u>{/block:Caption}{LinkCloseTag}
  319. {/block:PermalinkPage}
  320. </div>
  321. {/block:Photo}
  322.  
  323. {block:Photoset}
  324. <div id="entry">
  325. <span class="permalink"><a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount} </a></span>
  326. {Photoset-250}
  327. {block:IndexPage}{/block:IndexPage}
  328. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  329. </div>
  330. {/block:Photoset}
  331.  
  332. {block:Quote}
  333. <div id="entry">
  334. <span class="permalink"><a href="{Permalink}">{block:NoteCount}{NoteCount} {/block:NoteCount} </a></span>"{Quote}" <br><br> &#151;&nbsp;{block:Source}<b>{Source}</b>{/block:Source}
  335. </div>
  336. {/block:Quote}
  337.  
  338. {block:Link}
  339. <div id="entry">
  340. <span class="permalink"><a href="{Permalink}">{block:NoteCount}{NoteCount} {/block:NoteCount} </a></span>
  341. <div class="h2"><a href="{URL}"><b><big>&rArr;</big>&nbsp;{Name}</b></a></div>{block:Description}{Description}{/block:Description}
  342. </div>
  343. {/block:Link}
  344.  
  345. {block:Chat}
  346. <div id="entry">
  347. <span class="permalink"><a href="{Permalink}">{block:NoteCount}{NoteCount} {/block:NoteCount} </a></span>
  348. {block:Title}<b>{Title}</b>{/block:Title}
  349. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  350. </div>
  351. {/block:Chat}
  352.  
  353. {block:Audio}
  354. <div id="entry">
  355. <span class="permalink"><a href="{Permalink}">{block:NoteCount}{NoteCount} {/block:NoteCount} </a></span>
  356. <div class="audio">
  357. {AudioPlayerBlack}</div><br>
  358. <div style="text-transform:uppercase; padding:2px; font-size:10px; text-align:center; -webkit-text-stroke: 1px transparent;">{block:TrackName}<b>{TrackName}</b>{/block:TrackName} by </b> {block:Artist}<b>{Artist}</b>{/block:Artist} </div>
  359. {block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}
  360. </div>
  361. {/block:Audio}
  362.  
  363. {block:Answer}
  364. <div id="entry">
  365. <span class="permalink"><a href="{Permalink}">{block:NoteCount}{NoteCount} {/block:NoteCount} </a></span>
  366. <div class="answer"><b><span style="color:{color:Links};">{Asker}:</span></b> {Question}</div><br>
  367. <div style="margin-top:-15px;">{Answer}</div></div>
  368. {/block:answer}
  369.  
  370.  
  371. {block:Video}
  372. <div id="entry">
  373. <div class="video">
  374. <span class="permalink"><a href="{Permalink}">{block:NoteCount}{NoteCount} {/block:NoteCount} </a></span>
  375. {Video-250}
  376. {block:PermalinkPage}{/block:PermalinkPage}
  377. </div></div>
  378. {/block:Video}
  379.  
  380. {block:PermalinkPage}
  381. {block:Date}{TimeAgo}&nbsp;&#8226;&nbsp;{NoteCountWithLabel}&nbsp;&#8226;&nbsp;{Month}&nbsp;{DayOfMonth}{DayOfMonthSuffix}{/block:Date}{block:HasTags}<br>Tagged with&nbsp;{block:Tags}<a href="{TagURL}"><span style="{color:Links}; color:{color:Text}; line-height:14px; text-decoration:underline;">{Tag}</span></a>&nbsp;&nbsp;{/block:Tags}
  382. {/block:HasTags}{/block:PermalinkPage}
  383.  
  384. {block:PostNotes}
  385. {PostNotes}
  386. {/block:PostNotes}
  387.  
  388. {/block:Posts}
  389. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  390.  
  391. {block:IfNotEndlessScroll}{block:Pagination}<div style="margin-top:20px; margin-bottom:10px; letter-spacing:1px; font-size:15px; line-height:10px;"><div style="float:left">{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}</div> <div style="float:right;">{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</div></div>{/block:Pagination}{/block:IfNotEndlessScroll}
  392.  
  393. <div style="position:fixed; right:5px; bottom:5px;">
  394. <a href="http://jewistthemes.tumblr.com">&copy</a></div>
  395.  
  396. <br>
  397. </div>
  398. </body>
  399. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement