API tools faq
paste
Advertisement
jewist

Orphia Theme

jewist
May 19th, 2013
11,050
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.61 KB | None | 0 0
raw download clone embed print report
  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
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!