dansmilth

New Flame

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