API tools faq
paste
the49thname

Theme 07: Empire (dual colour scheme version)

the49thname
May 2nd, 2016
2,613
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <head>
  4.  
  5. <!-- theme 07: empire (dual colour scheme version) / version 1.3 (edited 03/09/19)
  6.  
  7. themes by ro (the49thname) / the49ththeme.tumblr.com
  8. tumblr controls fix by cyantists @ tumblr
  9. don't remove the credit, use as a base code, or claim as your own work.
  10. edit as much as you want, and feel free to send me any queries/problems.
  11.  
  12. -->
  13.  
  14. <html xlmns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19.  
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!-- colour options -->
  25.  
  26. <meta name="color:bold" content="#000"/>
  27. <meta name="color:italic" content="#ccc"/>
  28. <meta name="color:underline" content="#888"/>
  29. <meta name="color:background" content="#f6f6f6"/>
  30. <meta name="color:scrollbar" content="#a7d8ad"/>
  31. <meta name="color:scrollbar alt" content="#c1a2ea"/>
  32. <meta name="color:text" content="#888"/>
  33. <meta name="color:sidebar" content="#fff"/>
  34. <meta name="color:title" content="#ccedd0"/>
  35. <meta name="color:title alt" content="#d9bdfe"/>
  36. <meta name="color:desc text" content="#888"/>
  37. <meta name="color:nav bg" content="#ccedd0"/>
  38. <meta name="color:nav bg alt" content="#d9bdfe"/>
  39. <meta name="color:nav links" content="#fff"/>
  40. <meta name="color:nav links hover" content="#a7d8ad"/>
  41. <meta name="color:nav links hover alt" content="#c1a2ea"/>
  42. <meta name="color:link" content="#a7d8ad"/>
  43. <meta name="color:link alt" content="#c1a2ea"/>
  44. <meta name="color:link hover" content="#888"/>
  45. <meta name="color:perma link" content="#fff"/>
  46. <meta name="color:perma link hover" content="#a7d8ad"/>
  47. <meta name="color:perma link hover alt" content="#c1a2ea"/>
  48. <meta name="color:perma link bg" content="#ccedd0"/>
  49. <meta name="color:perma link bg alt" content="#d9bdfe"/>
  50. <meta name="color:tags" content="#fff"/>
  51. <meta name="color:tags hover" content="#a7d8ad"/>
  52. <meta name="color:tags hover alt" content="#c1a2ea"/>
  53. <meta name="color:border" content="#a7d8ad"/>
  54. <meta name="color:border alt" content="#c1a2ea"/>
  55. <meta name="color:h1 text" content="#fff"/>
  56. <meta name="color:h1 bg" content="#ccedd0"/>
  57. <meta name="color:h1 bg alt" content="#d9bdfe"/>
  58. <meta name="color:ask text" content="#fff"/>
  59. <meta name="color:ask bg" content="#ccedd0"/>
  60. <meta name="color:ask bg alt" content="#d9bdfe"/>
  61. <meta name="color:reply bg" content="#f6f6f6"/>
  62. <meta name="color:tooltip text" content="#fff"/>
  63. <meta name="color:tooltip bg" content="#a7d8ad"/>
  64. <meta name="color:tooltip bg alt" content="#c1a2ea"/>
  65. <meta name="color:selection text" content="#fff"/>
  66. <meta name="color:selection bg" content="#a7d8ad"/>
  67. <meta name="color:selection bg alt" content="#c1a2ea"/>
  68.  
  69. <!-- image options -->
  70.  
  71. <meta name="image:bg" content=""/>
  72. <meta name="image:sidebar 1" content="https://68.media.tumblr.com/15ef46785d84b8f0885fc9e94fd57989/tumblr_inline_o2uhq9rgBj1rrt3vb_540.png"/>
  73. <meta name="image:sidebar 2" content="https://68.media.tumblr.com/b01d01be3af4de5e799e16459aa6c2ea/tumblr_inline_o2uhq9DcaC1rrt3vb_540.png"/>
  74. <meta name="image:sidebar bg" content=""/>
  75.  
  76. <!-- text options -->
  77.  
  78. <meta name="text:Link 1" content="Link 1"/>
  79. <meta name="text:Link 1 URL" content="Link 1 URL"/>
  80. <meta name="text:Link 2" content="Link 2"/>
  81. <meta name="text:Link 2 URL" content="Link 2 URL"/>
  82. <meta name="text:Link 3" content="Link 3"/>
  83. <meta name="text:Link 3 URL" content="Link 3 URL"/>
  84.  
  85. <!-- toggle options -->
  86.  
  87. <meta name="if:circular sidebar img" content="0"/>
  88. <meta name="if:400px posts" content="0"/>
  89. <meta name="if:show buttons" content="1"/>
  90. <meta name="if:show caption" content="1"/>
  91. <meta name="if:show tags" content="1"/>
  92.  
  93. <!-- fonts -->
  94.  
  95. <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
  96.  
  97. <!-- toggle navbar jquery -->
  98.  
  99. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  100.  
  101. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  102.  
  103. <!-- font awesome script -->
  104.  
  105. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  106.  
  107. <!-- tooltip scripts -->
  108.  
  109. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  110. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  111. <script>
  112. (function($){
  113. $(document).ready(function(){
  114. $("a[title]").style_my_tooltips({
  115. tip_follows_cursor:true,
  116. tip_delay_time:90,
  117. tip_fade_speed:600,
  118. attribute:"title"
  119. });
  120. });
  121. })(jQuery);
  122. </script>
  123.  
  124. <style type="text/css">
  125.  
  126. @font-face {
  127. font-family: "04b03";
  128. src: url('https://dl.dropboxusercontent.com/s/qk9hjutogwxd1h2/04b_03__-webfont.ttf');
  129. }
  130.  
  131. iframe.tmblr-iframe {
  132. z-index:99999999999999!important;
  133. top:3px!important;
  134. right:0!important;
  135. opacity:0.4;
  136. filter:invert(1);
  137. -webkit-filter:invert(1);
  138. -o-filter:invert(1);
  139. -moz-filter:invert(1);
  140. -ms-filter:invert(1);
  141. transform:scale(0.6);
  142. transform-origin:100% 0;
  143. -webkit-transform:scale(0.8);
  144. -webkit-transform-origin:100% 0;
  145. -o-transform:scale(0.8);
  146. -o-transform-origin:100% 0;
  147. -moz-transform:scale(0.8);
  148. -moz-transform-origin:100% 0;
  149. -ms-transform:scale(0.8);
  150. -ms-transform-origin:100% 0;
  151. }
  152.  
  153. iframe.tmblr-iframe:hover {opacity:0.6!important;}
  154.  
  155. ::-webkit-scrollbar-thumb {
  156. z-index:9999999;
  157. position:relative;
  158. height:auto;
  159. background-color:{color:scrollbar};
  160. {block:PermalinkPage}
  161. background-color:{color:scrollbar alt};
  162. {/block:PermalinkPage}
  163. {block:TagPage}
  164. background-color:{color:scrollbar alt};
  165. {/block:TagPage}
  166. }
  167.  
  168. ::-webkit-scrollbar {
  169. height:5px;
  170. width:5px;
  171. background-color:{color:background};
  172. }
  173.  
  174. /* basics */
  175.  
  176. body {
  177. color:{color:text};
  178. background-color:{color:background};
  179. font-family:'Roboto', sans-serif;
  180. font-size:10px;
  181. margin:0;
  182. line-height:14px;
  183. letter-spacing:1px;
  184. text-align:justify;
  185. word-wrap:break-word;
  186. background-image:url('{image:bg}');
  187. background-position:left top;
  188. background-attachment:fixed;
  189. background-repeat:repeat;
  190. }
  191.  
  192. small {font-size:9px;}
  193.  
  194. pre {
  195. word-wrap:break-word;
  196. padding:5px;
  197. margin:0px 10px;
  198. border:1px solid {color:border};
  199. {block:PermalinkPage}
  200. border:1px solid {color:border alt};
  201. {/block:PermalinkPage}
  202. {block:TagPage}
  203. border:1px solid {color:border alt};
  204. {/block:TagPage}
  205. white-space:pre-wrap;
  206. white-space:-moz-pre-wrap;
  207. white-space:-pre-wrap;
  208. white-space:-o-pre-wrap;
  209. }
  210.  
  211. blockquote {
  212. margin:0px 0px 0px 20px;
  213. padding:2px 0px 2px 5px;
  214. border-left:1px solid {color:border};
  215. {block:PermalinkPage}
  216. border-left:1px solid {color:border alt};
  217. {/block:PermalinkPage}
  218. {block:TagPage}
  219. border-left:1px solid {color:border alt};
  220. {/block:TagPage}
  221. }
  222.  
  223. b, strong {color:{color:bold};}
  224.  
  225. i, em {color:{color:italic};}
  226.  
  227. u {color:{color:underline};text-transform:none;}
  228.  
  229. a {
  230. color:{color:link};
  231. {block:PermalinkPage}
  232. color:{color:link alt};
  233. {/block:PermalinkPage}
  234. {block:TagPage}
  235. color:{color:link alt};
  236. {/block:TagPage}
  237. text-transform:uppercase;
  238. text-decoration:none;
  239. -moz-transition-duration:1s;
  240. -webkit-transition-duration:1s;
  241. -o-transition-duration:1s;
  242. }
  243.  
  244. a:hover {
  245. color:{color:link hover};
  246. -moz-transition-duration:1s;
  247. -webkit-transition-duration:1s;
  248. -o-transition-duration:1s;
  249. }
  250.  
  251. p {margin:10px;}
  252.  
  253. hr {
  254. width:200px;
  255. border-top:1px solid {color:border};
  256. {block:PermalinkPage}
  257. border-top:1px solid {color:border alt};
  258. {/block:PermalinkPage}
  259. {block:TagPage}
  260. border-top:1px solid {color:border alt};
  261. {/block:TagPage}
  262. }
  263.  
  264. h1 {
  265. font-size:14px;
  266. font-family:'04b03', 'Roboto Condensed', sans-serif;
  267. text-align:left;
  268. text-transform:uppercase;
  269. color:{color:h1 text};
  270. background-color:{color:h1 bg};
  271. {block:PermalinkPage}
  272. background-color:{color:h1 bg alt};
  273. {/block:PermalinkPage}
  274. {block:TagPage}
  275. background-color:{color:h1 bg alt};
  276. {/block:TagPage}
  277. padding:10px;
  278. margin-top:0px;
  279. }
  280.  
  281. h1 a {
  282. color:{color:h1 text};
  283. -moz-transition-duration:1s;
  284. -webkit-transition-duration:1s;
  285. -o-transition-duration:1s;
  286. }
  287.  
  288. h1 a:hover {
  289. color:{color:nav links hover};
  290. {block:PermalinkPage}
  291. color:{color:nav links hover alt};
  292. {/block:PermalinkPage}
  293. {block:TagPage}
  294. color:{color:nav links hover alt};
  295. {/block:TagPage}
  296. -moz-transition-duration:1s;
  297. -webkit-transition-duration:1s;
  298. -o-transition-duration:1s;
  299. }
  300.  
  301. h1 c {margin-right:10px;}
  302.  
  303. h2 {
  304. text-align:center;
  305. font-size:12px;
  306. word-spacing:2px;
  307. line-height:17px;
  308. padding:5px 10px;
  309. text-transform:uppercase;
  310. font-family:'04b03', 'Roboto', sans-serif;
  311. }
  312.  
  313. /* sidebar */
  314.  
  315. #sidebar {
  316. position:fixed;
  317. width:300px;
  318. height:100%;
  319. top:0;
  320. background-color:{color:sidebar};
  321. background-image:url('{image:sidebar bg}');
  322. background-position:left top;
  323. background-attachment:fixed;
  324. background-repeat:repeat;
  325. z-index:9999;
  326. }
  327.  
  328. #sidebarimg {
  329. width:200px;
  330. height:200px;
  331. margin-left:auto;
  332. margin-right:auto;
  333. margin-top:50px;
  334. {block:ifcircularsidebarimg}
  335. border-radius:50%;
  336. {/block:ifcircularsidebarimg}
  337. z-index:9;
  338. background: url({image:sidebar 1}) top center;
  339. {block:PermalinkPage}
  340. background: url({image:sidebar 2}) top center;
  341. {/block:PermalinkPage}
  342. {block:TagPage}
  343. background: url({image:sidebar 2}) top center;
  344. {/block:TagPage}
  345. -webkit-background-size:cover;
  346. -moz-background-size:cover;
  347. -o-background-size:cover;
  348. background-size:cover;
  349. }
  350.  
  351. #info {
  352. width:200px;
  353. margin-left:auto;
  354. margin-right:auto;
  355. margin-top:20px;
  356. }
  357.  
  358. #title {
  359. font-family:'04b03', 'Roboto Condensed', sans-serif;
  360. font-size:30px;
  361. line-height:25px;
  362. text-transform:uppercase;
  363. letter-spacing:2px;
  364. color:{color:title};
  365. {block:PermalinkPage}
  366. color:{color:title alt};
  367. {/block:PermalinkPage}
  368. {block:TagPage}
  369. color:{color:title alt};
  370. {/block:TagPage}
  371. text-align:center;
  372. }
  373.  
  374. #desc {
  375. width:200px;
  376. padding:10px 0px;
  377. margin-top:5px;
  378. box-sizing:border-box;
  379. color:{color:desc text};
  380. }
  381.  
  382. #toggle {
  383. width:200px;
  384. padding:10px;
  385. margin-top:10px;
  386. box-sizing:border-box;
  387. background-color:{color:nav bg};
  388. {block:PermalinkPage}
  389. background-color:{color:nav bg alt};
  390. {/block:PermalinkPage}
  391. {block:TagPage}
  392. background-color:{color:nav bg alt};
  393. {/block:TagPage}
  394. font-size:12px;
  395. font-family:'04b03', 'Roboto Condensed', sans-serif;
  396. text-transform:uppercase;
  397. letter-spacing:3px;
  398. color:{color:nav links};
  399. }
  400.  
  401. #arrow {
  402. float:right;
  403. margin-top:-27px;
  404. margin-right:15px;
  405. font-size:14px;
  406. color:{color:nav links};
  407. }
  408.  
  409. #nav {
  410. width:200px;
  411. padding:0px 10px 10px 10px;
  412. box-sizing:border-box;
  413. background-color:{color:nav bg};
  414. {block:PermalinkPage}
  415. background-color:{color:nav bg alt};
  416. {/block:PermalinkPage}
  417. {block:TagPage}
  418. background-color:{color:nav bg alt};
  419. {/block:TagPage}
  420. display:none;
  421. }
  422.  
  423. #nav a {
  424. font-family:'04b03', 'Roboto Condensed', sans-serif;
  425. font-size:12px;
  426. text-transform:uppercase;
  427. color:{color:nav links};
  428. display:block;
  429. padding:5px 0px;
  430. -moz-transition-duration:1s;
  431. -webkit-transition-duration:1s;
  432. -o-transition-duration:1s;
  433. }
  434.  
  435. #nav a:hover {
  436. color:{color:nav links hover};
  437. {block:PermalinkPage}
  438. color:{color:nav links hover alt};
  439. {/block:PermalinkPage}
  440. {block:TagPage}
  441. color:{color:nav links hover alt};
  442. {/block:TagPage}
  443. -moz-transition-duration:1s;
  444. -webkit-transition-duration:1s;
  445. -o-transition-duration:1s;
  446. }
  447.  
  448. .pagination {
  449. text-align:center;
  450. padding-top:20px;
  451. font-size:17px!important;
  452. font-family:'04b03', 'Roboto', sans-serif;
  453. color:{color:title};
  454. {block:PermalinkPage}
  455. color:{color:title alt};
  456. {/block:PermalinkPage}
  457. {block:TagPage}
  458. color:{color:title alt};
  459. {/block:TagPage}
  460. }
  461.  
  462. .pagination a {
  463. padding:20px 2px;
  464. color:{color:title}!important;
  465. {block:PermalinkPage}
  466. color:{color:title alt}!important;
  467. {/block:PermalinkPage}
  468. {block:TagPage}
  469. color:{color:title alt}!important;
  470. {/block:TagPage}
  471. -moz-transition-duration:1s;
  472. -webkit-transition-duration:1s;
  473. -o-transition-duration:1s;
  474. }
  475.  
  476. .pagination a:hover {
  477. color:{color:nav links hover}!important;
  478. {block:PermalinkPage}
  479. color:{color:nav links hover alt}!important;
  480. {/block:PermalinkPage}
  481. {block:TagPage}
  482. color:{color:nav links hover alt}!important;
  483. {/block:TagPage}
  484. -moz-transition-duration:1s;
  485. -webkit-transition-duration:1s;
  486. -o-transition-duration:1s;
  487. }
  488.  
  489. /* posts */
  490.  
  491. #container {
  492. {block:if400pxposts}
  493. width:500px;
  494. {/block:if400pxposts}
  495. {block:ifnot400pxposts}
  496. width:600px;
  497. {/block:ifnot400pxposts}
  498. height:100%;
  499. margin-left:350px;
  500. margin-top:50px;
  501. overflow:hidden;
  502. }
  503.  
  504. #posts {
  505. background-color:#fff;
  506. {block:if400pxposts}
  507. width:400px;
  508. {/block:if400pxposts}
  509. {block:ifnot400pxposts}
  510. width:500px;
  511. {/block:ifnot400pxposts}
  512. padding:10px;
  513. margin-left:auto;
  514. margin-right:auto;
  515. {block:IndexPage}margin-bottom:80px;{/block:IndexPage}
  516. {block:PermalinkPage}margin-bottom:40px;{/block:PermalinkPage}
  517. }
  518.  
  519. .buttons {
  520. position:absolute;
  521. {block:if400pxposts}
  522. margin-left:425px;
  523. {/block:if400pxposts}
  524. {block:ifnot400pxposts}
  525. margin-left:525px;
  526. {/block:ifnot400pxposts}
  527. margin-top:-9px;
  528. display:block;
  529. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  530. }
  531.  
  532. #posticon {
  533. color:{color:title};
  534. {block:PermalinkPage}
  535. color:{color:title alt};
  536. {/block:PermalinkPage}
  537. {block:TagPage}
  538. color:{color:title alt};
  539. {/block:TagPage}
  540. background-color:{color:sidebar};
  541. padding:5px;
  542. width:30px;
  543. height:30px;
  544. font-size:15px;
  545. text-align:center;
  546. box-sizing:border-box;
  547. {block:ifnotshowbuttons}display:none;{/block:ifnotshowbuttons}
  548. }
  549.  
  550. #posticon c {margin-top:3px;}
  551.  
  552. #likebutton {
  553. background-color:{color:sidebar};
  554. padding:5px;
  555. margin-top:40px;
  556. margin-bottom:10px;
  557. width:30px;
  558. height:30px;
  559. overflow:hidden;
  560. box-sizing:border-box;
  561. }
  562.  
  563. #reblogbutton {
  564. background-color:{color:sidebar};
  565. padding:5px;
  566. width:30px;
  567. height:30px;
  568. overflow:hidden;
  569. box-sizing:border-box;
  570. }
  571.  
  572. #posts ul, ol {margin-left:15px;padding:0px!important;}
  573.  
  574. #posts li {margin:0px 10px;}
  575.  
  576. #posts img {
  577. {block:if400pxposts}
  578. max-width:400px;
  579. {/block:if400pxposts}
  580. {block:ifnot400pxposts}
  581. max-width:500px;
  582. {/block:ifnot400pxposts}
  583. }
  584.  
  585. #posts p img {margin:0px;}
  586.  
  587. #posts blockquote img {max-width:100%;height:auto;}
  588.  
  589. #posts iframe, #posts video {max-width:100%;}
  590.  
  591. #source {margin-top:20px;text-align:center;}
  592.  
  593. .caption {
  594. {block:ifnotshowcaption}
  595. {block:IndexPage}display:none;{/block:IndexPage}
  596. {/block:ifnotshowcaption}
  597. }
  598.  
  599. #audio {
  600. width:100%;
  601. height:100px;
  602. padding:10px 0px;
  603. color:{color:text};
  604. background-color:{color:background};
  605. font-family:'Roboto Condensed', sans-serif;
  606. font-size:10px;
  607. line-height:25px;
  608. overflow:hidden;
  609. }
  610.  
  611. #audio b {
  612. color:{color:nav links hover};
  613. {block:PermalinkPage}
  614. color:{color:nav links hover alt};
  615. {/block:PermalinkPage}
  616. {block:TagPage}
  617. color:{color:nav links hover alt};
  618. {/block:TagPage}
  619. }
  620.  
  621. #audioplayerbg {
  622. background:#fff;
  623. width:80px;
  624. height:80px;
  625. margin-left:10px;
  626. padding:10px;
  627. overflow:hidden;
  628. position:absolute;
  629. opacity:0.4;
  630. -moz-transition-duration:1s;
  631. -webkit-transition-duration:1s;
  632. -o-transition-duration:1s;
  633. }
  634.  
  635. #audioplayerbg:hover {
  636. opacity:0.7;
  637. -moz-transition-duration:1s;
  638. -webkit-transition-duration:1s;
  639. -o-transition-duration:1s;
  640. }
  641.  
  642. #audioplayer {
  643. width:30px;
  644. height:30px;
  645. overflow:hidden;
  646. margin-top:25px;
  647. margin-left:25px;
  648. }
  649.  
  650. #albumart {float:left;margin:0px 10px;}
  651.  
  652. #audioinfo {
  653. position:absolute;
  654. width:360px;
  655. max-height:100px;
  656. overflow:auto;
  657. margin-left:125px;
  658. padding-right:10px;
  659. text-transform:uppercase;
  660. }
  661.  
  662. .chat ol {margin:0px!important;list-style:none;}
  663.  
  664. .line {list-style:none;padding:5px 0px;}
  665.  
  666. .label {text-decoration:bold;}
  667.  
  668. .askericon {
  669. width:64px;
  670. height:64px;
  671. float:left;
  672. border:10px solid {color:nav links hover};
  673. {block:PermalinkPage}
  674. border:10px solid {color:nav links hover alt};
  675. {/block:PermalinkPage}
  676. {block:TagPage}
  677. border:10px solid {color:nav links hover alt};
  678. {/block:TagPage}
  679. margin-right:10px;
  680. }
  681.  
  682. .asker {
  683. text-align:left;
  684. font-size:15px;
  685. font-family:'04b03', 'Roboto', sans-serif;
  686. text-transform:uppercase;
  687. margin-bottom:10px;
  688. }
  689.  
  690. .ask {
  691. text-align:left;
  692. color:{color:ask text};
  693. background-color:{color:ask bg};
  694. {block:PermalinkPage}
  695. background-color:{color:ask bg alt};
  696. {/block:PermalinkPage}
  697. {block:TagPage}
  698. background-color:{color:ask bg alt};
  699. {/block:TagPage}
  700. height:64px;
  701. padding:10px;
  702. overflow:auto;
  703. }
  704.  
  705. .answer {
  706. padding:10px;
  707. margin-top:10px;
  708. background-color:{color:reply bg};
  709. }
  710.  
  711. #posts .answer img {max-width:100%;height:auto;margin:0px;}
  712.  
  713. .replier {
  714. text-align:left;
  715. font-size:15px;
  716. font-family:'04b03', 'Roboto', sans-serif;
  717. text-transform:uppercase;
  718. margin:10px 0px 10px 10px;
  719. }
  720.  
  721. .replies {margin-top:10px;}
  722.  
  723. #perma {
  724. padding:10px;
  725. letter-spacing:2px;
  726. text-align:left;
  727. background-color:{color:perma link bg};
  728. {block:PermalinkPage}
  729. background-color:{color:perma link bg alt};
  730. {/block:PermalinkPage}
  731. {block:TagPage}
  732. background-color:{color:perma link bg alt};
  733. {/block:TagPage}
  734. margin-top:10px;
  735. }
  736.  
  737. #perma a {
  738. color:{color:perma link};
  739. font-size:9px;
  740. padding:5px;
  741. -moz-transition-duration:1s;
  742. -webkit-transition-duration:1s;
  743. -o-transition-duration:1s;
  744. }
  745.  
  746. #perma a:hover {
  747. color:{color:perma link hover};
  748. {block:PermalinkPage}
  749. color:{color:perma link hover alt};
  750. {/block:PermalinkPage}
  751. {block:TagPage}
  752. color:{color:perma link hover alt};
  753. {/block:TagPage}
  754. -moz-transition-duration:1s;
  755. -webkit-transition-duration:1s;
  756. -o-transition-duration:1s;
  757. }
  758.  
  759. #tags {
  760. text-align:left;
  761. word-wrap:break-word;
  762. color:{color:tags};
  763. margin:5px 0px 0px 5px;
  764. {block:ifnotshowtags}
  765. {block:IndexPage}display:none;{/block:IndexPage}
  766. {/block:ifnotshowtags}
  767. }
  768.  
  769. #tags a {
  770. padding:0px 5px;
  771. font-size:8px;
  772. text-transform:none;
  773. color:{color:tags};
  774. -moz-transition-duration:1s;
  775. -webkit-transition-duration:1s;
  776. -o-transition-duration:1s;
  777. }
  778.  
  779. #tags a:hover {
  780. color:{color:tags hover};
  781. {block:PermalinkPage}
  782. color:{color:tags hover alt};
  783. {/block:PermalinkPage}
  784. {block:TagPage}
  785. color:{color:tags hover alt};
  786. {/block:TagPage}
  787. -moz-transition-duration:1s;
  788. -webkit-transition-duration:1s;
  789. -o-transition-duration:1s;
  790. }
  791.  
  792. ol.notes {
  793. text-align:left;
  794. font-size:9px;
  795. list-style-type:none;
  796. padding:0px!important;
  797. margin:0px!important;
  798. }
  799.  
  800. ol.notes li.note {padding:10px 0px;}
  801.  
  802. ol.notes li.note img.avatar {padding-right:10px;}
  803.  
  804. /* extras */
  805.  
  806. #s-m-t-tooltip {
  807. z-index:9999999999;
  808. color:{color:tooltip text};
  809. background-color:{color:tooltip bg};
  810. {block:PermalinkPage}
  811. background-color:{color:tooltip bg alt};
  812. {/block:PermalinkPage}
  813. {block:TagPage}
  814. background-color:{color:tooltip bg alt};
  815. {/block:TagPage}
  816. font-size:9px;
  817. line-height:11px;
  818. font-family:'Roboto Condensed', sans-serif;
  819. text-transform:uppercase;
  820. max-width:150px;
  821. word-wrap:break-word;
  822. padding:2px 5px 2px 5px;
  823. display:block;
  824. margin:24px 14px 7px 12px;
  825. }
  826.  
  827. ::selection {
  828. color:{color:selection text};
  829. background-color:{color:selection bg};
  830. {block:PermalinkPage}
  831. background-color:{color:selection bg alt};
  832. {/block:PermalinkPage}
  833. {block:TagPage}
  834. background-color:{color:selection bg alt};
  835. {/block:TagPage}
  836. }
  837.  
  838. /* credit - do not remove, alter, or move to another page */
  839.  
  840. #credit {
  841. position:fixed;
  842. bottom:14px;
  843. right:10px;
  844. text-align:center;
  845. z-index:9999999;
  846. }
  847.  
  848. #credit a {
  849. font-size:10px;
  850. color:{color:background};
  851. background-color:{color:scrollbar};
  852. {block:PermalinkPage}
  853. background-color:{color:scrollbar alt};
  854. {/block:PermalinkPage}
  855. {block:TagPage}
  856. background-color:{color:scrollbar alt};
  857. {/block:TagPage}
  858. padding:4px;
  859. -moz-transition-duration:1s;
  860. -webkit-transition-duration:1s;
  861. -o-transition-duration:1s;
  862. }
  863.  
  864. #credit a:hover {
  865. color:{color:scrollbar};
  866. {block:PermalinkPage}
  867. color:{color:scrollbar alt};
  868. {/block:PermalinkPage}
  869. {block:TagPage}
  870. color:{color:scrollbar alt};
  871. {/block:TagPage}
  872. background-color:{color:background};
  873. -moz-transition-duration:1s;
  874. -webkit-transition-duration:1s;
  875. -o-transition-duration:1s;
  876. }
  877.  
  878. </style>
  879. </head>
  880. <body>
  881.  
  882. <div id="sidebar">
  883.  
  884. <div id="sidebarimg"></div>
  885.  
  886. <div id="info">
  887. <div id="title">{Title}</div>
  888. <div id="desc">{Description}</div>
  889. <div id="toggle">Navigation</div>
  890. <div id="arrow"><c class="fa fa-sort-desc"></c></div>
  891. <div id="nav">
  892. <a href="/"><c class="fa fa-star"></c> Home</a>
  893. <a href="/ask"><c class="fa fa-star"></c> Ask</a>
  894. <a href="/archive"><c class="fa fa-star"></c> Archive</a>
  895. <a href="{text:Link 1 URL}"><c class="fa fa-star"></c> {text:Link 1}</a>
  896. <a href="{text:Link 2 URL}"><c class="fa fa-star"></c> {text:Link 2}</a>
  897. <a href="{text:Link 3 URL}"><c class="fa fa-star"></c> {text:Link 3}</a>
  898. </div>
  899. </div>
  900.  
  901. {block:Pagination}
  902. <div class="pagination">
  903. {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}
  904. <c class="fa fa-star"></c>
  905. {block:NextPage}<a href="{NextPage}">Forth</a>{/block:NextPage}</div>
  906. {/block:Pagination}
  907.  
  908. </div>
  909.  
  910. <div id="container">
  911. {block:Posts}
  912. <div id="posts">
  913.  
  914. {block:ifshowbuttons}
  915. <div class="buttons">
  916. <div id="likebutton">{LikeButton size="20"}</div>
  917. <div id="reblogbutton">{ReblogButton size="20"}</div>
  918. </div>
  919. {/block:ifshowbuttons}
  920.  
  921. {block:Text}
  922. {block:IndexPage}
  923. <div class="buttons">
  924. <div id="posticon"><c class="fa fa-pencil"></c></div>
  925. </div>
  926. {/block:IndexPage}
  927. {block:Title}<h1><c class="fa fa-star"></c>{Title}</h1>{/block:Title}
  928. {Body}
  929. {/block:Text}
  930.  
  931. {block:Quote}
  932. {block:IndexPage}
  933. <div class="buttons">
  934. <div id="posticon"><c class="fa fa-quote-right"></c></div>
  935. </div>
  936. {/block:IndexPage}
  937. <h2>{Quote}</h2>
  938. {block:Source}<div id="source">{Source}</div>{/block:Source}
  939. {/block:Quote}
  940.  
  941. {block:Link}
  942. {block:IndexPage}
  943. <div class="buttons">
  944. <div id="posticon"><c class="fa fa-link"></c></div>
  945. </div>
  946. {/block:IndexPage}
  947. <h1><c class="fa fa-star"></c><a href="{URL}"><< {Name} >></a></h1>
  948. {block:Description}{Description}{/block:Description}
  949. {/block:Link}
  950.  
  951. {block:Chat}
  952. {block:IndexPage}
  953. <div class="buttons">
  954. <div id="posticon"><c class="fa fa-commenting"></c></div>
  955. </div>
  956. {/block:IndexPage}
  957. {block:Title}
  958. <h1><c class="fa fa-star"></c>{Title}</h1>
  959. {/block:Title}
  960. <div class="chat">
  961. <ol>{block:Lines}
  962. <li class="line {Alt}">
  963. {block:Label}
  964. <span class="label">
  965. <b>{Label}</b></span>
  966. {/block:Label}{Line}</li>
  967. {/block:Lines}
  968. </ol></div>
  969. {/block:Chat}
  970.  
  971. {block:Photo}
  972. {block:IndexPage}
  973. <div class="buttons">
  974. <div id="posticon"><c class="fa fa-camera"></c></div>
  975. </div>
  976. {/block:IndexPage}
  977. {LinkOpenTag}<center>{block:if400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxposts}{block:ifnot400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:ifnot400pxposts}</center>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  978. {/block:Photo}
  979.  
  980. {block:Photoset}
  981. {block:IndexPage}
  982. <div class="buttons">
  983. <div id="posticon"><c class="fa fa-camera"></c></div>
  984. </div>
  985. {/block:IndexPage}
  986. <center>{block:if400pxposts}{Photoset-400}{/block:if400pxposts}{block:ifnot400pxposts}{Photoset-500}{/block:ifnot400pxposts}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  987. {/block:Photoset}
  988.  
  989. {block:Video}
  990. {block:IndexPage}
  991. <div class="buttons">
  992. <div id="posticon"><c class="fa fa-video-camera"></c></div>
  993. </div>
  994. {/block:IndexPage}
  995. <center>{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:ifnot400pxposts}{Video-500}{/block:ifnot400pxposts}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  996. {/block:Video}
  997.  
  998. {block:Audio}
  999. {block:IndexPage}
  1000. <div class="buttons">
  1001. <div id="posticon"><c class="fa fa-music"></c></div>
  1002. </div>
  1003. {/block:IndexPage}
  1004. <div id="audio">
  1005. <div id="audioplayerbg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  1006. <div id="albumart"><span{block:AlbumArt} style="display:none;"{block:AlbumArt}><img src="https://41.media.tumblr.com/9b78d1e07567414cae86f9e454b1e9f7/tumblr_inline_o39hgzRFff1rrt3vb_540.png" width="100"></span>{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  1007. <div id="audioinfo">
  1008. <span{block:TrackName} style="display:none;"{block:TrackName}><b>Song:</b> unknown</span>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
  1009. <br><span{block:Artist} style="display:none;"{block:Artist}><b>Artist:</b> unknown</span>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  1010. <br><span{block:Album} style="display:none;"{block:Album}><b>Album:</b> unknown</span>{block:Album}<b>Album:</b> {Album}{/block:Album}
  1011. <br>{block:PlayCount}<b>Play count:</b> {PlayCount}{/block:PlayCount}
  1012. </div></div>
  1013. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1014. {/block:Audio}
  1015.  
  1016. {block:Answer}
  1017. {block:IndexPage}
  1018. <div class="buttons">
  1019. <div id="posticon"><c class="fa fa-comment"></c></div>
  1020. </div>
  1021. {/block:IndexPage}
  1022. <div class="askericon"><img src="{AskerPortraitURL-64}"></div>
  1023. <div class="ask"><div class="asker">{Asker} asked:</div>{Question}</div>
  1024. <div class="answer">{block:Answerer}<div class="replier">{Answerer} replied:</div>{/block:Answerer}{Answer}</div>
  1025. {block:Answerer}<div class="replies">{Replies}</div>{/block:Answerer}
  1026. {/block:Answer}
  1027.  
  1028. {block:Date}
  1029.  
  1030. {block:IndexPage}<div id="perma">
  1031. <a href="{Permalink}" title="{DayofMonth}{DayofMonthSuffix} {Month} {Year}">{block:Date}{TimeAgo}{/block:Date}</a>
  1032. <a href="{Permalink}">{NoteCountwithLabel}</a>
  1033. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  1034. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  1035. <br>{block:HasTags}<div id="tags"><c class="fa fa-tags"></c>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1036. </div>{/block:IndexPage}
  1037.  
  1038. {block:PermalinkPage}<div id="perma">
  1039. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
  1040. <a href="{Permalink}">{NoteCountwithLabel}</a>
  1041. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  1042. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  1043. <br>{block:HasTags}<div id="tags"><c class="fa fa-tags"></c>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1044. </div>{/block:PermalinkPage}
  1045.  
  1046. {/block:Date}
  1047.  
  1048. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  1049.  
  1050. </div>
  1051. {/block:Posts}
  1052. </div>
  1053.  
  1054. <!-- toggle navbar jquery -->
  1055.  
  1056. <script type="text/javascript">
  1057. $(document).ready(function(){
  1058. $("#toggle").click(function(){
  1059. $("#nav").slideToggle("slow");
  1060. });
  1061. });
  1062. </script>
  1063.  
  1064. <div id="credit"><a href="//the49thname.tumblr.com/" title="made by the49thname">49</a>
  1065. </div>
  1066.  
  1067. </body>
  1068. </html>
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!