Advertisement
jjangeu

blues 0.2

Apr 26th, 2014
872
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.42 KB | None | 0 0
  1.  
  2. <!--THEME 11 BY JJANGEU
  3. -do not redistribute
  4. -do not tweak heavily
  5. -do not remove/move the credit
  6. -have fun and enjoy the theme!:-)-->
  7.  
  8.  
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17.  
  18. <meta name="color:Text" content="#d5d5d5"/>
  19. <meta name="color:bg posts" content="#ffffff">
  20. <meta name="color:link" content="#d5d5d5"/>
  21. <meta name="color:links hover" content="#c8c8c8"/>
  22. <meta name="color:scrollbar" content="#d5d5d5" />
  23. <meta name="color:permalink" content="#d5d5d5"/>
  24. <meta name="color:ask and chat" content="#ffffff"/>
  25.  
  26.  
  27.  
  28.  
  29.  
  30. <meta name="if:Show Tags" content="0">
  31.  
  32. <meta name="text:Link 1 URL" content="" />
  33. <meta name="text:Link 1" content="" />
  34. <meta name="text:Link 2 URL" content="" />
  35. <meta name="text:Link 2" content="" />
  36. <meta name="text:Link 3 URL" content="" />
  37. <meta name="text:Link 3" content="" />
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48. #s-m-t-tooltip{
  49. font-size:10px;
  50. position:absolute;
  51. margin-top: 15px;
  52. background:{color:bg posts};
  53. letter-spacing:1px;
  54. z-index:9999;
  55. background:rgba(255,255,255,1);
  56. border-radius:2px;
  57. color:black;
  58. padding:2px 3px 2px 3px;
  59. -webkit-transition:all 0.3s;
  60. -moz-transition:all 0.3s;
  61. -ms-transition:all 0.3s;
  62. -o-transition:all 0.3s;
  63. transition:all 0.3s;
  64. }
  65.  
  66.  
  67. {block:IfCrosshairCursor}
  68. * {cursor:crosshair;}
  69. {/block:IfCrosshairCursor}
  70.  
  71.  
  72. ::-webkit-scrollbar{height: 5px;
  73. width: 3px;
  74. -webkit-border-radius: 0px;
  75. background-color:{color:background}}
  76. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  77. ::-webkit-scrollbar-track{background-color:{color:background};}
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85.  
  86. blockquote {
  87. padding:5px 0 5px 5px;
  88. border-left:2px solid {color:text};
  89. margin-left:20px;
  90. }
  91.  
  92.  
  93. body {
  94. background:{color:background};
  95. color:{color:text};
  96. font-family:consolas;
  97. font-size:10px;
  98. text-align:justify;
  99. margin:10;
  100. line-height:14px;}
  101.  
  102.  
  103. a {
  104. color:{color:link};
  105. text-decoration:none;
  106. -webkit-transition:all 0.3s;
  107. -moz-transition:all 0.3s;
  108. -ms-transition:all 0.3s;
  109. -o-transition:all 0.3s;
  110. transition:all 0.3s; }
  111.  
  112. a:hover {
  113. color:{color:text};
  114. -webkit-transition:all 0.3s;
  115. -moz-transition:all 0.3s;
  116. -ms-transition:all 0.3s;
  117. -o-transition:all 0.3s;
  118. transition:all 0.3s; }
  119.  
  120. img{
  121. opacity:1;
  122. border:none;
  123. text-decoration:none}
  124.  
  125.  
  126. b, strong {
  127. color:{color:title}}
  128. i, em {
  129. color:{color:text}}
  130. p {
  131. margin-top:-4px;
  132. margin-bottom:-4px}
  133. ol {
  134. list-style:normal;}
  135. ul {
  136. list-style:square;}
  137.  
  138. small {
  139. font-size:9px;}
  140.  
  141. big {
  142. font-size:12px;}
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153. #headers {
  154. position:fixed;
  155. background:{color:background};
  156. text-align:left;
  157. top:500px;
  158. opacity:5;
  159. margin-left:-180px;
  160. width:120px;
  161. }
  162.  
  163.  
  164.  
  165.  
  166. #standardlinks {
  167. font-size:9px;
  168. margin-top:10px;
  169. text-align:left;
  170. text-transform:lowercase;
  171. font-weight:normal;
  172. }
  173.  
  174.  
  175. #standardlinks a {
  176. padding:0 2px;
  177. }
  178. #standardlinks a:hover {font-style:italic;
  179. text-decoration:none;}
  180.  
  181.  
  182.  
  183. }
  184.  
  185. #s img:hover {-webkit-filter: grayscale(0.6);
  186. -webkit-transition:all 0.3s;
  187. -moz-transition:all 0.3s;
  188. -ms-transition:all 0.3s;
  189. -o-transition:all 0.3s;
  190. transition:all 0.3s; }
  191.  
  192. #blogt {font-size:11px;
  193. font-style:italic;
  194. font-family: consolas;
  195. text-transform:lowercase;
  196. text-align:right;
  197. color:{color:title};}
  198.  
  199. #description {
  200. font-size:10px;
  201. line-height:px;
  202. border-top:0px solid {color:title};
  203. padding-top:0px;
  204. text-transform:lowercase;
  205. text-align:right;
  206. }
  207.  
  208.  
  209.  
  210. #pagination {
  211. float:left;
  212. margin-top:-3px;
  213. color:{color:blog title};
  214. }
  215. #pagination a {color:{color:blog title};
  216. font-size:10px;
  217. line-height:20px;
  218. }
  219.  
  220. /*container*/
  221. #con {
  222. left:50%;
  223. margin-left:-100px;
  224. position:absolute;
  225. }
  226.  
  227.  
  228.  
  229.  
  230.  
  231. #entries {
  232. background:{color:bg posts};
  233. text:{color:text};
  234. margin-top:15px;
  235.  
  236. width:250px;
  237. }
  238.  
  239.  
  240.  
  241. #posts {
  242. width:250px;
  243. {block:IndexPage}
  244. margin-bottom:5px;
  245. {/block:IndexPage}
  246. {block:PermalinkPage}
  247. margin-bottom:80px;
  248. {/block:PermalinkPage}
  249. }
  250. #posts img {
  251. max-width:250px;
  252. }
  253.  
  254.  
  255.  
  256.  
  257. #titlequote{
  258. font-size:14px;
  259. line-height:18px;
  260. letter-spacing:-1px;
  261. font-weight:;
  262. text-align:left;
  263. color:{color:title};
  264. }
  265.  
  266.  
  267. #source {text-align:right;
  268. padding-top:5px;
  269. font-size:9px}
  270.  
  271. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  272. .caption img{max-width:100%;}
  273. .caption {width:100%;
  274. text-transform:none;
  275. margin-top:5px;
  276. }
  277.  
  278.  
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285.  
  286. .player {
  287. width:25px;
  288. height:25px;
  289. overflow:hidden;
  290. margin-left:15px;
  291. padding-top:15px;
  292. z-index:1;}
  293.  
  294. .audioinfo {
  295. text-align:left;
  296. z-index:2;
  297. position:absolute;
  298. color:{color:background};
  299. text-transform:lowercase;
  300. padding-top:17px;
  301. letter-spacing:1px;
  302. width:280px;
  303. margin-left:50px;
  304. }
  305.  
  306.  
  307. .playerback {height:60px;
  308. width:100%;
  309. background-color:{color:text};
  310. }
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317. #question {}
  318. .as {
  319. font-weight:none;
  320. margin-right:5px;
  321. letter-spacing:1px;
  322. text:{color:links};
  323. text-transform:lowercase;
  324. font-size:10px;}
  325. .as a {color:{color:text};}
  326. .q {
  327. background:{color:bgposts};
  328. padding:5px;
  329. text-align:justify;
  330. }
  331. .a {color:{color:text};
  332. padding:10px 20px;
  333. text-align:justify;}
  334.  
  335.  
  336.  
  337. .chat ol {
  338. padding:0;
  339. line-height:180%;
  340. list-style:none;
  341. }
  342.  
  343. .line.odd {
  344. background-color:{color:background};
  345. border-radius:2px;
  346. padding:5px;
  347. }
  348.  
  349. .line.even {
  350. background-color:{color:background};
  351. padding:5px;
  352. }
  353.  
  354. .label {font-weight:bold;
  355. padding-right:1px;
  356. letter-spacing:1px;
  357. text-transform:lowercase;
  358. color:{color:title};
  359. }
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367.  
  368. #permalink {
  369. margin-bottom:30px;
  370. font-size:10px;
  371. text-transform:lowercase;
  372. text-align:left;
  373. letter-spacing:1px;
  374. text-transform:;
  375. border-top:0px solid {color:text}
  376. }
  377. #permalink a {color:{color:text};
  378. }
  379.  
  380. .d {background:{color:background};
  381. padding-left:15px;
  382. margin-top:-18px;
  383. right:10px;
  384. position:absolute;}
  385.  
  386. .tags {{block:ifNotShowTags}
  387. {block:IndexPage}
  388. display:none;
  389. {/block:IndexPage}
  390. {/block:ifNotShowTags}
  391. margin-top:3px;
  392. word-break:break-all;
  393. font-size:8px;
  394.  
  395.  
  396. }
  397. .tags a{
  398. letter-spacing:0px;
  399. padding:0 5px;
  400. color:{color:text};
  401. color:{color:text};
  402. font-size:10px;
  403. text-transform:lowercase;}
  404.  
  405.  
  406.  
  407. .pagenotes {
  408. {block:IndexPage}
  409. display: none!important;
  410. {/block:IndexPage}
  411. {block:PermalinkPage}
  412. width:250px;
  413. {/block:PermalinkPage}
  414. text-align:left;
  415. height:250px;
  416. overflow-x:hidden;
  417. overflow-y:auto;
  418.  
  419. }
  420. .pagenotes img {
  421. display:none!important;}
  422. .pagenotes li {
  423. list-style-type:none;
  424. padding:5px 0px;
  425. text-align:left;
  426. margin:0 0 0 -40px;
  427. font-size:10px;
  428. text-transform:uppercase;
  429. border-bottom:1px solid #eee;
  430. }
  431. .t {
  432. font-size:11px;
  433. letter-spacing:1px;
  434. color:{color:title};
  435. text-transform:uppercase;}
  436.  
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447. {CustomCSS}
  448.  
  449.  
  450. </style>
  451.  
  452.  
  453.  
  454.  
  455. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  456.  
  457. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  458.  
  459. <script>
  460.  
  461. (function($){
  462.  
  463. $(document).ready(function(){
  464.  
  465. $("a[title]").style_my_tooltips({
  466.  
  467. tip_follows_cursor:true,
  468.  
  469. tip_delay_time:30,
  470.  
  471. tip_fade_speed:300,
  472.  
  473. attribute:"title"
  474.  
  475. });
  476.  
  477. });
  478.  
  479. })(jQuery);
  480.  
  481. </script>
  482.  
  483.  
  484.  
  485. </head>
  486.  
  487. <body>
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495.  
  496. <div id="con">
  497.  
  498. <div id="headers">
  499. <div id="s">
  500.  
  501. </div>
  502.  
  503. <div id="blogt">
  504. <div id="pagination">
  505. {block:Pagination}
  506. {block:PreviousPage}<a href="{PreviousPage}"←/a> {/block:PreviousPage}
  507. {block:NextPage}<a href="{NextPage}">→
  508. </a>{/block:NextPage}
  509. {/block:Pagination}
  510. </div>
  511. {Title}
  512.  
  513. </div>
  514. <div id="description">{Description}</div>
  515. <div id="standardlinks">
  516. <a href="/" a href title="home"><img src="https://31.media.tumblr.com/55315c2404e74cd43ac4e6286016af56/tumblr_inline_n4bglbMFb51qhgy09.gif"></a>
  517. <a href="/ask" a href title="message"><img src="https://31.media.tumblr.com/55315c2404e74cd43ac4e6286016af56/tumblr_inline_n4bglbMFb51qhgy09.gif"></a>
  518. {block:ifLink1}<a href="{text:Link 1 URL}" a href title="edits"><img src="https://31.media.tumblr.com/55315c2404e74cd43ac4e6286016af56/tumblr_inline_n4bglbMFb51qhgy09.gif"></a>{/block:ifLink1}
  519. {block:ifLink2}<a href="{text:Link 2 URL}" a href title="links" ><img src="https://31.media.tumblr.com/55315c2404e74cd43ac4e6286016af56/tumblr_inline_n4bglbMFb51qhgy09.gif"></a>{/block:ifLink2}
  520. {block:ifLink3}<a href="{text:Link 3 URL}" a href title="my themes"><img src="https://31.media.tumblr.com/55315c2404e74cd43ac4e6286016af56/tumblr_inline_n4bglbMFb51qhgy09.gif"></a>{/block:ifLink3}
  521.  
  522. </div>
  523.  
  524. </div>
  525.  
  526.  
  527.  
  528.  
  529. <div id="entries">
  530.  
  531. {block:Posts}
  532. <div id="posts">
  533. {block:Date}
  534. <div id="permalink">
  535. <span class="d">
  536. <a href="{Permalink}"></a>{block:NoteCount} <span style="font-family:consolas"></span> <a href="{Permalink}">{NoteCount}</a>{block:NoteCount}</span>
  537. {block:PermalinkPage}
  538. {block:ContentSource}
  539. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  540. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  541. {/block:SourceLogo}
  542. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  543. {/block:ContentSource}
  544. <span style="float:left"><a href="" title=""></a>{block:ContentSource} <a href="" title=""></a>{/block:ContentSource}</span>
  545. {/block:PermalinkPage}</span>
  546. </div>
  547. {/block:Date}
  548.  
  549.  
  550. {block:Quote}
  551.  
  552.  
  553. <div id="titlequote">“ {Quote} ”</div>
  554. {block:Source}<div id="source"></div>{/block:Source}
  555. {/block:Quote}
  556.  
  557.  
  558.  
  559. {block:Text}
  560.  
  561. {block:Title}
  562. <div id="title">{Title}</div>{/block:Title}
  563. {Body}
  564.  
  565.  
  566. {/block:Text}
  567.  
  568. {block:Link}
  569.  
  570. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  571.  
  572. {/block:Link}
  573.  
  574. {block:Chat}
  575. {block:Title}
  576. <h1>{Title}</h1>
  577. {/block:Title}
  578. <div class="chat">
  579. <ol>{block:Lines}
  580. <li class="line {Alt}">
  581. {block:Label}
  582. <span class="label">
  583. {Label}</span>
  584. {/block:Label}{Line}</li>
  585. {/block:Lines}
  586. </ol></div>
  587. {/block:Chat}
  588.  
  589. {block:Photo}
  590. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}
  591. {block:Caption}<span class="caption"></span>{/block:Caption}
  592. {block:PermalinkPage}<span class="caption">{Caption}</span>{/block:PermalinkPage}
  593.  
  594.  
  595.  
  596. {/block:Photo}
  597.  
  598. {block:Photoset}
  599.  
  600. {Photoset-250}
  601. {block:Caption}<span class="caption"></span>{/block:Caption}
  602.  
  603.  
  604.  
  605. {/block:Photoset}
  606.  
  607. {block:Video}
  608.  
  609.  
  610.  
  611. {Video-250}
  612. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  613. {/block:Video}
  614.  
  615.  
  616.  
  617. {block:Audio}
  618.  
  619. <div class="audioinfo">
  620. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  621. </div>
  622. <div class="playerback">
  623. <div class="player">{AudioPlayerWhite}</div>
  624. </div>
  625. {block:Caption}<span class="caption"></span>{/block:Caption}
  626.  
  627.  
  628. {/block:Audio}
  629.  
  630. {block:Answer}
  631. <div id="question">
  632. <div class="q"><span class="as">{Asker} said:</span>{Question}</i></div>
  633. <div class="a">{Answer}</div>
  634. </div>
  635.  
  636. {/block:Answer}
  637.  
  638.  
  639.  
  640. {block:Date}
  641.  
  642.  
  643. {block:Date}
  644. {block:HasTags}<div class="tags"><span style="font-size:10px;"><i>tags</i>:</span>{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  645. {/block:Date}
  646.  
  647.  
  648.  
  649. </div>
  650.  
  651.  
  652.  
  653.  
  654.  
  655. {block:PermalinkPage}
  656. {/block:PermalinkPage}
  657. <div class="pagenotes">
  658. {block:NoteCount}<div class="t">Notes</div>{/block:NoteCount}
  659. {PostNotes}
  660. </ol>
  661.  
  662.  
  663. </div>
  664. {/block:PostNotes}
  665. {/block:Posts}
  666.  
  667.  
  668.  
  669.  
  670.  
  671. </div>
  672.  
  673.  
  674.  
  675. </body><i><div style="padding:10px; bottom:5px; left:5px; position:fixed;"><a title="theme by kristel" href="http://jjangeu.tumblr.com">thm.</a></div></i></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement