API tools faq
paste
Advertisement
sarahthemes

Theme 004 by heytonks.tumblr.com

sarahthemes
May 5th, 2014
1,220
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6. <!-- theme 004 by heytonks.tumblr.com - do not remove credit, redistribute, claim as your own, or use any part of this coding in your own theme. if you have any questions, feel free to send me a message on my personal blog (heytonks) and i will happily assist you -->
  7.  
  8. <html>
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}" />
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  15. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700' rel='stylesheet' type='text/css'>
  18.  
  19. <!-- default variables -->
  20.  
  21. <meta name="if:400px" content="0"/>
  22. <meta name="if:Infinite Scroll" content="0"/>
  23.  
  24. <meta name="text:Link 1 URL" content="/"/>
  25. <meta name="text:Link 1" content="home"/>
  26. <meta name="text:Link 2 URL" content="/ask"/>
  27. <meta name="text:Link 2" content="message"/>
  28. <meta name="text:Link 3 URL" content="/"/>
  29. <meta name="text:Link 3" content="link 3"/>
  30. <meta name="text:Link 4 URL" content="/"/>
  31. <meta name="text:Link 4" content="link 4"/>
  32. <meta name="text:Link 5 URL" content="/"/>
  33. <meta name="text:Link 5" content="link 5"/>
  34. <meta name="text:Link 6 URL" content="/"/>
  35. <meta name="text:Link 6" content="link 6"/>
  36. <meta name="text:Custom Cursor URL" content="http://static.tumblr.com/vdw1lg6/KVQn5vyh5/static1.png"/>
  37.  
  38. <meta name="image:Background" content="http://static.tumblr.com/vdw1lg6/K55n5vyhq/static2.png"/>
  39. <meta name="image:Sidebar Image" content="http://static.tumblr.com/vdw1lg6/Xmun5vyia/static3.gif"/>
  40. <meta name="image:Sidebar Background" content=""/>
  41.  
  42. <meta name="color:Background" content="#f7f7f7"/>
  43. <meta name="color:Sidebar" content="#ffffff"/>
  44. <meta name="color:Sidebar Border" content="#ededed"/>
  45. <meta name="color:Title" content="#43b3f0"/>
  46. <meta name="color:Title and Post Border" content="#e5e5e5"/>
  47. <meta name="color:Post Links" content="#266175"/>
  48. <meta name="color:Post Links Hover" content="#67bcdb"/>
  49. <meta name="color:Post Info Circles" content="#b1e0f8"/>
  50. <meta name="color:Tags" content="#737373"/>
  51. <meta name="color:Tags Hover" content="#dfdfdf"/>
  52. <meta name="color:Description Text" content="#000000"/>
  53. <meta name="color:Description Box" content="#f4f4f4"/>
  54. <meta name="color:Navigation Links" content="#494949"/>
  55. <meta name="color:Navigation Links Hover" content="#e4f1f8"/>
  56. <meta name="color:Scrollbar" content="#b5e1ea"/>
  57.  
  58.  
  59. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  60.  
  61. <script>
  62. $(document).ready(function(){
  63.  
  64. $(".slidingDiv").hide();
  65. $(".show_hide").show();
  66.  
  67. $('.show_hide').toggle(function(){
  68. $(".slidingDiv").slideDown(
  69. function(){
  70. $("#navigation").text("navigation")
  71. }
  72. );
  73. },function(){
  74. $(".slidingDiv").slideUp(
  75. function(){
  76. $("#navigation").text("navigation")
  77. }
  78. );
  79. });
  80. });
  81. </script>
  82.  
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84.  
  85. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  86.  
  87. <script>
  88. (function($){
  89. $(document).ready(function(){
  90. $("[title],a[title],img[title]").style_my_tooltips({
  91. tip_follows_cursor:"true",
  92. tip_delay_time:0,
  93. tip_fade_speed:0,
  94. attribute:"title"
  95. });
  96. });
  97. })(jQuery);
  98. </script>
  99.  
  100.  
  101. <style type="text/css">
  102.  
  103. @font-face{
  104. font-family: 'Open Sans Regular';
  105. src: url('http://static.tumblr.com/pxzvkjd/8Byn7fgi2/opensans-regular-webfont.eot');
  106. src: url('http://static.tumblr.com/pxzvkjd/8Byn7fgi2/opensans-regular-webfont.eot') format('eot'),
  107. url('http://static.tumblr.com/pxzvkjd/A8En7fgnf/opensans-regular-webfont.svg') format('svg');
  108. url('http://static.tumblr.com/pxzvkjd/Dgnn7fgnx/opensans-regular-webfont.woff') format('woff'),
  109. url('http://static.tumblr.com/pxzvkjd/iLKn7fgoe/opensans-regular-webfont.ttf') format('truetype'),
  110. }
  111.  
  112. @font-face{
  113. font-family: 'Open Sans Italic';
  114. src: url('http://static.tumblr.com/pxzvkjd/qJbn7fgfv/opensans-italic-webfont.eot');
  115. src: url('http://static.tumblr.com/pxzvkjd/qJbn7fgfv/opensans-italic-webfont.eot') format('eot'),
  116. url('http://static.tumblr.com/pxzvkjd/SOBn7fggj/opensans-italic-webfont.svg') format('svg');
  117. url('http://static.tumblr.com/pxzvkjd/VJln7fggz/opensans-italic-webfont.woff') format('woff'),
  118. url('http://static.tumblr.com/pxzvkjd/r53n7fghd/opensans-italic-webfont.ttf') format('truetype'),
  119. }
  120.  
  121. @font-face{
  122. font-family: 'Open Sans Bold';
  123. src: url('http://static.tumblr.com/pxzvkjd/Ey3n7fgdp/opensans-bold-webfont.eot');
  124. src: url('http://static.tumblr.com/pxzvkjd/Ey3n7fgdp/opensans-bold-webfont.eot') format('eot'),
  125. url('http://static.tumblr.com/pxzvkjd/CLXn7fe5m/opensans-bold-webfont.svg') format('svg');
  126. url('http://static.tumblr.com/pxzvkjd/MvKn7fgeg/opensans-bold-webfont.woff') format('woff'),
  127. url('http://static.tumblr.com/pxzvkjd/AfSn7fgew/opensans-bold-webfont.ttf') format('truetype'),
  128. }
  129.  
  130. html, html a {
  131. -webkit-font-smoothing: antialiased;
  132. text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  133. }
  134.  
  135.  
  136. *, body, a, a:hover {cursor: url('{text:Custom Cursor URL}'), auto;}
  137.  
  138. ::-webkit-scrollbar-thumb:vertical {
  139. background-color:{color:Scrollbar};
  140. height: 60px;
  141. }
  142.  
  143.  
  144. ::-webkit-scrollbar {
  145. height: 10px;
  146. width: 10px;
  147. background-color: {color:Background};
  148. }
  149.  
  150.  
  151. body {
  152. background-color:{color:Background};
  153. background-image:url('{image:Background}');
  154. background-repeat:repeat;
  155. background-attachment:fixed;
  156. font-size:11px;
  157. letter-spacing:1px;
  158. line-height:1.5;
  159. font-family: 'Open Sans Regular', 'Open Sans', 'sans-serif';
  160. font-weight:300;
  161. text-align:justify;
  162. }
  163.  
  164. h2 {
  165. font-size:12px;
  166. text-transform:uppercase;
  167. font-family: 'Open Sans Bold', 'Open Sans', 'sans-serif';
  168. font-weight:700;
  169. letter-spacing:0.6px;
  170. text-align:center;
  171. background-color:{color:Description Box};
  172. color:{color:Description Text};
  173. border-bottom:4px solid {color:Title};
  174. padding:15px;
  175. margin-top:0px;
  176. }
  177.  
  178. h2 a {
  179. color:{color:Description Text};
  180. }
  181.  
  182. blockquote {
  183. border-left:1px dotted #b8b8b8;
  184. padding-left:15px;
  185. margin-top:-5px;
  186. margin-left:12px;
  187. }
  188.  
  189. a {
  190. text-decoration:none;
  191. color:{color:Post Links};
  192. -moz-transition:0.3s ease-in;
  193. -webkit-transition:0.3s ease-in;
  194. -o-transition:0.3s ease-in;
  195. transition:0.3s ease-in;
  196. }
  197.  
  198. a:hover {
  199. color:{color:Post Links Hover};
  200. -moz-transition:0.3s ease-in;
  201. -webkit-transition:0.3s ease-in;
  202. -o-transition:0.3s ease-in;
  203. transition:0.3s ease-in;
  204. }
  205.  
  206. b, strong {
  207. font-family:'Open Sans Bold', 'Open Sans';
  208. font-weight:700;
  209. }
  210.  
  211. i, em {
  212. font-family:'Open Sans Italic', 'Open Sans';
  213. font-style:italic;
  214. }
  215.  
  216. #frogbox {
  217. width:0px;
  218. }
  219.  
  220. #frogbox img {
  221. width:290px;
  222. position:fixed;
  223. z-index:50;
  224. opacity:1;
  225. margin-left:-5px;
  226. margin-top:-6px;
  227. -o-transition: all .8s;
  228. -ms-transition: all .8s;
  229. -moz-transition: all .8s;
  230. -webkit-transition: all .8s;
  231. transition: all .8s;
  232. }
  233.  
  234. .sidebar:hover #frogbox img {
  235. opacity:0;
  236. margin-top:-200px;
  237. -o-transition: all .8s;
  238. -ms-transition: all .8s;
  239. -moz-transition: all .8s;
  240. -webkit-transition: all .8s;
  241. transition: all .8s;
  242. }
  243.  
  244. #frogpic img {
  245. width:270px;
  246. z-index:49;
  247. position:relative;
  248. margin-left:285px;
  249. }
  250.  
  251. #sidebarimage img {
  252. position:fixed;
  253. z-index:48;
  254. width:105px;
  255. height:165px;
  256. margin-top:-196px;
  257. margin-left:92px;
  258. }
  259.  
  260. #frogwrapper {
  261. margin-left:-284px;
  262. }
  263.  
  264. .sidebar {
  265. width:450px;
  266. height:100%;
  267. position:fixed;
  268. margin-top:-70px;
  269. margin-left:-10px;
  270. border-right:2px solid {color:Sidebar Border};
  271. background-image:url('{image:Sidebar Background}');
  272. background-attachment:fixed;
  273. background-color:{color:Sidebar};
  274. }
  275.  
  276.  
  277. .dropdown {
  278. width:153px;
  279. font-size:11px;
  280. margin-left:auto;
  281. margin-right:auto;
  282. margin-top:10px;
  283. text-transform:lowercase;
  284. text-align:center;
  285. line-height:150%;
  286. background-color:{color:Sidebar};
  287. }
  288.  
  289. .dropdown a {
  290. width:60px;
  291. display:inline-block;
  292. margin-left:auto;
  293. margin-right:auto;
  294. text-align:center;
  295. letter-spacing:1px;
  296. color:{color:Navigation Links};
  297. -moz-transition:0.2s ease-in;
  298. -webkit-transition:0.2s ease-in;
  299. -o-transition:0.2s ease-in;
  300. transition:0.2s ease-in;
  301. }
  302.  
  303. .dropdown a:hover {
  304. background-color:{color:Navigation Links Hover};
  305. text-decoration:none;
  306. color:{color:Navigation Links};
  307. -moz-transition:0.2s ease-in;
  308. -webkit-transition:0.2s ease-in;
  309. -o-transition:0.2s ease-in;
  310. transition:0.2s ease-in;
  311. }
  312.  
  313. .show_hide {
  314. display:none;
  315. }
  316.  
  317. #links {
  318. text-transform:lowercase;
  319. font-family:'Open Sans Regular', 'Open Sans';
  320. font-weight:300;
  321. font-size:9px;
  322. }
  323.  
  324. #links a {
  325. text-decoration:underline;
  326. display: inline-block;
  327. border:3px double {color:Sidebar};
  328. padding:2px 2px;
  329. margin-top:5px;
  330. background-color:{color:Description Box};
  331. }
  332.  
  333. #links a:hover {
  334. background-color:{color:Title};
  335. color:{color:Sidebar};
  336. }
  337.  
  338. #description {
  339. width:260px;
  340. padding:15px;
  341. display:block;
  342. background-color:{color:Description Box};
  343. border:double 5px {color:Sidebar};
  344. font-size:11px;
  345. margin-left:auto;
  346. margin-right:auto;
  347. text-align:justify;
  348. letter-spacing:0.6px;
  349. line-height:17px;
  350. margin-top:20px;
  351. color:{color:Description Text};
  352. }
  353.  
  354. #sidebarwrapper {
  355. width:360px;
  356. position: absolute;
  357. top: 50%;
  358. margin-top: -55%;
  359. margin-left:50px;
  360. }
  361.  
  362. .topbar {
  363. margin-left:515px;
  364. {block:ifNot400px}width:570px;{/block:ifNot400px}
  365. {block:if400px}width:470px;{/block:if400px}
  366. border-bottom:solid 1px {color:Title and Post Border};
  367. background-color:{color:Background};
  368. text-align:center;
  369. font-family: 'Open Sans Bold', 'Open Sans', 'sans-serif';
  370. text-transform:uppercase;
  371. letter-spacing:1px;
  372. font-weight:700;
  373. font-size:14px;
  374. padding:20px 10px 10px 10px;
  375. margin-top:-80px;
  376. position:fixed;
  377. z-index:100;
  378. }
  379.  
  380. #title {
  381. {block:if400px}width:320px;{/block:if400px}
  382. {block:ifNot400px}width:420px;{/block:ifNot400px}
  383. margin:auto;
  384. }
  385.  
  386. #title a {
  387. color:{color:Title};
  388. }
  389.  
  390. #nextpage {
  391. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  392. position:fixed;
  393. z-index:103;
  394. {block:ifNot400px}margin-left:520px;{/block:ifNot400px}
  395. {block:if400px}margin-left:420px;{/block:if400px}
  396. font-family:'Open Sans Bold', 'Open Sans';
  397. font-weight:700;
  398. font-size:15px;
  399. }
  400.  
  401. #nextpage a {
  402. color:{color:Title};
  403. }
  404.  
  405. #previouspage {
  406. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  407. position:fixed;
  408. z-index:102;
  409. font-family:'Open Sans Bold', 'Open Sans';
  410. font-weight:700;
  411. margin-left:50px;
  412. font-size:15px;
  413. }
  414.  
  415. #previouspage a {
  416. color:{color:Title};
  417. }
  418.  
  419. .posts {
  420. {block:ifNot400px}width:500px;{/block:ifNot400px}
  421. {block:if400px}width:400px;{/block:if400px}
  422. margin-left:540px;
  423. background-color:#ffffff;
  424. padding:20px;
  425. margin-top:30px;
  426. border:1px dotted {color:Title and Post Border};
  427. opacity:0.9;
  428. -moz-transition:0.3s ease-in;
  429. -webkit-transition:0.3s ease-in;
  430. -o-transition:0.3s ease-in;
  431. transition:0.3s ease-in;
  432. }
  433.  
  434. .posts:hover {
  435. opacity:1;
  436. box-shadow: 2px 2px 4px #d2d2d2;
  437. -moz-transition:0.3s ease-in;
  438. -webkit-transition:0.3s ease-in;
  439. -o-transition:0.3s ease-in;
  440. transition:0.3s ease-in;
  441. }
  442.  
  443. .posts img {
  444. max-width:100%;
  445. }
  446.  
  447. .posts li {
  448. list-style-image:url('http://static.tumblr.com/vdw1lg6/f8Fn2ytm8/theme-x.png');
  449. }
  450.  
  451. #content {
  452. margin-top:70px;
  453. margin-bottom:35px;
  454. padding-top:0px;
  455. }
  456.  
  457. #notecontainer {
  458. {block:ifNot400px}width:540px;{/block:ifNot400px}
  459. {block:if400px}width:440px;{/block:if400px}
  460. margin-top:20px;
  461. margin-left:541px;
  462. border:1px dotted #dddddd;
  463. text-transform:uppercase;
  464. font-family:'Open Sans Regular', 'Open Sans';
  465. font-size:8px;
  466. font-weight:300;
  467. background-color:#ffffff;
  468. letter-spacing:1px;
  469. text-align:left;
  470. }
  471.  
  472. ol.notes {
  473. list-style-type:none;
  474. }
  475.  
  476. li.note {
  477. padding:10px 0px;
  478. border-bottom:2px solid {color:Background};
  479. list-style-image:url('http://static.tumblr.com/vdw1lg6/f8Fn2ytm8/theme-x.png');
  480. }
  481.  
  482. li.note img {
  483. display:none;
  484. }
  485.  
  486. #quotemark {
  487. font-family:"Helvetica";
  488. font-size:98px;
  489. color:#e3e3e3;
  490. height:48px;
  491. margin-top:-28px;
  492. }
  493.  
  494. #quote {
  495. font-family:'Open Sans Bold', 'Open Sans';
  496. font-weight:700;
  497. text-transform:uppercase;
  498. font-size:14px;
  499. letter-spacing:0.3px;
  500. line-height:22px;
  501. padding:7px 20px;
  502. margin-top:-12px;
  503. }
  504.  
  505. #quotesource {
  506. margin-top:5px;
  507. text-align:right;
  508. font-style:italic;
  509. font-size:10px;
  510. }
  511.  
  512.  
  513. #albumart {
  514. z-index:61;
  515. margin-top:-147px;
  516. position:relative;
  517. padding-bottom:50px;
  518. {block:if400px}margin-left:122px;{/block:if400px}
  519. {block:ifNot400px}margin-left:172px;{/block:ifNot400px}
  520. }
  521.  
  522. #defaultalbumart {
  523. margin-top:0;
  524. z-index:59;
  525. }
  526.  
  527. #player {
  528. z-index:73;
  529. padding-bottom:70px;
  530. overflow:hidden;
  531. width:30px;
  532. height:30px;
  533. margin-top:-40px;
  534. {block:if400px}margin-left:172px;{/block:if400px}
  535. {block:ifNot400px}margin-left:222px;{/block:ifNot400px}
  536. position:relative;
  537. }
  538.  
  539. #playerbg {
  540. width:50px;
  541. height:50px;
  542. z-index:72;
  543. border-radius:50px;
  544. background-color:#ffffff;
  545. margin-top:-105px;
  546. {block:if400px}margin-left:160px;{/block:if400px}
  547. {block:ifNot400px}margin-left:210px;{/block:ifNot400px}
  548. position:relative;
  549. }
  550.  
  551. #ask {
  552. display:block;
  553. background-color:#fdfdfd;
  554. border-top:1px solid #f1f1f1;
  555. border-bottom:1px solid #f1f1f1;
  556. margin-top:30px;
  557. padding:20px;
  558. }
  559.  
  560. #askerimg img {
  561. border-radius:40px;
  562. margin-top:-48px;
  563. background-color:#ffffff;
  564. padding:5px;
  565. border:1px dashed #f1f1f1;
  566. transform: rotate(0deg);
  567. -webkit-transition-duration: 1s;
  568. -moz-transform: rotate(0deg);
  569. -webkit-transform: rotate(0deg);
  570. -o-transform: rotate(0deg);
  571. }
  572.  
  573. #askerimg img:hover {
  574. transform: rotate(360deg);
  575. -webkit-transition-duration: 1s;
  576. -moz-transform: rotate(360deg);
  577. -webkit-transform: rotate(360deg);
  578. -o-transform: rotate(360deg);
  579. }
  580.  
  581. .asker {
  582. font-family:'Open Sans Bold', 'Open Sans';
  583. font-weight:700;
  584. text-transform:uppercase;
  585. font-size:14px;
  586. letter-spacing:0.7px;
  587. margin-top:0px;
  588. }
  589.  
  590. #question {
  591. margin-top:0px;
  592. font-family: 'Open Sans', 'sans-serif';
  593. }
  594.  
  595. .postinfo {
  596. margin-top:28px;
  597. border-top:1px solid {color:Post Info Circles};
  598. height:10px;
  599. z-index:60;
  600. position:relative;
  601. }
  602.  
  603. .date {
  604. background-color:#ffffff;
  605. margin-top:-8px;
  606. display:inline-block;
  607. float:right;
  608. padding-left: 18px;
  609. font-family: 'Open Sans Regular', 'Open Sans', 'sans-serif';
  610. font-weight:400;
  611. font-size:9px;
  612. letter-spacing:0.5px;
  613. text-transform:lowercase;
  614. }
  615.  
  616. .circles {
  617. margin-top:-17px;
  618. position:absolute;
  619. z-index:63;
  620. {block:ifNot400px}margin-left:92px;
  621. width:340px;{/block:ifNot400px}
  622. {block:if400px}width:240px;
  623. margin-left:65px;{/block:if400px}
  624. }
  625.  
  626.  
  627. .circles a {
  628. {block:ifNot400px}margin-right:92px;{/block:ifNot400px}
  629. {block:if400px}margin-right:65px;{/block:if400px}
  630. display: inline-block;
  631. width:9px;
  632. height:9px;
  633. background-color:#ffffff;
  634. border-radius:100%;
  635. border:1px solid {color:Post Info Circles};
  636. }
  637.  
  638. .circles a:hover {
  639. background-color:{color:Post Info Circles};
  640. }
  641.  
  642. #s-m-t-tooltip{
  643. font-family:'Open Sans Regular', 'Open Sans';
  644. font-weight:400;
  645. font-size:9px;
  646. height:auto;
  647. width:auto;
  648. padding:5px 7px;
  649. border-radius:3px;
  650. margin-top:15px;
  651. margin-left:15px;
  652. background-color:#ffffff;
  653. border:1px solid #f5f5f5;
  654. position:absolute;
  655. color:#494949;
  656. text-transform:uppercase;
  657. letter-spacing:2px;
  658. }
  659.  
  660. /* Effect 1: Brackets */
  661. .cl-effect-1 a::before,
  662. .cl-effect-1 a::after {
  663. display: inline-block;
  664. opacity: 0;
  665. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  666. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  667. transition: transform 0.3s, opacity 0.2s;
  668. }
  669.  
  670. .cl-effect-1 a::before {
  671. margin-right: 10px;
  672. content: '[';
  673. -webkit-transform: translateX(20px);
  674. -moz-transform: translateX(20px);
  675. transform: translateX(20px);
  676. }
  677.  
  678. .cl-effect-1 a::after {
  679. margin-left: 10px;
  680. content: ']';
  681. -webkit-transform: translateX(-20px);
  682. -moz-transform: translateX(-20px);
  683. transform: translateX(-20px);
  684. }
  685.  
  686. .cl-effect-1 a:hover::before,
  687. .cl-effect-1 a:hover::after,
  688. .cl-effect-1 a:focus::before,
  689. .cl-effect-1 a:focus::after {
  690. opacity: 1;
  691. -webkit-transform: translateX(0px);
  692. -moz-transform: translateX(0px);
  693. transform: translateX(0px);
  694. }
  695.  
  696. .tags {
  697. font-size:9px;
  698. opacity: 0;
  699. height: 0;
  700. font-family:'Open Sans Regular', 'Open Sans';
  701. font-weight:400;
  702. -moz-transition-duration: .4s;
  703. -webkit-transition-duration: .4s;
  704. transition-duration: .4s;
  705. {block:PermalinkPage}display:block;
  706. margin-top:5px;
  707. padding:5px 5px 0px 5px;
  708. opacity: 1;
  709. height: auto;
  710. -moz-transition-duration: .4s;
  711. -webkit-transition-duration: .44s;
  712. transition-duration: .4s;{/block:PermalinkPage}
  713. }
  714.  
  715. .tags a {
  716. color:{color:Tags};
  717. }
  718.  
  719. .posts:hover .tags {
  720. display:block;
  721. margin-top:5px;
  722. padding:5px 5px 0px 5px;
  723. opacity: 1;
  724. height: auto;
  725. -moz-transition-duration: .4s;
  726. -webkit-transition-duration: .44s;
  727. transition-duration: .4s;
  728. }
  729.  
  730. .posts:hover .tags a:hover {
  731. color:{color:Tags Hover};
  732. }
  733.  
  734. .tags img {
  735. vertical-align:middle;
  736. }
  737.  
  738. #credit a {
  739. position:fixed;
  740. bottom:13px;
  741. background-color:{color:Sidebar};
  742. right:13px;
  743. font-family:'Open Sans Bold', 'Open Sans';
  744. font-weight:700;
  745. font-size:12px;
  746. letter-spacing:1.5px;
  747. padding:7px;
  748. border:1px dashed {color:Sidebar Border};
  749. color:{color:Title};
  750. }
  751.  
  752. #credit a:hover {
  753. background-color:{color:Title};
  754. color:{color:Sidebar};
  755. }
  756.  
  757.  
  758.  
  759. </style>
  760. {block:ifInfiniteScroll}
  761. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  762. {/block:ifInfiniteScroll}
  763. </head>
  764.  
  765. <body>
  766.  
  767. <div id="credit"><a href="http://heytonks.tumblr.com/" title="heytonks">THEME</a></div>
  768.  
  769. <div class="sidebar">
  770.  
  771. <div id="sidebarwrapper"><center>
  772.  
  773. <div id="frogwrapper">
  774. <div id="frogbox"><a href="/"><img src="http://static.tumblr.com/vdw1lg6/Izpn5vym3/static4.png"></a></div>
  775.  
  776. <div id="frogpicwrapper">
  777. <div id="frogpic"><a href="/"><img src="http://static.tumblr.com/vdw1lg6/VETn5vymg/static5.png"></a></div>
  778.  
  779. <div id="sidebarimage"><a href="/"><img src="{image:Sidebar Image}"></a></div>
  780. </div>
  781.  
  782. </div>
  783.  
  784. <div id="description">{Description}</div>
  785.  
  786.  
  787.  
  788. <div class="dropdown">
  789.  
  790. <a href="#" class="show_hide" id="dropdown" style="border-bottom:2px solid {color:Title}; font-family: 'Open Sans', 'sans-serif'; width:130px; padding:5px; font-weight:700; font-family:'Open Sans Bold', 'Open Sans'; font-size:10px; text-transform:uppercase; letter-spacing:1px;">NAVIGATION</a>
  791.  
  792. <div class="slidingDiv">
  793.  
  794. <div id="links">
  795. {block:iflink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  796. {block:iflink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:iflink1}
  797. {block:iflink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:iflink3}
  798. {block:iflink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:iflink4}
  799. {block:iflink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:iflink5}
  800. {block:iflink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:iflink6}
  801. </div>
  802. </div>
  803. </div>
  804.  
  805. </center></div>
  806.  
  807.  
  808. </div>
  809.  
  810.  
  811. <div class="topbar">
  812. {block:ifNotInfiniteScroll}{block:Pagination}{block:PreviousPage}<div id="previouspage"><a href="{PreviousPage}">-</a></div>{/block:PreviousPage}
  813.  
  814. {block:NextPage}<div id="nextpage"><a href="{NextPage}">&#43;</a></div>{/block:NextPage}{/block:Pagination}{/block:ifNotInfiniteScroll}
  815.  
  816. <nav class="cl-effect-1" id="title"><a href="/" data-hover="{Title}"><span>{Title}</span></a></div>
  817.  
  818. </div>
  819.  
  820. <!-- posts -->
  821.  
  822. <div id="content">
  823.  
  824. {block:ifInfiniteScroll}<div class= “autopagerize_page_element”>{/block:ifInfiniteScroll}
  825. {block:Posts}
  826.  
  827. <div class="posts">
  828.  
  829.  
  830. {block:Text}
  831. {block:Title}<h2>{Title}</h2>{/block:Title}
  832. {Body}
  833. {/block:Text}
  834.  
  835. {block:Photo}
  836. {LinkOpenTag}
  837. {block:if400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:if400px}
  838. {block:ifNot400px}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:ifNot400px}
  839. {LinkCloseTag}
  840. {block:Caption}{Caption}{/block:Caption}
  841. {/block:Photo}
  842.  
  843. {block:Panorama}
  844. {LinkOpenTag}<img src="{PhotoURL-Panorama}">{LinkCloseTag}
  845. {block:Caption}{Caption}{/block:Caption}
  846. {/block:Panorama}
  847.  
  848. {block:Photoset}
  849. {block:if400px}{Photoset-400}{/block:if400px}
  850. {block:ifNot400px}{Photoset-500}{/block:ifNot400px}
  851. {block:Caption}{Caption}{/block:Caption}
  852. {/block:Photoset}
  853.  
  854. {block:Quote}
  855. <div id="quotemark">“</div>
  856. <div id="quote">{Quote}</div>
  857. {block:Source}<div id="quotesource">{Source}</div>{/block:Source}
  858. {/block:Quote}
  859.  
  860. {block:Link}
  861. <h2><a href="{URL}">{Name}</a></h2>
  862. {block:Description}{Description}{/block:Description}
  863. {/block:Link}
  864.  
  865. {block:Chat}
  866. {block:Title}<h2>{Title}</h2>{/block:Title}
  867. {block:Lines}
  868. {block:Label}<b>{Label}</b>{/block:Label}
  869. {Line}<br/>{/block:Lines}
  870. {/block:Chat}
  871.  
  872. {block:Audio}
  873. <div id="defaultalbumart"><center><img src="http://static.tumblr.com/vdw1lg6/Tzyn4534v/albumart2.png" width="260px"/></center></div>
  874. <div id="playerbg"></div><div id="player">{AudioPlayerWhite}</div>
  875. <div class="asker"><center><div style="margin-top:-22px; margin-left:-25px;">{PlayCountWithLabel}</div></center></div>
  876. {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}" width="126"></div>{/block:AlbumArt}
  877. {block:Caption}{Caption}{/block:Caption}
  878. {/block:Audio}
  879.  
  880. {block:Video}
  881. {block:if400px}{Video-400}{/block:if400px}
  882. {block:ifNot400px}{Video-500}{/block:ifNot400px}
  883. {block:Caption}{Caption}{/block:Caption}
  884. {/block:Video}
  885.  
  886. {block:Answer}<center><div id="ask">
  887. <div id="askerimg"><img src="{AskerPortraitURL-40}"></div>
  888. <div class="asker">{Asker} asked:</div>
  889. <div id="question">{Question}</div></div></center>
  890. {Answer}
  891. {/block:Answer}
  892.  
  893.  
  894. <!-- post info -->
  895.  
  896. {block:IndexPage}
  897. <div class="postinfo">
  898. {block:Date}<div class="date"><a href="{Permalink}" title="{TimeAgo}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} of {Month}</a></div>{/block:Date}
  899. </div>
  900. <div class="circles">{block:NoteCount}<a href="{Permalink}" title="&hearts;{NoteCount}"></a>{/block:NoteCount}
  901. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}"></a>{/block:RebloggedFrom}
  902. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="&copy; {ReblogRootName}"></a>{/block:RebloggedFrom}</div>
  903. {block:HasTags}<center><div class="tags"><span style="text-transform:uppercase; font-size:8px;">tagged under:</span> {block:Tags}<a href="{TagURL}"><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/tag-small.png">{Tag}</a> {/block:Tags}</center>{/block:HasTags}</div>
  904. {/block:IndexPage}
  905.  
  906. {block:PermalinkPage}
  907. <div class="postinfo">
  908. {block:Date}<div class="date"><a href="{Permalink}" title="{TimeAgo}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} of {Month}</a></div>{/block:Date}
  909. </div>
  910. <div class="circles">{block:NoteCount}<a href="{Permalink}" title="&hearts;{NoteCount}"></a>{/block:NoteCount}
  911. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}"></a>{/block:RebloggedFrom}
  912. {block:RebloggedFrom}<a href="{ReblogRootURL}" title="&copy; {ReblogRootName}"></a>{/block:RebloggedFrom}</div>
  913. {block:HasTags}<center><div class="tags"><span style="text-transform:uppercase; font-size:8px;">tagged under:</span> {block:Tags}<a href="{TagURL}"><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/tag-small.png">{Tag}</a> {/block:Tags}</center>{/block:HasTags}</div>
  914. {/block:PermalinkPage}
  915.  
  916.  
  917. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  918.  
  919. {block:PostNotes}<div id="notecontainer">{PostNotes}</div>{/block:PostNotes}
  920.  
  921.  
  922. </body>
  923.  
  924. </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!