API tools faq
paste
Advertisement
pistachi-o

theme 218

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