API tools faq
paste
Advertisement
pistachi-o

theme 2.06

pistachi-o
Mar 30th, 2013
5,327
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 16.28 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.006
  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.  
  19. <html>
  20. <head>
  21.  
  22. <!-- DEFAULT VARIABLES -->
  23. <meta name="text:Body Font" content="'PT Serif', Cambria, Arial, sans-serif" />
  24. <meta name="text:Header Font" content="'PT Serif', Arial, sans-serif" />
  25. <meta name="text:Desc Font" content="'PT Serif', Arial, sans-serif" />
  26. <meta name="text:Font Size" content="11px" />
  27.  
  28. <meta name="color:Background" content="#ffffff" />
  29. <meta name="color:Border" content="#60a894" />
  30. <meta name="color:Border2" content="#dbdada" />
  31. <meta name="color:Desc Bg" content="#ffffff" />
  32. <meta name="color:Link" content="#663b47" />
  33. <meta name="color:Link Hover" content="#dfcc8a" />  
  34. <meta name="color:Posts" content="#faf8f8" />
  35. <meta name="color:Sidebar" content="#c4fae6" />
  36. <meta name="color:Text" content="#130912" />
  37.  
  38. <meta name="image:Sidebar Bg" 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="if:Read" content="1"/>
  51. <meta name="text:Read URL" content="/about" />
  52. <meta name="text:Read Title" content="Read More" />
  53.  
  54. <meta name="if:400 Posts" content="0"/>
  55. <meta name="if:500 Posts" content="1"/>
  56.  
  57. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  58. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  59. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  60. <link rel="shortcut icon" href="{Favicon}" />
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  62.  
  63. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  66.  
  67. <style type="text/css">
  68.  
  69.  
  70. /* Reset
  71. -------------------------------------------------------------*/
  72.  
  73. body,div,dl,dt,dd,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
  74.  
  75.  
  76.  
  77. /* Webkit-Scrollbar
  78. -------------------------------------------------------------*/
  79.  
  80. ::-webkit-scrollbar {width: 10px; height: 10px; height:auto; background:{color:Background};}
  81. ::-webkit-scrollbar-thumb:vertical {background:{color:Border};}
  82. ::-webkit-scrollbar-thumb:horizontal {background:{color:Border}}
  83. ::-webkit-scrollbar-thumb {background:{color:Border};}
  84.  
  85.  
  86.  
  87. /* General
  88. -------------------------------------------------------------*/
  89.  
  90. body {
  91. background-color: {color:Background};
  92. background-image: url('{image:Background}');
  93. background-attachment: fixed;
  94. background-repeat: repeat;
  95. font-family: {text:Body Font};
  96. font-size: {text:Font Size};
  97. text-align: justify;
  98. color: {color:Text};
  99. line-height: 100%;
  100. }
  101.  
  102. a:link, a:active, a:visited {
  103. color: {color:Link};
  104. text-decoration: none;
  105. text-transform: uppercase;
  106. }
  107.  
  108. a:hover {
  109. color: {color:Link Hover};
  110. text-decoration: underline;
  111. }
  112.  
  113. b, strong{
  114. color: {color:Border};
  115. }
  116.  
  117. p {
  118. margin: 8px 0px;
  119. }
  120.  
  121. h1 {
  122. font-family: {text:Header Font};
  123. color: {color:Link};
  124. font-size: 18px;
  125. line-height: 120%;  
  126. font-weight: normal;
  127. text-transform: uppercase;
  128. text-align: left;
  129. letter-spacing: 1px;
  130. margin: 0px 0px 5px 0px;
  131. padding-bottom: 5px;
  132. border-bottom: 1px solid {color:Link};
  133. }
  134.  
  135. h2 {
  136. font-family: {text:Header Font};
  137. color: {color:Link};
  138. font-size: 14px;
  139. line-height: 100%;  
  140. font-weight: normal;
  141. text-transform: uppercase;
  142. text-align: center;
  143. }
  144.  
  145. blockquote {
  146. padding: 4px;
  147. }
  148.  
  149. blockquote i {
  150. color: {color:Text};
  151. }
  152.  
  153. blockquote img {
  154. max-width: 100%;
  155. display: block;
  156. }
  157.  
  158. img {
  159. max-width: 100%;
  160. margin-bottom: 5px;
  161. }
  162.  
  163. #s-m-t-tooltip {
  164. max-width: 400px;
  165. z-index: 9999;
  166. margin: 15px;
  167. padding: 3px 5px;
  168. background: {color:Border};
  169. text-decoration: none;
  170. font-family: {text:Desc Font};
  171. font-size: 9px;
  172. color: {color:Posts};
  173. font-weight: normal;
  174. text-transform: uppercase;
  175. line-height: 12px;
  176. }
  177.  
  178.  
  179. #container {
  180. width: 980px;
  181. margin: 0px auto;
  182. text-align: center;
  183. }
  184.  
  185.  
  186. /* Sidebar
  187. -------------------------------------------------------------*/
  188.  
  189. #sidebar {
  190. position: fixed;
  191. top: 0;
  192. bottom: 0;
  193. width: 320px;
  194. height: 100%;
  195. background: {color:Sidebar};
  196. background-image: url('{image:Sidebar Bg}');
  197. background-repeat: no-repeat;
  198. background-position: bottom right;
  199.  
  200. }
  201.    
  202. #sideimg img {
  203. width: 240px;
  204. padding: 10px 10px 10px 0px;
  205. }
  206.  
  207. .desc {
  208. width: 220px;
  209. padding: 20px;
  210. margin: 100px auto 40px;
  211. background: {color:Desc Bg};
  212. font-family: {text:Desc Font};
  213. font-size: 11px;
  214. text-align: justify;
  215. line-height: 130%;
  216. font-style: italic;
  217. }
  218.  
  219. .desc a {
  220. text-transform: none;
  221. }
  222.  
  223. a.more {
  224. display: block;
  225. text-align: right;
  226. color: {color:Border};
  227. text-decoration: none;
  228. margin: 10px 0 0 0;
  229. }
  230.  
  231. a.more:hover {
  232. text-decoration: underline;
  233. }
  234.  
  235. .slinks {
  236. text-align: center;
  237. margin-bottom: 10px;
  238. font-style: normal;
  239. line-height: 190%;
  240. }
  241.  
  242. .slinks a {
  243. display: inline;
  244. padding: 3px 5px;
  245. text-transform: uppercase;
  246. background: {color:Border};
  247. font-size: 10px;
  248. color: #fff;
  249. }
  250.  
  251. .pagination {
  252. width: 100%;
  253. position: relative;
  254. margin: 10px 0px;
  255. text-align: center;
  256. font-size: 11px;
  257. line-height: 11px;
  258. text-transform: uppercase;
  259. }
  260.  
  261. .pagination a {
  262. color: #fff;
  263. }
  264.  
  265. .currentpage {
  266. background: transparent;
  267. width: 10px;
  268. height: 10px;
  269. padding: 3px 5px;
  270. }
  271.  
  272. .otherpage {
  273. padding: 3px 5px;
  274. background: {color:Border};
  275. width: 10px;
  276. height: 10px;
  277. }
  278.  
  279. .otherpage:hover {
  280. background: {color:Sidebar};
  281. }
  282.  
  283. .prevpage,
  284. .nextpage {
  285. background: {color:Border};
  286. width: 10px;
  287. height: 10px;
  288. padding: 3px 5px;
  289. }
  290.  
  291.  
  292. /* Entries
  293. -------------------------------------------------------------*/
  294.  
  295. #entries {
  296. top: 0;
  297. width: 620px;
  298. height: 100%;
  299. margin-left: 320px;
  300. background-color: transparent;
  301. float: left;
  302. }
  303.  
  304. #posts {
  305. width: 500px;
  306. padding: 30px;
  307. background-color: {color:Posts};
  308. text-align: justify;
  309. position: relative;
  310. margin: 40px auto;
  311. line-height: 120%;
  312. transition: all 0.5s ease-in-out;
  313. -webkit-transition: all 0.5s ease-in-out;
  314. -moz-transition: all 0.5s ease-in-out;
  315. -o-transition: all 0.5s ease-in-out;
  316. }
  317.  
  318.  
  319.  
  320. /* Post Info
  321. -------------------------------------------------------------*/
  322.  
  323. #info {
  324. font-size: 9px;
  325. text-transform: uppercase;
  326. text-align: left;
  327. width: 550px;
  328. position: relative;
  329. margin-top: 30px;
  330. background: transparent;
  331. font-family: {text:Desc Font};
  332. }
  333.  
  334. .dated {
  335. border-left: 9px solid {color:Border2};
  336. padding: 2px 4px;
  337. }
  338.  
  339. .tagged {
  340. border-left: 9px solid {color:Border};
  341. padding: 2px 4px;
  342. }
  343.  
  344.  
  345.  
  346.  
  347. /* @font-face (SOSA)
  348. -------------------------------------------------------------*/
  349.  
  350.  
  351. @font-face {
  352. font-family: 'sosa';
  353.     src: url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot");
  354.     src:
  355.         url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot?#iefix") format('embedded-opentype'),
  356.         url("http://static.tumblr.com/whx9ghv/zwPmbwkjn/sosa.woff") format('woff'),
  357.         url("http://static.tumblr.com/whx9ghv/5Skmbwkja/sosa.ttf") format('truetype'),
  358.         url("http://static.tumblr.com/whx9ghv/KXgmbwkj1/sosa.svg#icons") format('svg');
  359. font-weight: normal;
  360. font-style: normal;
  361. }
  362.  
  363.  
  364. .iconfont {
  365. font-family: 'sosa';
  366. font-size: 12px;
  367. }
  368.  
  369.  
  370.  
  371. /* Ask Posts
  372. -------------------------------------------------------------*/
  373.  
  374. .question:before {
  375. position: absolute;
  376. color: {color:border2};
  377. font-family: 'fontello';
  378. content: '\275e';
  379. font-size: 25px;
  380. z-index: 101;
  381. margin: 10px 5px;
  382. -webkit-transform: rotate(180deg);
  383. -moz-transform: rotate(180deg);
  384. -o-transform: rotate(180deg);
  385. transform: rotate(180deg);
  386. }
  387.  
  388. .asking {
  389. margin-left: 20px;
  390. padding: 10px;
  391. text-align: left;
  392. position: relative;
  393. z-index: 1000;
  394. }
  395.  
  396. .asker {
  397. text-transform: uppercase;
  398. text-align: left;
  399. }
  400.  
  401. .answer {
  402. padding: 5px 0px;
  403. }
  404.  
  405.  
  406. /* Quote Posts
  407. -------------------------------------------------------------*/
  408.  
  409. .quotewrap {
  410. width: 350px;
  411. margin: 20px auto;
  412. padding: 20px 25px;
  413. position: relative;    
  414. }
  415.  
  416. .quote {
  417. margin-top: 15px;
  418. padding-top: 20px;
  419. }
  420.  
  421. .out:after {
  422. font-family: 'sosa';
  423. content: 'C';
  424. background: transparent;
  425. width: 50px;
  426. height: 50px;
  427. position: absolute;
  428. color: {color:border};
  429. text-shadow: 0 1px 1px rgba(255,255,255,0.1);
  430. font-size: 35px;
  431. line-height: 50px;
  432. text-align: center;
  433. left: 50%;
  434. margin-left: -25px;
  435. top: -15px;
  436. cursor: pointer;
  437. z-index: 100;
  438. }
  439.  
  440. .soucite {
  441. font-size: 9px;
  442. letter-spacing: 1px;
  443. margin: 10px;
  444. padding-left: 10px;
  445. text-transform: uppercase;
  446. }
  447.  
  448.  
  449.  
  450. /* Audio Posts
  451. -------------------------------------------------------------*/
  452.  
  453. .audioplayer {
  454. position: absolute;
  455. z-index: 3;
  456. opacity: 0.7;
  457. margin: 33px;
  458. }
  459.  
  460. .audio {
  461. width: 10px;
  462. padding: 5px 20px 5px 5px;
  463. background-color: #fefefe;
  464. overflow: hidden;
  465. }
  466.  
  467. #audiocap {
  468. min-height: 100px;
  469. }
  470.  
  471. #audioinfo {
  472. height: 10px;
  473. padding: 4px 5px;
  474. display: block;
  475. overflow: hidden;
  476. text-align: left;
  477. margin-bottom: 3px;
  478. text-transform: uppercase;
  479. }
  480.  
  481. #audioinfo b {
  482. color: {color:Link};
  483. }
  484.  
  485. #audioimg img {
  486. margin-right: 2px;
  487. }
  488.  
  489.  
  490.  
  491. /* Chat Posts
  492. -------------------------------------------------------------*/
  493.  
  494. .user_1 .label {color:{color:link}; font-weight:bold}
  495. .user_2 .label {color:{color:link hover}; font-weight:bold}
  496. .user_3 .label {color:{color:link}; font-weight:bold}
  497. .user_4 .label {color:{color:link hover}; font-weight:bold}
  498. .user_5 .label {color:{color:link}; font-weight:bold}
  499. .user_6 .label {color:{color:link hover}; font-weight:bold}
  500. .user_7 .label {color:{color:link}; font-weight:bold}
  501. .user_8 .label {color:{color:link hover}; font-weight:bold}
  502. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  503.  
  504.  
  505.  
  506. /* Post Notes (Permalink Page)
  507. -------------------------------------------------------------*/
  508.  
  509. ol.notes, .notes li {
  510. list-style:none;
  511. margin: 0px;
  512. padding: 0px;
  513. }
  514.  
  515. .ending {
  516. max-width: 500px;
  517. text-align: left;
  518. padding: 10px;
  519. text-decoration: none;
  520. line-height: 180%;
  521. position: relative;
  522. }
  523.  
  524. .ending a {
  525. text-transform: uppercase;
  526. font-size: 10px;
  527. }
  528.  
  529. .ending img {
  530. width: 10px;
  531. height: 10px;
  532. border: 2px solid {color:Tags};
  533. margin-right: 2px;
  534. }
  535.  
  536. .creds {
  537. position: fixed;
  538. width: 320px;
  539. text-align: center;
  540. bottom: 15px;
  541. z-index: 9999;
  542. text-transform: uppercase;
  543. font-size: 10px;
  544. }
  545.  
  546. .creds a {
  547. padding: 3px 5px;
  548. text-transform: uppercase;
  549. background: {color:Border};
  550. color: #fff;
  551. }
  552.  
  553.  
  554. </style>
  555. <style type="text/css">{CustomCSS}</style>
  556. </head>
  557.  
  558.  
  559.  
  560. <body>
  561.  
  562. <div id="container">
  563.  
  564. <div id="sidebar">
  565.  
  566. <div class="desc">
  567. <div class="slinks">
  568. <a href="/">index</a>
  569. <a href="/ask">message</a>
  570. <a href="/submit">submit</a>
  571. <br>
  572. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  573. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  574. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  575. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  576. </div>
  577.  
  578. {block:Description}{Description}{/block:Description}
  579. {block:IfRead}<a class="more" href="{text:Read URL}">+ {text:Read Title}</a>{/block:IfRead}    
  580.  
  581. </div>
  582.  
  583. <div class="pagination">{block:Pagination}
  584. {block:PreviousPage}<span class="prevpage"><a href="{PreviousPage}">«</a></span>{/block:PreviousPage}
  585. {block:JumpPagination length="6"}
  586. {block:CurrentPage}<span class="currentpage">{PageNumber}</span>{/block:CurrentPage}
  587. {block:JumpPage}<a class="otherpage" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  588. {/block:JumpPagination}
  589. {block:NextPage}<span class="nextpage"><a href="{NextPage}">»</a></span>{/block:NextPage}
  590. {/block:Pagination}</div>
  591.  
  592. <div class="creds"><a href="http://nutty-themes.tumblr.com/">Theme Credit</a></div>
  593. </div>
  594.  
  595.  
  596. <div id="entries">
  597. {block:Posts}
  598. <div id="posts">
  599.  
  600. {block:Quote}<div class="quotewrap quote"><a class="out" href="{SourceURL}" title="Source"></a>
  601. <h2>{Quote}</h2><div class="soucite">&nbsp;- {Source}</div></div>{/block:Quote}
  602.  
  603. {block:Title}<h1>{Title}</h1>{/block:Title}
  604.  
  605. {block:Text}{Body}{/block:Text}
  606.  
  607. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  608.  
  609. {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}
  610. {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}
  611. {block:PermalinkPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:PermalinkPage}
  612.  
  613. {block:If400Posts}{block:IndexPage}{block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}{/block:If400Posts}
  614. {block:If500Posts}{block:IndexPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}{/block:If500Posts}
  615. {block:PermalinkPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:PermalinkPage}
  616.  
  617. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  618.  
  619. {block:If400Posts}{block:IndexPage}{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}{/block:If400Posts}
  620. {block:If500Posts}{block:IndexPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}{/block:If500Posts}
  621. {block:PermalinkPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:PermalinkPage}
  622.  
  623. {block:Answer}<div class="question"><div class="asking"><span class="asker">{Asker} ASKED:</span><br> {Question}</div></div>
  624. <div class="answer">{Answer}</div>{/block:Answer}
  625.  
  626. {block:Audio}{block:AlbumArt}<div id="audioimg"><img src="{AlbumArtURL}" width="100" height="100" align="left"></div>{/block:AlbumArt}
  627. <div class="audioplayer"><div class="audio">{AudioPlayerWhite}</div></div>
  628. <div id="audiocap"><div id="audioinfo"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  629. <div id="audioinfo"><b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  630. <div id="audioinfo"><b>ALBUM:</b> {block:Album}{Album}{/block:Album}</div>
  631. <div id="audioinfo">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  632. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>{/block:Audio}
  633.  
  634.  
  635. <div id="info">
  636. <div class="dated">{block:Date}POSTED <a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year} @ {24HourWithZero}:{Minutes} </a>{/block:Date} {block:NoteCount}WITH {NoteCountWithLabel}{/block:NoteCount}
  637. {block:RebloggedFrom}<br>REBLOGGED FROM: <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  638. {block:ContentSource}(SOURCE: <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}
  639. </div>
  640.  
  641. {block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  642. </div>
  643.  
  644. </div>
  645.  
  646. {/block:Posts}
  647.  
  648. {block:PostNotes}<div class="ending">{PostNotes}</div>{/block:PostNotes}
  649.  
  650. </div>
  651.  
  652. </div>
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660. <script src="http://static.tumblr.com/whx9ghv/omZm88ne9/jquery.style-my-tooltips.js"></script>
  661. <script type="text/javascript">
  662.     (function($){
  663.         $(document).ready(function(){
  664.             $("[title]").style_my_tooltips({
  665.             tip_delay_time:200,
  666.         });
  667.         });
  668.     })(jQuery);
  669. </script>
  670.  
  671. </body>
  672. </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!