API tools faq
paste
Advertisement
thanksamber

Theme 007

thanksamber
Aug 10th, 2015
1,779
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- macfustythemes -->
  4. <head>
  5. <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title} </title>
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}">
  8. {/block:Description}
  9.  
  10. <meta name="image:Background" content="">
  11. <meta name="image:Banner" content="https://secure.static.tumblr.com/3915a83b4163e14ccab0facf8bea05f5/01wstkc/eYjnss46q/tumblr_static_agh01no8ldcsgsgowwskgw4cs.png">
  12.  
  13. <meta name="color:Background" content="#0f0f0f">
  14. <meta name="color:Text" content="#000">
  15. <meta name="color:Links" content="#f2992e">
  16. <meta name="color:Hover" content="#fff">
  17. <meta name="color:Header Title" content="#f2992e">
  18. <meta name="color:Header Links" content="#707070">
  19. <meta name="color:Header Hover" content="#f2992e">
  20. <meta name="color:Container Background" content="#fff">
  21. <meta name="color:Container Border" content="#0f0f0f">
  22. <meta name="color:Sidebar Border" content="#eaeaea">
  23. <meta name="color:Sidebar Background" content="#fff">
  24. <meta name="color:Scrollbar" content="#f2992e">
  25. <meta name="color:Post Border" content="#fff">
  26. <meta name="color:Post Background" content="#eaeaea">
  27. <meta name="color:Post Info Text" content="#a8a8a8">
  28. <meta name="color:Post Info Hover" content="#000">
  29.  
  30. <meta name="text:Link 1 URL" content="/ask">
  31. <meta name="text:Link 1" content="Message">
  32. <meta name="text:Link 2 URL" content="">
  33. <meta name="text:Link 2" content="Link 2">
  34. <meta name="text:Link 3 URL" content="/">
  35. <meta name="text:Link 3" content="Link 3">
  36. <meta name="text:Link 4 URL" content="/">
  37. <meta name="text:Link 4" content="Link 4">
  38. <meta name="text:Link 5 URL" content="/">
  39. <meta name="text:Link 5" content="Link 5">
  40. <meta name="text:Link 6 URL" content="/">
  41. <meta name="text:Link 6" content="Link 6">
  42.  
  43. <meta name="text:Description Label" content="Welcome">
  44. <meta name="text:List Label" content="List">
  45. <meta name="text:List Item 1" content="List Item 1">
  46. <meta name="text:List Item 1 Description" content="Desription">
  47. <meta name="text:List Item 2" content="List Item 2">
  48. <meta name="text:List Item 2 Description" content="Description">
  49. <meta name="text:List Item 3" content="List Item 3">
  50. <meta name="text:List Item 3 Description" content="Description">
  51. <meta name="text:Extra Label" content="Extra">
  52. <meta name="text:Extra Information" content="">
  53.  
  54. <link rel="shortcut icon" href="{Favicon}">
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  57.  
  58. <!-- HTML5 Shiv -->
  59. <!--[if lt IE 9]>
  60. <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  61. <![endif]-->
  62.  
  63. <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
  64. <script src="http://static.tumblr.com/01wstkc/BAXnr15b7/jquery-ui.min.js" type="text/javascript"></script>
  65.  
  66. <script></script>
  67.  
  68. <style>
  69.  
  70. body {
  71. background-color: {color:Background};
  72. background-image: url('{image:Background}');
  73. background-repeat: no-repeat;
  74. background-attachment: fixed;
  75. color: {color:Text};
  76. font-size: 11px;
  77. font-family: 'Calibri', sans-serif;
  78. line-height: 18px;
  79. }
  80.  
  81. a {
  82. color: {color:Links};
  83. text-decoration: none;
  84. -moz-transition: all 0.5s ease;
  85. -o-transition: all 0.5s ease;
  86. -webkit-transition: all 0.5s ease;
  87. transition: all 0.5s ease;
  88. }
  89.  
  90. a:hover {
  91. color: {color:Hover};
  92. letter-spacing: 1px;
  93. }
  94.  
  95. .clear {
  96. clear: both;
  97. }
  98.  
  99. blockquote {
  100. border-left: 1px solid {color:Border};
  101. padding: 5px 10px;
  102. }
  103.  
  104. h1 {
  105. font-weight: normal;
  106. text-transform: uppercase;
  107. text-align: center;
  108. font-size: 18px;
  109. letter-spacing: 3px;
  110. }
  111.  
  112. h3 {
  113. font-weight: normal;
  114. text-transform: uppercase;
  115. text-align: center;
  116. font-size: 14px;
  117. letter-spacing: 3px;
  118. }
  119.  
  120. h2 {
  121. background-color: {color:Links};
  122. width: 100%;
  123. padding: 5px 0;
  124. font-weight: normal;
  125. font-family: 'Roboto', sans-serif;
  126. text-transform: uppercase;
  127. text-align: center;
  128. color: {color:Post Background};
  129. }
  130.  
  131. /** HEADER **/
  132.  
  133. #header {
  134. position: fixed;
  135. width: 100%;
  136. top: 10%;
  137. left: 7.3%;
  138. font-family: 'Roboto', sans-serif;
  139. }
  140.  
  141. #header span {
  142. font-size: 22px;
  143. text-transform: uppercase;
  144. letter-spacing: 3px;
  145. color: {color:Header Title};
  146. padding-right: 1%;
  147. }
  148.  
  149. #header a {
  150. color: {color:Header Links};
  151. text-transform: lowercase;
  152. padding: 0 2%;
  153. }
  154.  
  155. #header a:hover {
  156. color: {color:Header Hover};
  157. }
  158.  
  159. /** CONTAINER **/
  160.  
  161. #container {
  162. position: fixed;
  163. height: 77.5%;
  164. width: 85.4%;
  165. left: 7.3%;
  166. top: 15%;
  167. background-color: {color:Container Background};
  168. border: 1px solid {color:Container Border};
  169. overflow: auto;
  170. }
  171.  
  172. #container::-webkit-scrollbar
  173. {
  174. width: 4px;
  175. }
  176.  
  177. #container::-webkit-scrollbar-thumb
  178. {
  179. background-color: {color:Scrollbar};
  180. }
  181.  
  182. img.banner {
  183. {block:TagPage}
  184. display: none;
  185. {/block:TagPage}
  186. width: 100%;
  187. height: 100%;
  188. }
  189.  
  190. /** SIDEBAR **/
  191.  
  192. #sidebar {
  193. float: left;
  194. width: 25.7%;
  195. height: 100%;
  196. margin: 4% 0 0 4.3%;
  197. }
  198.  
  199. #sidecontainer {
  200. width: 90%;
  201. padding: 2% 5%;
  202. text-align: justify;
  203. border: 1px solid {color:Sidebar Border};
  204. background-color: {color:Sidebar Background};
  205. margin-bottom: 8%;
  206. }
  207.  
  208. .list {
  209. text-align: center;
  210. }
  211.  
  212. .listitem {
  213. font-weight: bold;
  214. margin-bottom: -13px;
  215. font-size: 12px;
  216. }
  217.  
  218. /** CONTENT **/
  219.  
  220. #content {
  221. float: left;
  222. width: 59.9%;
  223. height: 100%;
  224. margin: 4% 0 0 6.3%;
  225. }
  226.  
  227. #postcontainer {
  228. position: relative;
  229. width: 100%;
  230. margin-bottom: 10%;
  231. }
  232.  
  233. #info {
  234. position: absolute;
  235. left: 80%;
  236. top: 5%;
  237. }
  238.  
  239. .pinfo {
  240. font-family: 'Roboto', sans-serif;
  241. font-size: 16px;
  242. text-transform: uppercase;
  243. margin-bottom: 5px;
  244. }
  245.  
  246. .pinfo a {
  247. color: {color:Post Info Text};
  248. }
  249.  
  250. .pinfo a:hover {
  251. color: {color:Post Info Hover};
  252. }
  253.  
  254. .pinfo span {
  255. font-size: 12px;
  256. }
  257.  
  258. .reblogbutton {
  259. float: left;
  260. margin-right: 5px;
  261. }
  262.  
  263. .likebutton {
  264. float: left;
  265. }
  266.  
  267. .tags {
  268. width: 77.3%;
  269. font-size: 9px;
  270. line-height: 9px;
  271. text-transform: uppercase;
  272. }
  273.  
  274. .tags a {
  275. color: {color:Text};
  276. }
  277.  
  278. .tags a:hover {
  279. color: {color:Links};
  280. letter-spacing: 0px;
  281. }
  282.  
  283. #postsource {
  284. text-transform: uppercase;
  285. font-size: 9px;
  286. color: {color:Post Info Hover};
  287. }
  288.  
  289. #postsource a {
  290. color: {color:Post Info Hover};
  291. }
  292.  
  293. #postsource a:hover {
  294. color: {color:Post Info Text};
  295. }
  296.  
  297. ol.notes {
  298. padding: 0;
  299. list-style-type: none;
  300. color: {color:Post Info Text};
  301. }
  302.  
  303. ol.notes li.note {
  304. padding: 10px;
  305. }
  306.  
  307. ol.notes li.note img.avatar {
  308. vertical-align: -4px;
  309. margin-right: 10px;
  310. width: 16px;
  311. height: 16px;
  312. }
  313.  
  314. ol.notes li.note blockquote {
  315. text-transform: uppercase;
  316. font-size: 9px;
  317. }
  318.  
  319. ol.notes li.note a {
  320. color: {color:Post Info Hover};
  321. }
  322.  
  323. ol.notes li.note a:hover {
  324. color: {color:Post Info Text};
  325. }
  326.  
  327. .body {
  328. width: 71.5%;
  329. min-height: 20px;
  330. padding: 2.9%;
  331. text-align: justify;
  332. border: 1px solid {color:Post Border};
  333. background-color: {color:Post Background};
  334. }
  335.  
  336. .body img {
  337. max-width: 100%;
  338. }
  339.  
  340. .quote {
  341. font-family: 'Roboto', sans-serif;
  342. font-size: 18px;
  343. text-align: center;
  344. text-transform: uppercase;
  345. }
  346.  
  347. .quote a {
  348. color: {color:Text};
  349. }
  350.  
  351. .quote a:hover {
  352. color: {color:Links};
  353. }
  354.  
  355. .source {
  356. margin-top: 2%;
  357. text-align: right;
  358. }
  359.  
  360. .chat span {
  361. text-transform: uppercase;
  362. color: {color:Links};
  363. }
  364.  
  365. .playercontainer {
  366. float: left;
  367. width: 37px;
  368. height: 37px;
  369. border: 1px solid {color:Text};
  370. margin-right: 10px;
  371. }
  372.  
  373. .player {
  374. width: 27px;
  375. height: 27px;
  376. overflow: hidden;
  377. margin: 5px 0 0 5px;
  378. }
  379.  
  380. .track {
  381. font-family: 'Roboto', sans-serif;
  382. font-size: 14px;
  383. color: {color:Links};
  384. text-transform: uppercase;
  385. }
  386.  
  387. .track span {
  388. color: {color:Text};
  389. font-size: 10px;
  390. }
  391.  
  392. .askericon {
  393. float: left;
  394. width: 75px;
  395. height: 75px;
  396. border: 1px solid {color:Text};
  397. margin-right: 15px;
  398. }
  399.  
  400. .askericon img {
  401. width: 55px;
  402. height: 55px;
  403. margin: 10px 0 0 10px;
  404. }
  405.  
  406. .question span {
  407. color: {color:Links};
  408. text-transform: uppercase;
  409. font-size: 10px;
  410. }
  411.  
  412. .answer {
  413. width: 75.3%;
  414. padding: 1%;
  415. text-align: justify;
  416. }
  417.  
  418. #pagination {
  419. width: 71.5%;
  420. text-align: center;
  421. font-size: 14px;
  422. font-family: 'Roboto', sans-serif;
  423. color: {color:Post Info Hover};
  424. letter-spacing: 5px;
  425. padding-bottom: 2%;
  426. }
  427.  
  428. #pagination a {
  429. color: {color:Post Info Text};
  430. }
  431.  
  432. #pagination a:hover {
  433. letter-spacing: 5px;
  434. color: {color:Post Info Hover};
  435. }
  436.  
  437. #pagination span {
  438. font-size: 10px;
  439. }
  440.  
  441. /** CREDIT **/
  442.  
  443. a.macfustys {
  444. position: fixed;
  445. bottom: 2%;
  446. right: 1%;
  447. border: 1px solid {color:Header Links};
  448. padding: 2px;
  449. font-size: 12px;
  450. letter-spacing: 1px;
  451. color: {color:Header Links};
  452. }
  453.  
  454. a.macfustys:hover {
  455. color: {color:Header Title};
  456. letter-spacing: 1px;
  457. }
  458.  
  459. </style>
  460. <body>
  461.  
  462. <!-- HEADER -->
  463.  
  464. <div id="header">
  465. <span>{Title}</span>
  466. <a href="/">Home</a>
  467. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  468. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  469. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  470. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  471. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  472. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  473. </div>
  474.  
  475. <!-- CONTAINER -->
  476.  
  477. <div id="container">
  478. {block:IndexPage}
  479. <img class="banner" src="{image:Banner}">
  480. {/block:IndexPage}
  481. <!-- Sidebar -->
  482.  
  483. <div id="sidebar">
  484. <div id="sidecontainer">
  485. <h3>{text:Description Label}</h3>
  486. {Description}
  487. </div>
  488.  
  489. {block:ifListItem1}
  490. <div id="sidecontainer">
  491. <h3>{text:List Label}</h3>
  492. <div class="list">
  493. <p><div class="listitem">{text:List Item 1}</div>
  494. <br>{text:List Item 1 Description}
  495. <p><div class="listitem">{text:List Item 2}</div>
  496. <br>{text:List Item 2 Description}
  497. <p><div class="listitem">{text:List Item 3}</div>
  498. <br>{text:List Item 3 Description}
  499. </div>
  500. </div>
  501. {/block:ifListItem1}
  502.  
  503. {block:ifExtraInformation}
  504. <div id="sidecontainer">
  505. <h3>{text:Extra Label}</h3>
  506. {text:Extra Information}
  507. </div>
  508. {/block:ifExtraInformation}
  509. </div>
  510.  
  511. <!-- Content -->
  512.  
  513. <div id="content">
  514. {block:Posts}
  515. <div id="postcontainer">
  516. {block:Text}
  517. <div class="body">
  518. {block:Title}<h1>{Title}</h1>{/block:Title}
  519. {Body}
  520. </div>
  521. {/block:Text}
  522.  
  523. {block:Photo}
  524. <div class="body">
  525. {LinkOpenTag}
  526. <img src="{PhotoUrl-500}">
  527. {LinkCloseTag}
  528. {block:Caption}{Caption}{/block:Caption}
  529. </div>
  530. {/block:Photo}
  531.  
  532. {block:Photoset}
  533. <div class="body">
  534. {Photoset}
  535. </div>
  536. {/block:Photoset}
  537.  
  538. {block:Quote}
  539. <div class="body">
  540. <div class="quote">&ldquo;{Quote}&rdquo;</div>
  541. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  542. </div>
  543. {/block:Quote}
  544.  
  545. {block:Link}
  546. <div class="body">
  547. <div class="quote"><a href="{URL}">{Name}</a></div>
  548. {block:Description}{Description}{/block:Description}
  549. </div>
  550. {/block:Link}
  551.  
  552. {block:Chat}
  553. <div class="body">
  554. {block:Title}<h1>{Title}</h1>{/block:Title}
  555. <div class="chat">
  556. {block:Lines}
  557. <p>{block:Label}<span>{Label}</span>{block:Label}
  558. {Line}
  559. {/block:Lines}
  560. </div>
  561. </div>
  562. {/block:Chat}
  563.  
  564. {block:Audio}
  565. <div class="body">
  566. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  567. {block:AudioPlayer}
  568. <div class="playercontainer">
  569. <div class="player">{AudioPlayer}</div>
  570. </div>
  571. {/block:AudioPlayer}
  572. <div class="track">
  573. {block:TrackName}{TrackName}{/block:TrackName}
  574. <br><span>{block:Artist}{Artist}{/block:Artist}{block:PlayCount} / {PlayCountWithLabel}{/block:PlayCount}</span>
  575. </div>
  576. {block:Caption}{Caption}{/block:Caption}
  577. </div>
  578. {/block:Audio}
  579.  
  580. {block:Video}
  581. <div class="body">
  582. {Video-500}
  583. {block:Caption}{Caption}{/block:Caption}
  584. </div>
  585. {/block:Video}
  586.  
  587. {block:Answer}
  588. <div class="body">
  589. <div class="askericon">
  590. <img src="{AskerPortraitURL-96}">
  591. </div>
  592. <div class="question">
  593. <span>{Asker} asked:</span>
  594. {Question}
  595. </div>
  596. <div class="clear"></div>
  597. </div>
  598. <div class="answer">
  599. {Answer}
  600. </div>
  601. {/block:Answer}
  602.  
  603. <!-- POST INFO -->
  604. <div id="info">
  605. <div class="pinfo">
  606. {block:Date}
  607. <a href="{Permalink}">
  608. {DayofMonth}{DayofMonthSuffix} {Month} {Year}
  609. <br><span>{NoteCountWithLabel}</span></a>
  610. </div>
  611. <div class="reblogbutton">{ReblogButton}</div>
  612. <div class="likebutton">{LikeButton}</div>
  613. <div class="clear"></div>
  614. {block:RebloggedFrom}
  615. <div id="postsource">
  616. From <a href="{ReblogRootURL}">{ReblogRootName}</a> via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  617. </div>
  618. {/block:RebloggedFrom}
  619. {/block:Date}
  620. </div>
  621. {block:HasTags}
  622. <div class="tags">
  623. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  624. </div>
  625. {/block:HasTags}
  626. </div>
  627. {block:PostNotes}
  628. {PostNotes}
  629. {/block:PostNotes}
  630. {/block:Posts}
  631.  
  632. <div id="pagination">
  633. {block:PreviousPage}
  634. <span><a href="{PreviousPage}"><</a></span>
  635. {/block:PreviousPage}
  636. {block:JumpPagination length="5"}
  637. {block:JumpPage}
  638. <a href="{URL}">{PageNumber}</a>
  639. {/block:JumpPage}
  640. {block:CurrentPage}
  641. {PageNumber}
  642. {/block:CurrentPage}
  643. {/block:JumpPagination}
  644. {block:NextPage}
  645. <span><a href="{NextPage}">></a></span>
  646. {/block:NextPage}
  647. </div>
  648. </div>
  649.  
  650. </div>
  651.  
  652. <!-- CREDIT -->
  653. <a target="new" class="macfustys" href="http://macfustythemes.tumblr.com/">
  654. MT
  655. </a>
  656. </body>
  657. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!