API tools faq
paste
GoldLeej

OLD

GoldLeej
Oct 21st, 2015
139
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.24 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. A tumblr theme created by Monika from noctislucisscaelum.tumblr.com
  3. Theme code name: 003.The Infernal Devices
  4.  
  5. The idea and the code belongs to the author.
  6.  
  7. TERMS OF USAGE
  8. 1. Don't use this code as a base for your own themes (or if you really HAVE TO, ask me for permission first)
  9. 2. Don't delete any credits.
  10. 3. Don't redistribute as your own.
  11. -------------------------------------------------------------------------->
  12.  
  13. <html>
  14. <head>
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <!-------------------------------------------------------------------------
  22. SCRIPTS
  23. -------------------------------------------------------------------------->
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  25. <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
  26. <script>
  27. $().ready(function() {
  28. $("[title]").style_my_tooltips({
  29. tip_follows_cursor: "on", //on/off
  30. tip_delay_time: 200 //milliseconds
  31. });
  32. });
  33. </script>
  34.  
  35. {block:Hidden}
  36. <meta name="color:background" content="#f8f4f5"/>
  37. <meta name="color:blockquote" content="#f2e9ec"/>
  38. <meta name="color:blockquote border" content="#dfc7cf"/>
  39. <meta name="color:border" content="#f4f4f4"/>
  40. <meta name="color:links" content="#b8909f"/>
  41. <meta name="color:links hover" content="#e4045a"/>
  42. <meta name="color:main font color" content="#925058"/>
  43. <meta name="color:menu links" content="#ffffff"/>
  44.  
  45.  
  46. <meta name="if:Link1" content="1"/>
  47. <meta name="if:Link2" content="1"/>
  48. <meta name="if:Link3" content="1"/>
  49. <meta name="if:Link4" content="1"/>
  50. <meta name="if:Link5" content="1"/>
  51. <meta name="if:show avatar" content="1"/>
  52.  
  53.  
  54. <meta name="text:Link1" content="http://">
  55. <meta name="text:Link1 title" content="Link1">
  56. <meta name="text:Link2" content="http://">
  57. <meta name="text:Link2 title" content="Link2">
  58. <meta name="text:Link3" content="http://">
  59. <meta name="text:Link3 title" content="Link3">
  60. <meta name="text:Link4" content="http://">
  61. <meta name="text:Link4 title" content="Link4">
  62. <meta name="text:Link5" content="http://">
  63. <meta name="text:Link5 title" content="Link5">
  64.  
  65.  
  66. <meta name="image:sidebar" content="http://static.tumblr.com/jmc3mkz/e6hmkhxf8/33_090112.png">
  67. {block:Hidden}
  68.  
  69. <!-------------------------------------------------------------------------
  70. CSS section
  71. -------------------------------------------------------------------------->
  72. <style type="text/css">
  73. /*-------------------------- tumblr controls ----------------------------*/
  74. iframe#tumblr_controls {
  75. top:3px !important;
  76. right:3px !important;
  77. position: fixed !important;
  78. z-index:9;
  79. }
  80. iframe#tumblr_controls:hover {
  81. opacity: 1;
  82. z-index:9;
  83. }
  84.  
  85. /*----------------------------- scrollbar -------------------------------*/
  86. ::-webkit-scrollbar {
  87. width: 8px;
  88. height: 8px;
  89. background: {color:main font color};
  90. border-right: 5px solid {color:background};
  91. border-left: 2px solid {color:background};
  92. border-bottom: 5px solid {color:background};
  93. border-top: 2px solid {color:background};
  94. }
  95.  
  96. ::-webkit-scrollbar-thumb:vertical {
  97. border-top: 4px solid {color:background};
  98. background: {color:main font color};
  99. border-bottom: 4px solid {color:background};
  100. border-right: 3px solid {color:background};
  101. border-top: 4px solid {color:background};
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb:horizontal {
  105. background: {color:main font color};
  106. border-bottom: 3px solid {color:background};
  107. border-left: 4px solid {color:background};
  108. border-right: 4px solid {color:background};
  109. }
  110.  
  111.  
  112.  
  113.  
  114. /*------------------------------ tooltip --------------------------------*/
  115. #s-m-t-tooltip{
  116. position:absolute;
  117. z-index:9;
  118. color: {color:main font color};
  119. display:inline-block;
  120. background-color: {color:blockquote};
  121. padding: 8px;
  122. max-width:122px;
  123. border: 0px;
  124. font-size: 11px;
  125. font-family: Calibri;
  126. line-height: 90%;
  127. text-align:justify;
  128. word-wrap: break-word;
  129. }
  130.  
  131. /*-------------------------------- basic --------------------------------*/
  132. body, html {
  133. background-color: {color:background};
  134. margin: 0px;
  135. padding: 0px;
  136. }
  137.  
  138. /*-------------------------------- links --------------------------------*/
  139. a {
  140. color: {color:links};
  141. text-decoration:none;
  142. }
  143.  
  144. a:hover {
  145. color: {color:links hover};
  146. }
  147.  
  148. /*------------------- defualt hover transition styles -------------------*/
  149. * {
  150. transition:all 0.3s ease;
  151. -webkit-transition: all 0.3s ease;
  152. -moz-transition: all 0.3s ease;
  153. -o-transition: all 0.3s ease;
  154. }
  155.  
  156. *:hover {
  157. transition:all 0.5s ease;
  158. -webkit-transition: all 0.5s ease;
  159. -moz-transition: all 0.5s ease;
  160. -o-transition: all 0.5s ease;
  161. }
  162.  
  163. /*-------------------------------------------------------------------------
  164. sidebar CSS
  165. -------------------------------------------------------------------------*/
  166. #sidebar1 {
  167. background: url('{image:sidebar}') no-repeat;
  168. width: 420px;
  169. height: 100%;
  170. position: fixed;
  171. top: 0px;
  172. }
  173.  
  174. #sidebar2 {
  175. top: 0px;
  176. width: 220px;
  177. position:fixed;
  178. margin-left: 435px;
  179. margin-top: 45px;
  180. padding-left: 15px;
  181. height: 90%;
  182. font-size: 11px;
  183. color: {color:main font color};
  184. text-align:justify;
  185. font-family: Arial, serif;
  186. font-style: oblique;
  187. }
  188.  
  189. #sidebar2 a {
  190. color: {color:links};
  191. text-decoration:none;
  192. }
  193.  
  194. #sidebar2 a:hover{
  195. color: {color:links hover};
  196. }
  197.  
  198. .sidebarimage {
  199. width: 69px;
  200. float:left;
  201. border: 1px solid {color:border};
  202. padding: 4px;
  203. margin-right: 6px;
  204. margin-bottom: 4px;
  205.  
  206. }
  207.  
  208. /*-------------------------------- menu ---------------------------------*/
  209. #menu {
  210. top: 0px;
  211. float:left;
  212. position:fixed;
  213. width: 67px;
  214. height: 100%;
  215. margin-left: 353px;
  216. }
  217.  
  218. ul.links {
  219. letter-spacing: 0px;
  220. list-style-type: none;
  221. padding:0px;
  222. margin:0px;
  223. margin-top: 26px;
  224. }
  225.  
  226. ul.links li {
  227. display: block;
  228. }
  229. ul.links li a {
  230. font-family: Calibri;
  231. background: rgba(0,0,0, 0.1);
  232. font-size: 10px;
  233. text-transform: uppercase;
  234. border-bottom: 2px solid {color:background};
  235. padding: 17px 7px 17px 7px;
  236. text-align:center;
  237. display: block;
  238. width: 53px;
  239. color: {color:menu links};
  240. text-decoration:none;
  241. }
  242. ul.links li a:hover{
  243. background: rgba(0,0,0, 0.2);
  244. }
  245.  
  246. /*-------------------------------------------------------------------------
  247. posts CSS
  248. -------------------------------------------------------------------------*/
  249. #posts {
  250. margin-left: 695px;
  251. font-family: Arial, Helvetica, sans-serif;
  252. font-size: 11px;
  253. }
  254.  
  255. .content {
  256. margin: 60px 0px 60px 0px;
  257.  
  258. }
  259. .posts {
  260. width: 500px;
  261. position: relative;
  262. padding: 15px;
  263. border: 1px solid {color:border};
  264. background: {color:background};
  265. color: {color:main font color};
  266. margin-bottom: 35px;
  267. text-align: justify;
  268. margin-top:-16px;
  269. }
  270. .post-stats {
  271. position: relative;
  272. z-index: 3;
  273. width: 500px;
  274. text-align:center;
  275. color: {color:main font color};
  276. margin-bottom: 10px;
  277. }
  278. .date {
  279. background: {color:background};
  280. padding-left: 5px;
  281. padding-right: 5px;
  282. }
  283. .posttags {
  284. position: relative;
  285. z-index: 3;
  286. width: 500px;
  287. margin-top: -43px;
  288. text-align:center;
  289. color: {color:main font color};
  290. margin-bottom: 35px;
  291. }
  292. .date a {
  293. text-decoration:none;
  294. color: {color:main font color};
  295. }
  296.  
  297. blockquote {
  298. border-left: 4px solid {color:blockquote border};
  299. text-align:justify;
  300. padding: 5px;
  301. margin: 3px 3px 3px 0px;
  302. background: {color:blockquote};
  303. }
  304. blockquote img {
  305. max-width: 99%;
  306. }
  307.  
  308. .post-body img {
  309. max-width: 99%;
  310. }
  311. .posts a {
  312. color: {color:links};
  313. text-decoration:none;
  314. }
  315.  
  316. .posts p:first-child {
  317. margin-top: 0px;
  318. }
  319.  
  320. .posts p:last-child {
  321. margin-bottom: 0px;
  322. }
  323. .posts p {
  324. margin-top: 5px;
  325. margin-bottom: 5px;
  326. }
  327.  
  328. small, sub, pre, sup {
  329. font-family: Arial, Helvetica, sans-serif;
  330. font-size: 11px;
  331. text-align: justify;
  332.  
  333. }
  334.  
  335. pre {
  336. margin-top: 0px;
  337. margin-bottom: 0px;
  338. white-space:pre-line;
  339. }
  340.  
  341.  
  342. /*-------------------------- text posts styles --------------------------*/
  343. .post-title {
  344. font-family:Georgia;
  345. font-size: 18px;
  346. background: {color:border};
  347. padding: 10px;
  348. letter-spacing: -1px;
  349. padding-bottom: 10px;
  350. }
  351.  
  352. .post-title a {
  353. text-decoration:none;
  354. color: {color:main font color};
  355. }
  356.  
  357. .photo {
  358. margin-bottom: 10px;
  359. }
  360.  
  361.  
  362. /*------------------------- quotes posts styles -------------------------*/
  363. .quote {
  364. font-family:Georgia, serif;
  365. font-size: 18px;
  366. background: {color:border};
  367. padding: 10px;
  368. letter-spacing: -1px;
  369. font-style: oblique;
  370. margin-bottom: 10px;
  371. }
  372.  
  373. /*---------------------------- audio styles -----------------------------*/
  374. .cover {
  375. width: 64px;
  376. }
  377.  
  378. .play {
  379. position:absolute;
  380. width: 28px;
  381. overflow:hidden;
  382. margin-top: -48px;
  383. opacity: 0.7;
  384. margin-left: 18px;
  385. }
  386. .player {
  387. background: {color:border};
  388. padding: 10px;
  389. height:64px;
  390. }
  391.  
  392. .albumart {
  393. float: left;
  394. }
  395.  
  396. .audio-infos {
  397. float:left;
  398. margin-left: 10px;
  399. margin-top: 18px;
  400. }
  401.  
  402. /*---------------------------- chat styles ------------------------------*/
  403. ul.chat {
  404. font-size: 9px;
  405. list-style-type: none;
  406. padding:0px;
  407. }
  408.  
  409. ul.chat li {
  410. display: block;
  411. }
  412.  
  413. .chat-user:first-child {
  414. border-top: 1px solid {color:border};
  415. }
  416.  
  417. .chat-user {
  418. padding: 7px;
  419. font-size: 11px;
  420. color: {color:main font color};
  421. border-bottom: 1px solid {color:border};
  422. border-left: 1px solid {color:border};
  423. border-right: 1px solid {color:border};
  424. }
  425.  
  426. .chat-user:nth-child(2n) {
  427. background: {color:blockquote};
  428. }
  429.  
  430. .label {
  431. font-weight:bold;
  432. }
  433.  
  434. .ask {
  435. font-family:Arial, Helvetica, sans-serif;
  436. font-size: 11px;
  437. background: {color:border};
  438. padding: 10px;
  439. margin-bottom: 10px;
  440. min-height: 40px;
  441. }
  442.  
  443. .asker-image {
  444. margin-top: 3px;
  445. width: 37px;
  446. margin-right: 3px;
  447. }
  448.  
  449. .video-player {
  450. margin-bottom: 10px;
  451. }
  452.  
  453. /*--------------------------- notes styles ------------------------------*/
  454. ol.notes {
  455. padding: 0px;
  456. width: 530px;
  457. list-style-type: none;
  458. border-bottom: solid 1px {color:border};
  459. font-size: 11px;
  460. color: {color:main font color};
  461. }
  462.  
  463. ol.notes a {
  464. color: {color:links};
  465. text-decoration:none;
  466. }
  467.  
  468. ol.notes a:hover {
  469. color: {color:links hover};
  470. }
  471.  
  472. ol.notes li.note {
  473. border-top: solid 1px {color:border};
  474. padding: 10px;
  475. }
  476.  
  477. ol.notes li.note img.avatar {
  478. vertical-align: -6px;
  479. margin-right: 10px;
  480. width: 16px; height: 16px;
  481. display:inline-block;
  482. }
  483.  
  484. ol.notes li.note blockquote {
  485. background-color: {color:blockquote};
  486. padding: 4px 10px;
  487. margin: 10px 0px 0px 25px;
  488. border-left: 4px solid {color:blockquote border};
  489. }
  490.  
  491. ol.notes li.note blockquote a {
  492. text-decoration: none;
  493. }
  494.  
  495. .credit {
  496. position: fixed;
  497. z-index: 10;
  498. bottom: 10px;
  499. right: 10px;
  500. font-family: Times New Roman;
  501. letter-spacing: 1px;
  502. font-size: 8px;
  503. }
  504.  
  505. .credit a {
  506. color: {color:main font color};
  507. }
  508. .credit:hover {
  509. bottom: 15px;
  510. }
  511. </style>
  512. </head>
  513.  
  514. <body>
  515.  
  516. <div class="credit"><a href="http://noctislucisscaelum.tumblr.com">NLCTHEMES</a></div>
  517.  
  518. <div id="sidebar1"></div>
  519. <div id="menu"><ul class="links">
  520. <li><a href="/"> Home</a></li>
  521. <li><a href="/archive">The past</a></li>
  522. <li><a href="/ask">Askbox</a></li>
  523. {block:ifLink1}<li><a href="{text:Link1}">{text:Link1 title}</a></li>{/block:ifLink1}
  524. {block:ifLink2}<li><a href="{text:Link2}">{text:Link2 title}</a></li>{/block:ifLink2}
  525. {block:ifLink3}<li><a href="{text:Link3}">{text:Link3 title}</a></li>{/block:ifLink3}
  526. {block:ifLink4}<li><a href="{text:Link4}">{text:Link4 title}</a></li>{/block:ifLink4}
  527. {block:ifLink5}<li><a href="{text:Link5}">{text:Link5 title}</a></li>{/block:ifLink5}
  528. </ul></div>
  529. <div id="sidebar2"><div class="sidebar1">
  530. {block:ifshowavatar}<img src="{PortraitURL-128}" alt="" class="sidebarimage">{/block:ifshowavatar}
  531. {description}<br>
  532. <center><span>{block:Pagination} {block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage} {block:JumpPagination length="7"} {block:CurrentPage} {PageNumber} {/block:CurrentPage} {block:JumpPage} <a href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}">»</a> {/block:NextPage}{/block:Pagination}</span></center>
  533. </div>
  534. </div>
  535. <div id="posts">
  536. <div class="content">
  537. {block:Posts}
  538. <!-------------------------------------------------------------------------
  539. stats
  540. -------------------------------------------------------------------------->
  541. <div class="post-stats"><span class="date">
  542. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a> ({DayOfMonthWithZero}/{MonthNumberWithZero}/{Year} @ {24Hour}:{Minutes}){block:Date} {block:NoteCount} ▪ <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} {block:RebloggedFrom} ▪ <a title ="{ReblogParentName}" href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom}{block:ContentSource} ▪ <a title ="{SourceTitle}" href="{SourceURL}"> source</a>{/block:ContentSource}</span>
  543. </div>
  544.  
  545. <div class="posts">
  546. {block:Text}
  547. <!-------------------------------------------------------------------------
  548. text posts
  549. -------------------------------------------------------------------------->
  550. {block:Title}<div class="post-title">{Title}</div>{/block:Title}
  551. <div class="post-body">{Body}</div>
  552. {/block:Text}
  553.  
  554.  
  555. {block:Photo}
  556. <!-------------------------------------------------------------------------
  557. photo posts
  558. -------------------------------------------------------------------------->
  559. <div class="photo"><center><img src="{PhotoURL-500}" alt=""></center></div>
  560. {block:Caption}<div class="post-body">{Caption}</div>{/block:Caption}
  561. {/block:Photo}
  562.  
  563.  
  564. {block:Photoset}
  565. <!-------------------------------------------------------------------------
  566. photoset posts
  567. -------------------------------------------------------------------------->
  568. <div class="photo">{Photoset-500}</div>
  569. {block:Caption}<div class="post-body">{Caption}</div>{/block:Caption}
  570. {/block:Photoset}
  571.  
  572.  
  573. {block:Quote}
  574. <!-------------------------------------------------------------------------
  575. quote posts
  576. -------------------------------------------------------------------------->
  577. <div class="quote">"{Quote}"</div>
  578. {block:Source}<div class="quote-source">{Source}</div>{/block:Source}
  579. {/block:Quote}
  580.  
  581.  
  582. {block:Link}
  583. <!-------------------------------------------------------------------------
  584. link posts
  585. -------------------------------------------------------------------------->
  586. <div class="post-title"><a href="{URL}">{Name}</a></div>
  587. {block:Description}<div class="post-body">{Description}</div>{/block:Description}
  588. {/block:Link}
  589.  
  590.  
  591. {block:Chat}
  592. <!-------------------------------------------------------------------------
  593. chat posts
  594. -------------------------------------------------------------------------->
  595. {block:Title}<div class="post-title">{Title}</div>{/block:Title}
  596. <ul class="chat">{block:Lines}
  597. <li class="chat-user">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>
  598. {/block:Chat}
  599.  
  600.  
  601. {block:Audio}
  602. <!-------------------------------------------------------------------------
  603. audio posts
  604. -------------------------------------------------------------------------->
  605. <div class="player">
  606. <div class="albumart">{block:AlbumArt}<img class="cover" src="{AlbumArtURL}" />{/block:AlbumArt}
  607. <div class="play">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div>
  608. </div>
  609. <div class="audio-infos"><div class="ai">{block:TrackName}{TrackName}{/block:TrackName} {block:Album}- {Album}{/block:Album}<br>
  610. {block:Artist}{Artist}{/block:Artist} {block:PlayCount}- {FormattedPlayCount}{/block:PlayCount}</div></div>
  611. </div>
  612. {block:Caption}<div class="post-body-audio">{Caption}</div>{/block:Caption}
  613. {/block:Audio}
  614.  
  615. {block:Video}
  616. <!-------------------------------------------------------------------------
  617. video posts
  618. -------------------------------------------------------------------------->
  619. <div class="video-player">{Video-500}</div>
  620. {block:Caption}<div class="post-body">{Caption}</div>{/block:Caption}
  621. {/block:Video}
  622.  
  623.  
  624. {block:Answer}
  625. <!-------------------------------------------------------------------------
  626. questions&answers posts
  627. -------------------------------------------------------------------------->
  628. <div class="ask"><img src="{AskerPortraitURL-40}" class="asker-image" align="left"><strong>{asker}:</strong> {Question}</div>
  629.  
  630. <div class="answer">{block:Answerer}<strong>{Answerer}</strong> <blockquote>{Answer}</blockquote> {/block:Answerer}{Replies}</div>
  631. {/block:answer}
  632.  
  633. </div>
  634. {block:HasTags}<div class="posttags"><span class="date">
  635. {block:Tags}#<a href="{TagURL}" class="tags">{Tag}</a> {/block:Tags}</span>
  636. </div>{/block:HasTags}
  637. {/block:Posts}
  638.  
  639. {block:PostNotes}
  640. <div id="post-notes">{PostNotes}</div>
  641. {/block:PostNotes}
  642. </div>
  643. </div>
  644. </div>
  645. </body>
  646. </html>
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!