API tools faq
paste
Advertisement
pistachi-o

theme 2.14

pistachi-o
Oct 1st, 2013
11,195
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.33 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.014
  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="'Roboto', Calibri, Arial, sans-serif" />
  23. <meta name="text:Header Font" content="'Roboto Condensed', Arial, sans-serif" />
  24. <meta name="text:Desc Font" content="'Roboto Condensed', Arial, sans-serif" />
  25. <meta name="text:Font Size" content="11px" />
  26.  
  27. <meta name="color:Background" content="#fafafa" />
  28. <meta name="color:Colour1" content="#edd456" />
  29. <meta name="color:Colour2" content="#a0c1ba" />
  30. <meta name="color:Colour3" content="#45c0ab" />
  31. <meta name="color:Link" content="#f38335" />
  32. <meta name="color:Link Hover" content="#edd456" />
  33. <meta name="color:Text" content="#0f0f0e" />
  34. <meta name="color:Header Text" content="#0f0f0e" />
  35. <meta name="color:Topbar" content="#000000" />
  36. <meta name="color:Posts" content="#f8f6e9" />
  37.  
  38. <meta name="image:Sidebar" content=""/>
  39. <meta name="image:Background" content=""/>
  40.  
  41. <meta name="text:Link1" content="" />
  42. <meta name="text:Link1 Title" content="" />
  43. <meta name="text:Link2" content="" />
  44. <meta name="text:Link2 Title" content="" />
  45. <meta name="text:Link3" content="" />
  46. <meta name="text:Link3 Title" content="" />
  47. <meta name="text:Link4" content="" />
  48. <meta name="text:Link4 Title" content="" />
  49.  
  50. <meta name="text:Navigation1A" content="" />
  51. <meta name="text:Navigation1A Title" content="" />
  52. <meta name="text:Navigation1B" content="" />
  53. <meta name="text:Navigation1B Title" content="" />
  54. <meta name="text:Navigation1C" content="" />
  55. <meta name="text:Navigation1C Title" content="" />
  56. <meta name="text:Navigation1D" content="" />
  57. <meta name="text:Navigation1D Title" content="" />
  58. <meta name="text:Navigation1E" content="" />
  59. <meta name="text:Navigation1E Title" content="" />
  60. <meta name="text:Navigation1F" content="" />
  61. <meta name="text:Navigation1F Title" content="" />
  62. <meta name="text:Navigation1G" content="" />
  63. <meta name="text:Navigation1G Title" content="" />
  64. <meta name="text:Navigation1H" content="" />
  65. <meta name="text:Navigation1H Title" content="" />
  66.  
  67. <meta name="text:Header Height" content="500px" />
  68.  
  69. <meta name="text:Textbox One Title" content="Textbox One Title" />
  70. <meta name="text:Textbox One" content="Textbox One" />
  71. <meta name="text:Textbox Two Title" content="Textbox Two Title" />
  72. <meta name="text:Textbox Two" content="Textbox Two" />
  73. <meta name="text:Extra Links Title" content="Extra Links Title" />
  74.  
  75. <meta name="text:Get Started Text" content="Let's Get Started" />
  76.  
  77. <meta name="if:400 Posts" content="0"/>
  78. <meta name="if:500 Posts" content="1"/>
  79.  
  80. <meta name="if:Adjustable Header" content="0"/>
  81.  
  82. <meta name="if:Topbar Style 1" content="1"/>
  83. <meta name="if:Topbar Style 2" content="0"/>
  84.  
  85. <meta name="if:External Sidebar Image" content="0"/>
  86. <meta name="if:Tumblr Sidebar Image" content="1"/>
  87.  
  88.  
  89. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  90. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  91. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  92. <link rel="shortcut icon" href="{Favicon}" />
  93. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  94.  
  95. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,400italic' rel='stylesheet' type='text/css'>
  96.  
  97. <link href='http://fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
  98.  
  99. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  100.  
  101. <script type="text/javascript" src="http://static.tumblr.com/fki2yxd/XtUmn1zq3/jquery.sticky.js"></script>
  102.   <script>
  103.     $(window).load(function(){
  104.       $("#topwrap").sticky({ topSpacing: 0 });
  105.     });
  106.   </script>
  107.  
  108. <script type="text/javascript">
  109.             $(function() {
  110.                 $('#toggle').click(function() {
  111.                     $('.toggle').slideToggle('slow');
  112.                     return false;
  113.                 });
  114.             });
  115.         </script>
  116.  
  117. <style type="text/css">
  118.  
  119. /* Reset
  120. -------------------------------------------------------------*/
  121.  
  122. body,div,dl,dt,dd,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
  123.  
  124. /* Webkit-Scrollbar
  125. -------------------------------------------------------------*/
  126.  
  127. ::-webkit-scrollbar {width: 10px; height: 10px; height:auto; background:{color:Background};}
  128. ::-webkit-scrollbar-thumb:vertical {background:{color:Colour1};}
  129. ::-webkit-scrollbar-thumb:horizontal {background:{color:Colour1}}
  130. ::-webkit-scrollbar-thumb {background:{color:Colour1};}
  131.  
  132. /* General
  133. -------------------------------------------------------------*/
  134.  
  135. body {
  136. background-color: {color:Background};
  137. font-family: {text:Body Font};
  138. font-size: {text:Font Size};
  139. text-align: justify;
  140. color: {color:Text};
  141. line-height: 140%;
  142. }
  143.  
  144. a:link, a:active, a:visited {
  145. color: {color:Link};
  146. text-decoration: none;
  147. }
  148.  
  149. a:hover {
  150. color: {color:Link Hover};
  151. text-decoration: none;
  152. }
  153.  
  154. b, strong {
  155. color: {color:Colour3};
  156. }
  157.  
  158. i {
  159. color: {color:Colour2};
  160. }
  161.  
  162. p {
  163. margin: 8px 0px;
  164. }
  165.  
  166. h1 {
  167. font-family: {text:Header Font};
  168. font-size: 18px;
  169. font-weight: 600;
  170. color: {color:Headings};
  171. line-height: 100%;
  172. text-transform: uppercase;
  173. text-align: left;
  174. margin: 0px 0px 10px 0px;
  175. }
  176.  
  177. h2 {
  178. font-family: {text:Header Font};
  179. color: {color:Headings};
  180. font-size: 14px;
  181. line-height: 100%;  
  182. font-weight: normal;
  183. text-transform: uppercase;
  184. text-align: center;
  185. }
  186.  
  187. h3 {
  188. font-family: {text:Header Font};
  189. color: {color:Headings};
  190. font-size: 12px;
  191. line-height: 100%;  
  192. font-weight: normal;
  193. text-transform: uppercase;
  194. text-align: left;
  195. margin: 5px 0px;
  196. }
  197.  
  198. h4 {
  199. font-family: {text:Header Font};
  200. color: {color:Link};
  201. font-size: 12px;
  202. line-height: 100%;  
  203. font-weight: normal;
  204. text-align: center;
  205. }
  206.  
  207. blockquote {
  208. border-left: 3px solid {color:Colour1};
  209. padding: 3px 10px;
  210. text-align: justify;
  211. }
  212.  
  213. blockquote i {
  214. color: {color:Text};
  215. }
  216.  
  217. blockquote img {
  218. max-width: 100%;
  219. display: block;
  220. margin-bottom: 5px;
  221. }
  222.  
  223. blockquote blockquote {
  224. margin: 10px;
  225. padding: 10px;
  226. }
  227.  
  228. /* Heading
  229. -------------------------------------------------------------*/
  230.  
  231. #page-one {
  232. top: 0;
  233. left: 0;
  234. width: 100%;
  235. {block:IfAdjustableHeader}height: {text:Header Height};{/block:IfAdjustableHeader}
  236. {block:IfNotAdjustableHeader}height: 100%;{/block:IfNotAdjustableHeader}
  237. position: fixed;
  238. z-index: 10;
  239. background-image: url('{image:Background}');
  240. -webkit-background-size: cover;
  241. -moz-background-size: cover;
  242. -o-background-size: cover;
  243. background-size: cover;
  244. }
  245.  
  246. .homep {
  247. width: 50%;
  248. height: 150px;
  249. top: 50%;
  250. left: 50%;
  251. padding: 10px 0px;
  252. color: {color:Header Text};
  253. text-align: justify;
  254. position: absolute;
  255. -webkit-transform: translateX(-50%) translateY(-50%);
  256. -moz-transform: translateX(-50%) translateY(-50%);
  257. -ms-transform: translateX(-50%) translateY(-50%);
  258. transform: translateX(-50%) translateY(-50%);
  259. }
  260.  
  261. .maintitle {
  262. font-family: {text:Header Font};
  263. font-size: 28px;
  264. line-height: 100%;
  265. text-transform: uppercase;
  266. text-align: left;
  267. margin-bottom: 10px;
  268. }
  269.  
  270. .desc {
  271. margin: -15px 0px 0px 170px;
  272. }
  273.  
  274. .getstarted {
  275. width: 150px;
  276. display: block;
  277. font-size: 10px;
  278. line-height: 100%;
  279. text-transform: uppercase;
  280. text-align: left;
  281. padding: 10px 0px;
  282. border-bottom: 1px solid {color:Colour1};
  283. }
  284.  
  285. .getstarted span {
  286. position: absolute;
  287. background: {color:Colour1};
  288. padding: 5px 10px;
  289. z-index: 9999;
  290. }
  291.  
  292. .getstarted span a {
  293. color: {color:Colour3};
  294. }
  295.  
  296. .getstarted span a:hover {
  297. color: {color:Posts};
  298. }
  299.  
  300. /* Navigation
  301. -------------------------------------------------------------*/
  302.  
  303. #topwrap {
  304. position: relative;
  305. height: 54px;
  306. width: 100%;
  307. text-align: center;
  308. z-index: 9999;
  309. }
  310.  
  311. #topbar {
  312. position: relative;
  313. background: {color:Topbar};
  314. padding: 20px 0px;
  315. width: 100%;
  316. text-align: center;
  317. z-index: 9999;
  318. }
  319.  
  320. #topbar a {
  321. font-family: {text:Desc Font};
  322. text-transform: uppercase;
  323. text-align: center;
  324. padding: 10px 15px;
  325. margin: 5px;
  326. color: {color:Colour3};
  327. }
  328.  
  329. #topbar a:hover {
  330. color: {color:Colour2};
  331. }
  332.  
  333. .navlinks {
  334. position: relative;
  335. padding: 20px 0px;
  336. background: {color:Background};
  337. width: 100%;
  338. text-align: center;
  339. z-index: 9999;
  340. }
  341.  
  342. .navlinks a {
  343. width: 130px;
  344. display: inline-block;
  345. color: {color:Colour2};
  346. background: {color:Topbar};
  347. font-family: {text:Desc Font};
  348. text-transform: uppercase;
  349. text-align: center;
  350. padding: 8px 0px;
  351. margin: 0px;
  352. transition: all 0.5s ease-in-out;
  353. -webkit-transition: all 0.5s ease-in-out;
  354. -moz-transition: all 0.5s ease-in-out;
  355. -o-transition: all 0.5s ease-in-out;
  356. }
  357.  
  358. .navlinks a:hover {
  359. background: {color:Colour3};
  360. }
  361.  
  362. /* Content
  363. -------------------------------------------------------------*/
  364.  
  365. #page-two {
  366. {block:IfAdjustableHeader}top: {text:Header Height};{/block:IfAdjustableHeader}
  367. {block:IfNotAdjustableHeader}top: 100%;{/block:IfNotAdjustableHeader}
  368. left: 0;
  369. width: 100%;
  370. min-height: 100%;
  371. position: absolute;
  372. background: {color:Background};
  373. z-index: 99;
  374. }
  375.  
  376. #container {
  377. margin: 50px auto 0px;
  378. {block:If400Posts}width: 800px;{/block:If400Posts}
  379. {block:If500Posts}width: 900px;{/block:If500Posts}
  380. }
  381.  
  382. #sidebar {
  383. position: absolute;
  384. top: 0;
  385. {block:If400Posts}margin-left: 500px;{/block:If400Posts}
  386. {block:If500Posts}margin-left: 600px;{/block:If500Posts}
  387. width: 300px;
  388. height: 100%;
  389. text-align: justify;
  390. font-size: 11px;
  391. }    
  392.  
  393. .sideimg {
  394. padding: 10px 20px;
  395. margin: 10px 0px;
  396. }
  397.  
  398. .sideimg img {
  399. width: 260px;
  400. }
  401.    
  402. .textbox {
  403. padding: 10px 20px;
  404. margin: 5px 0px;
  405. }
  406.  
  407. .mlinks {
  408. padding: 10px 20px;
  409. margin: 5px 0px;
  410. }
  411.  
  412. .mlinks li {
  413. list-style: none;
  414. display: inline-block;
  415. }
  416.    
  417. .mlinks li a {
  418. width: 116px;
  419. margin: 2px;
  420. padding: 3px 5px;
  421. display: inline-block;
  422. background: {color:Posts};
  423. color: {color:Link};
  424. text-align: center;
  425. border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  426. -webkit-box-shadow: 0px 1px 0px 0px #DDD, inset 0px 0px 0px 0px white;
  427. -moz-box-shadow: 0px 1px 0px 0px #DDD, inset 0px 0px 0px 0px white;
  428. box-shadow: 0px 1px 0px 0px #DDD, inset 0px 0px 0px 0px white;
  429. -webkit-transition: all 0.5s ease;
  430. -moz-transition: all 0.5s ease;
  431. -o-transition: all 0.5s ease;
  432. -ms-transition: all 0.5s ease;
  433. transition: all 0.5s ease;
  434. }
  435.  
  436. .mlinks li a:hover {
  437. background: transparent;
  438. }
  439.  
  440. /* Entries
  441. -------------------------------------------------------------*/
  442.  
  443. #entries {
  444. {block:If400Posts}width: 460px;{/block:If400Posts}
  445. {block:If500Posts}width: 560px;{/block:If500Posts}
  446. padding: 20px;
  447. }
  448.  
  449. .posts {
  450. {block:If400Posts}
  451. {block:IndexPage}width: 400px; {/block:IndexPage}
  452. {block:PermalinkPage}width: 500px; {/block:PermalinkPage}
  453. {/block:If400Posts}
  454. {block:If500Posts}width: 500px; {/block:If500Posts}
  455. padding: 15px 30px 35px;
  456. background: {color:Posts};
  457. margin: 0px 0px 50px;
  458. text-align: left;
  459. }
  460.  
  461. /* Post Info
  462. -------------------------------------------------------------*/
  463.  
  464. h4 {
  465. color: {color:Date};
  466. font-family: {text:Header Font};
  467. font-weight: 400;
  468. font-size: 18px;
  469. line-height: 120%;  
  470. font-weight: normal;
  471. text-transform: uppercase;
  472. text-align: left;
  473. margin: 4px 0px 0px 0px;
  474. }
  475.  
  476. .tagged {
  477. padding: 5px 0px;
  478. text-align: left;
  479. text-decoration: none;
  480. font-size: 9px;
  481. font-weight: normal;
  482. text-transform: uppercase;
  483. color: {color:Border2};
  484. word-wrap: break-word;
  485. }
  486.  
  487. .tagged a {
  488. color: {color:Link Hover};
  489. text-transform: uppercase;
  490. font-size: 9px;
  491. }
  492.  
  493. .tagged a:hover {
  494. color: {color:Border2};
  495. border-bottom: 1px solid {color:Border2};
  496. }
  497.  
  498. .cut {
  499. width: 100px;
  500. margin: 5px 0px 15px 0px;
  501. border-top: 1px solid rgba(0, 0, 0, 0.2);
  502. -webkit-box-shadow: 0px 1px 0px 0px white, inset 0px 1px 0px 0px white;
  503. -moz-box-shadow: 0px 1px 0px 0px white, inset 0px 1px 0px 0px white;
  504. box-shadow: 0px 1px 0px 0px white, inset 0px 1px 0px 0px white;
  505. }
  506.  
  507. /* Ask Posts
  508. -------------------------------------------------------------*/
  509. .askme {
  510. float: left;
  511. position: relative;
  512. z-index: 9999;
  513. }
  514.  
  515. .askme img {
  516. width: 30px;
  517. border: 8px solid {color:Colour2};
  518. margin: 0px 15px 5px 0px;
  519. }
  520.  
  521. .question {
  522. position: relative;
  523. background: {color:Colour2};
  524. padding: 15px 10px 15px 0px;
  525. margin-bottom: 20px;
  526. z-index: 999;
  527. }
  528.  
  529. .question:after, .arrow_box:before {
  530. top: 100%;
  531. border: solid transparent;
  532. content: " ";
  533. height: 0;
  534. width: 0;
  535. position: absolute;
  536. pointer-events: none;
  537. }
  538.  
  539. .question:after {
  540. border-color: rgba(136, 183, 213, 0);
  541. border-top-color: {color:Colour2};
  542. border-width: 10px;
  543. left: 350px;
  544. margin-left: -10px;
  545. }
  546.  
  547. /* Quote Posts
  548. -------------------------------------------------------------*/
  549.  
  550. .quotewrap {
  551. width: 350px;
  552. margin: 20px auto;
  553. padding: 20px 25px;
  554. position: relative;    
  555. }
  556.  
  557. .quote {
  558. margin-top: 15px;
  559. padding-top: 20px;
  560. }
  561.  
  562. .out:after {
  563. font-family: 'sosa';
  564. content: 'C';
  565. background: transparent;
  566. width: 50px;
  567. height: 50px;
  568. position: absolute;
  569. color: {color:Colour1};
  570. text-shadow: 0 1px 1px rgba(255,255,255,0.1);
  571. font-size: 35px;
  572. line-height: 50px;
  573. text-align: center;
  574. left: 50%;
  575. margin-left: -25px;
  576. top: -15px;
  577. cursor: pointer;
  578. z-index: 100;
  579. }
  580.  
  581. .soucite {
  582. font-size: 9px;
  583. letter-spacing: 1px;
  584. margin: 10px;
  585. padding-left: 10px;
  586. text-transform: uppercase;
  587. }
  588.  
  589. /* Read More
  590. -------------------------------------------------------------*/
  591.  
  592. .moretext {
  593. position: relative;
  594. font-weight: 700;
  595. font-size: 10px;
  596. margin: 20px 0px;
  597. }
  598.  
  599. .moretext a {
  600. padding: 3px 4px 3px 6px;
  601. text-transform: uppercase;
  602. color: {color:Background};
  603. background: {color:Colour2};
  604. letter-spacing: 2px;
  605. }
  606.  
  607. .moretext a:hover {
  608. background: {color:Colour1};
  609. }
  610.  
  611. /* Pagination
  612. -------------------------------------------------------------*/
  613.  
  614. .pagination {
  615. width: 100%
  616. position: relative;
  617. margin: 5px auto 30px;
  618. text-align: center;
  619. line-height: 10px;
  620. text-transform: uppercase;
  621. }
  622.  
  623. .currentpage {
  624. background: transparent;
  625. width: 10px;
  626. height: 10px;
  627. padding: 4px 10px;
  628. margin: 2px;
  629. background: {color:Colour2};
  630. }
  631.  
  632. .otherpage {
  633. background: transparent;
  634. width: 10px;
  635. height: 10px;
  636. padding: 4px 10px;
  637. margin: 2px;
  638. background: {color:Colour1};
  639. }
  640.  
  641. .otherpage:hover {
  642. background: {color:Colour2};
  643. }
  644.  
  645. .prevpage,
  646. .nextpage {
  647. background: transparent;
  648. width: 10px;
  649. height: 10px;
  650. padding: 3px 5px;
  651. font-size: 12px;
  652. }
  653.  
  654. /* @font-face (SOSA)
  655. -------------------------------------------------------------*/
  656.  
  657. @font-face {
  658. font-family: 'sosa';
  659.     src: url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot");
  660.     src:
  661.         url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot?#iefix") format('embedded-opentype'),
  662.         url("http://static.tumblr.com/whx9ghv/zwPmbwkjn/sosa.woff") format('woff'),
  663.         url("http://static.tumblr.com/whx9ghv/5Skmbwkja/sosa.ttf") format('truetype'),
  664.         url("http://static.tumblr.com/whx9ghv/KXgmbwkj1/sosa.svg#icons") format('svg');
  665. font-weight: normal;
  666. font-style: normal;
  667. }
  668.  
  669. /* Audio Posts
  670. -------------------------------------------------------------*/
  671.  
  672. .audioplayer {
  673. position: absolute;
  674. z-index: 3;
  675. opacity: 0.7;
  676. margin: 33px;
  677. }
  678.  
  679. .audio {
  680. width: 10px;
  681. padding: 5px 20px 5px 5px;
  682. background-color: #fefefe;
  683. overflow: hidden;
  684. }
  685.  
  686. #audiocap {
  687. min-height: 100px;
  688. }
  689.  
  690. #audioinfo {
  691. height: auto;
  692. padding: 4px 5px;
  693. display: block;
  694. overflow: hidden;
  695. font-size: 10px;
  696. text-align: left;
  697. margin-bottom: 3px;
  698. text-transform: uppercase;
  699. }
  700.  
  701. #audioinfo b {
  702. color: {color:Link};
  703. }
  704.  
  705. #audioimg img {
  706. width: 100px;
  707. margin-right: 2px;
  708. }
  709.  
  710. /* Chat Posts
  711. -------------------------------------------------------------*/
  712.  
  713. .user_1 .label {color:{color:link}; font-weight:bold}
  714. .user_2 .label {color:{color:link hover}; font-weight:bold}
  715. .user_3 .label {color:{color:link}; font-weight:bold}
  716. .user_4 .label {color:{color:link hover}; font-weight:bold}
  717. .user_5 .label {color:{color:link}; font-weight:bold}
  718. .user_6 .label {color:{color:link hover}; font-weight:bold}
  719. .user_7 .label {color:{color:link}; font-weight:bold}
  720. .user_8 .label {color:{color:link hover}; font-weight:bold}
  721. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  722.  
  723. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  724.      
  725. /* Post Notes (Permalink Page)
  726. -------------------------------------------------------------*/
  727.  
  728. ol.notes, .notes li {
  729. list-style:none;
  730. margin: 0px;
  731. padding: 0px;
  732. }
  733.  
  734. .ending {
  735. text-align: left;
  736. padding: 30px 50px;
  737. text-decoration: none;
  738. line-height: 180%;
  739. position: relative;
  740. }
  741.  
  742. .ending a {
  743. text-transform: uppercase;
  744. font-size: 10px;
  745. }
  746.  
  747. .ending img {
  748. width: 10px;
  749. height: 10px;
  750. border: 2px solid {color:Colour1};
  751. margin-right: 2px;
  752. }
  753.  
  754.  
  755. </style>
  756. <style type="text/css">{CustomCSS}</style>
  757. </head>
  758.  
  759. <body>
  760.  
  761. <div id="page-one">
  762. <div class="homep">
  763. <div class="getstarted"><span><a href="#1">{text:Get Started Text}</a></span></div>
  764. <div class="desc"><div class="maintitle">{Title}</div>{block:Description}{Description}{/block:Description}</div>
  765. </div>
  766. </div>
  767.  
  768. <div id="page-two">
  769. <div id="topwrap">
  770. {block:IfTopbarStyle1}<div id="topbar">
  771. <a href="/">Home</a>
  772. <a href="/ask">Message</a>
  773. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  774. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  775. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  776. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  777. <a href="http://nutty-themes.tumblr.com/">Theme</a>
  778. </div>{/block:IfTopbarStyle1}
  779. {block:IfTopbarStyle2}<div class="navlinks">
  780. <a href="/">Home</a>
  781. <a href="/ask">Ask</a>
  782. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  783. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  784. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  785. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  786. <a href="http://nutty-themes.tumblr.com/">Theme</a>
  787. </div>{/block:IfTopbarStyle2}
  788. </div>
  789.  
  790. <div id="1"></div>
  791. <div id="container">
  792. <div id="sidebar"><div style="height:105px;"></div>
  793. <div class="sideimg">
  794. {block:IfExternalSidebarImage}<img src="{text:Sidebar Image}">{/block:IfExternalSidebarImage}
  795. {block:IfTumblrSidebarImage}<img src="{image:Sidebar}">{/block:IfTumblrSidebarImage}
  796. </div>
  797. <div class="textbox">{block:IfTextboxOneTitle}<h3>{text:Textbox One Title}</h3><div class="cut"></div>{/block:IfTextboxOneTitle}
  798. {block:IfTextboxOne}{text:Textbox One}{/block:IfTextboxOne}</div>
  799. <div class="textbox">{block:IfTextboxTwoTitle}<h3>{text:Textbox Two Title}</h3><div class="cut"></div>{/block:IfTextboxTwoTitle}
  800. {block:IfTextboxTwo}{text:Textbox Two}{/block:IfTextboxTwo}</div>
  801. <div class="mlinks"><h3>{text:Extra Links Title}</h3><div class="cut"></div>
  802. {block:ifNavigation1A}<li><a href="{text:Navigation1A}">{text:Navigation1A Title}</a></li>{/block:ifNavigation1A}{block:ifNavigation1B}<li><a href="{text:Navigation1B}">{text:Navigation1B Title}</a></li>{/block:ifNavigation1B}{block:ifNavigation1C}<li><a href="{text:Navigation1C}">{text:Navigation1C Title}</a></li>{/block:ifNavigation1C}{block:ifNavigation1D}<li><a href="{text:Navigation1D}">{text:Navigation1D Title}</a></li>{/block:ifNavigation1D}{block:ifNavigation1E}<li><a href="{text:Navigation1E}">{text:Navigation1E Title}</a></li>{/block:ifNavigation1E}{block:ifNavigation1F}<li><a href="{text:Navigation1F}">{text:Navigation1F Title}</a></li>{/block:ifNavigation1F}{block:ifNavigation1G}<li><a href="{text:Navigation1G}">{text:Navigation1G Title}</a></li>{/block:ifNavigation1G}{block:ifNavigation1H}<li><a href="{text:Navigation1H}">{text:Navigation1H Title}</a></li>{/block:ifNavigation1H}
  803. </div>
  804. </div>
  805.  
  806. <div id="entries">
  807. {block:Posts}
  808. <div class="posts">
  809.  
  810. <h4>{block:Date}{Month} {DayOfMonthWithZero} {Year}, {12HourWithZero}:{Minutes} {CapitalAmPm}{/block:Date}</h4>
  811.  
  812. <div class="tagged">
  813. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;{/block:NoteCount}{block:RebloggedFrom} &#8226;&nbsp;&nbsp;<a href="{ReblogParentURL}" title="">VIA: {ReblogParentName}</a> &nbsp;&nbsp;&#8226;&nbsp;&nbsp; <a href="{ReblogRootURL}" title="">SOURCE: {ReblogRootName}</a><br>{/block:RebloggedFrom}{block:HasTags}<b>Filed Under:</b>&nbsp;&nbsp;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  814. </div>
  815. <div class="cut"></div>
  816.  
  817. {block:Quote}
  818. <div class="quotewrap quote"><a class="out" href="{SourceURL}" title="Source"></a>
  819. <h2>{Quote}</h2>
  820. <div class="soucite">&nbsp;- {Source}</div>
  821. </div>
  822. {/block:Quote}
  823.  
  824. {block:Text}
  825. <div class="text">
  826. {block:Title}<h1>{Title}</h1>{/block:Title}
  827. {Body}
  828. </div>
  829. {/block:Text}
  830.  
  831. {block:Link}
  832. <div class="text">
  833. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  834. {block:Description}{Description}{/block:Description}</div>
  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:PermalinkPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:PermalinkPage}
  840.  
  841. {block:If400Posts}{block:IndexPage}{block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}{/block:If400Posts}
  842. {block:If500Posts}{block:IndexPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}{/block:If500Posts}
  843. {block:PermalinkPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:PermalinkPage}
  844.  
  845. {block:If400Posts}{block:IndexPage}{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}{/block:If400Posts}
  846. {block:If500Posts}{block:IndexPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}{/block:If500Posts}
  847. {block:PermalinkPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:PermalinkPage}
  848.  
  849. {block:Chat}
  850. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  851. {/block:Chat}
  852.  
  853. {block:Audio}
  854. {block:AlbumArt}<div id="audioimg"><img src="{AlbumArtURL}" align="left"></div>{/block:AlbumArt}
  855. <div class="audioplayer"><div class="audio">{AudioPlayerWhite}</div></div>
  856. <div id="audiocap">
  857. <div id="audioinfo"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  858. <div id="audioinfo"><b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  859. <div id="audioinfo"><b>ALBUM:</b> {block:Album}{Album}{/block:Album}</div>
  860. <div id="audioinfo">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>
  861. {/block:Audio}
  862.  
  863. {block:Answer}
  864. <div class="askme"><img src="{AskerPortraitURL-64}"></div>
  865. <div class="question"><span>{Asker}:</span> {Question}</div>
  866. <div class="answer">{Answer}</div>
  867. {/block:Answer}
  868.  
  869. </div>    
  870. {/block:Posts}
  871.  
  872. {block:PostNotes}<div class="ending">{PostNotes}</div>{/block:PostNotes}
  873.  
  874. <div class="pagination">{block:Pagination}
  875. {block:PreviousPage}<span class="prevpage"><a href="{PreviousPage}">« Prev</a></span>{/block:PreviousPage}{block:JumpPagination length="6"}{block:CurrentPage}<span class="currentpage">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="otherpage" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<span class="nextpage"><a href="{NextPage}">Next »</a></span>{/block:NextPage}{/block:Pagination}</div>
  876.  
  877. </div>
  878. </div>
  879. </div>
  880.  
  881.  
  882.  
  883.  
  884.  
  885.  
  886. <script src="http://static.tumblr.com/whx9ghv/lSGm6k18m/jquery.scrollto-1.4.2-min.js"></script>
  887. <script src="http://static.tumblr.com/whx9ghv/GJEm6k188/jquery.localscroll-1.2.7-min.js"></script>
  888.    
  889.     <script>
  890.     $(document).ready(function () {  
  891.     $.localScroll();   
  892.     });
  893.     </script>
  894.  
  895.    
  896.  
  897.  
  898. </body>
  899. </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!