Advertisement
chillthemes

Theme #001

Aug 21st, 2015
359
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.21 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. * Theme #001 by *
  7. Chill Themes ʅʕ•ᴥ•ʔʃ
  8.  
  9. All Rules Apply.
  10. Customize as much as you want!
  11. Do not touch credit.
  12. If you remove credit remember that:
  13. 1. I will report you.
  14. 2. It's illegal.
  15.  
  16. ʅʕ•ᴥ•ʔʃ Thank you! Enjoy the theme! ʅʕ•ᴥ•ʔʃ
  17.  
  18.  
  19.  
  20. -->
  21.  
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  25. <meta name="description" content="" />
  26. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  27.  
  28.  
  29.  
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("a[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:90,
  38. tip_fade_speed:600,
  39. attribute:"title"
  40. });
  41. });
  42. })(jQuery);
  43. </script>
  44.  
  45.  
  46.  
  47.  
  48. <meta name="color:BackgroundColor" content="#ffffff" />
  49. <meta name="color:FontColor" content="#000000" />
  50. <meta name="color:Links" content="#000000" />
  51. <meta name="color:LinksHover" content="#ffffff" />
  52. <meta name="color:SidebarColor" content="#ffffff" />
  53. <meta name="color:SideLinks" content="#000000" />
  54. <meta name="color:SideLinksHover" content="#ffffff" />
  55. <meta name="color:ScrollbarThumb" content="#000000" />
  56. <meta name="color:ScrollbarBorder" content="#ffffff" />
  57. <meta name="color:ScrollbarTrack" content="#ffffff" />
  58. <meta name="color:PostBackground" content="#ffffff" />
  59. <meta name="color:PostBorder" content="#000000" />
  60. <meta name="color:ContentBorder" content="#000000" />
  61. <meta name="color:ContentColor" content="#ffffff" />
  62. <meta name="color:ContentBorder" content="#000000" />
  63. <meta name="color:SidebarBorder" content="#000000" />
  64. <meta name="color:Blockquote" content="#000000" />
  65.  
  66.  
  67.  
  68. <meta name="image:BackgroundImage" content="" />
  69. <meta name="image:SidebarImage" content="" />
  70. <meta name="image:ContentImage" content="" />
  71. <meta name="image:img" content="" />
  72.  
  73. <meta name="if:TransparentContent" content="1" />
  74. <meta name="if:ContentColor" content="0" />
  75. <meta name="if:ContentImage" content="0" />
  76.  
  77. <meta name="if:TransparentSidebar" content="1" />
  78. <meta name="if:SidebarBorder" content="0" />
  79. <meta name="if:SidebarColor" content="0" />
  80. <meta name="if:SidebarImage" content="0" />
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90. <meta name="text:link1" content="link 1" />
  91. <meta name="text:link1URL" content="link 1 url" />
  92. <meta name="text:link2" content="link 2" />
  93. <meta name="text:link2URL" content="link 2 url" />
  94. <meta name="text:link3" content="link 3" />
  95. <meta name="text:link3URL" content="link 3 url" />
  96. <meta name="text:link4" content="link 4" />
  97. <meta name="text:link4URL" content="link 4 url" />
  98. <meta name="text:link5" content="link 5" />
  99. <meta name="text:link5URL" content="link 5 url" />
  100. <meta name="text:link6" content="link 6" />
  101. <meta name="text:link6URL" content="link 6 url" />
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106. @import url(http://weloveiconfonts.com/api/?family=entypo);
  107.  
  108. /* entypo */
  109. [class*="entypo-"]:before {
  110. font-family: 'entypo', sans-serif;
  111. }
  112.  
  113. iframe#tumblr_controls { #ffffff-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  114.  
  115. iframe#tumblr_controls:hover { #ffffff-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  116.  
  117. #s-m-t-tooltip{
  118. margin:9px;
  119. z-index:999999999;
  120. background:{color:background};
  121. color:#070707;
  122. max-width:300px;
  123. letter-spacing:1px;
  124. font-size:.79em;
  125. padding:2px 8px;
  126. text-transform:lowercase;
  127. border:1px solid {color:contentborder};
  128.  
  129.  
  130. }
  131.  
  132. body {
  133. font-size: .78em;
  134. font-family: monospace;
  135. color: {color:FontColor};
  136. background-color:{color:BackgroundColor};
  137. background-image: url('{image:BackgroundImage}');
  138. background-attachment: fixed;
  139. background-repeat: repeat;
  140. overflow: hidden;
  141.  
  142.  
  143. }
  144.  
  145. ::-webkit-scrollbar {
  146. height:50px;
  147. width:15px;
  148. background:#ffffff;
  149.  
  150.  
  151.  
  152.  
  153. }
  154.  
  155. ::-webkit-scrollbar-track {
  156. background: {color:ScrollbarThumb};
  157. border-right: 7px solid {color:ScrollbarTrack};
  158. border-left: 7px solid {color:ScrollbarTrack};
  159.  
  160. }
  161.  
  162. ::-webkit-scrollbar-thumb {
  163. background: {color:ScrollbarThumb};
  164. border-top: 4px solid {color:ScrollbarBorder};
  165. border-right: 4px solid {color:ScrollbarBorder};
  166. border-left: 4px solid {color:ScrollbarBorder};
  167. border-bottom: 4px solid {color:ScrollbarBorder};
  168.  
  169. }
  170.  
  171. ::-webkit-scrollbar-thumb:window-inactive {
  172. background: transparent;
  173.  
  174.  
  175. }
  176.  
  177. a {
  178. color: {color:Links};
  179. text-decoration: none;
  180. -moz-transition-duration: 0.5s;
  181. -o-transition-duration: 0.5s;
  182. -webkit-transition-duration: 0.5s;
  183. transition-duration: 0.5s;
  184.  
  185.  
  186. }
  187.  
  188. a:hover {
  189. color: {color:LinksHover};
  190. -moz-transition-duration: 0.6s;
  191. -o-transition-duration: 0.6s;
  192. -webkit-transition-duration: 0.6s;
  193. transition-duration: 0.6s;
  194.  
  195.  
  196. }
  197.  
  198. .container {
  199. margin: auto;
  200.  
  201.  
  202. }
  203.  
  204. .sidebar {
  205. width: 15px;
  206. background-color: transparent;
  207. position: fixed;
  208. right: 380px;
  209. top: 93px;
  210. border-left: 1px solid transparent;
  211. border-right: 1px dashed transparent;
  212. border-top: 1px dashed transparent;
  213. border-bottom: 1px dashed transparent;
  214. z-index:99999999;
  215.  
  216.  
  217. }
  218.  
  219. .description {
  220. {block:ifTransparentSidebar}
  221. background-color:transparent;
  222. {/block:ifTransparentSidebar}
  223. {block:ifSidebarColor}
  224. background-color: {color:SidebarColor};
  225. {/block:ifSidebarColor}
  226. {block:ifSidebarImage}
  227. background-image: url('{image:SidebarImage}');
  228. background-repeat: repeat;
  229. {/block:ifSidebarImage}
  230. padding: 10px;
  231. width: 125px;
  232. border: 1px solid transparent;
  233. {block:ifSidebarBorder}
  234. border: 1px solid {color:SidebarBorder};
  235. {/block:ifSidebarBorder}
  236. -moz-transition-duration: 0.6s;
  237. -o-transition-duration: 0.6s;
  238. -webkit-transition-duration: 0.6s;
  239. transition-duration: 0.6s;
  240. text-transform: lowercase;
  241. top: 100px;
  242. left: 240px;
  243. position: fixed;
  244. z-index: 9999999999999;
  245.  
  246.  
  247. }
  248.  
  249.  
  250.  
  251. .homelinks {
  252. width:12px;
  253. overflow: hidden;
  254. margin-top:0px;
  255. text-align:center;
  256. line-height:20px;
  257. letter-spacing:1px;
  258. text-transform:lowercase;
  259. font-size:2em;
  260. margin-left:0px;
  261. background: transparent;
  262. padding-left:1px;
  263. padding-top: 3px;
  264. -webkit-transition: all .6s;
  265. -moz-transition: all .6s;
  266. -o-transition: all .6s;
  267. -ms-transition: all .6s;
  268. transition: all .6s;
  269. font: times;
  270. -moz-transition-duration: 0.6s;
  271. -o-transition-duration: 0.6s;
  272. -webkit-transition-duration: 0.6s;
  273. transition-duration: 0.6s;
  274. border: 1px solid transparent;
  275.  
  276.  
  277.  
  278.  
  279. }
  280.  
  281. .homelinks a {
  282. color: {color:Sidelinks};
  283. -moz-transition-duration: 0.6s;
  284. -o-transition-duration: 0.6s;
  285. -webkit-transition-duration: 0.6s;
  286. transition-duration: 0.6s;
  287.  
  288.  
  289. }
  290.  
  291. .homelinks a:hover {
  292. color: {color:SideLinksHover};
  293. letter-spacing: 2px;
  294. -moz-transition-duration: 0.6s;
  295. -o-transition-duration: 0.6s;
  296. -webkit-transition-duration: 0.6s;
  297. transition-duration: 0.6s;
  298.  
  299.  
  300. }
  301.  
  302. .img {
  303. bottom: 5px;
  304. left: 5px;
  305. width: 100%;
  306.  
  307.  
  308. }
  309.  
  310.  
  311. .postcol {
  312. position:absolute;
  313. margin-left:392px;
  314. margin-top:92px;
  315. width:529px;
  316. height:445px;
  317. padding:10px;
  318. padding-right: 25px;
  319. overflow-y:scroll;
  320. overflow-x:hidden;
  321. border-right: 1px solid {color:ContentBorder};
  322. border-left: 1px solid {color:ContentBorder};
  323. border-top: 1px solid {color:ContentBorder};
  324. border-bottom: 1px solid {color:ContentBorder};
  325. {block:ifTransparentContent}
  326. background-color:transparent;
  327. {/block:ifTransparentContent}
  328. {block:ifContentColor}
  329. background-color: {color:ContentColor};
  330. {/block:ifContentColor}
  331. {block:ifContentImage}
  332. background-image: url('{image:ContentImage}');
  333. background-repeat: repeat;
  334. {/block:ifContentImage}
  335.  
  336.  
  337.  
  338. }
  339.  
  340.  
  341.  
  342. .posts {
  343. width:400px;
  344. padding:10px;
  345. margin:auto;
  346. margin-top:20px;
  347. margin-bottom:30px;
  348. background: {color:PostBackground};
  349. border: 1px solid {color:PostBorder};
  350. box-shadow:rgba(0,0,0,0.09) 10px 10px;
  351.  
  352.  
  353. }
  354.  
  355. .postinfo {
  356. font-size:8px;
  357. letter-spacing:0.5px;
  358. text-transform:uppercase;
  359. margin-top:5px;
  360. text-align:left;
  361. padding:5px;
  362. width: 100%;
  363. border-top: 1px solid {color:PostBorder};
  364.  
  365.  
  366. }
  367.  
  368. .postinfo2 {
  369. font-size:8px;
  370. letter-spacing:0.5px;
  371. text-transform:uppercase;
  372. margin-top:5px;
  373. text-align:left;
  374. padding:5px;
  375. width: 100%;
  376. height: 250px;
  377. overflow-y:scroll;
  378. overflow-x:hidden;
  379. border-top: 1px solid {color:PostBorder};
  380.  
  381.  
  382. }
  383.  
  384. .posts h2 {
  385. font-size: 14px;
  386. color: {color:FontColor};
  387. font-weight: normal;
  388. padding: 5px;
  389. margin: 0px;
  390. -moz-transition-duration: 0.6s;
  391. -o-transition-duration: 0.6s;
  392. -webkit-transition-duration: 0.6s;
  393. transition-duration: 0.6s;
  394.  
  395.  
  396. }
  397.  
  398. .posts h2:hover {
  399. font-size: 14px;
  400. padding: 5px;
  401. color: {color:FontColor};
  402. background: transparent;
  403. -moz-transition-duration: 0.6s;
  404. -o-transition-duration: 0.6s;
  405. -webkit-transition-duration: 0.6s;
  406. transition-duration: 0.6s;
  407.  
  408.  
  409. }
  410.  
  411. .posts li {
  412. list-style: none;
  413.  
  414.  
  415. }
  416.  
  417. .penis {
  418. background-color: {color:Background};
  419. padding: 3px;
  420. border: 1px solid {color:ContentBorder};
  421. letter-spacing: 1px;
  422. bottom: 20px;
  423. left: 20px;
  424. z-index: 999999999;
  425. position: fixed;
  426. -moz-transition-duration: 0.6s;
  427. -o-transition-duration: 0.6s;
  428. -webkit-transition-duration: 0.6s;
  429. transition-duration: 0.6s;
  430.  
  431. }
  432.  
  433. .penis:hover {
  434. background-color: #000000;
  435. -moz-transition-duration: 0.6s;
  436. -o-transition-duration: 0.6s;
  437. -webkit-transition-duration: 0.6s;
  438. transition-duration: 0.6s;
  439.  
  440. }
  441.  
  442. .penis a{
  443. color: {color:Links};
  444. -moz-transition-duration: 0.6s;
  445. -o-transition-duration: 0.6s;
  446. -webkit-transition-duration: 0.6s;
  447. transition-duration: 0.6s;
  448. }
  449.  
  450. .penis a:hover {
  451. color: #ffffff;
  452. -moz-transition-duration: 0.6s;
  453. -o-transition-duration: 0.6s;
  454. -webkit-transition-duration: 0.6s;
  455. transition-duration: 0.6s;
  456. }
  457.  
  458. .chat ol {
  459. padding:0;
  460. list-style:none;
  461.  
  462.  
  463. }
  464.  
  465. blockquote {
  466. padding: 1px 6px;
  467. border-left: 2px solid {color:Blockquote};
  468. margin-left: 10px;
  469.  
  470.  
  471. }
  472.  
  473. .posts blockquote {
  474. border-left: 1px solid {color:Blockquote};
  475. padding: 1px 6px
  476. margin-left: 10px;
  477.  
  478.  
  479. }
  480.  
  481. .posts img, .posts li, .posts blockquote {
  482. max-width: 100%;
  483.  
  484.  
  485. }
  486.  
  487. .cover {
  488. position: relative;
  489. z-index: 1;
  490.  
  491.  
  492. }
  493.  
  494. .albumart{
  495. float:left;
  496. margin-right:10px;
  497.  
  498.  
  499. }
  500.  
  501. .albumart img{
  502. width:80px;
  503. height:80px;
  504.  
  505.  
  506. }
  507.  
  508. .songtitle{
  509. margin-bottom:10px;
  510. margin-left:90px;
  511.  
  512.  
  513. }
  514.  
  515. .songauthor{
  516. margin-bottom:10px;
  517. font-size:10px;
  518. margin-left:90px;
  519.  
  520.  
  521. }
  522.  
  523. .tumblr_audio_player {
  524. height: 50px;
  525.  
  526.  
  527. }
  528.  
  529. .pagination {
  530. width: 415px;
  531. text-align: center;
  532. padding: 3px ;
  533. padding-left: 5px;
  534. font-size: 11px;
  535. border: 1px solid transparent;
  536. margin-left: 10px;
  537. color: {color:Pagination};
  538.  
  539. }
  540.  
  541. .pagination a {
  542.  
  543. text-decoration: none;
  544. text-align: center;
  545. font-size: 35px;
  546.  
  547.  
  548. }
  549.  
  550. .pagination a:hover {
  551. color: {color:PaginationHover};
  552. text-align: center;
  553.  
  554.  
  555. }
  556.  
  557. .img {
  558. bottom: 10px;
  559. right: 10px;
  560. }
  561.  
  562.  
  563. </style>
  564. </head>
  565.  
  566. <body>
  567.  
  568. <main>
  569.  
  570. <div class="contaier">
  571. <div style="z-index:99999999999999999999; position:fixed; bottom:5px; right:5px;"><img src="{image:img}"></div>
  572. <div class="sidebar">
  573. <div class="homelinks">
  574. {block:ifLink1}<a href="/" title="{text:link1}">○</a>&nbsp;{/block:ifLink1}
  575. {block:ifLink2}<a href="/" title="{text:link2}">○</a>&nbsp;{/block:ifLink2}
  576. {block:ifLink3}<a href="/" title="{text:link3}">○</a>&nbsp;{/block:ifLink3}
  577. {block:ifLink4}<a href="/" title="{text:link4}">○</a>&nbsp;{/block:ifLink4}
  578. {block:ifLink5}<a href="/" title="{text:link5}">○</a>&nbsp;{/block:ifLink5}
  579. {block:ifLink6}<a href="/" title="{text:link6}">○</a>&nbsp;{/block:ifLink6}
  580. <a href="http://chillthemes.tumblr.com" title="créateur" target="_blank">○&nbsp;</a>
  581. </div></div>
  582. <div class="description">{Description}</div>
  583.  
  584.  
  585.  
  586.  
  587.  
  588.  
  589.  
  590.  
  591.  
  592. </div>
  593.  
  594. <div class="postcol">
  595. {block:posts}
  596. <div class="posts">
  597. {block:Text}
  598. {block:Title}<h2>{Title}</h2>{/block:Title}
  599. {Body}
  600. {/block:Text}
  601.  
  602. {block:Photo}
  603. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  604.  
  605. {block:Caption}{Caption}{/block:Caption}
  606. {/block:Photo}
  607.  
  608. {block:Photoset}
  609. {Photoset-400}
  610. {block:Caption}{Caption}{/block:Caption}
  611. {/block:Photoset}
  612.  
  613. {block:Answer}
  614. <div class="question">
  615. {Asker} asked: {Question}
  616. </div>
  617. {Answer}
  618. {/block:Answer}
  619.  
  620. {block:Quote}
  621. <div class="quote">
  622. <div class="quotetext_{Length}">"{Quote}"</div>
  623. {block:Source}<div class="source"><br />- {Source}</div>{/block:Source}
  624. </div>
  625. {/block:Quote}
  626.  
  627. {block:Link}
  628. <h2><a href="{URL}" target="_blank">{Name} →</a></h2>
  629. {block:Description}{Description}{/block:Description}
  630. {/block:Link}
  631.  
  632. {block:Chat}
  633. {block:Title}<h2>{Title}</h2>{/block:Title}
  634. <div class="chat">
  635. <ol>{block:Lines}
  636. <li class="line {Alt}">
  637. {block:Label}
  638. <span class="label">
  639. {Label}</span>
  640. {/block:Label}{Line}</li>
  641. {/block:Lines}
  642. </ol></div>
  643. {/block:Chat}
  644.  
  645. {block:Audio}
  646. {block:AlbumArt}
  647. <div class="albumart">
  648. <img src="{AlbumArtURL}">
  649. </div>
  650. {/block:AlbumArt}
  651. <div class="albumtitle">
  652. {block:TrackName}
  653. <h2>{TrackName}</h2>
  654. {/block:TrackName}
  655. </div>
  656. <div class="songauthor">
  657. By
  658. {block:Artist}
  659. {Artist}
  660. {/block:Artist}
  661. </div>
  662. {AudioPlayerWhite}
  663. {/block:Audio}
  664.  
  665. {block:Video}
  666. {Video-400}
  667. {block:Caption}{Caption}{/block:Caption}
  668. {/block:Video}
  669.  
  670. {block:Date}
  671. <div class="postinfo"><span style="text-align:center;"><a href="{Permalink}">{NoteCount}N</a>
  672. \ <a href="{ReblogURL}" target="_blank" class="details">Rblg</a> \{block:RebloggedFrom}
  673. <a href="{ReblogParentURL}" target="_blank">Via</a> \ <a href="{ReblogRootURL}" target="_blank">Src</a> {/block:RebloggedFrom}</span><br /><br /><span style="float:right;"></span>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a>,&nbsp;{/block:Tags}
  674. {/block:Date}</div>
  675. {block:PostNotes}
  676. <div class="postinfo2"><p>{block:NoteCount}<b><a href="{Permalink}">{NoteCountWithLabel}</a></b></span>{/block:NoteCount}{PostNotes}{/block:PostNotes}
  677. </div>
  678.  
  679. {/block:Posts}
  680. <center><span style="font-size:35px;"> {block:Pagination}
  681. <div class="pagination">
  682. {block:PreviousPage}
  683. <a href="{PreviousPage}"><span class="entypo-left-open-mini" style="text-align:center;"> &nbsp;&nbsp;&nbsp;</a>
  684. {/block:PreviousPage}
  685.  
  686. {block:NextPage}
  687. <a href="{NextPage}"> <span class="entypo-right-open-mini" style=""></span>&nbsp;&nbsp;</a>
  688. {/block:NextPage}
  689. </div>
  690. {/block:Pagination}</span><br /></center></div>
  691. <div class="penis"><a href="http://chillthemes.tumblr.com" title="créateur" target="_blank">CT</a></div>
  692.  
  693.  
  694. </div>
  695.  
  696.  
  697. </main>
  698. </div>
  699.  
  700. </body>
  701.  
  702.  
  703. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement