Advertisement
Guest User

Untitled

a guest
Apr 20th, 2014
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.07 KB | None | 0 0
  1. <!--HERE'S THE THEME!! PLEASE DO NOT REMOVE THE CREDIT OR
  2. REDISTRIBUTE! FEEL FREE TO EDIT TO YOUR LIKING. ENJOY!-->
  3.  
  4. <html>
  5. <head>
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head><title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  14.  
  15. <!--Default Variables-->
  16. <!--Colors-->
  17.  
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:Text" content="#333333"/>
  20. <meta name="color:Link" content="#808080"/>
  21. <meta name="color:Hover" content="#333333"/>
  22.  
  23. <!--Images-->
  24.  
  25. <meta name="image:Background" content=""/>
  26. <meta name="image:Sidebar" content=""/>
  27.  
  28. <!--Links-->
  29.  
  30. <meta name="text:Link1" content="/" />
  31. <meta name="text:Link1 Title" content="" />
  32. <meta name="text:Link2" content="/" />
  33. <meta name="text:Link2 Title" content="" />
  34. <meta name="text:Link3" content="/" />
  35. <meta name="text:Link3 Title" content="" />
  36.  
  37. <style type="text/css">
  38.  
  39.  
  40.  
  41. #ocehans1{
  42. height:13px;
  43. text-align:center;
  44. overflow:hidden;
  45. margin-top:-1px;
  46. border-bottom:1px solid #efefef;
  47. text-transform:uppercase;
  48. letter-spacing:1px;
  49. font-size:8px;
  50. line-height:10px;
  51. z-index:999999999999999999999;
  52. -webkit-transition: all 0.5s ease-in-out;
  53. -moz-transition: all 0.5s ease-in-out;
  54. -o-transition: all 0.5s ease-in-out;
  55. }
  56. #ocehans1:hover{
  57. height:67px;
  58. -webkit-transition: all 0.5s ease-in-out;
  59. -moz-transition: all 0.5s ease-in-out;
  60. -o-transition: all 0.5s ease-in-out;
  61. }
  62.  
  63. #ocehans2{
  64. height:13px;
  65. text-align:center;
  66. overflow:hidden;
  67. border-bottom:1px solid #efefef;
  68. text-transform:uppercase;
  69. background-color:#fff;
  70. letter-spacing:1px;
  71. font-size;8px;
  72. line-height:13px;
  73. z-index:999999999999999999999;
  74. -webkit-transition: all 0.5s ease-in-out;
  75. -moz-transition: all 0.5s ease-in-out;
  76. -o-transition: all 0.5s ease-in-out;
  77. }
  78.  
  79. #ocehans2:hover{
  80. height:60px;
  81. -webkit-transition: all 0.5s ease-in-out;
  82. -moz-transition: all 0.5s ease-in-out;
  83. -o-transition: all 0.5s ease-in-out;
  84. }
  85.  
  86. #ocehans3{
  87. height:13px;
  88. text-align:center;
  89. overflow:hidden;
  90. border-bottom:1px solid #efefef;
  91. text-transform:uppercase;
  92. background-color:#fff;
  93. letter-spacing:1px;
  94. font-size;8px;
  95. line-height:13px;
  96. z-index:999999999999999999999;
  97. -webkit-transition: all 0.5s ease-in-out;
  98. -moz-transition: all 0.5s ease-in-out;
  99. -o-transition: all 0.5s ease-in-out;
  100. }
  101.  
  102. #ocehans3:hover{
  103. height:135px;
  104. -webkit-transition: all 0.5s ease-in-out;
  105. -moz-transition: all 0.5s ease-in-out;
  106. -o-transition: all 0.5s ease-in-out;
  107. }
  108.  
  109.  
  110.  
  111. #ocehans4{
  112. height:13px;
  113. text-align:center;
  114. overflow:hidden;
  115. border-bottom:0px solid #efefef;
  116. text-transform:uppercase;
  117. background-color:#fff;
  118. letter-spacing:1px;
  119. font-size;8px;
  120. line-height:13px;
  121. z-index:999999999999999999999;
  122. -webkit-transition: all 0.5s ease-in-out;
  123. -moz-transition: all 0.5s ease-in-out;
  124. -o-transition: all 0.5s ease-in-out;
  125. }
  126.  
  127. #ocehans4:hover{
  128. height:145px;
  129. -webkit-transition: all 0.5s ease-in-out;
  130. -moz-transition: all 0.5s ease-in-out;
  131. -o-transition: all 0.5s ease-in-out;
  132. }
  133.  
  134. #ocehans{
  135. text-align:left;
  136. font-size:8px;
  137. text-transform:uppercase;
  138. opacity: .8;
  139. border:1px solid #eee;
  140. position:fixed;
  141. font-family:calibri;
  142. left:14px;
  143. background-color:#fff;
  144. letter-spacing:1px;
  145. width:90px;
  146. z-index:9999;
  147. padding:4px;
  148. top:14px;
  149.  
  150. }
  151.  
  152.  
  153.  
  154.  
  155.  
  156. ::-webkit-scrollbar {height: auto;width: 6px;}
  157. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  158. ::-webkit-scrollbar-track{background-color:{color:scrollbg};}
  159.  
  160. body {
  161. background:{color:background};
  162. background-image: url('{image:background}') no-repeat fixed center;;
  163. margin:0px;
  164. color:{color:text};
  165. font-family:cambria;
  166. font-size:10px;
  167. line-height:100%;
  168. }
  169.  
  170. a {
  171. text-decoration:none;
  172. outline:none;
  173. -moz-outline-style:none;
  174. color:{color:link};
  175. -webkit-transition: all 0.5s ease;
  176. -moz-transition: all 0.5s ease;
  177. -o-transition: all 0.5s ease
  178. }
  179.  
  180. img {
  181. border:none;
  182. }
  183.  
  184. blockquote blockquote {
  185. padding-left:5px;
  186. border-left:1px solid;
  187. }
  188.  
  189. h1 {
  190. font-size:12px;
  191. font-family:cambria;
  192. text-transform:uppercase;
  193. }
  194.  
  195. a:hover {
  196. opacity:10;
  197. color:{color:hover};
  198. -webkit-transition: all 0.7s ease;
  199. -moz-transition: all 0.7s ease;
  200. -o-transition: all 0.7s ease
  201. }
  202.  
  203. small{
  204. font-size:9px;
  205. line-height:110%
  206. }
  207.  
  208. big {
  209. font-size:12px;
  210. line-height:110%
  211. }
  212.  
  213. b, strong{
  214. color:{color:text}
  215. }
  216. i, em {
  217. color:{color:text}
  218. }
  219. p{
  220. margin-top:5px;
  221. margin-bottom:5px
  222. }
  223. blockquote {
  224. padding:0px;
  225. padding-left:5px;
  226. margin:5px;
  227. border-left:1px dotted {color:text}
  228. }
  229.  
  230. blockquote img {
  231. max-width:300px
  232. }
  233.  
  234. ul, li img {
  235. max-with:250px
  236. }
  237.  
  238. .audio {width:500px;height:160px;}
  239. .albumart {width:150px;height:150px;position:absolute; border:1px dotted {color:text}; padding:2px;}
  240. .albumart img {width:150px;height:150px;float:left;}
  241. .playercontainer {display:block;width:150px;height:150px;background-color:#ffffff;position:absolute;}
  242. .player {margin-left:36px;margin-top:36px;width:25px;height:25px;
  243. overflow:hidden;background-color:white;}
  244. .audioinfo {margin-left:160px;float:left;width:200px;padding:2px;margin-top:2px;}
  245.  
  246. #entries {
  247. padding:10px;
  248. width:500px;
  249. margin-left:450px;
  250. margin-top:85px;
  251. }
  252.  
  253.  
  254. #post {
  255. width:500px;
  256. padding-bottom:3px;
  257. font-family:cambria;
  258. opacity:1;
  259. }
  260.  
  261. #sidebar {
  262. width:190px;
  263. position:fixed;
  264. margin-left:1100px;
  265. margin-top:150px;
  266. opacity:1;
  267. }
  268.  
  269. #sidebarimage img {
  270. width:85px;
  271. -webkit-border-radius:100px;
  272. margin-left:35px;
  273. padding:10px;
  274. margin-bottom:3px;
  275. -webkit-transition: opacity 0.7s linear;
  276. opacity: 0.7s;
  277. -webkit-transition: all 0.6s ease-out;
  278. -moz-transition: all 0.6s ease-out;
  279. transition: all 0.6s ease-out
  280. }
  281.  
  282. #sidebarimage img:hover {
  283. -webkit-filter: grayscale(50%);
  284. -webkit-transition: opacity 0.7s linear;
  285. opacity: 0.7s;
  286. -webkit-transition: all 0.6s ease-out;
  287. -moz-transition: all 0.6s ease-out;
  288. transition: all 0.6s ease-out;
  289. }
  290.  
  291. #links {
  292. font-family:cambria;
  293. font-size:9px;
  294. opacity:1;
  295. text-align:center;
  296. padding-top:54px;
  297. letter-spacing:1px;
  298. text-transform:uppercase;
  299. padding-bottom:5px;
  300. margin-top:-50px;
  301. margin-right:18px;
  302. }
  303.  
  304. #description {
  305. padding:5px;
  306. font-family:cambria;
  307. font-size:10px;
  308. color: gray;
  309. opacity: 0.8;
  310. text-align:center;
  311. margin-top:-2px;
  312. margin-right:18px;
  313. }
  314.  
  315. #pagination {
  316. font-size:9px;
  317. text-align:center;
  318. color:{color:link};
  319. font-family:cambria;
  320. letter-spacing:2px;
  321. margin-left:21px;
  322. }
  323.  
  324. #info {
  325. text-align:center;padding:5px;
  326. margin-top:5px;
  327. margin-bottom:10px;
  328. text-transform: uppercase;
  329. font-family:cambria;
  330. font-size:9px;
  331. }
  332.  
  333. #tags {
  334. font-family:cambria;
  335. letter-spacing:1px;
  336. text-transform:uppercase;
  337. font-size:9px;
  338. margin-top:4px;
  339. a {display:inline; background-color:{color:linkb};
  340. padding:-4px;
  341. text-align:left;
  342. -webkit-transition: all 0.6s ease-in-out;
  343. -moz-transition: all 0.6s ease-in-out;
  344. -o-transition: all 0.6s ease-in-out;
  345. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  346.  
  347. #asker {
  348. float:left;
  349. margin-right:5px;
  350. }
  351.  
  352. #asked {
  353. font-family:cambria;
  354. text-transform:lowercase;
  355. letter-spacing:1px;
  356. padding-bottom:3px;
  357. }
  358.  
  359. #notes {
  360. font-family:cambria;
  361. text-transform:lowercase;
  362. font-size:9px;
  363. }
  364.  
  365. #question {
  366. font-family:cambria;
  367. font-style:italic;
  368. font-size:10px;
  369. }
  370.  
  371. #answer {
  372. font-family:cambria;
  373. text-transform:uppercase;
  374. font-size:10px;
  375. }
  376.  
  377. {CustomCSS}</style></head><body>
  378.  
  379.  
  380. <div id="ocehans">
  381. <center>
  382. <div id="ocehans1">
  383. <div style="font-size:8px;">title 1</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#6F6F6F;">
  384. text 1 here
  385. <br><br>
  386. </div>
  387. </div>
  388.  
  389. <div id="ocehans2">
  390. <div style="font-size:8px;">title 2</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#6F6F6F;">
  391. text 2 here
  392.  
  393. </div></div>
  394.  
  395. <div id="ocehans3">
  396. <div style="font-size:8px;">title 3</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#6F6F6F;">
  397. text 3 here
  398. <br><br>
  399. </div>
  400. </div>
  401.  
  402. <div id="ocehans4">
  403. <div style="font-size:8px;">title 4</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#6F6F6F;">
  404. text 4 here
  405. </div></div>
  406. </div></div></div></div>
  407.  
  408.  
  409.  
  410.  
  411. <!--THIS THEME IS PRELOADED TO HAVE RANDOM SIDEBAR
  412. IMAGES...BELOW WHERE IT SAYS MYIMAGES IS WHERE YOU
  413. PASTE THE URL TO THE IMAGE YOU WANT YOUR SIDEBAR TO
  414. CHANGE TO. YOU CAN HAVE AS MANY AS YOU WANT. IF YOU
  415. DO NOT WANT CHANGING SIDEBARS DELETE FROM SCRIPT TO
  416. /SCRIPT AND INSERT <img src="{image:sidebar}"> AND
  417. YOU WILL BE ABLE TO USE THE UPLOADER IN THE APPEARANCE
  418. TAB TO UPLOAD A SINGULAR IMAGE-->
  419. <div id="sidebar">
  420. <div id="sidebarimage">
  421. <script language="JavaScript">
  422. <!--
  423.  
  424. /*
  425. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  426. Over 400+ free JavaScripts here!
  427. Keep this notice intact please
  428. */
  429.  
  430. function random_imglink(){
  431. var myimages=new Array()
  432. //specify random images below. You can have as many as you wish
  433. myimages[1]="https://31.media.tumblr.com/2cfe2051254d5f589372737294d5127b/tumblr_inline_n3ogkngUHd1s7m8px.jpg"
  434. myimages[2]="https://31.media.tumblr.com/6d55c0c883499ec5259df3330391ebb2/tumblr_inline_n3ogkukHJh1s7m8px.jpg"
  435. myimages[3]="https://31.media.tumblr.com/857a8934d79d14cb746d3f3aebadf1f3/tumblr_inline_n3oglnOd551s7m8px.jpg"
  436. myimages[4]="https://31.media.tumblr.com/be070ec74289d4dad2e890a39481776c/tumblr_inline_n3ogo7nZ1P1s7m8px.jpg"
  437.  
  438.  
  439. var ry=Math.floor(Math.random()*myimages.length)
  440. if (ry==0)
  441. ry=1
  442. document.write('<img src="'+myimages[ry]+'" border=0>')
  443. }
  444. random_imglink()
  445. //-->
  446. </script>
  447.  
  448.  
  449.  
  450.  
  451.  
  452. </div>
  453. <div id="links">
  454. <a href="/">home</a> ❘
  455. <a href="/ask">ask</a> ❘
  456. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}❘
  457. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}❘
  458. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  459. </div>
  460.  
  461. <div id="description">{Description}</div>
  462.  
  463. {block:Pagination}<div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  464. </div>
  465.  
  466. <div id="entries">{block:Posts}<div id="post">
  467.  
  468. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  469.  
  470. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  471.  
  472. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  473.  
  474. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  475.  
  476. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  477.  
  478. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  479.  
  480. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  481. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  482. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  483. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  484. {/block:Audio}
  485.  
  486. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  487.  
  488. {block:Answer}<div id="asker"></div><div id="asked">{Asker} asked: {Question} {Answer}{/block:Answer}
  489.  
  490. <div id="info"> posted <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} <a href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}
  491. {block:ContentSource}<a href="{SourceURL}">(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags" st>
  492. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  493. {/block:Posts}
  494. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  495. {/block:Posts}</div></div></div>
  496.  
  497. <div style="font-size: 9px; letter-spacing: 1px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:lowercase;"><a href="http://impossiblyamelia.tumblr.com">impossiblyamelia</a></div>
  498.  
  499. </body>
  500.  
  501. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement