API tools faq
paste
pistachi-o

theme 2.13

pistachi-o
Sep 2nd, 2013
2,333
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 30.09 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.  
  3.  
  4. <!--
  5.  
  6. Theme V2.013
  7. pistachi-o (nutty-themes @ tumblr)
  8.  
  9. Theme Documentation:
  10. http://nutty-themes.tumblr.com/themedoc
  11.  
  12. Please Do Not:
  13. http://nutty-themes.tumblr.com/terms
  14.  
  15. -->
  16.  
  17.  
  18. <html>
  19. <head>
  20.  
  21. <!-- DEFAULT VARIABLES -->
  22. <meta name="text:Body Font" content="'Cabin', Arial, sans-serif" />
  23. <meta name="text:Header Font" content="'Cabin', Arial, sans-serif" />
  24. <meta name="text:Other Font" content="'Domine', Georgia, serif" />
  25. <meta name="text:Font Size" content="11px" />
  26.  
  27. <meta name="color:Background" content="#f3f3f3" />
  28. <meta name="color:Colour1" content="#15282c" />
  29. <meta name="color:Colour2" content="#3a6063" />
  30. <meta name="color:Colour3" content="#96a399" />
  31. <meta name="color:Colour4" content="#e7d7c0" />
  32. <meta name="color:Colour5" content="#ffff62" />
  33. <meta name="color:Link" content="#3a6063" />
  34. <meta name="color:Link Hover" content="#e0be7e" />
  35. <meta name="color:Posts" content="#fafafa" />
  36. <meta name="color:Text" content="#111111" />
  37.  
  38. <meta name="image:Background" content=""/>
  39.  
  40. <meta name="text:Open Topbar" content="Slide Open Topbar" />
  41.  
  42. <meta name="text:Link1" content="" />
  43. <meta name="text:Link1 Title" content="" />
  44. <meta name="text:Link2" content="" />
  45. <meta name="text:Link2 Title" content="" />
  46. <meta name="text:Link3" content="" />
  47. <meta name="text:Link3 Title" content="" />
  48. <meta name="text:Link4" content="" />
  49. <meta name="text:Link4 Title" content="" />
  50. <meta name="text:Link5" content="" />
  51. <meta name="text:Link5 Title" content="" />
  52. <meta name="text:Link6" content="" />
  53. <meta name="text:Link6 Title" content="" />
  54. <meta name="text:Link7" content="" />
  55. <meta name="text:Link7 Title" content="" />
  56. <meta name="text:Link8" content="" />
  57. <meta name="text:Link8 Title" content="" />
  58. <meta name="text:Link9" content="" />
  59. <meta name="text:Link9 Title" content="" />
  60.  
  61. <meta name="text:Textbox One Title" content="" />
  62. <meta name="text:Textbox One" content="" />
  63. <meta name="text:Textbox Two Title" content="" />
  64. <meta name="text:Textbox Two" content="" />
  65.  
  66. <meta name="text:Navigation1A" content="" />
  67. <meta name="text:Navigation1A Title" content="" />
  68. <meta name="text:Navigation1B" content="" />
  69. <meta name="text:Navigation1B Title" content="" />
  70. <meta name="text:Navigation1C" content="" />
  71. <meta name="text:Navigation1C Title" content="" />
  72. <meta name="text:Navigation1D" content="" />
  73. <meta name="text:Navigation1D Title" content="" />
  74. <meta name="text:Navigation1E" content="" />
  75. <meta name="text:Navigation1E Title" content="" />
  76. <meta name="text:Navigation1F" content="" />
  77. <meta name="text:Navigation1F Title" content="" />
  78. <meta name="text:Navigation1G" content="" />
  79. <meta name="text:Navigation1G Title" content="" />
  80. <meta name="text:Navigation1H" content="" />
  81. <meta name="text:Navigation1H Title" content="" />
  82.  
  83. <meta name="text:Navigation2A" content="" />
  84. <meta name="text:Navigation2A Title" content="" />
  85. <meta name="text:Navigation2B" content="" />
  86. <meta name="text:Navigation2B Title" content="" />
  87. <meta name="text:Navigation2C" content="" />
  88. <meta name="text:Navigation2C Title" content="" />
  89. <meta name="text:Navigation2D" content="" />
  90. <meta name="text:Navigation2D Title" content="" />
  91. <meta name="text:Navigation2E" content="" />
  92. <meta name="text:Navigation2E Title" content="" />
  93. <meta name="text:Navigation2F" content="" />
  94. <meta name="text:Navigation2F Title" content="" />
  95. <meta name="text:Navigation2G" content="" />
  96. <meta name="text:Navigation2G Title" content="" />
  97. <meta name="text:Navigation2H" content="" />
  98. <meta name="text:Navigation2H Title" content="" />
  99.  
  100. <meta name="text:Navigation3A" content="" />
  101. <meta name="text:Navigation3A Title" content="" />
  102. <meta name="text:Navigation3B" content="" />
  103. <meta name="text:Navigation3B Title" content="" />
  104. <meta name="text:Navigation3C" content="" />
  105. <meta name="text:Navigation3C Title" content="" />
  106. <meta name="text:Navigation3D" content="" />
  107. <meta name="text:Navigation3D Title" content="" />
  108. <meta name="text:Navigation3E" content="" />
  109. <meta name="text:Navigation3E Title" content="" />
  110. <meta name="text:Navigation3F" content="" />
  111. <meta name="text:Navigation3F Title" content="" />
  112. <meta name="text:Navigation3G" content="" />
  113. <meta name="text:Navigation3G Title" content="" />
  114. <meta name="text:Navigation3H" content="" />
  115. <meta name="text:Navigation3H Title" content="" />
  116.  
  117. <meta name="if:400 Posts" content="0"/>
  118. <meta name="if:500 Posts" content="0"/>
  119. <meta name="if:Grid Layout" content="1"/>
  120. <meta name="if:Horizontal" content="0"/>
  121.  
  122. <meta name="if:Header With Text" content="1"/>
  123. <meta name="if:Header With Navigation" content="0"/>
  124.  
  125.  
  126. <meta name="if:Lazy Load" content="0"/>
  127.  
  128.  
  129. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  130. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  131. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  132. <link rel="shortcut icon" href="{Favicon}" />
  133. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  134.  
  135.  
  136. <link href='http://fonts.googleapis.com/css?family=Domine:400,700' rel='stylesheet' type='text/css'>
  137.  
  138. <link href='http://fonts.googleapis.com/css?family=Cabin:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  139.  
  140. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  141.  
  142.  
  143. {block:IfLazyLoad}
  144. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  145. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  146. <script type="text/javascript" charset="utf-8">
  147. var $j = jQuery.noConflict();
  148. $j(function() {
  149. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  150. $j("img").lazyload({
  151. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  152. effect: "fadeIn",
  153. });
  154. });
  155. </script>
  156. {/block:IfLazyLoad}
  157.  
  158.  
  159. <style type="text/css">
  160.  
  161.  
  162. /* Reset
  163. -------------------------------------------------------------*/
  164.  
  165. body,div,dl,dt,dd,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
  166.  
  167. /* Webkit-Scrollbar
  168. -------------------------------------------------------------*/
  169.  
  170. ::-webkit-scrollbar {width: 6px; height: 6px; height:auto; background:{color:Background};}
  171. ::-webkit-scrollbar-thumb:vertical {width: 6px; background:{color:Colour1};}
  172. ::-webkit-scrollbar-thumb:horizontal {height: 6px; background:{color:Colour1}}
  173.  
  174. /* General
  175. -------------------------------------------------------------*/
  176.  
  177. body {
  178. background: {color:Background};
  179. background-image: url('{image:Background}');
  180. background-attachment: fixed;
  181. background-repeat: repeat;
  182. font-family: {text:Body Font};
  183. font-size: {text:Font Size};
  184. text-align: justify;
  185. color: {color:Text};
  186. line-height: 140%;
  187. }
  188.  
  189. a:link, a:active, a:visited {
  190. color: {color:Link};
  191. text-decoration: none;
  192. }
  193.  
  194. a:hover {
  195. color: {color:Link Hover};
  196. text-decoration: none;
  197. }
  198.  
  199. b, strong{
  200. color: {color:Colour3};
  201. }
  202.  
  203. i, em {
  204. color: {color:Link};
  205. }
  206.  
  207. p {
  208. margin: 8px 0px;
  209. }
  210.  
  211. h1 {
  212. font-family: {text:Header Font};
  213. color: {color:Link Hover};
  214. font-size: 16px;
  215. line-height: 100%;  
  216. font-weight: 700;
  217. text-transform: uppercase;
  218. text-align: center;
  219. background: {color:Colour1};
  220. padding: 15px;
  221. margin: -15px -15px 15px -15px;
  222. }
  223.  
  224. h2 {
  225. font-family: {text:Header Font};
  226. color: {color:Link};
  227. font-size: 14px;
  228. line-height: 100%;  
  229. font-weight: normal;
  230. text-transform: uppercase;
  231. text-align: center;
  232. }
  233.  
  234. h3 {
  235. font-family: {text:Header Font};
  236. color: {color:Link Hover};
  237. font-size: 12px;
  238. line-height: 100%;  
  239. font-weight: 700;
  240. text-transform: uppercase;
  241. text-align: left;
  242. }
  243.  
  244. blockquote {
  245. border-left: 3px solid {color:Colour4};
  246. padding: 5px;
  247. }
  248.  
  249. blockquote i {
  250. color: {color:Text};
  251. }
  252.  
  253. blockquote img {
  254. max-width: 100%;
  255. }
  256.  
  257. blockquote blockquote {
  258. border-left: 3px solid {color:Colour4};
  259. margin: 5px;
  260. padding: 5px;
  261. }
  262.  
  263. /* Topbar
  264. -------------------------------------------------------------*/
  265.  
  266. #sliderWrap {
  267. margin: 0 auto;
  268. width: 300px;
  269. }
  270.  
  271. #slider {
  272. top: 0;
  273. left: 0;
  274. width: 100%;
  275. height: 310px;
  276. margin-top: -280px;
  277. background: {color:Colour2};
  278. padding: 10px;
  279. position: fixed;
  280. z-index: 100;
  281. }
  282.  
  283. #sliderContent {
  284. width: 900px;
  285. height: 240px;
  286. margin: 10px auto;
  287. position: relative;
  288. text-align: center;
  289. background: transparent;
  290. color: {color:Text};
  291. }
  292.  
  293. /* Topbar Textbar
  294. -------------------------------------------------------------*/
  295.  
  296. .askbox {
  297. width: 440px;
  298. float: left;  
  299. position: relative;
  300. }
  301.  
  302. .texty {
  303. float: right;
  304. width: 440px;
  305. position: relative;
  306. }
  307.  
  308. .innertexty {
  309. width: 400px;
  310. height: 170px;
  311. position: relative;
  312. overflow: auto;
  313. text-align: left;
  314. padding: 10px;
  315. background: {color:Posts};
  316. -webkit-border-radius: 3px;
  317. -moz-border-radius: 3px;
  318. border-radius: 3px;
  319. }
  320.  
  321. /* Topbar Navaigation
  322. -------------------------------------------------------------*/
  323.  
  324. .boxy {
  325. float: left;
  326. width: 280px;
  327. height: 210px;
  328. margin: 10px;
  329. background: {color:Posts};
  330. text-align: left;
  331. overflow: auto;
  332. }
  333.  
  334. h4 {
  335. margin: 0px;
  336. padding: 10px;
  337. text-transform: uppercase;
  338. font-family: {text:Header Font};
  339. color: {color:Link Hover};
  340. font-size: 12px;
  341. line-height: 100%;  
  342. font-weight: 700;
  343. text-align: center;
  344. background: {color:Colour1};
  345. }
  346.  
  347. .boxy ul {
  348. list-style: none;
  349. margin: 10px;
  350. padding: 0;
  351. }
  352.  
  353. .boxy li a {
  354. display: block;
  355. border-bottom: 1px solid {color:Colour4};
  356. padding: 3px 5px;
  357. margin: 3px 5px;
  358. text-transform: uppercase;
  359. }
  360.  
  361. /* Navlinks
  362. -------------------------------------------------------------*/
  363.  
  364. .navlinks {
  365. {block:IfGridLayout}width: 900px; {/block:IfGridLayout}
  366. {block:If400Posts}width: 440px; {/block:If400Posts}
  367. {block:If500Posts}width: 540px; {/block:If500Posts}
  368. {block:IfHorizontal}text-align: center;{/block:IfHorizontal}
  369. margin: 35px auto;
  370. }
  371.  
  372. .navlinks a {
  373. display: inline-block;
  374. color: #FFF;
  375. background: {color:info hover};
  376. text-decoration: none;
  377. font-size: 10px;
  378. line-height: 12px;
  379. letter-spacing: 1px;
  380. font-weight: normal;
  381. text-transform: uppercase;
  382. text-align: center;
  383. padding: 3px 4px;
  384. margin: 2px;
  385. transition: all 0.5s ease-in-out;
  386. -webkit-transition: all 0.5s ease-in-out;
  387. -moz-transition: all 0.5s ease-in-out;
  388. -o-transition: all 0.5s ease-in-out;
  389. }
  390.  
  391. .navlinks a:hover {
  392. color: {color:Colour2};
  393. background: {color:Colour5};
  394. }
  395.  
  396. a.title {
  397. color: {color:Colour5};
  398. }  
  399.  
  400. #openCloseWrap {
  401. display: inline-block;
  402. }
  403.  
  404. /* Desc on Grid Theme/One Column
  405. -------------------------------------------------------------*/
  406.  
  407. .special {
  408. float: left;
  409. position: relative;
  410. text-align: justify;
  411. {block:IfGridLayout}width: 430px; {/block:IfGridLayout}
  412. {block:If400Posts}width: 430px; {/block:If400Posts}
  413. {block:If500Posts}width: 530px; {/block:If500Posts}
  414. margin: 10px;
  415. }
  416.  
  417. .desc {
  418. padding: 15px 0px;
  419. border-bottom: 1px solid {color:border};
  420. }
  421.  
  422. .morelinks {
  423. text-align: right;
  424. text-transform: uppercase;
  425. font-size: 9px;
  426. letter-spacing: 1px;
  427. padding: 2px 1px;
  428. }
  429.  
  430. .morelinks a {
  431. display: inline-block;
  432. }
  433.  
  434. /* Entries
  435. -------------------------------------------------------------*/
  436.  
  437. #content {
  438.     {block:IfGridLayout}
  439. width: 900px;
  440.     {/block:IfGridLayout}
  441.     {block:IfHorizontal}
  442. {block:IndexPage}width: 1570px; margin: 20px -30px;{/block:IndexPage}
  443. {block:PermalinkPage}width: 900px; {/block:PermalinkPage}
  444.     {/block:IfHorizontal}
  445. {block:If400Posts}width: 440px; {/block:If400Posts}
  446. {block:If500Posts}width: 540px; {/block:If500Posts}
  447. {block:PermalinkPage}width: 900px; {/block:PermalinkPage}
  448. margin: 50px auto;
  449. padding: 10px;
  450. text-align: center;
  451. position: relative;
  452. }
  453.  
  454. .entries {
  455. float: left:
  456. }
  457.  
  458. .posts {
  459. position: relative;
  460. text-align: justify;
  461. background-color: {color:Posts};
  462.     {block:IfHorizontal}
  463. {block:IndexPage}max-height: 600px; width: 400px; display: block; overflow: auto;{/block:IndexPage}
  464. {block:PermalinkPage}float: left; width: 500px;{/block:PermalinkPage}
  465.     {/block:IfHorizontal}
  466.     {block:IfGridLayout}
  467. {block:IndexPage}float: left; width: 400px; {/block:IndexPage}
  468. {block:PermalinkPage}float: left; width: 500px; {/block:PermalinkPage}
  469.     {/block:IfGridLayout}
  470. {block:PermalinkPage}float: left; width: 500px; {/block:PermalinkPage}
  471. margin: 10px 10px 20px 10px;
  472. padding: 15px 15px 5px 15px;
  473. }
  474.  
  475. .posts ul {
  476. padding: 5px 15px;
  477. margin: 10px;
  478. }
  479.  
  480. /* Post Info
  481. -------------------------------------------------------------*/
  482.  
  483. .info {
  484. border-top: 1px solid {color:Colour3};
  485. padding: 5px 15px;
  486. margin: 30px 0px 5px 0px;
  487. font-family: {text:Other Font};
  488. font-size: 8px;
  489. text-transform: uppercase;
  490. }
  491.  
  492. .dated {
  493. position: absolute;
  494. margin-top: -14px;
  495. background: {color:Posts};
  496. padding: 2px 5px;
  497. margin-left: 15px;
  498. }
  499.  
  500. .dated a {
  501. color: {color:Colour2};
  502. }
  503.  
  504. .dated a:hover {
  505. color: {color:Colour3};
  506. }
  507.  
  508. .tagged {
  509. margin-top: 8px;
  510. text-align: left;
  511. text-transform: lowercase;
  512. }
  513.  
  514. .tagged a {
  515. color: {color:Colour1};
  516. }
  517.  
  518. /* Pagination
  519. -------------------------------------------------------------*/
  520.  
  521. .pagination-prev {
  522. position: fixed;
  523. left: 50px;
  524. bottom: 20px;
  525. }
  526.  
  527. .pagination-next {
  528. position: fixed;
  529. right: 50px;
  530. bottom: 20px;
  531. }
  532.  
  533. .pagination-prev a, .pagination-next a {
  534. background: {color:Colour2};
  535. color: {color:Colour5};
  536. font-size: 16px;
  537. letter-spacing: 1px;
  538. font-weight: 700;
  539. text-transform: uppercase;
  540. text-align: center;
  541. padding: 4px 8px;
  542. }
  543.  
  544. /* Ask Posts
  545. -------------------------------------------------------------*/
  546.  
  547. .asker {
  548. position: relative;
  549. font-family: {text:Other Font};
  550. font-size: 8px;
  551. font-style: italic;
  552. text-transform: lowercase;
  553. text-align: right;
  554. padding: 0px;
  555. margin: -15px 4px 0px 0px;
  556. }
  557.  
  558.  .question {
  559. position: relative;
  560. background: {color:Colour2};
  561. padding: 15px;
  562. margin-bottom: 20px;
  563. }
  564.  
  565. .question:after, .arrow_box:before {
  566. top: 100%;
  567. border: solid transparent;
  568. content: " ";
  569. height: 0;
  570. width: 0;
  571. position: absolute;
  572. pointer-events: none;
  573. }
  574.  
  575. .question:after {
  576. border-color: rgba(136, 183, 213, 0);
  577. border-top-color: {color:Colour2};
  578. border-width: 10px;
  579. left: 50px;
  580. margin-left: -10px;
  581. }
  582.  
  583.  
  584. /* Quote Posts
  585. -------------------------------------------------------------*/
  586.  
  587. .quotewrap {
  588. margin: 20px auto;
  589. padding: 20px 25px;
  590. position: relative;    
  591. }
  592.  
  593. .quote {
  594. margin-top: 10px;
  595. padding-top: 30px;
  596. }
  597.  
  598. .out:after {
  599. font-family: 'sosa';
  600. content: 'C';
  601. background: transparent;
  602. width: 50px;
  603. height: 50px;
  604. position: absolute;
  605. color: {colo:border};
  606. text-shadow: 0 1px 1px rgba(255,255,255,0.1);
  607. font-size: 35px;
  608. line-height: 50px;
  609. text-align: center;
  610. left: 50%;
  611. margin-left: -25px;
  612. top: -10px;
  613. cursor: pointer;
  614. z-index: 1000;
  615. }
  616.  
  617. /* @font-face (SOSA)
  618. -------------------------------------------------------------*/
  619.  
  620. @font-face {
  621. font-family: 'sosa';
  622.     src: url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot");
  623.     src:
  624.         url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot?#iefix") format('embedded-opentype'),
  625.         url("http://static.tumblr.com/whx9ghv/zwPmbwkjn/sosa.woff") format('woff'),
  626.         url("http://static.tumblr.com/whx9ghv/5Skmbwkja/sosa.ttf") format('truetype'),
  627.         url("http://static.tumblr.com/whx9ghv/KXgmbwkj1/sosa.svg#icons") format('svg');
  628. font-weight: normal;
  629. font-style: normal;
  630. }
  631.  
  632. /* Audio Posts
  633. -------------------------------------------------------------*/
  634.  
  635. .audioplayer {
  636. position: absolute;
  637. z-index: 3;
  638. opacity: 0.7;
  639. margin: 33px;
  640. }
  641.  
  642. .audio {
  643. width: 10px;
  644. padding: 5px 20px 5px 5px;
  645. background-color: #fefefe;
  646. overflow: hidden;
  647. }
  648.  
  649. #audiocap {
  650. min-height: 100px;
  651. }
  652.  
  653. #audioinfo {
  654. height: auto;
  655. padding: 4px 5px;
  656. display: block;
  657. overflow: hidden;
  658. font-size: 10px;
  659. text-align: left;
  660. margin-bottom: 3px;
  661. text-transform: uppercase;
  662. }
  663.  
  664. #audioinfo b {
  665. color: {color:Link};
  666. }
  667.  
  668. #audioimg img {
  669. width: 100px;
  670. margin-right: 2px;
  671. }
  672.  
  673. /* Chat Posts
  674. -------------------------------------------------------------*/
  675.  
  676. .user_1 .label {color:{color:link}; font-weight:bold}
  677. .user_2 .label {color:{color:link hover}; font-weight:bold}
  678. .user_3 .label {color:{color:link}; font-weight:bold}
  679. .user_4 .label {color:{color:link hover}; font-weight:bold}
  680. .user_5 .label {color:{color:link}; font-weight:bold}
  681. .user_6 .label {color:{color:link hover}; font-weight:bold}
  682. .user_7 .label {color:{color:link}; font-weight:bold}
  683. .user_8 .label {color:{color:link hover}; font-weight:bold}
  684. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  685.  
  686. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  687.        
  688.        
  689. /* Post Notes (Permalink Page)
  690. -------------------------------------------------------------*/
  691.  
  692. ol.notes, .notes li {
  693. list-style:none;
  694. margin: 0px;
  695. padding: 0px;
  696. }
  697.  
  698. .ending {
  699. width: 300px;
  700. float: right;
  701. margin: 10px;
  702. padding: 0px 10px 50px;
  703. text-align: left;
  704. text-decoration: none;
  705. line-height: 180%;
  706. position: relative;
  707. border-left: 1px solid {color:Colour3};
  708. }
  709.  
  710. .ending a {
  711. text-transform: uppercase;
  712. font-size: 10px;
  713. }
  714.  
  715. .ending img {
  716. width: 10px;
  717. height: 10px;
  718. margin-right: 2px;
  719. }
  720.  
  721.  
  722. </style>
  723. <style type="text/css">{CustomCSS}</style>
  724. </head>
  725.  
  726. <body>
  727.  
  728. {block:Pagination}
  729. {block:PreviousPage}<div class="pagination-prev"><a href="{PreviousPage}">Previous Page</a></div>{/block:PreviousPage}
  730. {block:NextPage}<div class="pagination-next"><a href="{NextPage}">Next Page</a></div>{/block:NextPage}
  731. {/block:Pagination}
  732.  
  733. <div id="sliderWrap">
  734. <div id="openCloseIdentifier"></div>
  735. <div id="slider">
  736. <div id="sliderContent">
  737.  
  738. {block:IfHeaderWithText}
  739. <div class="texty">
  740. <h3>{text:Textbox Two Title}</h3>
  741. <div class="innertexty">{text:Textbox Two}</div>
  742. </div>
  743. <div class="texty">
  744. <h3>{text:Textbox One Title}</h3>
  745. <div class="innertexty">{text:Textbox One}</div>
  746. </div>
  747. {/block:IfHeaderWithText}
  748.  
  749.  
  750. {block:IfHeaderWithNavigation}
  751. <div class="boxy"><h4>Navigation One</h4><ul>
  752. {block:ifNavigation1A}<li><a href="{text:Navigation1A}">{text:Navigation1A Title}</a></li>{/block:ifNavigation1A}
  753. {block:ifNavigation1B}<li><a href="{text:Navigation1B}">{text:Navigation1B Title}</a></li>{/block:ifNavigation1B}
  754. {block:ifNavigation1C}<li><a href="{text:Navigation1C}">{text:Navigation1C Title}</a></li>{/block:ifNavigation1C}
  755. {block:ifNavigation1D}<li><a href="{text:Navigation1D}">{text:Navigation1D Title}</a></li>{/block:ifNavigation1D}
  756. {block:ifNavigation1E}<li><a href="{text:Navigation1E}">{text:Navigation1E Title}</a></li>{/block:ifNavigation1E}
  757. {block:ifNavigation1F}<li><a href="{text:Navigation1F}">{text:Navigation1F Title}</a></li>{/block:ifNavigation1F}
  758. {block:ifNavigation1G}<li><a href="{text:Navigation1G}">{text:Navigation1G Title}</a></li>{/block:ifNavigation1G}
  759. {block:ifNavigation1H}<li><a href="{text:Navigation1H}">{text:Navigation1H Title}</a></li>{/block:ifNavigation1H}
  760. </ul></div>
  761.  
  762. <div class="boxy"><h4>Navigation Two</h4><ul>
  763. {block:ifNavigation2A}<li><a href="{text:Navigation2A}">{text:Navigation2A Title}</a></li>{/block:ifNavigation2A}
  764. {block:ifNavigation2B}<li><a href="{text:Navigation2B}">{text:Navigation2B Title}</a></li>{/block:ifNavigation2B}
  765. {block:ifNavigation2C}<li><a href="{text:Navigation2C}">{text:Navigation2C Title}</a></li>{/block:ifNavigation2C}
  766. {block:ifNavigation2D}<li><a href="{text:Navigation2D}">{text:Navigation2D Title}</a></li>{/block:ifNavigation2D}
  767. {block:ifNavigation2E}<li><a href="{text:Navigation2E}">{text:Navigation2E Title}</a></li>{/block:ifNavigation2E}
  768. {block:ifNavigation2F}<li><a href="{text:Navigation2F}">{text:Navigation2F Title}</a></li>{/block:ifNavigation2F}
  769. {block:ifNavigation2G}<li><a href="{text:Navigation2G}">{text:Navigation2G Title}</a></li>{/block:ifNavigation2G}
  770. {block:ifNavigation2H}<li><a href="{text:Navigation2H}">{text:Navigation2H Title}</a></li>{/block:ifNavigation2H}
  771. </ul></div>
  772.  
  773. <div class="boxy"><h4>Navigation Three</h4><ul>
  774. {block:ifNavigation3A}<li><a href="{text:Navigation3A}">{text:Navigation3A Title}</a></li>{/block:ifNavigation3A}
  775. {block:ifNavigation3B}<li><a href="{text:Navigation3B}">{text:Navigation3B Title}</a></li>{/block:ifNavigation3B}
  776. {block:ifNavigation3C}<li><a href="{text:Navigation3C}">{text:Navigation3C Title}</a></li>{/block:ifNavigation3C}
  777. {block:ifNavigation3D}<li><a href="{text:Navigation3D}">{text:Navigation3D Title}</a></li>{/block:ifNavigation3D}
  778. {block:ifNavigation3E}<li><a href="{text:Navigation3E}">{text:Navigation3E Title}</a></li>{/block:ifNavigation3E}
  779. {block:ifNavigation3F}<li><a href="{text:Navigation3F}">{text:Navigation3F Title}</a></li>{/block:ifNavigation3F}
  780. {block:ifNavigation3G}<li><a href="{text:Navigation3G}">{text:Navigation3G Title}</a></li>{/block:ifNavigation3G}
  781. {block:ifNavigation3H}<li><a href="{text:Navigation3H}">{text:Navigation3H Title}</a></li>{/block:ifNavigation3H}
  782. </ul></div>
  783. {/block:IfHeaderWithNavigation}
  784. </div>
  785.  
  786. <div class="navlinks">
  787. <a href="/" class="title">{Title}</a>
  788. <div id="openCloseWrap"><a href="#" class="topMenuAction">{text:Open Topbar}</a></div>
  789. <a href="/ask">Ask</a>
  790. <a href="/archive">Archive</a>
  791. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  792. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  793. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  794. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  795. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  796. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  797. <a href="http://nutty-themes.tumblr.com/">Credit</a>
  798. </div>
  799.  
  800. </div>
  801. </div>
  802.  
  803.  
  804. {block:IfNotHorizontal}
  805. <div id="content">
  806. {block:IndexPage}
  807. <div class="special">
  808.  
  809. <div class="desc">
  810. {block:Description}{Description}{/block:Description}
  811. </div>
  812. <div class="morelinks">
  813. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  814. {block:ifLink8}- <a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  815. {block:ifLink9}- <a href="{text:Link9}">{text:Link9 Title}</a>{/block:ifLink9}
  816. </div>
  817. </div>
  818. {/block:IndexPage}
  819.  
  820. {block:Posts}
  821. <div class="posts">
  822.  
  823. {block:Quote}
  824. <h2>"{Quote}"&nbsp; - {Source}</h2>
  825. {/block:Quote}
  826.  
  827. {block:Text}
  828. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  829. {Body}
  830. {/block:Text}
  831.  
  832. {block:Link}
  833. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  834. {block:Description}{Description}{/block:Description}
  835. {/block:Link}
  836.  
  837. {block:If400Posts}{block:IndexPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:IndexPage}{/block:If400Posts}
  838. {block:If500Posts}{block:IndexPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:IndexPage}{/block:If500Posts}
  839. {block:IfGridLayout}{block:IndexPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:IndexPage}{/block:IfGridLayout}
  840. {block:PermalinkPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:PermalinkPage}
  841.  
  842. {block:If400Posts}{block:IndexPage}{block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}{/block:If400Posts}
  843. {block:If500Posts}{block:IndexPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}{/block:If500Posts}
  844. {block:IfGridLayout}{block:IndexPage}{block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}{/block:IfGridLayout}
  845. {block:PermalinkPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:PermalinkPage}
  846.  
  847. {block:Chat}
  848. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  849. {/block:Chat}
  850.  
  851. {block:If400Posts}{block:IndexPage}{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}{/block:If400Posts}
  852. {block:If500Posts}{block:IndexPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}{/block:If500Posts}
  853. {block:IfGridLayout}{block:IndexPage}{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}{/block:IfGridLayout}
  854. {block:PermalinkPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:PermalinkPage}
  855.  
  856. {block:Audio}
  857. {block:AlbumArt}<div id="audioimg"><img src="{AlbumArtURL}" align="left"></div>{/block:AlbumArt}
  858. <div class="audioplayer"><div class="audio">{AudioPlayerWhite}</div></div>
  859. <div id="audiocap">
  860. <div id="audioinfo"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  861. <div id="audioinfo"><b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  862. <div id="audioinfo"><b>ALBUM:</b> {block:Album}{Album}{/block:Album}</div>
  863. <div id="audioinfo">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>
  864. {/block:Audio}
  865.  
  866. {block:Answer}
  867. <div class="question">{Question}</div>
  868. <div class="asker">{Asker} Asked</div>
  869. <div class="answer"><p>{Answer}</p></div>
  870. {/block:Answer}
  871.  
  872. <div class="info"><div class="dated">{NoteCount} {block:Date}&nbsp;&nbsp;&#8226;&nbsp;&nbsp; <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {Year}</a>{/block:Date} {block:RebloggedFrom}&nbsp;&nbsp;&#8226;&nbsp;&nbsp; <a href="{ReblogParentURL}" title="">VIA: {ReblogParentName}</a> &nbsp;&nbsp;&#8226;&nbsp;&nbsp; <a href="{ReblogRootURL}" title="">SRC: {ReblogRootName}</a>{/block:RebloggedFrom}</div>
  873. <div class="tagged">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div></div>
  874.  
  875. </div>
  876.  
  877. {/block:Posts}
  878. {block:PostNotes}<div class="ending">{PostNotes}</div>{/block:PostNotes}
  879.  
  880. </div>
  881. {/block:IfNotHorizontal}
  882.  
  883. {block:IfHorizontal}
  884. <div id="content">
  885.  
  886. <table border="0" cellspacing="0" cellpadding="0" width="800px">
  887. <tr>
  888. {block:Posts}
  889. <td align="left" valign="top" style="width: 530px">
  890. <div class="posts">
  891.  
  892. {block:Quote}
  893. <h2>"{Quote}"&nbsp; - {Source}</h2>
  894. {/block:Quote}
  895.  
  896. {block:Text}
  897. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  898. {Body}
  899. {/block:Text}
  900.  
  901. {block:Link}
  902. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  903. {block:Description}{Description}{/block:Description}
  904. {/block:Link}
  905.  
  906. {block:IndexPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:IndexPage}
  907. {block:PermalinkPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:PermalinkPage}
  908.  
  909. {block:IndexPage}{block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}
  910. {block:PermalinkPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:PermalinkPage}
  911.  
  912. {block:Chat}
  913. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  914. {/block:Chat}
  915.  
  916. {block:IndexPage}{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}
  917. {block:PermalinkPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:PermalinkPage}
  918.  
  919. {block:Audio}
  920. {block:AlbumArt}<div id="audioimg"><img src="{AlbumArtURL}" align="left"></div>{/block:AlbumArt}
  921. <div class="audioplayer"><div class="audio">{AudioPlayerWhite}</div></div>
  922. <div id="audiocap">
  923. <div id="audioinfo"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  924. <div id="audioinfo"><b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  925. <div id="audioinfo"><b>ALBUM:</b> {block:Album}{Album}{/block:Album}</div>
  926. <div id="audioinfo">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>
  927. {/block:Audio}
  928.  
  929. {block:Answer}
  930. <div class="question">{Question}</div>
  931. <div class="asker">{Asker} Asked</div>
  932. <div class="answer"><p>{Answer}</p></div>
  933. {/block:Answer}
  934.  
  935. <div class="info"><div class="dated">{NoteCount} {block:Date}&nbsp;&nbsp;&#8226;&nbsp;&nbsp; <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {Year}</a>{/block:Date} {block:RebloggedFrom}&nbsp;&nbsp;&#8226;&nbsp;&nbsp; <a href="{ReblogParentURL}" title="">VIA: {ReblogParentName}</a> &nbsp;&nbsp;&#8226;&nbsp;&nbsp; <a href="{ReblogRootURL}" title="">SRC: {ReblogRootName}</a>{/block:RebloggedFrom}</div>
  936. <div class="tagged">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div></div>
  937.  
  938. </div>
  939. </td>
  940. {/block:Posts}
  941.  
  942. {block:PostNotes}<td align="left" valign="top" style="width: 300px">
  943. <div class="ending">{PostNotes}</div></td>{/block:PostNotes}
  944. </tr>
  945. </table>
  946.  
  947. </div>
  948. {/block:IfHorizontal}
  949.  
  950. {block:IfNotHorizontal}
  951. <script type="text/javascript" src="http://static.tumblr.com/whx9ghv/V0zm0dwxa/jquery.easing.1.3.js"></script>
  952. <script src="http://static.tumblr.com/whx9ghv/6z9mam102/jquery.freetile.js"></script>
  953. <script>
  954. $('#content').freetile({
  955.     animate: true,
  956.     elementDelay: 30
  957. });
  958. </script>
  959. {/block:IfNotHorizontal}
  960.  
  961. <script type="text/javascript">
  962.     $(document).ready(function() {
  963.         $(".topMenuAction").click( function() {
  964.             if ($("#openCloseIdentifier").is(":hidden")) {
  965.                 $("#slider").animate({
  966.                     marginTop: "-280px"
  967.                     }, 500 );
  968.                 $("#content").animate({
  969.                     marginTop: "50px"
  970.                     }, 500 );
  971.                 $("#openCloseIdentifier").show();
  972.             } else {
  973.                 $("#slider").animate({
  974.                     marginTop: "0px"
  975.                     }, 500 );
  976.                 $("#content").animate({
  977.                     marginTop: "330px"
  978.                     }, 500 );
  979.                 $("#openCloseIdentifier").hide();
  980.             }
  981.         });  
  982.     });
  983.     </script>
  984.  
  985. </body>
  986. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!