API tools faq
paste
Advertisement
yuukithemes

patterns theme

yuukithemes
Sep 7th, 2014
4,919
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.62 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!-- patterns theme by hentaist / don't delete / hide credit -->
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6.  
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <!--Default Variables-->
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#aaaaaa"/>
  18. <meta name="color:Link" content="#000000"/>
  19. <meta name="color:border" content="#ccc"/>
  20. <meta name="color:italic" content="#444444">
  21. <meta name="color:bold" content="#444444">
  22. <meta name="color:post info" content="#f5f5f5"/>
  23. <meta name="color:bigborder" content="#fff"/>
  24. <meta name="image:Sidepic" content=""/>
  25. <meta name="if:rounded" content="1"/>
  26. <meta name="if:double" content="1"/>
  27. <meta name="image:patterns" content=""/>
  28. <meta name="image:home" content=""/>
  29. <meta name="image:ask" content=""/>
  30. <meta name="image:link1" content=""/>
  31. <meta name="image:link2" content=""/>
  32. <meta name="image:link3" content=""/>
  33. <meta name="if:pixel links" content="0"/>
  34. <meta name="if:text links" content="1"/>
  35. <meta name="if:cute links" content="0"/>
  36. <meta name="if:hugeborder" content="1"/>
  37. <meta name="if:search bar" content="1"/>
  38. <meta name="if:description" content="1"/>
  39. <meta name="if:sidebar border" content="1"/>
  40. <meta name="if:border2" content="0"/>
  41. <meta name="if:single border" content="0"/>
  42.  
  43. <meta name="text:Link 1 URL" content="" />
  44. <meta name="text:Link 1" content="" />
  45. <meta name="text:Link 2 URL" content="" />
  46. <meta name="text:Link 2" content="" />
  47. <meta name="text:Link 3 URL" content="" />
  48. <meta name="text:Link 3" content="" />
  49.  
  50.  
  51. <!-- jquery for tooltips-->
  52.  
  53. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  54. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  55.  
  56.  
  57. <!--CSS customization here. -->
  58.  
  59. <style type="text/css">
  60.  
  61. #s-m-t-tooltip{
  62. max-width:80px;
  63. margin-top:25px;
  64. margin-left:15px;
  65. padding:5px;
  66. z-index:99999;
  67. background:url('{image:patterns}');
  68. font-size:10px;
  69. letter-spacing:1px;
  70. font-style:none;
  71. text-transform:lowercase;
  72. line-height:14px;
  73. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  74. }
  75.  
  76. /*basics*/
  77.  
  78. blockquote {
  79. padding-left:6px;
  80. margin:10px;
  81. border-left:2px solid {color:text};
  82. word-wrap:break-word;
  83. }
  84.  
  85. body {
  86. background:{color:background};
  87. color:{color:text};
  88. font-family:'Lucida Sans', 'Lucida Grande',
  89. 'Lucida Sans Unicode', sans-serif;
  90. font-size:10px;
  91. margin:0;
  92. line-height:16px;}
  93.  
  94.  
  95. a {
  96. color:{color:link};
  97. text-align:justify;
  98. word-wrap:break-word;
  99. text-decoration:none;
  100. }
  101.  
  102. a:hover {
  103. border-bottom:1px solid {color:border};
  104. }
  105.  
  106. img{
  107. opacity:1;
  108. border:none;
  109. text-decoration:none}
  110.  
  111. small {
  112. font-size:9px;}
  113.  
  114. big {
  115. font-size:12px;}
  116.  
  117. #title {
  118. font-size:13px;
  119. line-height:18px;
  120. font-weight:100;
  121. background:{color:background};
  122. padding:5px;
  123. border:1px solid {color:border};
  124. margin-bottom:10px;
  125. text-transform:uppercase;
  126. text-align:left;}
  127.  
  128. /*sidebar*/
  129.  
  130. #sidebar {
  131. text-align:left;
  132. position:fixed;
  133. background:white;
  134. padding:5px;
  135. margin-left:-195px;
  136. margin-top:100px;
  137. width:140px;
  138. {block:ifrounded}
  139. border-radius:6px;
  140. {/block:ifrounded}
  141. {block:ifsidebarborder}
  142. {block:ifborder2}
  143. border-left:1px solid {color:border};
  144. border-top:1px solid {color:border};
  145. border-bottom:2px solid {color:border};
  146. border-right:2px solid {color:border};
  147. {/block:ifborder2}
  148. {block:ifsingleborder}
  149. border:1px solid {color:border};
  150. {/block:ifsingleborder}
  151. {block:ifdouble}
  152. border:4px double {color:border};
  153. {/block:ifdouble}
  154. {/block:ifsidebarborder}
  155. }
  156.  
  157. #image {
  158. width:110px;
  159. margin:2px;
  160. border-radius:6px;
  161. padding:10px;
  162. background:url('{image:patterns}');
  163. border:1px solid {color:border};}
  164.  
  165. #blogt {font-size:18px;
  166. font-weight:100;
  167. background:{color:border};
  168. }
  169.  
  170. i, em {
  171. background:{color:background};
  172. color:{color:italic};
  173. }
  174.  
  175. b, strong {color: {color:Bold};}
  176.  
  177. #links {
  178. margin-left:0px;
  179. margin-top:5px
  180. text-transform:lowercase;
  181. }
  182.  
  183. #links img {
  184. padding:3px;
  185. margin-bottom:-4px;
  186. }
  187.  
  188. #links a {
  189. background: {color:background} url('{image:patterns}');
  190. border:1px dashed {color:border};
  191. display:inline-block;
  192. text-align:center;
  193. margin-top:5px;
  194. }
  195.  
  196.  
  197. .search {
  198. background-image:url('{image:patterns}');
  199. border:0;
  200. text-align:center;
  201. width:120px;
  202. border:1px dashed {color:border};
  203. z-index:99999;
  204. margin-bottom:3px;
  205. {block:ifcutelinks}
  206. margin-bottom:8px;
  207. {/block:ifcutelinks}
  208. border-radius: 4px;
  209. padding: 4px;
  210. }
  211.  
  212. #description {
  213. padding:5px;
  214. }
  215.  
  216. #description a {
  217. color:{color:text};
  218. }
  219.  
  220. #backdrop {
  221. width:660px;
  222. border:1px solid {color:border};
  223. {block:ifdouble}
  224. border:4px double {color:border};
  225. {/block:ifdouble}
  226. height:100%;
  227. top:-3px;
  228. margin-left:-220px;
  229. position:fixed;
  230. z-index:-99999!important;
  231. background: {color:bigborder};
  232. }
  233.  
  234. .postWrapper {
  235. width:342px;
  236. padding:10px;
  237. {block:ifborder2}
  238. border-left:1px solid {color:border};
  239. border-top:1px solid {color:border};
  240. border-bottom:2px solid {color:border};
  241. border-right:2px solid {color:border};
  242. {/block:ifborder2}
  243. {block:ifsingleborder}
  244. border:1px solid {color:border};
  245. {/block:ifsingleborder}
  246. {block:ifdouble}
  247. border:4px double {color:border};
  248. {/block:ifdouble}
  249. {block:ifrounded}
  250. border-radius:6px;
  251. {/block:ifrounded}
  252. background-attachment:fixed;
  253. float:left;
  254. margin:0 0 70px 0;
  255. background: #fff url('{image:patterns}');
  256. }
  257.  
  258. li {
  259. margin-left:-10px;
  260. }
  261.  
  262. /*pagination*/
  263.  
  264. #pagination {
  265. margin:50px 0;
  266. text-align:center;
  267. text-transform:lowercase;
  268. font-weight:bold;
  269. }
  270.  
  271. #pagination a {
  272. padding:8px;
  273. margin-right:15px;
  274. color:{color:text};
  275. font-size:14px;
  276. font-family:courier new;
  277. background:white;
  278. border:1px solid {color:border};
  279. }
  280.  
  281. /*container*/
  282.  
  283. #con {
  284. left:55%;
  285. margin-top:-30px;
  286. margin-left:-250px;
  287. position:absolute;
  288. }
  289.  
  290. /*posts*/
  291.  
  292. #entries {
  293. margin-top:75px;
  294. width:360px;
  295. margin-left:50px;
  296. }
  297.  
  298. #posts {
  299. width:330px;
  300. padding:4px;
  301. background:white;
  302. border:2px solid {color:border};
  303. }
  304.  
  305. #posts img {
  306. max-width:500px;
  307. }
  308.  
  309. #posts img, #posts li, #posts blockquote { max-width: 100%;}
  310.  
  311. .caption {
  312. width:100%;
  313. margin-top:10px;
  314. }
  315.  
  316. /*quote*/
  317.  
  318. #titlequote{
  319. text-align:left;
  320. font-size:14px;
  321. line-height:18px;
  322. font-weight:bold;
  323. }
  324.  
  325. #source {
  326. margin-top:15px;
  327. margin-left:15px;}
  328.  
  329. /*audio*/
  330.  
  331. .audio {
  332. border:1px dashed {color:border};
  333. padding: 7px;
  334. margin-bottom: 10px;
  335. -moz-border-radius: 4px;
  336. -webkit-border-radius: 4px;
  337. border-radius: 4px;
  338. }
  339.  
  340. .player {
  341. width: 26px;
  342. height: 27px;
  343. display: block;
  344. border:1px solid {color:border};
  345. overflow: hidden;
  346. -moz-transition:all linear 0.8s;
  347. -webkit-transition:all linear 0.8s;
  348. -o-transition:all linear 0.8s;
  349. transition:all linear 0.8s;
  350. }
  351.  
  352.  
  353. /*asks*/
  354. .q {
  355. margin-bottom:10px;
  356. font-style:italic;
  357. border-bottom:1px solid {color:border};
  358. padding:5px;
  359. }
  360.  
  361. .a {
  362. margin:10px;
  363. }
  364.  
  365. /*chat*/
  366.  
  367. .chat ol {
  368. padding:0;
  369. list-style:none;
  370. }
  371.  
  372. .chat li {
  373. margin:5px;
  374. }
  375. .line {
  376. padding:5px 0;
  377. border-bottom:1px solid {color:border};}
  378.  
  379. .label {
  380. font-weight:bold;
  381. }
  382.  
  383. /*permalink and notes*/
  384.  
  385. #permalink {
  386. margin-top:5px;
  387. margin-left:-3px;
  388. margin-right:-3px;
  389. margin-bottom:-3px;
  390. padding:3px;
  391. font-size:10px;
  392. background:{color:post info};
  393. border-top:1px dotted {color:border};
  394. text-transform:justify;
  395. }
  396.  
  397. #permalink a {
  398. margin-right:5px;
  399. color:{color:text};
  400. }
  401.  
  402. .pagenotes {
  403. {block:IndexPage}
  404. display: none!important;
  405. {/block:IndexPage}
  406. width:340px;
  407. background:white;
  408. text-align:left;
  409. word-wrap:break-word;
  410. }
  411.  
  412. .pagenotes img {
  413. display:none!important;}
  414.  
  415. .pagenotes li {
  416. list-style-type:none;
  417. padding:5px 0px;
  418. text-align:left;
  419. margin:10px;
  420. word-wrap:break-word;
  421. }
  422.  
  423. .pagenotes a {
  424. color:{color:Text};
  425. }
  426.  
  427. ol.notes {
  428. text-align:left;
  429. margin-left:-20px;
  430. word-wrap:break-word;
  431. width:300px;
  432. }
  433.  
  434. iframe img {
  435. max-width:100%;
  436. }
  437.  
  438. #sighs {
  439. margin:10px;
  440. word-wrap:break-word;
  441. text-align:justify;
  442. }
  443.  
  444. {CustomCSS}
  445.  
  446.  
  447. </style>
  448.  
  449.  
  450.  
  451. </head>
  452.  
  453. <body>
  454.  
  455. <div id="con">
  456. {block:ifhugeborder}<div id="backdrop"></div>{/block:ifhugeborder}
  457. <div id="sidebar">
  458. <center><img id="image" src="{image:sidepic}"></center>
  459. {block:ifsearchbar}<center><form action="/search" method="get" id="search-form">
  460. <input class="search" type="text" placeholder="search here..." name="q" value="" style="outline:none;"/></form></center>{/block:ifsearchbar}
  461. {block:ifdescription}<div id="description">{description}</div>
  462. {/block:ifdescription}
  463. {block:ifpixellinks}
  464. <center>
  465. <div id="links">
  466. <a href="/"><img src="{image:home}" title="home"></a>
  467. <a href="/ask"><img src="{image:ask}" title="mail"></a>
  468. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"><img src="{image:link1}"></a>{/block:ifLink1}
  469. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"><img src="{image:link2}"></a>{/block:ifLink2}
  470. {block:ifLink3}<a href="{text:Link 3 URL}" {text:Link 3}><img src="{image:link3}"></a> {/block:ifLink3}</center>
  471. {/block:ifpixellinks}
  472.  
  473. {block:iftextlinks}
  474. <center>
  475. <a href="/">home</a>
  476. <a href="/ask">ask</a>
  477. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  478. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  479. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}</center>
  480. {/block:iftextlinks}
  481.  
  482. {block:ifcutelinks}
  483. <center>
  484. <a href="/" style="background:{color:background};padding:2px;border-radius:4px;border:1px dashed {color:border};margin-right:3px;">home</a>
  485. <a href="/ask" style="background:{color:background};padding:2px;border-radius:4px;border:1px dashed {color:border};margin-right:3px;">ask</a>
  486. {block:ifLink1}<a href="{text:Link 1 URL}" style="background:{color:background};padding:2px;border-radius:4px;border:1px dashed {color:border};margin-right:3px;">{text:Link 1}</a>{/block:ifLink1}
  487. {block:ifLink2}<a href="{text:Link 2 URL}" style="background:{color:background};padding:2px;border-radius:4px;border:1px dashed {color:border};margin-right:3px;">{text:Link 2}</a>{/block:ifLink2}
  488. {block:ifLink3}<a href="{text:Link 3 URL}"style="background:{color:background};padding:2px;border-radius:4px;border:1px dashed {color:border};">{text:Link 3}</a> {/block:ifLink3}</center>
  489. {/block:ifcutelinks}
  490. </div>
  491.  
  492. <div id="entries">
  493. {block:SearchPage}
  494. {block:SearchResults}
  495. <h3>{lang:SearchResultCount results for SearchQuery 2}</h3>
  496. {/block:SearchResults}
  497. {block:NoSearchResults}
  498. <h3>{lang:No search results for SearchQuery 2}</h3>
  499. {/block:NoSearchResults}
  500. {/block:searchpage}
  501.  
  502. {block:Posts}
  503. <div class='postWrapper'>
  504. <div id="posts">
  505.  
  506. {block:Quote}
  507.  
  508.  
  509. <div id="titlequote">“{Quote}”</div>
  510. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  511. {/block:Quote}
  512.  
  513.  
  514.  
  515. {block:Text}
  516.  
  517. {block:Title}
  518. <div id="title">{Title}</div>{/block:Title}
  519. <div id="sighs">{Body}</div>
  520. {/block:Text}
  521.  
  522. {block:Link}
  523. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  524. {/block:Link}
  525.  
  526. {block:Chat}
  527. {block:Title}
  528. <h1>{Title}</h1>
  529. {/block:Title}
  530. <div class="chat">
  531. <ol>{block:Lines}
  532. <li class="line {Alt}">
  533. {block:Label}
  534. <span class="label">
  535. {Label}</span>
  536. {/block:Label}{Line}</li>
  537. {/block:Lines}
  538. </ol></div>
  539. {/block:Chat}
  540.  
  541. {block:Photo}
  542. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  543. {/block:Photo}
  544.  
  545. {block:Photoset}
  546. {Photoset}
  547. {/block:Photoset}
  548.  
  549. {block:Video}
  550. <div style="padding-top:20px;padding-bottom:20px;padding-right:10px;padding-left:10px;background:{color:background};border:1px dashed {color:border};width:280px;margin:13px"><center>{Video-250}</center></div>
  551. {/block:Video}
  552.  
  553. {block:Audio}
  554. <div style="border:1px dashed {color:border}; padding:4px; font-style:italic;background:#fbfbfb;border-radius:4px;">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div><div style="margin-top:-30px;margin-left:35px;background:color:{color:background};border-radius:4px;">{block:TrackName} {TrackName}{/block:TrackName} {block:Artist} / {Artist}{/block:Artist}<br>{block:PlayCount}{PlayCountWithLabel} {/block:PlayCount}</div>
  555. {/block:AudioPlayer}</div>
  556. {/block:Audio}
  557.  
  558. {block:Answer}
  559. <div class="q">
  560. <b>{Asker} said: </b>{Question}</div>
  561. <div class="a">{Answer}</div>
  562. {/block:Answer}
  563.  
  564. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  565.  
  566. {block:Date}
  567. <div id="permalink">
  568. <a href="{Permalink}">{NoteCount}N. ({block:Reblog}{lang:Reblogged from ReblogParentName} {block:RebloggedFromReblog}{/block:RebloggedFromReblog}{/block:Reblog}{block:NotReblog}{lang:Posted TimeAgo from source}{/block:NotReblog})</a>{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>
  569. {/block:Date}
  570.  
  571.  
  572.  
  573. </div>
  574.  
  575.  
  576. {block:PostNotes}
  577. <div class="pagenotes">
  578. {PostNotes}
  579. </div>
  580. {/block:PostNotes}
  581. </div>
  582.  
  583. {/block:Posts}
  584.  
  585. <div id="pagination">
  586. {block:Pagination}
  587. {block:PreviousPage}
  588. <a href="{PreviousPage}"> &larr; previous </a>
  589. {/block:PreviousPage}
  590.  
  591.  
  592. {block:NextPage}
  593. <a href="{NextPage}"> next &rarr;</a>
  594. {/block:NextPage}
  595. {/block:Pagination}
  596. </div>
  597.  
  598.  
  599.  
  600. </div>
  601.  
  602. </div>
  603.  
  604. <!-- please do NOT remove this credit. -->
  605. <div style="position:fixed;bottom:5px;left:5px;border:1px dashed {color:border};background:white;padding:2px;opacity:.7;font-size:9px;text-align:center;"> <a href="http://hentaist.tumblr.com">original theme <br>by hentaist</a></div>
  606.  
  607. {block:ContentSource}
  608. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  609. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  610. {/block:SourceLogo}
  611. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  612. {/block:ContentSource}
  613.  
  614. </body></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!