API tools faq
paste
lacartaqueno

Tumblr Theme #11 by pinksman - Blurryface

lacartaqueno
Aug 13th, 2015
2,747
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.55 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme 11 by PINKSMAN @ tumblr
  3. Title: blurry is the one i'm not - 21p
  4. Please, don't remove the credit.
  5. !-->
  6.  
  7.  
  8.  
  9. <html>
  10. <head>
  11.  
  12.  
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  15.  
  16. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head><title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}"
  22. />{/block:Description}
  23.  
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Roboto:400,900,300' rel='stylesheet' type='text/css'>
  26.  
  27.  
  28. <!--Default Variables-->
  29. <!--Colors-->
  30.  
  31. <meta name="color:Background" content="#ffffff">
  32. <meta name="color:BlogTitle" content="#4c4c4c">
  33. <meta name="color:Topbar" content="#f8f8f8">
  34. <meta name="color:Sidebar" content="#ffffff">
  35. <meta name="color:Boxes" content="#f8f8f8">
  36. <meta name="color:Text" content="#b8b8b8">
  37. <meta name="color:Links" content="#000000">
  38. <meta name="color:LinksHover" content="#ffffff">
  39. <meta name="color:Bold" content="#d7d7d7">
  40. <meta name="color:Italic" content="#d7d7d7">
  41. <meta name="color:Posts" content="#ffffff">
  42.  
  43.  
  44. <!--Images-->
  45.  
  46. <meta name="image:Background" content=""/>
  47. <meta name="image:Sidebar" content=""/>
  48.  
  49.  
  50. <!--Links-->
  51.  
  52. <meta name="text:Link1" content="/" />
  53. <meta name="text:Link1 Title" content="" />
  54. <meta name="text:Link2" content="/" />
  55. <meta name="text:Link2 Title" content="" />
  56. <meta name="text:Link3" content="/" />
  57. <meta name="text:Link3 Title" content="" />
  58. <meta name="text:Link4" content="/" />
  59. <meta name="text:Link4 Title" content="" />
  60. <meta name="text:Link5" content="/" />
  61. <meta name="text:Link5 Title" content="" />
  62. <meta name="text:Link6" content="/" />
  63. <meta name="text:Link6 Title" content="" />
  64. <meta name="text:Link7" content="/" />
  65. <meta name="text:Link7 Title" content="" />
  66. <meta name="text:Link8" content="/" />
  67. <meta name="text:Link8 Title" content="" />
  68.  
  69.  
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74.  
  75.  
  76. ::-webkit-scrollbar-thumb:vertical {
  77. background-color: {color:Topbar};
  78. height:30px;
  79. }
  80.  
  81. ::-webkit-scrollbar-thumb:horizontal {
  82. background-color: {color:Topbar};
  83. height:5px;
  84. }
  85.  
  86. ::-webkit-scrollbar {
  87. color:{color:Posts};
  88. height:auto;
  89. width:8px;
  90. padding-top: 30px;
  91. }
  92.  
  93.  
  94.  
  95. ::selection {
  96. background: {color:Topbar};
  97. color:{color:BlogTitle};
  98. }
  99.  
  100. ::-moz-selection {
  101. background: {color:Topbar};
  102. color:{color:BlogTitle};
  103. }
  104.  
  105. ::-webkit-selection {
  106. background: {color:Topbar};
  107. color:{color:BlogTitle};
  108. }
  109.  
  110.  
  111.  
  112. body {
  113. background-color: {color:Background};
  114. background-image: url('{image:background}');
  115. color: {color:Text};
  116. font-family: "Helvetica";
  117. font-size: 11px;
  118. line-height: 100%;
  119. margin: 0px;
  120. /*CHANGE THIS IN CASE OF BACKGROUND IMAGE*/
  121. background-repeat: no-repeat;
  122. background-attachment: fixed;
  123. background-position: left bottom;
  124. }
  125.  
  126.  
  127. a:link, a:visited, a:active {
  128. text-decoration: none;
  129. color: {color:Links};
  130. }
  131.  
  132.  
  133. a:hover {
  134. color: {color:LinksHover};
  135. text-decoration: none;
  136. -moz-transition-duration:0.6s;
  137. -webkit-transition-duration:0.6s;
  138. -o-transition-duration:0.6s;
  139. cursor: help;
  140. }
  141.  
  142.  
  143. img {
  144. border: 0px solid {color:Sidebar};
  145. }
  146.  
  147.  
  148. b, strong{
  149. color: {color:Bold};
  150. }
  151.  
  152.  
  153. i, em {
  154. color: {color:Italic};
  155. }
  156.  
  157.  
  158. big, small {
  159. }
  160.  
  161.  
  162. p{
  163. }
  164.  
  165.  
  166. blockquote {
  167. padding: 5px;
  168. font-size: 11px;
  169. background-color: {color:Background};
  170. font-family: 'Roboto', sans-serif;
  171. padding-left: 20px;
  172. color: {color:Text};
  173. }
  174.  
  175.  
  176. blockquote img {
  177. }
  178.  
  179.  
  180. ul, li img {
  181. }
  182.  
  183.  
  184. h3 {
  185. font-family: 'Roboto', sans-serif;
  186. font-weight: 300;
  187. font-size: 12px;
  188. color: {color:Links};
  189. text-transform: uppercase;
  190. letter-spacing: 3px;
  191. }
  192.  
  193.  
  194. h2 {
  195. font-size: 24px;
  196. font-family: 'Roboto', sans-serif;
  197. font-weight: 300;
  198. color: {color:Links};
  199. }
  200.  
  201.  
  202. h1 {
  203. color: {color:BlogTitle};
  204. font-family: 'Roboto', sans-serif;
  205. font-weight: 900;
  206. text-align: left;
  207. padding-left: 20px;
  208. padding-top: 30px;
  209. text-transform: lowercase;
  210. letter-spacing: 2px;
  211. font-size: 18px;
  212. }
  213.  
  214.  
  215. #topbar {
  216. width: 100%;
  217. height: 90px;
  218. top: 0px;
  219. left: 0px;
  220. z-index: 99;
  221. position: fixed;
  222. background-color: {color:Topbar};
  223. background-image: url('{image:background}');
  224. background-repeat: repeat;
  225. }
  226.  
  227.  
  228. #toplinks {
  229. font-family: 'Roboto', sans-serif;
  230. font-weight: 300;
  231. text-transform: uppercase;
  232. font-size: 9px;
  233. margin-top: 0px;
  234. margin-left: 20px;
  235. display:inline-block;
  236. letter-spacing: 5px;
  237. z-index: 9999;
  238. left: 10px;
  239. position: fixed;
  240. }
  241.  
  242.  
  243. .toplinks a {
  244. color: {color:BlogTitle};
  245. }
  246.  
  247.  
  248. #sidebar {
  249. background-color: {color:Sidebar};
  250. width:250px;
  251. position:fixed;
  252. margin-left: 70px;
  253. margin-top: -30px;
  254. height: 100%;
  255. opacity:1;
  256. z-index: 9;
  257. }
  258.  
  259.  
  260. #sidebarimage img {
  261. width: 209px;
  262. margin-top: 80px;
  263. margin-left: 10px;
  264. border: 10px solid {color:Boxes};
  265. }
  266.  
  267.  
  268. #description {
  269. width: 209px;
  270. font-family: "Helvetica";
  271. color: {color:Text};
  272. font-size: 10px;
  273. text-align: justify;
  274. letter-spacing: 1px;
  275. line-height: 140%;
  276. margin-top: 10px;
  277. margin-left: 10px;
  278. opacity:1;
  279. padding: 10px;
  280. background-color: {color:Boxes};
  281. }
  282.  
  283.  
  284. #links1 {
  285. background-color: {color:Sidebar};
  286. margin-left: 11px;
  287. margin-top: 10px;
  288. }
  289.  
  290.  
  291. #links2 {
  292. background-color: {color:Sidebar};
  293. margin-left: 11px;
  294. margin-top: 5px;
  295. }
  296.  
  297.  
  298. .links a {
  299. background-color: {color:Boxes};
  300. color: {color:Text};
  301. display:inline-block;
  302. height: 12px;
  303. width: 62px;
  304. opacity: 1;
  305. padding: 6px;
  306. text-align: center;
  307. font-weight: 400;
  308. font-family: 'Roboto', sans-serif;
  309. font-size: 8px;
  310. text-transform: uppercase;
  311. }
  312.  
  313.  
  314. .links a:hover {
  315. opacity: 0.2;
  316. -webkit-transition: all 0.4s ease;
  317. -moz-transition: all 0.4s ease;
  318. -o-transition: all 0.4s ease
  319. }
  320.  
  321.  
  322. #pages {
  323. margin-top: 10px;
  324. margin-left: 12px;
  325. width: 208px;
  326. background-color: {color:Background};
  327. padding: 10px;
  328. text-align: center;
  329. }
  330.  
  331.  
  332. .pages a {
  333. color: {color:Links};
  334. font-family: 'Roboto', sans-serif;
  335. font-size: 11px;
  336. font-weight: 300;
  337. letter-spacing: 2px;
  338. text-transform: uppercase;
  339. }
  340.  
  341.  
  342. #entries {
  343. width:500px;
  344. margin-top: 110px;
  345. margin-left: 380px;
  346. color: {color:Text};
  347. background-color: {color:Background};
  348. height: auto;
  349. margin-bottom: 0px;
  350. }
  351.  
  352.  
  353. #posts {
  354. width:500px;
  355. font-family: 'Roboto', sans-serif;
  356. color: {color:Text};
  357. opacity:1;
  358. margin-top: 0px;
  359. margin-left: 0px;
  360. margin-bottom: 0px;
  361. line-height: 110%;
  362. background-color: {color:Posts};
  363. padding: 20px;
  364. border-top: 40px solid {color:Background};
  365. }
  366.  
  367.  
  368. #posts:hover #tags {
  369. opacity: 1;
  370. -webkit-transition: all 0.4s ease;
  371. -moz-transition: all 0.4s ease;
  372. -o-transition: all 0.4s ease
  373. }
  374.  
  375.  
  376. #todo {
  377. width: 520px;
  378. background-color: {color:Posts};
  379. margin-left: -10;
  380. margin-bottom: 0px;
  381. }
  382.  
  383.  
  384. #tags {
  385. font-family: 'Roboto', sans-serif;
  386. font-size: 9px;
  387. color: {color:Links};
  388. text-align: left;
  389. margin-top: 20px;
  390. padding-left: 10px;
  391. margin-left: 10px;
  392. opacity: 0;
  393. }
  394.  
  395.  
  396. #info {
  397. margin-top: 20px;
  398. padding: 10px;
  399. }
  400.  
  401.  
  402. .info a {
  403. font-family: 'Roboto', sans-serif;
  404. text-transform: uppercase;
  405. font-size: 8px;
  406. text-align: center;
  407. font-weight: 400;
  408. color: {color:Links};
  409. padding: 10px;
  410. letter-spacing: 2px;
  411. background-color: {color:Background};
  412. }
  413.  
  414.  
  415. .info a:hover {
  416. color: {color:Background};
  417. background-color: {color:Links};
  418. }
  419.  
  420.  
  421. .captions {
  422. background-color: {color:Posts};
  423. padding-left: 10px;
  424. padding-right: 10px;
  425. padding-bottom: 10px;
  426. width: 460px;
  427. font-family: 'Roboto', sans-serif;
  428. font-size: 12px;
  429. color: {color:Text};
  430. font-weight: 400;
  431. padding-top: 20px;
  432. }
  433.  
  434.  
  435. .asking {
  436. font-family: 'Roboto', sans-serif;
  437. font-size: 11px;
  438. padding: 20px;
  439. text-align: justify;
  440. color: {color:Text};
  441. background-color: {color:Background};
  442. width: 460px;
  443. }
  444.  
  445.  
  446. .answer {
  447. text-align: justify;
  448. background-color: {color:Sidebar};
  449. padding: 20px;
  450. font-family: 'Roboto', sans-serif;
  451. font-size: 11px;
  452. color: {color:Links};
  453. width: 460px;
  454. }
  455.  
  456.  
  457. #audioplayer {
  458. background-color: {color:Background};
  459. width: 27px;
  460. height: 27px;
  461. overflow: hidden;
  462. position: absolute;
  463. margin-top: 25px;
  464. margin-left: 25px;
  465. opacity: 1;
  466. }
  467.  
  468.  
  469. .playerinfo {
  470. font-family: "Helvetica";
  471. font-size: 12px;
  472. color: {color:SidebarText};
  473. padding-top: 15px;
  474. }
  475.  
  476.  
  477. #albumart {
  478. float: left;
  479. margin-left: 0px;
  480. border: 8px solid {color:Posts};
  481. opacity: 1;
  482. }
  483.  
  484.  
  485. #notes {
  486. width: 540px;
  487. text-align: right;
  488. margin-top: 20px;
  489. }
  490.  
  491. ol.notes {
  492. margin-top: 10px;
  493. list-style-type: none;
  494. background-color: {color:Posts};
  495. }
  496.  
  497. ol.notes li.note {
  498. border-bottom: solid 1px {color:Background};
  499. padding-top: 20px;
  500. padding-bottom: 20px;
  501. padding-right: 10px;
  502. }
  503.  
  504. ol.notes li.note img.avatar {
  505. vertical-align: -4px;
  506. margin-right: 10px;
  507. width: 16px;
  508. height: 16px;
  509. display: none;
  510. }
  511.  
  512. ol.notes li.note span.action {
  513. font-weight: normal;
  514. font-family: 'Roboto', sans-serif;
  515. font-size: 10px;
  516. color: {color:Links};
  517. letter-spacing: 2px;
  518. }
  519.  
  520. ol.notes li.note .answer_content {
  521. font-weight: normal;
  522. }
  523.  
  524. ol.notes li.note blockquote {
  525. background-color: {color:Background};
  526. font-family: 'Roboto', sans-serif;
  527. font-size: 10px;
  528. padding: 10px;
  529. width: 540px;
  530. margin-left: -50px;
  531. padding-right: 40px;
  532. }
  533.  
  534. ol.notes li.note blockquote a {
  535. text-decoration: none;
  536. }
  537.  
  538.  
  539. #tagss {
  540. font-family: 'Roboto', sans-serif;
  541. font-size: 9px;
  542. color: {color:Links};
  543. text-align: left;
  544. margin-top: 20px;
  545. padding-left: 10px;
  546. margin-left: 10px;
  547. opacity: 1;
  548. }
  549.  
  550.  
  551. {CustomCSS}</style></head><body>
  552.  
  553.  
  554.  
  555. <div id="topbar"><h1>{title}</h1> <div id="toplinks" class="toplinks"><a href="/">index</a> | <a href="/ask">contact</a> | <a href="/archive">archive</a> | <a href="{text:Link1}">{text:Link1 Title}</a> | <a href="{text:Link2}">{text:Link2 Title}</a></div></div>
  556.  
  557.  
  558. <div id="sidebar">
  559.  
  560. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  561.  
  562. <div id="description">{Description}</div>
  563.  
  564.  
  565. <div id="links1" class="links">
  566. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3} {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4} {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}</div>
  567.  
  568. <div id="links2" class="links">
  569. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6} {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7} {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  570. </div>
  571.  
  572.  
  573.  
  574. {block:Pagination}
  575. <div id="pages" class="pages">
  576. {block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  577. {/block:Pagination}</div>
  578. </div>
  579.  
  580.  
  581.  
  582.  
  583. <div id="entries">{block:Posts}<div id="posts">
  584.  
  585.  
  586. {block:ContentSource}
  587. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  588. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  589. {/block:SourceLogo}
  590. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  591. {/block:ContentSource}
  592.  
  593.  
  594. {block:Text}<h2>{block:Title}{Title}{/block:Title}</h2>{Body}{/block:Text}
  595.  
  596. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:caption}<div class="captions">{caption}</div>{/block:caption}{/block:Photo}
  597.  
  598. {block:Photoset}{Photoset-500}{block:caption}<div class="captions">{caption}</div>{/block:caption}{/block:Photoset}
  599.  
  600. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  601.  
  602. {block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}
  603.  
  604. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<br />{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  605.  
  606. {block:Video}{Video-500}{block:caption}<div class="captions">{caption}</div>{/block:caption}{/block:Video}
  607.  
  608.  
  609.  
  610. {block:Audio}
  611. <div id="audioplayer">{AudioPlayerWhite}</div>
  612. <div id="albumart">{block:AlbumArt}
  613. <img src="{AlbumArtURL}" width="60">
  614. {/block:AlbumArt}</div>
  615.  
  616. <div class="playerinfo"><h3>
  617. &nbsp;{block:Artist}{Artist}{/block:Artist} <em>presents</em> {block:TrackName}{TrackName}{/block:TrackName}</h3><br></div>
  618. {/block:Audio}
  619.  
  620.  
  621.  
  622.  
  623.  
  624. {block:Answer}
  625. <div class="asking"><img src="{AskerPortraitURL-40}" align="left">&nbsp;&nbsp;&nbsp;<em>question:</em><br><br>&nbsp;&nbsp;&nbsp;{Question}
  626. </div>
  627. <div class="answer"><em>answer:</em> {Answer}</em></div>
  628. {/block:Answer}
  629.  
  630.  
  631.  
  632.  
  633.  
  634. <div id="todo">
  635. <div id="info" class="info">
  636. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  637. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">by</a>
  638. {/block:RebloggedFrom}
  639. <a href="{ReblogURL}">R?</a>
  640. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  641. </div>
  642.  
  643. {block:IndexPage}<div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; &nbsp; &nbsp; &nbsp;{/block:Tags}{/block:HasTags}</div>{/block:IndexPage}
  644.  
  645. </div>
  646.  
  647.  
  648.  
  649.  
  650. {block:PermalinkPage}<div id="tagss">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; &nbsp; &nbsp; &nbsp;{/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}
  651.  
  652.  
  653. </div>
  654.  
  655.  
  656. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  657. {/block:Posts}
  658. </div>
  659.  
  660.  
  661.  
  662.  
  663.  
  664.  
  665.  
  666. <div style="background-color: #ffffff; border: 1px solid #ebebeb; padding: 2px; font-family: 'Helvetica'; font-size: 6px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:uppercase; letter-spacing: 1px;"><a href="http://pinksmanthms.tumblr.com">KILLBILI</a></div>
  667.  
  668. </body>
  669.  
  670. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!