API tools faq
paste
Advertisement
becky4268

theme 34

becky4268
Dec 29th, 2013
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.78 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.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!-- Code by ofjack -->
  10. <!-- DO NOT BREAK THE RULES OR I WILL HUNT YOU DOWN -->
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#a8a8a8"/>
  14. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  15. <meta name="color:DescriptionText" content="#b8b8b8"/>
  16. <meta name="color:Border" content="#dddddd"/>
  17. <meta name="color:Hover" content="#f2f2f2"/>
  18. <meta name="color:Post Links" content="#c0bfbf"/>
  19. <meta name="color:Answer Backg" content="#000000"/>
  20. <meta name="image:Sidebar" content=""/>
  21. <meta name="text:subtitle" content="">
  22. <meta name="text:Link 1" content="" />
  23. <meta name="text:Link 1 Text" content="" />
  24. <meta name="text:Link 2" content="" />
  25. <meta name="text:Link 2 Text" content="" />
  26. <meta name="if:Show Link 1" content="1" />
  27. <meta name="if:Show Link 2" content="1" />
  28.  
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  30. </script>
  31. <script>
  32. $(document).ready(function(){
  33. $("#flip").click(function(){
  34. $("#panel").slideToggle("slow");
  35. });
  36. });
  37. </script>
  38.  
  39. <style type="text/css">
  40.  
  41. ::-webkit-scrollbar-thumb{
  42. background-color: pink;
  43. border: 2px solid #fff;
  44. height:auto;
  45. border-radius:200px;
  46. }
  47.  
  48. ::-webkit-scrollbar {
  49. height:9px;
  50. width:9px;
  51. background-color: pink;
  52. border: 4px solid #fff;
  53. }
  54.  
  55. ::selection {
  56. background-color:pink;
  57. }
  58.  
  59. body {
  60. background:{color:background};
  61. margin:0px;
  62. color:{color:text};
  63. font-family:calibri;
  64. font-size:10px;
  65. line-height:100%;
  66. letter-spacing:0px;
  67. overflow-x: hidden;
  68. text-align:justify;
  69. background-image:url('{image:Background}');
  70. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  71. }
  72.  
  73. a {
  74. text-decoration:none;
  75. outline:none;
  76. -moz-outline-style:none;
  77. color:{color:Post Links};
  78. -moz-transition-duration:0.5s;
  79. -webkit-transition-duration:0.5s;
  80. -o-transition-duration:0.5s;
  81. }
  82.  
  83. img {
  84. border:none;
  85. }
  86.  
  87. blockquote {
  88. padding-left:5px;
  89. border-left:2px solid;
  90. }
  91.  
  92. blockquote blockquote {
  93. padding-left:5px;
  94. border-left:2px solid;
  95. }
  96.  
  97. h1 {
  98. font-size:14px;
  99. text-transform:uppercase;
  100. font-family:arial;
  101. font-style:none;
  102. line-height:100%;
  103. text-align:left;
  104. padding:0px;
  105. letter-spacing:-1.5px;
  106. color:pink;
  107. }
  108.  
  109. a:hover {
  110. color:pink;
  111. -moz-transition-duration:0.5s;
  112. -webkit-transition-duration:0.5s;
  113. -o-transition-duration:0.5s;
  114. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  115. }
  116.  
  117. #ocehans1{
  118. height:13px;
  119. text-align:center;
  120. overflow:hidden;
  121. margin-top:-1px;
  122. border-bottom:1px solid #efefef;
  123. text-transform:uppercase;
  124. letter-spacing:1px;
  125. font-size:8px;
  126. line-height:10px;
  127. z-index:999999999999999999999;
  128. -webkit-transition: all 0.5s ease-in-out;
  129. -moz-transition: all 0.5s ease-in-out;
  130. -o-transition: all 0.5s ease-in-out;
  131. }
  132.  
  133. #ocehans1:hover{
  134. height:120px;
  135. -webkit-transition: all 0.5s ease-in-out;
  136. -moz-transition: all 0.5s ease-in-out;
  137. -o-transition: all 0.5s ease-in-out;
  138. }
  139.  
  140. #ocehans2{
  141. height:13px;
  142. text-align:center;
  143. overflow:hidden;
  144. border-bottom:1px solid #efefef;
  145. text-transform:uppercase;
  146. background-color:#fff;
  147. letter-spacing:1px;
  148. font-size;8px;
  149. line-height:13px;
  150. z-index:999999999999999999999;
  151. -webkit-transition: all 0.5s ease-in-out;
  152. -moz-transition: all 0.5s ease-in-out;
  153. -o-transition: all 0.5s ease-in-out;
  154. }
  155.  
  156. #ocehans2 {
  157. padding-right:3px;
  158. }
  159.  
  160. #ocehans2:hover{
  161. height:160px;
  162. -webkit-transition: all 0.5s ease-in-out;
  163. -moz-transition: all 0.5s ease-in-out;
  164. -o-transition: all 0.5s ease-in-out;
  165. }
  166.  
  167. #ocehans3{
  168. height:11px;
  169. text-align:center;
  170. overflow:hidden;
  171. text-transform:uppercase;
  172. background-color:#fff;
  173. letter-spacing:1px;
  174. font-size;8px;
  175. line-height:13px;
  176. z-index:999999999999999999999;
  177. -webkit-transition: all 0.5s ease-in-out;
  178. -moz-transition: all 0.5s ease-in-out;
  179. -o-transition: all 0.5s ease-in-out;
  180. }
  181.  
  182. #ocehans3:hover{
  183. height:135px;
  184. -webkit-transition: all 0.5s ease-in-out;
  185. -moz-transition: all 0.5s ease-in-out;
  186. -o-transition: all 0.5s ease-in-out;
  187. }
  188.  
  189. #ocehans{
  190. text-align:left;
  191. font-size:8px;
  192. text-transform:uppercase;
  193. opacity: .8;
  194. border:1px solid #eee;
  195. position:fixed;
  196. font-family:calibri;
  197. left:14px;
  198. background-color:#fff;
  199. letter-spacing:1px;
  200. width:65px;
  201. z-index:9999;
  202. padding:4px;
  203. top:20px;
  204. }
  205.  
  206. #entries {
  207. padding:10px;
  208. width:400px;
  209. margin-left:380px;
  210. margin-top:5px;
  211. font-size:10px;
  212. font-family:'arial';
  213. letter-spacing:0px;
  214. }
  215.  
  216. #post {
  217. width:400px;
  218. padding-bottom:20px;
  219. padding:25px;
  220. margin-top:10px;
  221. }
  222.  
  223. #sidebar {
  224. position:fixed;
  225. margin-left:80px;
  226. margin-top:400px;
  227. width:300px;
  228. height:200px;
  229. }
  230.  
  231. #sidebarimage img {
  232. width:80px;
  233. height:auto;
  234. margin-top:40px;
  235. position:fixed;
  236. margin-left:170px;
  237. padding:1px;
  238. border:solid pink 4px;
  239. }
  240.  
  241. .links {
  242. width:180px;
  243. padding: 4px;
  244. text-align:center;
  245. text-transform:uppercase;
  246. position:fixed;
  247. margin-top:90px;
  248. margin-left:85px;
  249. padding:40px;
  250. padding-top:55px;
  251. padding-bottom:55px;
  252. }
  253.  
  254. .links a {
  255. width:0px;
  256. padding:5px;
  257. font-size:5px;
  258. margin:5px;
  259. letter-spacing:1px;
  260. color:pink;
  261. background:pink;
  262. border-radius:200px;
  263. border:1px solid pink;
  264. text-align:center;
  265. display:inline-block;
  266. }
  267.  
  268. .links a:hover {
  269. -moz-transition-duration:0.3s;
  270. -webkit-transition-duration:0.3s;
  271. -o-transition-duration:0.3s;
  272. background:#fff;
  273. }
  274.  
  275. #yum
  276. #yum a{
  277. display:block
  278. }
  279. #yum .hi {
  280. margin-top:0px;
  281. margin-left:0px;filter: alpha(opacity = 0);
  282. opacity:0;-webkit-transition: all 1s ease-out;
  283. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  284. }
  285.  
  286. #yum:hover .hi {
  287. margin-top:0px;
  288. margin-left:0px;
  289. -webkit-transition: all 0.6s ease-out;
  290. -moz-transition: all 0.6s ease-out;
  291. transition: all 0.6s ease-out;
  292. filter: alpha(opacity = 100);
  293. filter: alpha(opacity = 100);
  294. opacity:1;
  295. }
  296.  
  297. #description {
  298. text-align:right;
  299. font-family:calibri;
  300. width:100px;
  301. margin-top:35px;
  302. margin-left:20px;
  303. font-size:10px;
  304. position:fixed;
  305. line-height:120%;
  306. padding:5px;
  307. padding-top:4px;
  308. padding-bottom:4px;
  309. opacity:0;
  310. text-transform:uppercase;
  311. font-weight:bold;
  312. color:pink;
  313. -moz-transition-duration:1s;
  314. -webkit-transition-duration:1s;
  315. -o-transition-duration:1s;
  316. }
  317.  
  318. #sidebar:hover #description {
  319. margin-left:40px;
  320. opacity:1;
  321. -moz-transition-duration:1s;
  322. -webkit-transition-duration:1s;
  323. -o-transition-duration:1s;
  324. }
  325.  
  326. #sidebar:hover #title{
  327. opacity:0;
  328. margin-left:0px;
  329. -moz-transition-duration:1s;
  330. -webkit-transition-duration:1s;
  331. -o-transition-duration:1s;
  332. }
  333.  
  334. #title {
  335. text-align:center;
  336. font-family:arial;
  337. width:100px;
  338. margin-top:20px;
  339. margin-left:43px;
  340. font-size:40px;
  341. letter-spacing:-5px;
  342. position:fixed;
  343. text-transform:none;
  344. color:pink;
  345. padding-bottom:5px;
  346. font-weight:bold;
  347. line-height:100%;
  348. -moz-transition-duration:1s;
  349. -webkit-transition-duration:1s;
  350. -o-transition-duration:1s;
  351. }
  352.  
  353. .pagination{letter-spacing:1px;font-size:30px;z-index:9999;text-align:left;margin-top:60px;margin-left:800px;position:fixed;width:100px;font-family:cambria;line-height:120%;}
  354.  
  355. .pagination a{color:pink;text-transform:lowercase;font-style:italic;}
  356.  
  357. .pagination a:hover {
  358. -moz-transition-duration:0.3s;
  359. -webkit-transition-duration:0.3s;
  360. -o-transition-duration:0.3s;
  361. text-decoration:none;
  362. color:#fff;
  363. }
  364.  
  365. #info {
  366. margin-top:3px;
  367. width:395px;
  368. text-align:left;
  369. font-family:'trebuchet ms';
  370. letter-spacing:1px;
  371. font-size:7px;
  372. font-style:none;
  373. text-transform:uppercase;
  374. padding-top:5px;
  375. padding-left:5px;
  376. padding-bottom:5px;
  377. background:#f9f9f9;
  378. }
  379.  
  380. #info a {
  381. text-align:left;
  382. color:#999;
  383. }
  384.  
  385. #info a:hover {
  386. -moz-transition-duration:0.3s;
  387. -webkit-transition-duration:0.3s;
  388. -o-transition-duration:0.3s;
  389. color:pink;
  390. }
  391.  
  392. #tags {
  393. width:395px;
  394. margin-top:5px;
  395. margin-left:0px;
  396. text-align:left;
  397. font-size:6px;
  398. padding-top:3px;
  399. border-top:3px solid #fff;
  400. opacity:1;
  401. transition-duration: 0.5s;
  402. -moz-transition-duration: 0.5s;
  403. -webkit-transition-duration: 0.5s;
  404. -o-transition-duration: 0.5s
  405. color:{color:Post Links};
  406. }
  407.  
  408. #tags a {
  409. letter-spacing:0px;
  410. font-size:8px;
  411. text-align:center;
  412. font-family:'CALIBRI';
  413. text-decoration:none;
  414. display:inline-block;
  415. color:#c9c9c9;
  416. }
  417.  
  418. #tags a:hover {
  419. -moz-transition-duration:0.3s;
  420. -webkit-transition-duration:0.3s;
  421. -o-transition-duration:0.3s;
  422. color:pink;
  423. }
  424.  
  425. .ask {padding:5px;font-style:normal;margin-top:-5px;text-align:center;margin-bottom:10px;color:#111;background-color:#fff;background:#f9f9f9;border-bottom:5px double #dddddd;padding-bottom:10px;padding-top:20px;}
  426.  
  427. .answer {text-align:center;padding:2px;color:{color:text};}
  428.  
  429. #cred {
  430. position:fixed;
  431. font-size:8px;
  432. font-family:calibri;
  433. letter-spacing:1px;
  434. right:10px;
  435. bottom:15px;
  436. text-transform:uppercase;
  437. text-align:center;
  438. border:1px solid #c9c9c9;
  439. padding:5px;
  440. background-color:#fafafa;
  441. }
  442.  
  443. #cred a {
  444. padding:0px;
  445. color:{color:link};
  446. -moz-transition-duration:0.5s;
  447. -webkit-transition-duration:0.5s;
  448. -o-transition-duration:0.5s;
  449. }
  450.  
  451. #s-m-t-tooltip {max-width:300px;padding:2px 2px 2px 2px;margin:10px 0px 0px 10px;background-color:#fff;border:1px solid #fff;font-family:trebuchet ms;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:pink;z-index:999999999999999999999999999999999999;}
  452.  
  453. {CustomCSS}</style></head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  454.  
  455. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  456.  
  457. <script>
  458.  
  459. (function($){
  460.  
  461. $(document).ready(function(){
  462.  
  463. $("a[title]").style_my_tooltips({
  464.  
  465. tip_follows_cursor:true,
  466.  
  467. tip_delay_time:90,
  468.  
  469. tip_fade_speed:600,
  470.  
  471. attribute:"title"
  472.  
  473. });
  474.  
  475. });
  476.  
  477. })(jQuery);
  478.  
  479. </script><body>
  480.  
  481. <div id="ocehans">
  482. <center>
  483. <div id="ocehans1">
  484. <div style="font-size:8px;">TITLE</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  485. TEXT HERE
  486. <br><br>
  487. </div>
  488. </div>
  489.  
  490. <div id="ocehans2">
  491. <div style="font-size:8px;">TITLE</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  492. TEXT HERE
  493. </div></div>
  494.  
  495. <div id="ocehans3">
  496. <div style="font-size:8px;">TITLE</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:center; color:#b9b9b9;">
  497. TEXT HERE
  498. <br><br>
  499. </div>
  500. </div>
  501.  
  502. </div></div>
  503. </div></div></div></div>
  504.  
  505. <div id="sidebar">
  506.  
  507. <div id="sidebarimage">
  508. <img src="{image:Sidebar}">
  509. </a>
  510. </div>
  511.  
  512. <div id="description">{Description}</div>
  513.  
  514. <div id="title">{text:subtitle}</div>
  515.  
  516. <div class="links">
  517. <a href="/" title="home"></a>
  518. <a href="/ask" title="mail"></a>
  519. {block:IfShowLink1}<a href="{text:Link 1}" title="{text:Link 1 text}"></a>{/block:IfShowLink1}
  520. {block:IfShowLink2}<a href="{text:Link 2}" title="{text:Link 2 text}"></a>{/block:IfShowLink2}
  521. </div>
  522.  
  523. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"> next</a>{/block:NextPage}{/block:Pagination}</div>
  524.  
  525. </div></div>
  526.  
  527. <div id="entries">
  528. {block:Posts}
  529. <div id="post">
  530.  
  531. {block:Text}
  532. <h1>{block:Title}{Title}{/block:Title}</h1>
  533. {Body}{/block:Text}
  534.  
  535. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  536. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  537.  
  538. {block:Photoset}{Photoset-400}{block:Caption}{Caption}
  539. {/block:Caption}{/block:Photoset}
  540.  
  541. {block:Quote}<h1>"{Quote}"</h1>
  542. {block:Source}<div class="qsource"> —{Source}</div>
  543. {/block:Source}{/block:Quote}
  544.  
  545. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  546.  
  547. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  548.  
  549. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  550. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  551. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  552. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  553. {/block:Audio}<br>
  554.  
  555. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  556.  
  557. {block:Answer}<div class="ask"><center><big><big><big><i>{Asker}</i></big></big></big> asked: <b>{Question}</b></div><div class="answer">{Answer}</center></div>{/block:answer}
  558.  
  559. <div id="info">
  560. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  561.  
  562. <a style="padding-left:15px;">
  563.  
  564. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a> {/block:RebloggedFrom} {NoteCountWithLabel}</a></a>
  565.  
  566. <a style="padding-left:15px;">
  567.  
  568. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  569. {block:ContentSource}/ <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}</a>
  570.  
  571. {block:HasTags}<div id="tags">Filed as:
  572.  
  573. {block:Tags}<a href="/tagged/{Tag}">{Tag}</a>,&nbsp;{/block:Tags}
  574. </div>{block:HasTags}
  575. </div>
  576. </div>
  577.  
  578. {/block:Posts}
  579. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  580.  
  581. {/block:Posts}</div></div></div>
  582.  
  583. <br><br><br><br>
  584.  
  585. <div id="cred">
  586. <a href="http://ofjack.tumblr.com">ofjack</a>
  587. </div>
  588.  
  589. </div>
  590. </div>
  591. </div>
  592. </body></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!