dansmilth

Control

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