API tools faq
paste
dansmilth

#23 A KINGDOM OR THIS

dansmilth
Apr 1st, 2016
1,792
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----------- THEME 23 BY MATTDRADDARIO :> ------------>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!--------DEFAULT VARIABLES-------->
  13.  
  14. <meta name="color:background" content="#ffffff"/>
  15. <meta name="color:text" content="#000000"/>
  16. <meta name="color:links" content="#626262"/>
  17. <meta name="color:links hover" content="#a5a5a5"/>
  18. <meta name="color:sidebar" content="#f8f8f8"/>
  19. <meta name="color:borders" content="#eeeeee"/>
  20. <meta name="color:date info bg" content="#f8f8f8"/>
  21. <meta name="color:posts bg" content="#ffffff"/>
  22. <meta name="color:question" content="#f8f8f8"/>
  23. <meta name="color:scrollbar" content="#000000"/>
  24. <meta name="color:scrollbar background" content="#ffffff"/>
  25.  
  26. <meta name="image:sidebar" content=""/>
  27.  
  28. <meta name="text:title2" content="second title"/>
  29.  
  30. <meta name="text:link 1 title" content="link 1"/>
  31. <meta name="text:link 1 url" content=""/>
  32. <meta name="text:link 2 title" content="link 2"/>
  33. <meta name="text:link 2 url" content=""/>
  34. <meta name="text:link 3 title" content="link 3"/>
  35. <meta name="text:link 3 url" content=""/>
  36.  
  37.  
  38. <!----------------SCRIPTS---------------->
  39.  
  40. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("[title]").style_my_tooltips({
  47. tip_follows_cursor:true,
  48. tip_delay_time:200,
  49. tip_fade_speed:300
  50. });
  51. });
  52. })(jQuery);
  53. </script>
  54.  
  55. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  56.  
  57. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,700,300' rel='stylesheet' type='text/css'>
  58.  
  59. <script type="text/javascript">
  60. WebFontConfig = {
  61. google: { families: [ 'Quicksand:400,700,300:latin' ] }
  62. };
  63. (function() {
  64. var wf = document.createElement('script');
  65. wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  66. wf.type = 'text/javascript';
  67. wf.async = 'true';
  68. var s = document.getElementsByTagName('script')[0];
  69. s.parentNode.insertBefore(wf, s);
  70. })(); </script>
  71.  
  72. <link href='https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic,300italic,300,100italic,100' rel='stylesheet' type='text/css'>
  73.  
  74. <script type="text/javascript">
  75. WebFontConfig = {
  76. google: { families: [ 'Lato:400,400italic,700,700italic,900,900italic,300italic,300,100italic,100:latin' ] }
  77. };
  78. (function() {
  79. var wf = document.createElement('script');
  80. wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  81. wf.type = 'text/javascript';
  82. wf.async = 'true';
  83. var s = document.getElementsByTagName('script')[0];
  84. s.parentNode.insertBefore(wf, s);
  85. })(); </script>
  86.  
  87. <style type="text/css">
  88.  
  89. /*----------SCROLLBAR---------*/
  90.  
  91. ::-webkit-scrollbar {
  92. background-color: {color:scrollbar bg};
  93. height:8px;
  94. width:5px;
  95. }
  96.  
  97. ::-webkit-scrollbar-thumb:vertical {
  98. background-color:{color:scrollbar};
  99. height:50px;
  100. }
  101.  
  102. ::-webkit-scrollbar-thumb:horizontal {
  103. background-color:{color:scrollbar bg};
  104. height:8px;
  105. }
  106.  
  107. /*----------TOOLTIPS---------*/
  108.  
  109. #s-m-t-tooltip {
  110. max-width:300px;
  111. margin:15px;
  112. padding:5px;
  113. border:1px solid #eeeeee;
  114. border-radius:0px;
  115. background:#ffffff;
  116. color:{color:text};
  117. z-index:999999;
  118. font-size:7px;
  119. font-style:none;
  120. letter-spacing:2px;
  121. font-family:arial;
  122. text-transform:uppercase;
  123. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  124. }
  125.  
  126. /*----------BASICS---------*/
  127.  
  128. body {
  129. background:{color:background};
  130. color:{color:text};
  131. font-family:arial;
  132. font-size:11px;
  133. line-height:150%;
  134. margin:0;
  135. text-align:left;
  136. }
  137.  
  138.  
  139. small {
  140. font-size:11px;
  141. }
  142.  
  143.  
  144. a {
  145. color:{color:links};
  146. text-decoration:none;
  147. }
  148.  
  149. a:hover {
  150. color:{color:links hover};
  151. transition:1s;
  152. -webkit-transition:1s;
  153. -moz-transition:1s;
  154. -o-transition:1s;
  155. }
  156.  
  157. img {
  158. opacity:1;
  159. text-decoration:none;
  160. }
  161.  
  162. h1 {
  163. font-size:14px;
  164. font-weight:bold;
  165. font-family:arial;
  166. line-height:150%;
  167. text-transform:uppercase;
  168. }
  169.  
  170. blockquote {
  171. padding-left:10px;
  172. margin:10px;
  173. border-left:1px solid #eee;
  174. }
  175.  
  176. /*----------SIDEBAR---------*/
  177.  
  178.  
  179.  
  180. .sidebar {
  181. position:fixed;
  182. top:50px;
  183. width:200px;
  184. margin-left:350px;
  185. background:{color:sidebar};
  186. }
  187.  
  188. .sidebar img {
  189. width:58px;
  190. float:right;
  191.  
  192. }
  193.  
  194. .title {
  195. font-size:15px;
  196. text-transform:uppercase;
  197. font-weight:bold;
  198. padding:12px;
  199. border:1px solid {color:borders};
  200. font-family:'quicksand', sans-serif;
  201. text-align:center;
  202. }
  203.  
  204. .subtitle {
  205. font-size:10px;
  206. }
  207.  
  208. .description {
  209.  
  210. text-align:justify;
  211. margin-top:0px;
  212. padding:20px;
  213. border:1px solid {color:borders};
  214. border-top:none;
  215. font-family:'quicksand', sans-serif;
  216. font-weight:bold;
  217. }
  218.  
  219. .links {
  220. margin-top:0px;
  221. padding:10px;
  222. border:1px solid {color:borders};
  223. border-top:none;
  224. text-transform:uppercase;
  225. font-family:'quicksand', sans-serif;
  226. font-size:9px;
  227. font-weight:bold;
  228. }
  229.  
  230. .links a {
  231. display:block;
  232. padding:5px;
  233. }
  234.  
  235. /*----------PAGINATION---------*/
  236.  
  237. .pagination {
  238. padding:10px;
  239. text-align:center;
  240. letter-spacing:1px;
  241. font-family:'quicksand', sans-serif;
  242. text-transform:uppercase;
  243. font-weight:bold;
  244. background:{color:background};
  245. font-size:10px;
  246. }
  247.  
  248. /*----------POSTS---------*/
  249.  
  250. .entries {
  251. margin-left:600px;
  252. margin-top:50px;
  253. width:500px;
  254. }
  255.  
  256. .posts {
  257. width:500px;
  258. margin-bottom:70px;
  259. border:1px solid {color:borders};
  260. padding:20px;
  261. background:{color:posts bg};
  262. }
  263.  
  264.  
  265. /*----------QUOTE---------*/
  266.  
  267. .quote {
  268. padding:10px;
  269. font-size:15px;
  270. }
  271.  
  272. .quotesource {
  273. padding:10px;
  274. text-align:center;
  275. }
  276.  
  277. /*----------CHAT---------*/
  278.  
  279. .chat {
  280. line-height:150%;
  281. list-style:none;
  282. }
  283.  
  284. .line.odd {
  285. padding:10px;
  286. background:#f8f8f8;
  287. }
  288.  
  289. .line.even {
  290. padding:10px;
  291. }
  292.  
  293. .label {
  294. text-transform:uppercase;
  295. font-size:10px;
  296. letter-spacing:1px;
  297. font-weight:bold;
  298. }
  299.  
  300. /*----------AUDIO---------*/
  301.  
  302. .cover {
  303. position:relative;
  304. z-index:1;
  305. max-width:100px;
  306. padding:10px;
  307. float:left;
  308. }
  309.  
  310. .playbutton {
  311. width:20px;
  312. height:30px;
  313. overflow:hidden;
  314. position:relative;
  315. z-index:2;
  316.  
  317. }
  318.  
  319.  
  320. .playbox {
  321. background-color:#000;
  322. position:absolute;
  323. z-index:2;
  324. padding:15px 24px 13px 16px;
  325. margin-top:30px;
  326. margin-left:30px;
  327. opacity:0.5;
  328. }
  329.  
  330. .trackdetails {
  331. padding:10px;
  332. width:auto;
  333. height:100px;
  334. margin-top:10px;
  335. margin-left:100px;
  336. }
  337.  
  338. /*----------ASK---------*/
  339.  
  340. .question {
  341. padding:10px;
  342. background:{color:question};
  343. }
  344.  
  345.  
  346. .asker {
  347. text-transform:uppercase;
  348. }
  349.  
  350. .answer {
  351. margin:10px;
  352. }
  353.  
  354. /*----------INFO---------*/
  355.  
  356.  
  357.  
  358. .d {
  359. padding:10px;
  360. border:1px solid {color:borders};
  361. background:{color:date info bg};
  362. font-family:'quicksand', sans-serif;
  363. font-weight:bold;
  364. text-transform:uppercase;
  365. font-size:10px;
  366. margin-top:25px;
  367. }
  368.  
  369.  
  370.  
  371.  
  372. .tags {
  373. padding:10px;
  374. border:1px solid {color:borders};
  375. border-top:none;
  376. font-family:'lato', sans-serif;
  377. text-transform:uppercase;
  378. font-size:8px;
  379. }
  380.  
  381. .tags a {
  382. margin-right:10px;
  383. letter-spacing:1px;
  384. }
  385.  
  386. /*----------POST NOTES---------*/
  387.  
  388. ol.notes {
  389. padding:0px;
  390. margin:25px 0px 0px -10px;
  391. list-style-type:none;
  392. }
  393.  
  394. ol.notes li.note {
  395. padding:10px;
  396. }
  397.  
  398. ol.notes li.note img.avatar {
  399. vertical-align:-4px;
  400. margin-right:10px;
  401. width:16px;
  402. height:16px;
  403. }
  404.  
  405. ol.notes li.note span.action {
  406. font-weight:none;
  407. }
  408.  
  409. ol.notes li.note .answer_content {
  410. font-weight:normal;
  411. }
  412.  
  413. ol.notes li.note blockquote {
  414. padding:4px 10px;
  415. margin:10px 0px 0px 25px;
  416. }
  417.  
  418. ol.notes li.note blockquote a {
  419. text-decoration:none;
  420. }
  421.  
  422. /*----------CREDIT---------*/
  423.  
  424. .credit {
  425. font-size:8px;
  426. position:fixed;
  427. font-weight:bold;
  428. bottom:5px;
  429. right:15px;
  430. z-index:10;
  431. text-align:right;
  432. letter-spacing:1px;
  433. padding:2px;
  434. }
  435.  
  436. .credit a {
  437. color:{color:links};
  438. text-decoration:none;
  439. }
  440.  
  441. .credit a:hover {
  442. color:{color:links hover};
  443. text-decoration:none;
  444. }
  445.  
  446. </style>
  447. </head>
  448.  
  449. <body>
  450.  
  451. <div class="credit">
  452. <a title="theme" href="http://mattdraddario.tumblr.com/" target="_blank">MD</a></div>
  453.  
  454.  
  455.  
  456. <div class="sidebar">
  457. <img src="{image:sidebar}"/>
  458. <div class="title">{Title} <div class="subtitle">{text:title2}</div></div>
  459. <div class="description">{Description}</div>
  460.  
  461. <div class="links">
  462. <a href="/">home <i class="fa fa-home" style="float:right"></i></a>
  463. <a href="/ask">message <i class="fa fa-envelope" style="float:right"></i></a>
  464. <a href="{text:link 1 url}">{text:link 1 title} <i class="fa fa-pencil-square-o" style="float:right"></i></a>
  465. <a href="{text:link 2 url}">{text:link 2 title} <i class="fa fa-heartbeat" style="float:right"></i></a>
  466. <a href="{text:link 3 url}">{text:link 3 title} <i class="fa fa-diamond" style="float:right"></i></a>
  467.  
  468. </div>
  469.  
  470.  
  471. <div class="pagination">
  472. {block:Pagination}
  473. {block:PreviousPage}
  474. <a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp; &nbsp;&nbsp;
  475.  
  476. {block:NextPage}
  477. <a href="{NextPage}">next</a>
  478. {/block:NextPage}
  479. {/block:Pagination}
  480. </div>
  481.  
  482.  
  483. </div>
  484.  
  485. <div class="entries">
  486.  
  487. {block:Posts}
  488.  
  489. <div class="posts">
  490.  
  491.  
  492.  
  493. {block:Text}
  494. <h1>{block:Title}{Title}{/block:Title}</h1>
  495. {Body}{/block:Text}
  496.  
  497.  
  498. {block:Photo}
  499. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  500. {block:Caption}{Caption}{/block:Caption}
  501. {/block:Photo}
  502.  
  503.  
  504. {block:Photoset}
  505. {Photoset-500}
  506. {block:Caption}{Caption}{/block:Caption}
  507. {/block:Photoset}
  508.  
  509.  
  510. {block:Quote}
  511. <div class="quote">"{Quote}"</div>
  512. {block:Source}<div class="quotesource"> — {Source}</div>
  513. {/block:Source}{/block:Quote}
  514.  
  515.  
  516. {block:Link}
  517. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  518. {block:Description}{Description}{/block:Description}
  519. {/block:Link}
  520.  
  521.  
  522. {block:Chat}
  523. {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>
  524. {/block:Chat}
  525.  
  526.  
  527. {block:Audio}
  528.  
  529. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  530.  
  531. {block:AlbumArt}
  532. <img src="{AlbumArtURL}" class="cover">
  533. {/block:AlbumArt}
  534.  
  535.  
  536. <div class="trackdetails"><br>
  537. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  538.  
  539. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  540.  
  541. <b>PLAYS:</b> {FormattedPlayCount}</div>
  542.  
  543.  
  544. {block:Caption}
  545. <div class="caption">{Caption}</div>
  546. {/block:Caption}
  547. {/block:Audio}
  548.  
  549.  
  550. {block:Video}
  551. {Video-500}
  552. {block:Caption}{Caption}{/block:Caption}
  553. {/block:Video}
  554.  
  555.  
  556. {block:Answer}
  557. <div class="question">
  558. <div class="asker"><b>{Asker} said:</b></div>
  559. {Question}</div>
  560. <div class="answer">
  561. {Answer}</div>
  562. {/block:Answer}
  563.  
  564.  
  565. <div class="d">
  566. {block:Date}
  567. <b><a href="{Permalink}" title="{TimeAgo}" style="text-decoration:underline;">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  568. {/block:Date}
  569. &nbsp;&nbsp; / &nbsp;&nbsp;
  570. <a href="{Permalink}">{NoteCount} notes</a>
  571. &nbsp;&nbsp;
  572.  
  573. / &nbsp;&nbsp;<a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  574.  
  575.  
  576. <font style="float:right">
  577. {block:RebloggedFrom}
  578. <a href="{ReblogParentURL}" style="text-decoration:underline;">{ReblogParentName} </a>
  579. {block:ContentSource}
  580. <a href="{ReblogRootURL}" "{ReblogRootName}">/ <font style="text-decoration:underline;">{ReblogRootName}</font></a>
  581. {/block:ContentSource}
  582. {/block:RebloggedFrom}
  583. </font style>
  584. </div>
  585.  
  586.  
  587.  
  588.  
  589. {block:HasTags}
  590. <div class="tags">
  591. {block:Tags}
  592. <a href="{TagURL}">#{Tag}</a>
  593. {/block:Tags}
  594. </div>
  595. {/block:HasTags}
  596.  
  597. </div>
  598.  
  599.  
  600. {block:PostNotes}
  601. {PostNotes}
  602. {/block:PostNotes}
  603.  
  604.  
  605.  
  606.  
  607. {/block:Posts}
  608.  
  609. {block:ContentSource}
  610. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  611. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  612. {/block:SourceLogo}
  613. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  614. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  615.  
  616. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!