aubrieta

05 theme: poyraz

Dec 29th, 2015
1,530
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.29 KB | None | 0 0
  1. <!---
  2.  
  3. theme: poyraz
  4.  
  5. do not steal, claim as your own, redistribute.
  6. do not remove the credit.
  7.  
  8. coded by
  9. aubretia (ifallontragedy)
  10.  
  11. --->
  12.  
  13.  
  14.  
  15. <!DOCTYPE html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!--Default Variables-->
  25.  
  26. <meta name="color:background" content="#f6f6f6"/>
  27. <meta name="color:post bg" content="#fff"/>
  28. <meta name="color:text" content="#525252"/>
  29. <meta name="color:link" content="#bcbcbc"/>
  30. <meta name="color:hover" content="#000000"/>
  31. <meta name="color:border" content="#e7e7e7"/>
  32. <meta name="color:page borders" content="#e7e7e7"/>
  33. <meta name="color:accent" content="#8c4050"/>
  34.  
  35. <meta name="image:background" content="" />
  36.  
  37. <meta name="text:main font" content="georgia, serif" />
  38. <meta name="text:secondary font" content="news gothic mt, sans-serif" />
  39. <meta name="text:link i" content="" />
  40. <meta name="text:link ii" content="" />
  41. <meta name="text:link iii" content="" />
  42. <meta name="text:link iv" content="" />
  43. <meta name="text:link i text" content="link i" />
  44. <meta name="text:link ii text" content="link ii" />
  45. <meta name="text:link iii text" content="link iii" />
  46. <meta name="text:link iv text" content="link iv" />
  47.  
  48. <meta name="if:500px posts" content="1"/>
  49.  
  50.  
  51. <!-- jquery for tooltips-->
  52.  
  53.  
  54. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  55.  
  56. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  57.  
  58. <style type="text/css">
  59.  
  60. /*MAIN*/
  61. body {
  62. background:{color:background};
  63. {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}
  64. color:{color:text};
  65. font-family: {text:main font};
  66. font-size: 10.5px;
  67. letter-spacing: 0.2px;
  68. font-weight:300;
  69. word-spacing: 2px;
  70. text-align:justify;
  71. line-height:1.1em;
  72. margin: 0;
  73. overflow-y: scroll;
  74. overflow-x: hidden;
  75. }
  76.  
  77. a {
  78. color:{color:link};
  79. text-decoration: none;
  80. }
  81.  
  82. a:hover {
  83. color: {color:hover};
  84. }
  85.  
  86. #top, #bottom, #left {
  87. background: {color:page borders};
  88. position: fixed;
  89. z-index: 1;
  90. }
  91.  
  92. #left {
  93. top: 0; bottom: 0; left: 0;
  94. width: 20px;
  95. }
  96.  
  97. #top, #bottom {
  98. left: 0; right: 0;
  99. height: 20px;
  100. }
  101.  
  102. #top { top: 0; }
  103. #bottom { bottom: 0; }
  104.  
  105.  
  106. #entries {
  107. position:relative;
  108. height: 100%;
  109. padding-bottom: 10px;
  110. padding-top: 80px;
  111. line-height:130%;
  112. }
  113.  
  114. #posts {
  115. padding: 15px;
  116. text-align: justify;
  117. height: 100%;
  118. background: {color:post bg};
  119. border: 1px solid {color:border};
  120. line-height:130%;
  121. margin-left: auto;
  122. margin-right: auto;
  123. {block:ifnot500pxposts}width: 400px;{/block:ifnot500pxposts}
  124. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  125. position: relative;
  126. margin-bottom: 17px;
  127. }
  128.  
  129. #posts img {
  130. {block:ifnot500pxposts}max-width: 400px!important;{/block:ifnot500pxposts}
  131. {block:if500pxposts}max-width: 500px!important;{/block:if500pxposts}
  132. margin: auto;
  133. }
  134.  
  135. #permalink {
  136. word-spacing: 3px;
  137. margin-top: 15px;
  138. font-family: {text:secondary font};
  139. border-top: 1px solid {color:border};
  140. font-size: 9px;
  141. text-align: center;
  142. padding-top: 10px;
  143. color: silver;
  144. }
  145.  
  146.  
  147. #permalink a {
  148. color: silver;
  149. }
  150.  
  151. .date {
  152. text-transform: lowercase;
  153. margin-right: 3px;
  154. font-weight: bold;
  155. }
  156.  
  157. .date:first-letter{
  158. text-transform: capitalize;
  159. }
  160.  
  161. .tags {
  162. margin-top: 4px;
  163. font-family: georgia;
  164. }
  165.  
  166. .tags a {
  167. padding-right: 3px;
  168. }
  169.  
  170. .tags a:hover {
  171. color: {color:hover}!important;
  172. }
  173.  
  174. .tags a::before {
  175. content: '#';
  176. opacity: 0.5;
  177. }
  178.  
  179. .tags a::after {
  180. margin-right: 10px;
  181. }
  182.  
  183.  
  184. /*HEAD*/
  185. #head {
  186. position: relative;
  187. width: 550px;
  188. background: {color:post bg};
  189. border: 1px solid {color:border};
  190. padding: 30px 70px;
  191. margin-top: 120px;
  192. margin-left: auto;
  193. margin-right: auto;
  194. }
  195.  
  196. .dsc {
  197. width: 250px;
  198. text-align: right;
  199. }
  200.  
  201. .links {
  202. text-align: center;
  203. margin-bottom: 15px;
  204. }
  205.  
  206. .links a {
  207. display: block;
  208. font-weight: normal;
  209. font-weight: bold;
  210. text-transform: uppercase;
  211. text-align: left;
  212. font-size: 7px;
  213. font-family: {text:secondary font};
  214. letter-spacing: 1px;
  215. padding: 1.5px 0px;
  216. }
  217.  
  218. .img {
  219. text-align: center;
  220. }
  221.  
  222. .img img { width: 70px;
  223. border-radius: 100%;
  224. -moz-border-radius: 100%;
  225. -webkit-border-radius: 100%;
  226.  
  227. }
  228.  
  229. /*PAGINATION*/
  230. #pag {
  231. position: relative;
  232. text-transform: uppercase;
  233. font-size: 8px;
  234. text-align: center;
  235. width: 170px;
  236. margin: 0px auto;
  237. margin-top: 20px;
  238. z-index: 1000000;
  239. }
  240.  
  241. #pag a {
  242. color: {color:links};
  243. font-family: {text:secondary font};
  244. font-weight: bold;
  245. }
  246.  
  247. #pag a:hover {
  248. color: {color:hover};
  249. }
  250.  
  251.  
  252. /*INSIDE POSTS*/
  253. #posts img, #posts img a {
  254. {block:ifnot500pxposts}max-width: 400px;{/block:ifnot500pxposts}
  255. {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
  256. }
  257.  
  258. bold, strong, b {
  259. font-weight: bold;
  260. font-family: {text:secondary font};
  261. text-transform: uppercase;
  262. font-size: 9px;
  263. }
  264.  
  265. i, italic, em {
  266. font-style: italic;
  267. color: {color:accent};
  268. }
  269.  
  270. small, sub, big, sup {
  271. font-size: 9.5px;
  272. }
  273.  
  274. code {
  275. font-family: courier new;
  276. letter-spacing: 0px;
  277. font-size: 12px;
  278. }
  279.  
  280. blockquote {
  281. border-left: 1px solid {color:border};
  282. padding-left: 10px;
  283. margin-left: 5px;
  284. max-width: 400px!important;
  285. margin-right: 5px;
  286. }
  287.  
  288. ul li {
  289. list-style: circle;
  290. list-style-position: outside;
  291. }
  292.  
  293. ol li {
  294. list-style: lower-roman;
  295. list-style-position: outside;
  296. }
  297.  
  298. .chat {
  299. font-family: courier new;
  300. }
  301.  
  302. .chat b {
  303. font-family: {text:main font};
  304. }
  305.  
  306. /*NOTES*/
  307. ol.notes {
  308. list-style-type:none;
  309. {block:ifnot500pxposts}width: 390px;{/block:ifnot500pxposts}
  310. {block:if500pxposts}width: 490px;{/block:if500pxposts}
  311. margin: 0 auto;
  312. }
  313.  
  314. ol.notes li.note {
  315. list-style-type:none;
  316. border-bottom: 1px solid {color:border};
  317. margin-left: -40px;
  318. padding: 5px 7px;
  319. }
  320.  
  321. ol.notes li.note img {
  322. display: none;
  323. }
  324.  
  325. img {
  326. filter: none;
  327. }
  328.  
  329. /*POST TITLE*/
  330. .ptitle {
  331. line-height: 130%;
  332. color: {color:accent};
  333. font-size: 14px;
  334. font-weight: bold;
  335. font-family: {text:secondary font};
  336. }
  337.  
  338. .ptitle a {
  339. color: {color:accent};
  340. }
  341.  
  342. .ptitle a:hover {
  343. color: {color:hover};
  344. }
  345.  
  346. /*quote*/
  347. .quote {
  348. text-align: center;
  349. font-size: 15px;
  350. font-family: {text:main font};
  351. font-style: italic;
  352. line-height: 1.3em;
  353. margin-bottom: 20px;
  354. word-spacing: 3px;
  355. color: {color:accent};
  356. }
  357.  
  358. .source {
  359. width: 250px;
  360. border-top: 1px solid {color:border};
  361. font-style: normal;
  362. margin-bottom: 10px;
  363. font-family: {text:secondary font};
  364. text-align: center;
  365. margin-top:-5px;
  366. text-transform: uppercase;
  367. font-size: 8.5px;
  368. letter-spacing: 1;
  369. }
  370.  
  371. /*ASK*/
  372. #ask {
  373. padding-bottom: 15px;
  374. padding-top: 10px;
  375. margin-bottom:7px;
  376. border-bottom: 1px solid {color:border};
  377. text-align: center;
  378. }
  379.  
  380. .asker {
  381. text-transform: uppercase;
  382. letter-spacing: 1px;
  383. font-size: 7px;
  384. font-family: {text:secondary font};
  385. text-align: right;
  386. }
  387.  
  388. .asker a {
  389. color: {color:accent};
  390. }
  391.  
  392. .asker a:hover {
  393. color: {color:hover};
  394. }
  395.  
  396. .askicon {
  397. float: right;
  398. filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  399. filter: gray; /* IE6-9 */
  400. -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  401. -webkit-border-radius: 100%;
  402. border-radius: 100%;
  403. -moz-border-radius: 100%;
  404. margin-left: 5px;
  405. width: 16px;
  406. }
  407.  
  408. /*AUDIO*/
  409. .albumart img {
  410. width: 70px;
  411. float: right;
  412. padding: 3px;
  413. border: 1px solid {color:border};
  414. }
  415.  
  416. .albumart {
  417. text-align: center;
  418. }
  419.  
  420. .audio {
  421. margin-bottom: 5px;
  422. }
  423.  
  424. #play {
  425. opacity: 0.5;
  426. background-color: white;
  427. z-index: 1000;
  428. {block:ifnot500pxposts}margin: 2px 340px;{/block:ifnot500pxposts}
  429. {block:if500pxposts}margin: 2px 440px;{/block:if500pxposts}
  430. position: absolute;
  431. top: 30px;
  432. -moz-border-radius: 100%;
  433. -webkit-border-radius: 100%;
  434. border-radius: 100%;
  435. left: 15px;
  436. -moz-transition-duration:0.6s;
  437. -webkit-transition-duration:0.6s;
  438. -o-transition-duration:0.6s;
  439. }
  440.  
  441. .button {
  442. width: 18px;
  443. height: 30px;
  444. overflow: hidden;
  445. position: relative;
  446. z-index: 1000;
  447. margin: 8px 16px 5px 8px;
  448. }
  449.  
  450. #play:hover {
  451. opacity: 1;
  452. -moz-transition-duration:0.6s;
  453. -webkit-transition-duration:0.6s;
  454. -o-transition-duration:0.6s;
  455. }
  456.  
  457. /*CREDIT*/
  458. #credit {
  459. font-size:8px;
  460. padding-bottom: 60px;
  461. top: 20px;
  462. {block:ifnot500pxposts}width: 400px;{/block:ifnot500pxposts}
  463. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  464. margin-left: auto;
  465. margin-right: auto;
  466. line-height: 100%;
  467. text-align: center;
  468. letter-spacing: 0.5px;
  469. text-transform: uppercase;
  470. font-family: {text:secondary font};
  471. }
  472.  
  473. #credit a {
  474. font-weight: bold;
  475. color: {color:accent};
  476. }
  477.  
  478. #credit a:hover {
  479. color: {color:hover};
  480. }
  481.  
  482. /*CONTROLS, SCROLLBAR AND SELECTION*/
  483. #tumblr_controls, .tmblr-iframe {top: 20px!important; right: 0px; position: fixed!important;}
  484.  
  485. #s-m-t-tooltip{
  486. color: {color:text};
  487. width: auto;
  488. font-size: 7px;
  489. padding: 2px 4px;
  490. text-transform: uppercase;
  491. background-color: {color:accent};
  492. z-index: 100;
  493. border: 1px solid {color:border};
  494. position: absolute;
  495. display:inline-block;
  496. margin-top: 20px;
  497. margin-left: 10px;
  498. }
  499.  
  500. ::-webkit-scrollbar-thumb:vertical {
  501. background-color: {color:background};
  502. width:1px;
  503. height:2px;
  504. border-left: 9px solid {color:page borders};
  505. border-right: 9px solid {color:page borders};
  506. }
  507.  
  508. ::-webkit-scrollbar-thumb:horizontal {
  509. background-color:{color:page borders};
  510.  
  511. }
  512.  
  513. ::-webkit-scrollbar {
  514. width: 19px;
  515. background-color:{color:page borders};
  516.  
  517. }
  518.  
  519. ::-webkit-scrollbar-track {
  520. background-color: {color:page borders};
  521. border-left: 9px solid {color:page borders};
  522. border-right: 9px solid {color:page borders};
  523. border-top: 0px solid {color:page borders};
  524. border-bottom: 0px solid {color:page borders};
  525. }
  526.  
  527.  
  528. ::selection {
  529. color:{color:background};
  530. background-color: {color:accent};
  531. }
  532.  
  533. ::-moz-selection {
  534. color:{color:background};
  535. background-color: {color:accent};
  536. }
  537.  
  538. {CustomCSS}
  539.  
  540. </style>
  541. </head>
  542.  
  543. <body>
  544.  
  545. <div id="left"></div>
  546. <div id="top"></div>
  547. <div id="bottom"></div>
  548.  
  549. <table id="head">
  550. <tr>
  551. <td class="dsc">{description}</td>
  552. <td class="img"><a href="/"><img src="{PortraitURL-96}"></a></td>
  553. <td class="links"><a href="{text:link i}">{text:link i text}</a> <a href="{text:link ii}">{text:link ii text}</a> <a href="{text:link iii}">{text:link iii text}</a> <a href="{text:link iv}">{text:link iv text}</a></td>
  554. </tr>
  555. </table>
  556.  
  557. <div id="pag">{block:Pagination}
  558. {block:PreviousPage}
  559. <a href="{PreviousPage}">sooner</a>
  560. {/block:PreviousPage} or {block:NextPage}
  561. <a href="{NextPage}">later</a>
  562. {/block:NextPage}{/block:Pagination}
  563. </div>
  564.  
  565. <div id="entries">
  566.  
  567. {block:Posts}
  568.  
  569. <div id="posts">
  570.  
  571. {block:Text}<div class="capt">
  572. {block:Title}<div class="ptitle">{Title}<br></div>{/block:Title}
  573. {Body}</div>
  574. {/block:Text}
  575.  
  576. {block:Link}<div class="capt">
  577. <div class="ptitle"><a href="{URL}" {Target}>{Name} →</a></div>
  578. {block:Description}{Description}{/block:Description}</div>
  579. {/block:Link}
  580.  
  581. {block:Quote}<div class="capt">
  582. <center><div class="quote">{Quote}</div>
  583. {block:Source}
  584. <div class="source"><br>{Source}</div></center>
  585. {/block:Source}</div>
  586. {/block:Quote}
  587.  
  588. {block:Chat}<div class="capt"><div class="chat">
  589. {block:Title}<div class="ptitle">{Title}</div><p>{/block:Title}
  590. {block:Lines}<div style="padding: 10px 0px; border-bottom: 1px solid {color:border}"><div class="{Alt} user_{UserNumber}">
  591. {block:Label}<b>{Label}</b>{/block:Label}</div>
  592. {Line}<br></div>{/block:Lines}<p></p></div></div>{/block:Chat}
  593.  
  594. {block:Photo}{LinkOpenTag}
  595. {block:ifnot500pxposts}<img src="{PhotoURL-400}">{/block:ifnot500pxposts}
  596. {block:if500pxposts}<img src="{PhotoURL-500}">{/block:if500pxposts}
  597. {LinkCloseTag}
  598. {block:Caption}<div class="capt">
  599. {Caption}</div>
  600. {/block:Caption}
  601. {/block:Photo}
  602.  
  603. {block:Photoset}
  604. {block:ifnot500pxposts}{Photoset-400}{/block:ifnot500pxposts}
  605. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  606. {block:Caption}<div class="capt">
  607. {Caption}</div>
  608. {/block:Caption}
  609. {/block:Photoset}
  610.  
  611. {block:Video}
  612. {block:ifnot500pxposts}{Video-400}{/block:ifnot500pxposts}
  613. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  614. {block:Caption}<div class="capt">
  615. {Caption}</div>
  616. {/block:Caption}
  617. {/block:Video}
  618.  
  619. {block:Audio}<div class="capt">
  620. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  621. <div class="audio"><div id="play">
  622. <div class="button">{AudioPlayerWhite}</div></div>
  623. <div style="padding-top: 19px; {block:ifnot500pxposts}width: 316px;{/block:ifnot500pxposts} {block:if500pxposts}width: 416px;{/block:if500pxposts} text-align: center; padding-bottom: 18px; border: 1px solid {color:border}; max-height: 70px;"><b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  624. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  625. <b>Album:</b> {block:Album}{Album}{/block:Album}</div></div>
  626. {block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}
  627.  
  628.  
  629.  
  630. {block:Answer}<div class="capt">
  631. <div id="ask">{Question}</div>
  632. <div class="asker">asked by {Asker}</div>
  633. {Answer}</div>{/block:Answer}
  634.  
  635.  
  636. <div id="permalink">
  637. {block:Date}
  638.  
  639. <div class="date"><span class="dt"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {ShortYear}</a></span>{block:NoteCount}<a href="{Permalink}"> with {NoteCountWithLabel}</a>{/block:NoteCount}{block:PermalinkPage}{block:RebloggedFrom} · <a href="{ReblogParentURL}" title="reblogged from">{ReblogParentName}</a>{block:ContentSource} / <a href="{ReblogRootURL}" title="originally by">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}</div>
  640.  
  641. {/block:Date}
  642. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  643.  
  644.  
  645. </div>
  646. </div>
  647.  
  648.  
  649. {block:PostNotes}
  650. {PostNotes}
  651. {/block:PostNotes}
  652.  
  653.  
  654. {/block:Posts}
  655.  
  656.  
  657.  
  658. {block:ContentSource}
  659. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  660. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  661. {/block:SourceLogo}
  662. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  663. {/block:ContentSource}
  664.  
  665. </div>
  666.  
  667. <div id="credit">coded by <a href="http://aubrieta.tumblr.com">ifallontragedy</a></div>
  668.  
  669. </div>
  670.  
  671.  
  672. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment