Advertisement
briqhter

theme 14

Dec 15th, 2014
273
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.40 KB | None | 0 0
  1. <!--
  2. theme 14 made by dyothms/luhyns
  3. please do not remove the credit
  4. -->
  5.  
  6. <!DOCTYPE html>
  7. <html lang="en">
  8.  
  9. <head>
  10.  
  11. <!------script1------>
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  14. <script>
  15. (function($){
  16. $(document).ready(function(){
  17. $("a[title]").style_my_tooltips({
  18. tip_follows_cursor:true,
  19. tip_delay_time:90,
  20. tip_fade_speed:600,
  21. attribute:"title"
  22. });
  23. });
  24. })(jQuery);
  25. </script>
  26.  
  27. <!------meta1------>
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:title" content="#333"/>
  30. <meta name="color:text" content="#777"/>
  31. <meta name="color:link" content="#000"/>
  32. <meta name="color:hover" content="#fff"/>
  33. <meta name="color:borders" content="#dddddd"/>
  34. <meta name="color:sidebar" content="#000"/>
  35. <meta name="color:blogtitle 1" content="#000"/>
  36. <meta name="color:blogtitle 2" content="#fff"/>
  37. <meta name="color:sidebar image border" content="#fff"/>
  38. <meta name="color:description" content="#fff"/>
  39. <meta name="color:navigation" content="#fff"/>
  40. <meta name="color:hover messages" content="#000"/>
  41. <meta name="color:scrollbar" content="#000"/>
  42.  
  43. <meta name="image:background" content="1"/>
  44. <meta name="image:sidebar" content="1"/>
  45.  
  46. <meta name="text:blogtitle 1" content="hidden in the dark"/>
  47. <meta name="text:blogtitle 2" content="abyss"/>
  48. <meta name="text:link 1" content="/"/>
  49. <meta name="text:link 2" content="/"/>
  50. <meta name="text:link 3" content="/"/>
  51. <meta name="text:link 4" content="/"/>
  52. <meta name="text:link 5" content="/"/>
  53. <meta name="text:link 6" content="http://dyothms.tumblr.com"/>
  54. <meta name="text:link 1 title" content="link one"/>
  55. <meta name="text:link 2 title" content="link two"/>
  56. <meta name="text:link 3 title" content="link three"/>
  57. <meta name="text:link 4 title" content="link four"/>
  58. <meta name="text:link 5 title" content="link five"/>
  59. <meta name="text:link 6 title" content="theme credit"/>
  60.  
  61. <meta name="font:title" content="Brutal Type" />
  62.  
  63. <meta name="if:bold title" content="1" />
  64. <meta name="if:hover sidebar" content="1" />
  65. <meta name="if:sidebar img" content="0" />
  66. <meta name="if:hidden tags" content="1" />
  67. <meta name="if:400px posts" content="0" />
  68. <meta name="if:500px posts" content="1" />
  69. <meta name="if:link four" content="1" />
  70. <meta name="if:link five" content="1" />
  71. <meta name="if:link six" content="1" />
  72. <meta name="if:monochrome" content="0"/>
  73.  
  74. <style type="text/css">
  75.  
  76. /* basics1 */
  77. body {
  78. font-family:calibri;
  79. font-size:11px;
  80. line-height:12px;
  81. color:{color:text};
  82. background-color:{color:background};
  83. background-image:url({image:background});
  84. background-attachment:fixed;
  85. background-repeat:repeat;
  86. }
  87.  
  88. a:link, a:active, a:visited{
  89. color:{color:link};
  90. text-decoration:none;
  91. }
  92.  
  93. a:hover {
  94. color: {color:link};
  95. }
  96.  
  97. img {
  98. border:0;
  99. max-width:100%;
  100. height:auto;
  101. }
  102.  
  103. #s-m-t-tooltip {
  104. max-width:300px;
  105. padding:4px;
  106. margin:20px 0px 0px 20px;
  107. background: {color:hover messages};
  108. border:1px solid {color:hover messages};
  109. color: white;
  110. font-size:9px;
  111. line-height:6px;
  112. font-family:calibri;
  113. z-index:999999999999999999999999999999999999;
  114. }
  115.  
  116. ::-webkit-scrollbar {width: 8px; height: 4px; background: white; }
  117. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; }
  118.  
  119. /* fonts */
  120. @font-face { font-family:"bb"; src: url('https://dl.dropboxusercontent.com/s/3lh8xfusolkcsox/BEBAS___.TTF');}
  121.  
  122. /* posts1 */
  123. #posts {
  124. z-index:10;
  125. margin-top:10px;
  126. margin-left:320px;
  127. width:440px;
  128. }
  129.  
  130. #entry {
  131. margin:10px;
  132. margin-top:20px;
  133. width:400px;
  134. padding:10px;
  135. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  136. }
  137.  
  138. {block:IfMonochrome}
  139. #entry img{
  140. -webkit-filter: grayscale(1);
  141. filter: grayscale(1);
  142. transition: all 0.4s ease-out;
  143. -o-transition-transition: all 0.4s ease-out;
  144. -webkit-transition: all 0.4s ease-out;
  145. -moz-transition: all 0.4s ease-out;
  146. }
  147.  
  148. #entry:hover img{
  149. -webkit-filter: grayscale(0);
  150. filter: grayscale(0);
  151. }
  152.  
  153. .bw {
  154. -webkit-filter: grayscale(1);
  155. filter: grayscale(1);
  156. transition: all 0.4s ease-out;
  157. -o-transition-transition: all 0.4s ease-out;
  158. -webkit-transition: all 0.4s ease-out;
  159. -moz-transition: all 0.4s ease-out;
  160. }
  161.  
  162. #entry:hover .bw {
  163. -webkit-filter: grayscale(0);
  164. filter: grayscale(0);
  165. }
  166.  
  167. #sbimg:hover .bw {
  168. -webkit-filter: grayscale(0);
  169. filter: grayscale(0);
  170. }
  171.  
  172. {/block:IfMonochrome}
  173.  
  174. .title {
  175. font-family:{font:title};
  176. font-size:14px;
  177. line-height:16px;
  178. color:{color:title};
  179. {block:ifBoldTitle}font-weight:bold;{/block:ifBoldTitle}
  180. }
  181.  
  182. .caption a:hover {
  183. background: {color:link};
  184. color:{color:hover};
  185. }
  186.  
  187. #posts blockquote {
  188. margin-left:5px;
  189. padding-left:10px;
  190. border-left:solid 1px #555;
  191. }
  192.  
  193. .line {
  194. margin-left:0px;
  195. margin-right:0px;
  196. margin-top:20px;
  197. height:1px;
  198. background-color:{color:borders};
  199. }
  200.  
  201. .line2 {
  202. margin-left:0px;
  203. margin-right:0px;
  204. margin-top:10px;
  205. height:1px;
  206. background-color:{color:borders};
  207. }
  208.  
  209. .perma {
  210. margin-right:10px;
  211. margin-top:-6px;
  212. height:12px;
  213. font-family:calibri;
  214. text-transform:uppercase;
  215. text-align:right;
  216. letter-spacing:1px;
  217. line-height:12px;
  218. font-size:10px;
  219. }
  220.  
  221. .p1 {
  222. float:right;
  223. margin-left:5px;
  224. padding-left:3px;
  225. padding-right:3px;
  226. background-color:{color:background};
  227. }
  228.  
  229. .tags {
  230. margin-top:0px;
  231. margin-right:0px;
  232. font-family:calibri;
  233. font-style:italic;
  234. font-size:10px;
  235. line-height:10px;
  236. text-align:left;
  237. {block:ifHiddenTags}
  238. opacity:0;
  239. transition: all 0.2s ease-out;
  240. -o-transition-transition: all 0.2s ease-out;
  241. -webkit-transition: all 0.2s ease-out;
  242. -moz-transition: all 0.2s ease-out;
  243. {/block:ifHiddenTags}
  244. }
  245.  
  246. #entry:hover .tags {
  247. opacity:1;
  248. }
  249.  
  250. .tags a:hover{
  251. background: {color:link};
  252. color:{color:hover};
  253. }
  254.  
  255. #posts .tags .comma:last-child {
  256. display:none;
  257. }
  258.  
  259. #posts #notecontainer {
  260. margin-top: 20px;
  261. width:440px;
  262. {block:if500pxPosts}width:540px;{/block:if500pxPosts}
  263. font-size: 11px;
  264. line-height:16px;
  265. }
  266.  
  267. #notecontainer a:hover {
  268. background: {color:link};
  269. color:{color:hover};
  270. }
  271.  
  272. #posts #notecontainer ol.notes {
  273. list-style-type: none;
  274. margin: 0;
  275. padding-top: 10px;
  276. padding-bottom: 10px;
  277. }
  278.  
  279. #posts #notecontainer img.avatar {
  280. margin-right: 5px;
  281. width: 16px;
  282. height: 16px;
  283. }
  284.  
  285. .qusource {
  286. font-family:calibri;
  287. font-size:11px;
  288. line-height:18px;
  289. font-style:italic;
  290. color:{color:title};
  291. font-weight:normal;
  292. }
  293.  
  294. .qusource a:hover {
  295. background: {color:link};
  296. color:{color:hover};
  297. }
  298.  
  299. .chat {
  300. border-top:1px solid {color:borders};
  301. line-height:20px;
  302. transition: all 0.2s ease-out;
  303. -o-transition-transition: all 0.2s ease-out;
  304. -webkit-transition: all 0.2s ease-out;
  305. -moz-transition: all 0.2s ease-out;
  306. }
  307.  
  308. .aud img {
  309. margin-top:10px;
  310. margin-left:10px;
  311. height:55px;
  312. }
  313.  
  314. .audtxt {
  315. position:static;
  316. margin-top:10px;
  317. margin-left:10px;
  318. line-height:14px;
  319. }
  320.  
  321. #asker{
  322. position:absolute;
  323. margin-top:5px;
  324. margin-left:5px;
  325. }
  326.  
  327. #asker img{
  328. width:26px;
  329. background:white;
  330. padding:2px;
  331. }
  332.  
  333. #qu{
  334. padding: 5px;
  335. padding-left:40px;
  336. min-height:30px;
  337. text-align:left;
  338. background: #f5f5f5;
  339. }
  340.  
  341. /* sidebar */
  342. #sidebar {
  343. z-index:10;
  344. position:fixed;
  345. top:0px;
  346. left:-200px;
  347. height:100%;
  348. transition: all 0.5s ease-out;
  349. -o-transition-transition: all 0.5s ease-out;
  350. -webkit-transition: all 0.5s ease-out;
  351. -moz-transition: all 0.5s ease-out;
  352. }
  353.  
  354. #blogtitle{
  355. position:absolute;
  356. margin-top:200px;
  357. margin-left:200px;
  358. width:190px;
  359. height:auto;
  360. padding-left:5px;
  361. border-left:5px solid {color:blogtitle 1};
  362. font-family:bb;
  363. font-size:50px;
  364. line-height:50px;
  365. color:{color:blogtitle 1};
  366. }
  367.  
  368. #sbar {
  369. z-index:10;
  370. position:fixed;
  371. margin-top:0px;
  372. margin-left:0px;
  373. width:200px;
  374. height:100%;
  375. background: {color:sidebar};
  376. transition: all 0.5s ease-out;
  377. -o-transition-transition: all 0.5s ease-out;
  378. -webkit-transition: all 0.5s ease-out;
  379. -moz-transition: all 0.5s ease-out;
  380. {block:ifNotHoverSidebar}margin-left:200px;{/block:ifNotHoverSidebar}
  381. }
  382.  
  383. #sidebar:hover #sbar {
  384. margin-left:200px;
  385. }
  386.  
  387. #blogtitle2{
  388. position:static;
  389. margin-top:100px;
  390. margin-left:0px;
  391. padding-left:10px;
  392. padding-right:10px;
  393. height:auto;
  394. font-family:bb;
  395. font-size:50px;
  396. line-height:50px;
  397. color:{color:blogtitle 2};
  398. text-align:center;
  399. }
  400.  
  401. #sbimg {
  402. margin-top:20px;
  403. width:60px;
  404. border:1px solid {color:sidebar image border};
  405. background:{color:sidebar};
  406. padding:10px;
  407. }
  408.  
  409. #desc{
  410. position:static;
  411. margin-top:20px;
  412. padding-left:10px;
  413. padding-right:10px;
  414. color:{color:description};
  415. font-family:arial;
  416. text-align:center;
  417. font-size:9px;
  418. line-height:11px;
  419. }
  420.  
  421. #desc a{
  422. color:{color:description};
  423. text-decoration:underline;
  424. }
  425.  
  426. #pg {
  427. position:fixed;
  428. margin-top:10px;
  429. margin-left:0px;
  430. height:26px;
  431. width:202px;
  432. background:transparent;
  433. text-align:center;
  434. font-family:consolas;
  435. font-size:9px;
  436. line-height:11px;
  437. {block:IfShortSidebar}width:162px;{/block:IfShortSidebar}
  438. }
  439.  
  440. #pg a{
  441. color:{color:description};
  442. }
  443.  
  444. .currentpg{
  445. background:{color:description};
  446. color:{color:sidebar};
  447. border:2px solid {color:description};
  448. }
  449.  
  450. #navi{
  451. position:absolute;
  452. margin-left:0px;
  453. bottom:20px;
  454. width:200px;
  455. border-bottom:1px solid {color:navigation};
  456. }
  457.  
  458. .n1{
  459. height:26px;
  460. width:200px;
  461. }
  462.  
  463. .n2{
  464. z-index:2;
  465. position:fixed;
  466. width:0px;
  467. background:{color:navigation};
  468. transition: all 0.5s ease-out;
  469. -o-transition-transition: all 0.5s ease-out;
  470. -webkit-transition: all 0.5s ease-out;
  471. -moz-transition: all 0.5s ease-out;
  472. }
  473.  
  474. .n1:hover .n2{
  475. width:200px;
  476. height:26px;
  477. }
  478.  
  479. .n3{
  480. z-index:3;
  481. position:fixed;
  482. height:26px;
  483. width:200px;
  484. border-top:1px solid {color:navigation};
  485. font-family:calibri;
  486. text-transform:uppercase;
  487. text-align:center;
  488. color:{color:navigation};
  489. letter-spacing:1px;
  490. line-height:26px;
  491. font-size:10px;
  492. transition: all 0.5s ease-out;
  493. -o-transition-transition: all 0.5s ease-out;
  494. -webkit-transition: all 0.5s ease-out;
  495. -moz-transition: all 0.5s ease-out;
  496. }
  497.  
  498. .n3 a{
  499. color:{color:navigation};
  500. }
  501.  
  502.  
  503. .n3:hover{
  504. color:{color:sidebar};
  505. }
  506.  
  507. #crt {
  508. z-index: 4783;
  509. position:fixed;
  510. bottom:-1px;
  511. right:10px;
  512. width:60px;
  513. background:white;
  514. border: 1px solid #eee;
  515. padding: 5px;
  516. font-family: calibri;
  517. font-size: 10px;
  518. line-height: 12px;
  519. letter-spacing:1px;
  520. color:#bbb;
  521. font-style:italic;
  522. text-align:center;
  523. transition: all 0.6s ease-out;
  524. -o-transition-transition: all 0.4s ease-out;
  525. -webkit-transition: all 0.4s ease-out;
  526. -moz-transition: all 0.4s ease-out;
  527. }
  528.  
  529. #crt a{
  530. color:#bbb;
  531. }
  532.  
  533. #crt:hover{
  534. opacity: 0;
  535. transition: all 0.6s ease-out;
  536. -o-transition-transition: all 0.4s ease-out;
  537. -webkit-transition: all 0.4s ease-out;
  538. -moz-transition: all 0.4s ease-out;
  539. }
  540.  
  541. #ctpl {
  542. z-index: 4780;
  543. position:fixed;
  544. bottom:-1px;
  545. right:10px;
  546. width:60px;
  547. background:white;
  548. border: 1px solid #eee;
  549. padding: 5px;
  550. font-family: calibri;
  551. font-size: 10px;
  552. line-height: 12px;
  553. letter-spacing:1px;
  554. color:#bbb;
  555. font-style:italic;
  556. text-align:center;
  557. transition: all 0.6s ease-out;
  558. -o-transition-transition: all 0.4s ease-out;
  559. -webkit-transition: all 0.4s ease-out;
  560. -moz-transition: all 0.4s ease-out;
  561. }
  562.  
  563. #ctpl a{
  564. color:#bbb;
  565. }
  566.  
  567. {CustomCSS}
  568.  
  569. </style>
  570.  
  571. <!------title------>
  572. <title>{title}</title>
  573. <link rel="shortcut icon" href="{Favicon}" />
  574. <meta name="viewport" content="width=820" />
  575.  
  576. </head>
  577.  
  578. <body>
  579.  
  580. <a href="http://dyothms.tumblr.com/"><div id="crt">theme</div>
  581. <div id="ctpl">dyothms</div></a>
  582.  
  583. <!------mainhtml1------>
  584. <div id="sidebar">
  585. <div id="blogtitle">{text:blogtitle 1}</div>
  586.  
  587. <div id="sbar">
  588. <div id="blogtitle2">{text:blogtitle 2}</div>
  589. {block:ifSidebarImg}
  590. <center><div id="sbimg">
  591. {block:IfMonochrome}<div class="bw">{/block:IfMonochrome}
  592. <img src="{image:sidebar}" />
  593. {block:IfMonochrome}</div>{/block:IfMonochrome}
  594.  
  595. </div></center>
  596. {/block:ifSidebarImg}
  597. <div id="desc">{description}</div>
  598. <div id="pg">
  599. {block:Pagination}
  600. {block:JumpPagination length="5"}
  601. {block:CurrentPage}<span class="currentpg">{PageNumber}</span>{/block:CurrentPage}
  602. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  603. {/block:JumpPagination}{/block:Pagination}
  604. </div><!--pg-->
  605. <div id="navi">
  606. <a href="{text:link 1}"><div class="n1"><div class="n2"></div><div class="n3">{text:link 1 title}</div></div></a>
  607. <a href="{text:link 2}"><div class="n1"><div class="n2"></div><div class="n3">{text:link 2 title}</div></div></a>
  608. <a href="{text:link 3}"><div class="n1"><div class="n2"></div><div class="n3">{text:link 3 title}</div></div></a>
  609. {block:ifLinkFour}<a href="{text:link 4}"><div class="n1"><div class="n2"></div><div class="n3">{text:link 4 title}</div></div></a>{/block:ifLinkFour}
  610. {block:ifLinkFive}<a href="{text:link 5}"><div class="n1"><div class="n2"></div><div class="n3">{text:link 5 title}</div></div></a>{/block:ifLinkFive}
  611. {block:ifLinkSix}<a href="{text:link 6}"><div class="n1"><div class="n2"></div><div class="n3">{text:link 6 title}</div></div></a>{/block:ifLinkSix}
  612. </div><!--navi-->
  613. </div><!--sbar-->
  614. </div><!--sidebar-->
  615. <!------mainhtml2------>
  616.  
  617. <!------posts1------>
  618. <div id="posts">
  619. {block:Posts}
  620. <div id="entry">
  621.  
  622. {block:Text}
  623. {block:Title}<div class="title">{Title}</div>{/block:Title}
  624. <div class="caption">{Body}</div>
  625. {/block:Text}
  626.  
  627. {block:Link}
  628. <div class="caption"><div class="title"><a href="{URL}" >{Name}</a></div>
  629. {block:Description}{Description}{/block:Description}</div>
  630. {/block:Link}
  631.  
  632. {block:Answer}
  633. <div id="asker"><img src="{AskerPortraitURL-30}"></div>
  634. <div class="caption"><div id="qu">{Asker} asked: <i>{Question}</i></div></br><center>{Answer}</center></div>
  635. {/block:Answer}
  636.  
  637. {block:Photo}
  638. {block:if400pxPosts}{LinkOpenTag}<img src="{PhotoURL-400}" />{LinkCloseTag}{/block:if400pxPosts}
  639. {block:if500pxPosts}{LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}{/block:if500pxPosts}
  640. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  641. {/block:Photo}
  642.  
  643. {block:Photoset}
  644. {block:IfMonochrome}<div class="bw">{/block:IfMonochrome}
  645. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  646. {block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}
  647. {block:IfMonochrome}</div>{/block:IfMonochrome}
  648. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  649. {/block:Photoset}
  650.  
  651. {block:Video}{block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  652. {block:if500pxPosts}{Video-500}{/block:if500pxPosts}
  653. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  654. {/block:Video}
  655.  
  656. {block:Audio}
  657. {AudioPlayer}
  658. <div class="line2"></div>
  659. <div class="audtxt">
  660. {block:TrackName}Track: {TrackName}</br>{/block:TrackName}
  661. {block:Artist}Artist: {Artist}</br>{/block:Artist}
  662. {block:Album}Album: {Album}</br>{/block:Album}
  663. {block:PlayCount}Play Count: {FormattedPlayCount}{/block:PlayCount}
  664. </div>
  665. <div class="caption">{block:Caption}<br />{Caption}{/block:Caption}</div>
  666. {/block:Audio}
  667.  
  668. {block:Quote}
  669. <div class="title">"{Quote}"<span class="qusource">{block:Source} - {Source}{/block:Source}</span></div>
  670. {/block:Quote}
  671.  
  672. {block:Chat}
  673. {block:Title}{Title}<br />{/block:Title}
  674. {block:Lines}
  675. <div class="chat">
  676. {block:Label}{Label}{/block:Label} {Line}<br />
  677. </div>
  678. {/block:Lines}
  679. {/block:Chat}
  680.  
  681.  
  682. <div class="line"></div>
  683. <div class="perma">
  684. <div class="p1"><a href="{Permalink}">{block:Date}{DayOfMonth} {ShortMonth} {Year}{/block:Date}</a></div>
  685. {block:NoteCount}<div class="p1"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
  686. {block:NotReblog}<div class="p1"><a href="{Permalink}">my original post</a></div>{/block:NotReblog}
  687. {block:RebloggedFrom}
  688. <div class="p1"><a href="{ReblogParentURL}" title="{ReblogParentName}">{lang:via}</a></div>
  689. <div class="p1"><a href="{ReblogRootURL}" title="{ReblogRootName}">{lang:source}</a></div>{/block:RebloggedFrom}
  690. </div>
  691.  
  692. {block:HasTags}<div class="tags">
  693. tags:{block:Tags}
  694. <a href="{TagURL}">{Tag}</a><span class="comma">, </span>{/block:Tags}.
  695. </div>
  696. {/block:HasTags}
  697.  
  698. {block:PermalinkPage}
  699.  
  700. {block:PostNotes}
  701. <div id="notecontainer">{PostNotes}</div>
  702. {/block:PostNotes}
  703.  
  704. <center>{block:ContentSource}
  705. <br><a href="{SourceURL}">
  706. {lang:Source}:
  707. {block:SourceLogo}
  708. <img src="{BlackLogoURL}" width="{LogoWidth}"
  709. height="{LogoHeight}" alt="{SourceTitle}" />
  710. {/block:SourceLogo}
  711. {block:NoSourceLogo}
  712. {SourceLink}
  713. {/block:NoSourceLogo}
  714. </a>
  715. {/block:ContentSource}</center>
  716.  
  717. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  718.  
  719. {/block:PermalinkPage}
  720.  
  721. </div><!--entry-->
  722.  
  723. {/block:Posts}
  724. </div><!--posts-->
  725. <!------posts2------>
  726.  
  727. </body>
  728.  
  729. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement