API tools faq
paste
the49thname

Theme 15: House of Wolves (light version)

the49thname
Mar 4th, 2019
1,539
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!-- theme 15: house of wolves (light ver) / version 1.1 (updated 03/09/19)
  6.  
  7. themes by ro (the49thname) / the49ththeme.tumblr.com
  8. tumblr controls fix by cyantists @ tumblr
  9. unnest captions script by magnusthemes & neothm @ tumblr
  10. pxu photoset script by shythemes @ tumblr / pixelunion @ github
  11. don't remove the credit, use as a base code, or claim as your own work.
  12. edit as much as you want, and feel free to send me any queries/problems.
  13.  
  14. -->
  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="#b997ce"/>
  27. <meta name="color:italic" content="#ccc"/>
  28. <meta name="color:underline" content="#888"/>
  29. <meta name="color:background" content="#eee"/>
  30. <meta name="color:scrollbar" content="#b997ce"/>
  31. <meta name="color:text" content="#888"/>
  32. <meta name="color:link" content="#cab1da"/>
  33. <meta name="color:link hover" content="#888"/>
  34. <meta name="color:title" content="#b997ce"/>
  35. <meta name="color:nav links" content="#888"/>
  36. <meta name="color:nav links hover" content="#cab1da"/>
  37. <meta name="color:post bg" content="#fff"/>
  38. <meta name="color:h1 text" content="#b997ce"/>
  39. <meta name="color:border" content="#ccc"/>
  40. <meta name="color:button icon" content="#fff"/>
  41. <meta name="color:button bg" content="#cab1da"/>
  42. <meta name="color:button bg hover" content="#86649b"/>
  43. <meta name="color:perma link" content="#cab1da"/>
  44. <meta name="color:perma link hover" content="#888"/>
  45. <meta name="color:tags" content="#888"/>
  46. <meta name="color:tags hover" content="#cab1da"/>
  47. <meta name="color:tooltip text" content="#fff"/>
  48. <meta name="color:tooltip bg" content="#86649b"/>
  49. <meta name="color:selection text" content="#fff"/>
  50. <meta name="color:selection bg" content="#86649b"/>
  51.  
  52. <!-- image options -->
  53.  
  54. <meta name="image:bg" content=""/>
  55. <meta name="image:header icon" content="//66.media.tumblr.com/174632d4c0754826144ee20397a77378/tumblr_inline_pnt2jzGB0h1ua3owt_1280.png"/>
  56.  
  57. <!-- text options -->
  58.  
  59. <meta name="text:link 1" content="link 1"/>
  60. <meta name="text:link 1 url" content=""/>
  61. <meta name="text:link 2" content="link 2"/>
  62. <meta name="text:link 2 url" content=""/>
  63. <meta name="text:link 3" content="link 3"/>
  64. <meta name="text:link 3 url" content=""/>
  65. <meta name="text:link 4" content="link 4"/>
  66. <meta name="text:link 4 url" content=""/>
  67. <meta name="text:link 5" content="link 5"/>
  68. <meta name="text:link 5 url" content=""/>
  69. <meta name="text:link 6" content="link 6"/>
  70. <meta name="text:link 6 url" content=""/>
  71.  
  72. <meta name="text:update 1" content="update"/>
  73. <meta name="text:update 2" content="update"/>
  74. <meta name="text:update 3" content="update"/>
  75. <meta name="text:update 4" content="update"/>
  76. <meta name="text:update 5" content="update"/>
  77.  
  78. <!-- select options -->
  79.  
  80. <meta name="select:link 1 icon" content="user" title="about"/>
  81. <meta name="select:link 1 icon" content="bars" title="navigation"/>
  82. <meta name="select:link 1 icon" content="paper-plane" title="submit"/>
  83. <meta name="select:link 1 icon" content="tags" title="tags"/>
  84. <meta name="select:link 1 icon" content="list" title="faq"/>
  85. <meta name="select:link 1 icon" content="star" title="star 1"/>
  86. <meta name="select:link 1 icon" content="star-o" title="star 2"/>
  87.  
  88. <meta name="select:link 2 icon" content="bars" title="navigation"/>
  89. <meta name="select:link 2 icon" content="user" title="about"/>
  90. <meta name="select:link 2 icon" content="paper-plane" title="submit"/>
  91. <meta name="select:link 2 icon" content="tags" title="tags"/>
  92. <meta name="select:link 2 icon" content="list" title="faq"/>
  93. <meta name="select:link 2 icon" content="star" title="star 1"/>
  94. <meta name="select:link 2 icon" content="star-o" title="star 2"/>
  95.  
  96. <meta name="select:update 1 icon" content="pencil" title="writing"/>
  97. <meta name="select:update 1 icon" content="photo" title="art"/>
  98. <meta name="select:update 1 icon" content="television" title="tv/films"/>
  99. <meta name="select:update 1 icon" content="book" title="books"/>
  100. <meta name="select:update 1 icon" content="gamepad" title="video games"/>
  101. <meta name="select:update 1 icon" content="star" title="star 1"/>
  102. <meta name="select:update 1 icon" content="star-o" title="star 2"/>
  103.  
  104. <meta name="select:update 2 icon" content="photo" title="art"/>
  105. <meta name="select:update 2 icon" content="pencil" title="writing"/>
  106. <meta name="select:update 2 icon" content="television" title="tv/films"/>
  107. <meta name="select:update 2 icon" content="book" title="books"/>
  108. <meta name="select:update 2 icon" content="gamepad" title="video games"/>
  109. <meta name="select:update 2 icon" content="star" title="star 1"/>
  110. <meta name="select:update 2 icon" content="star-o" title="star 2"/>
  111.  
  112. <meta name="select:update 3 icon" content="television" title="tv/films"/>
  113. <meta name="select:update 3 icon" content="pencil" title="writing"/>
  114. <meta name="select:update 3 icon" content="photo" title="art"/>
  115. <meta name="select:update 3 icon" content="book" title="books"/>
  116. <meta name="select:update 3 icon" content="gamepad" title="video games"/>
  117. <meta name="select:update 3 icon" content="star" title="star 1"/>
  118. <meta name="select:update 3 icon" content="star-o" title="star 2"/>
  119.  
  120. <meta name="select:update 4 icon" content="book" title="books"/>
  121. <meta name="select:update 4 icon" content="pencil" title="writing"/>
  122. <meta name="select:update 4 icon" content="photo" title="art"/>
  123. <meta name="select:update 4 icon" content="television" title="tv/films"/>
  124. <meta name="select:update 4 icon" content="gamepad" title="video games"/>
  125. <meta name="select:update 4 icon" content="star" title="star 1"/>
  126. <meta name="select:update 4 icon" content="star-o" title="star 2"/>
  127.  
  128. <meta name="select:update 5 icon" content="gamepad" title="video games"/>
  129. <meta name="select:update 5 icon" content="pencil" title="writing"/>
  130. <meta name="select:update 5 icon" content="photo" title="art"/>
  131. <meta name="select:update 5 icon" content="television" title="tv/films"/>
  132. <meta name="select:update 5 icon" content="book" title="books"/>
  133. <meta name="select:update 5 icon" content="star" title="star 1"/>
  134. <meta name="select:update 5 icon" content="star-o" title="star 2"/>
  135.  
  136. <!-- toggle options -->
  137.  
  138. <meta name="if:show link 1" content="1"/>
  139. <meta name="if:show link 2" content="1"/>
  140. <meta name="if:show search bar" content="1"/>
  141.  
  142. <meta name="if:show sidebar links" content="1"/>
  143. <meta name="if:show link 3" content="1"/>
  144. <meta name="if:show link 4" content="1"/>
  145. <meta name="if:show link 5" content="1"/>
  146. <meta name="if:show link 6" content="1"/>
  147.  
  148. <meta name="if:show updates" content="1"/>
  149. <meta name="if:show update 1" content="1"/>
  150. <meta name="if:show update 2" content="1"/>
  151. <meta name="if:show update 3" content="1"/>
  152. <meta name="if:show update 4" content="1"/>
  153. <meta name="if:show update 5" content="1"/>
  154.  
  155. <meta name="if:show captions" content="1"/>
  156. <meta name="if:show like reblog buttons" content="1"/>
  157. <meta name="if:show tags" content="1"/>
  158.  
  159. <!-- fonts -->
  160.  
  161. <link href="//fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
  162.  
  163. <!-- font awesome script -->
  164.  
  165. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  166.  
  167. <!-- jquery scripts -->
  168.  
  169. <script language="javascript" type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  170.  
  171. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  172.  
  173. <!-- tooltip scripts -->
  174.  
  175. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  176.  
  177. <script>
  178. (function($){
  179. $(document).ready(function(){
  180. $("a[title]").style_my_tooltips({
  181. tip_follows_cursor:true,
  182. tip_delay_time:90,
  183. tip_fade_speed:600,
  184. attribute:"title"
  185. });
  186. });
  187. })(jQuery);
  188. </script>
  189.  
  190. <style type="text/css">
  191.  
  192. iframe.tmblr-iframe {
  193. top:0!important;
  194. right:0!important;
  195. opacity:0.4;
  196. filter:invert(1);
  197. -webkit-filter:invert(1);
  198. -o-filter:invert(1);
  199. -moz-filter:invert(1);
  200. -ms-filter:invert(1);
  201. transform:scale(0.8);
  202. transform-origin:100% 0;
  203. -webkit-transform:scale(0.8);
  204. -webkit-transform-origin:100% 0;
  205. -o-transform:scale(0.8);
  206. -o-transform-origin:100% 0;
  207. -moz-transform:scale(0.8);
  208. -moz-transform-origin:100% 0;
  209. -ms-transform:scale(0.8);
  210. -ms-transform-origin:100% 0;
  211. z-index:99999999999999!important;
  212. }
  213.  
  214. ::-webkit-scrollbar-thumb {
  215. position:relative;
  216. height:auto;
  217. background-color:{color:scrollbar};
  218. z-index:9999;
  219. }
  220.  
  221. @media only screen and (max-width: 900px) and (max-height: 600px), only screen and (min-width: 901px) and (max-height: 600px), only screen and (max-width: 900px) and (min-height: 601px) {
  222. ::-webkit-scrollbar {background-color:{color:background};}
  223. }
  224.  
  225. @media only screen and (min-width: 901px) and (min-height: 601px) {
  226. ::-webkit-scrollbar {background-color:rgba(255,255,255,0.1);}
  227. }
  228.  
  229. ::-webkit-scrollbar {
  230. width:5px;
  231. height:5px;
  232. }
  233.  
  234. /* basics */
  235.  
  236. @media only screen and (max-width: 900px) and (max-height: 600px), only screen and (min-width: 901px) and (max-height: 600px), only screen and (max-width: 900px) and (min-height: 601px) {
  237. html, body {height:100%;}
  238. }
  239.  
  240. body {
  241. color:{color:text};
  242. background-color:{color:background};
  243. font-family:'Roboto', sans-serif;
  244. font-size:10px;
  245. margin:0;
  246. line-height:14px;
  247. letter-spacing:1px;
  248. text-align:justify;
  249. word-wrap:break-word;
  250. background-image:url('{image:bg}');
  251. background-position:left top;
  252. background-attachment:fixed;
  253. background-repeat:repeat;
  254. }
  255.  
  256. small {font-size:9px;}
  257.  
  258. pre {
  259. margin:0 10px;
  260. padding:5px;
  261. border:1px solid {color:border};
  262. word-wrap:break-word;
  263. white-space:pre-wrap;
  264. white-space:-moz-pre-wrap;
  265. white-space:-pre-wrap;
  266. white-space:-o-pre-wrap;
  267. }
  268.  
  269. blockquote {
  270. margin:5px 0 5px 20px;
  271. padding:2px 0 2px 5px;
  272. border-left:1px solid {color:border};
  273. }
  274.  
  275. b, strong {color:{color:bold};}
  276.  
  277. i, em {color:{color:italic};}
  278.  
  279. u {color:{color:underline};text-transform:none;}
  280.  
  281. a {
  282. color:{color:link};
  283. text-transform:uppercase;
  284. text-decoration:none;
  285. -moz-transition-duration:1s;
  286. -webkit-transition-duration:1s;
  287. -o-transition-duration:1s;
  288. }
  289.  
  290. a:hover {
  291. color:{color:link hover};
  292. -moz-transition-duration:1s;
  293. -webkit-transition-duration:1s;
  294. -o-transition-duration:1s;
  295. }
  296.  
  297. p {margin:10px;}
  298. p:empty {display:none;}
  299.  
  300. p img {margin-left:0!important;}
  301.  
  302. hr {width:200px;border-top:1px solid {color:border};}
  303.  
  304. .posts h1 {
  305. color:{color:h1 text};
  306. margin:0 0 5px 0;
  307. padding:0 10px 10px 10px;
  308. font-size:14px;
  309. font-family:'Roboto', sans-serif;
  310. text-align:left;
  311. text-transform:uppercase;
  312. letter-spacing:1px;
  313. }
  314.  
  315. .posts h1 a {color:{color:link};}
  316. .posts h1 a:hover {color:{color:link hover};}
  317.  
  318. .unnest h1, .text h1 {color:{color:text};margin:10px 0 5px 10px;}
  319.  
  320. h2 {
  321. margin:0;
  322. padding:10px;
  323. text-align:center;
  324. font-size:14px;
  325. word-spacing:2px;
  326. line-height:17px;
  327. text-transform:uppercase;
  328. font-family:'Roboto', sans-serif;
  329. }
  330.  
  331. /* container + header */
  332.  
  333. @media only screen and (max-width: 900px) and (max-height: 600px), only screen and (min-width: 901px) and (max-height: 600px), only screen and (max-width: 900px) and (min-height: 601px) {
  334.  
  335. #themecontainer, #postcontainer {position:relative;width:100%;margin:0;}
  336.  
  337. #header {
  338. position:relative;
  339. width:100%;
  340. background-color:rgba(255,255,255,0.6);
  341. border-bottom:1px solid {color:border};
  342. }
  343.  
  344. #header div {display:block;}
  345.  
  346. #headericon {margin:0 auto;padding-top:20px;}
  347.  
  348. #title, #headerdesc {margin:10px auto;text-align:center;}
  349.  
  350. #headerdesc {width:50%;}
  351.  
  352. #nav {width:100%;margin:20px auto 20px auto;text-align:center;}
  353.  
  354. #nav a, #nav div {display:inline-block;}
  355.  
  356. .sfm input {margin:0 auto 0 5px;vertical-align:bottom;}
  357. }
  358.  
  359. @media only screen and (min-width: 901px) and (min-height: 601px) {
  360.  
  361. #themecontainer {
  362. position:fixed;
  363. top:calc(50% - 275px);
  364. left:calc(50% - 403px);
  365. width:805px;
  366. height:561px;
  367. background-color:rgba(255,255,255,0.6);
  368. border:1px solid {color:border};
  369. box-sizing:border-box;
  370. }
  371.  
  372. #postcontainer {
  373. position:absolute;
  374. bottom:0;
  375. left:0;
  376. width:594px;
  377. height:500px;
  378. border-right:1px solid {color:border};
  379. box-sizing:border-box;
  380. overflow-x:hidden;
  381. overflow-y:auto;
  382. }
  383.  
  384. #header {
  385. position:absolute;
  386. top:0;
  387. left:0;
  388. width:803px;
  389. height:60px;
  390. padding:10px;
  391. box-sizing:border-box;
  392. border-bottom:1px solid {color:border};
  393. overflow:hidden;
  394. white-space:nowrap;
  395. z-index:9999;
  396. }
  397.  
  398. #header div {display:inline-block;}
  399.  
  400. #headericon {
  401. float:left;
  402. margin-right:15px;
  403. padding-right:15px;
  404. border-right:1px solid {color:border};
  405. }
  406.  
  407. #title {
  408. margin-right:15px;
  409. padding-right:10px;
  410. border-right:1px solid {color:border};
  411. }
  412.  
  413. #headerdesc {display:none!important;}
  414.  
  415. #nav {line-height:40px;}
  416.  
  417. .sfm input {margin:6px auto 0 5px;vertical-align:top;}
  418. }
  419.  
  420. #headericon {width:40px;height:40px;}
  421.  
  422. #headericon img {
  423. width:40px;
  424. height:40px;
  425. border-radius:10%;
  426. opacity:1;
  427. -moz-transition-duration:1s;
  428. -webkit-transition-duration:1s;
  429. -o-transition-duration:1s;
  430. }
  431.  
  432. #headericon img:hover {
  433. opacity:0.5;
  434. -moz-transition-duration:1s;
  435. -webkit-transition-duration:1s;
  436. -o-transition-duration:1s;
  437. }
  438.  
  439. #title {
  440. color:{color:title};
  441. font-size:20px;
  442. line-height:40px;
  443. font-weight:700;
  444. font-family:'Roboto Condensed', sans-serif;
  445. text-transform:uppercase;
  446. letter-spacing:5px;
  447. }
  448.  
  449. #nav a {
  450. display:inline-block;
  451. padding:0 8px;
  452. color:{color:nav links};
  453. font-size:18px;
  454. }
  455.  
  456. #nav a:hover {color:{color:nav links hover};}
  457.  
  458. #nav a:first-child {padding-left:0;font-size:20px;}
  459.  
  460. a#searchbutton:hover {cursor:text;color:{color:nav links};}
  461.  
  462. .sfm input {
  463. height:20px;
  464. padding:4px 8px;
  465. box-sizing:border-box;
  466. color:{color:nav links};
  467. background-color:transparent;
  468. border:0;
  469. border-bottom:1px solid {color:border};
  470. font-size:10px;
  471. text-transform:uppercase;
  472. }
  473.  
  474. .sfm input:focus {outline:none;}
  475.  
  476. /* sidebar */
  477.  
  478. #sidebarcont {
  479. position:absolute;
  480. bottom:0;
  481. right:0;
  482. width:210px;
  483. height:500px;
  484. text-transform:uppercase;
  485. }
  486.  
  487. #sidebardesc, #updates, #sidebarnav {border-bottom:1px solid {color:border};}
  488.  
  489. #sidebardesc {height:70px;padding:20px;overflow:auto;}
  490.  
  491. #sidebarnav {padding:10px;text-align:center;}
  492.  
  493. #sidebarnav a {
  494. display:inline-block;
  495. width:74px;
  496. margin:10px;
  497. padding:10px 5px;
  498. box-sizing:border-box;
  499. color:{color:text};
  500. background-color:{color:post bg};
  501. border:1px solid {color:text};
  502. }
  503.  
  504. #sidebarnav a:empty {display:none;}
  505.  
  506. #sidebarnav a:hover {color:{color:link};border:1px solid {color:link};}
  507.  
  508. #updates {
  509. max-height:196px;
  510. padding:15px;
  511. box-sizing:border-box;
  512. overflow-x:hidden;
  513. overflow-y:auto;
  514. }
  515.  
  516. #updates li {list-style:none;margin:0 0 10px 0;}
  517.  
  518. #updates li:last-child {margin-bottom:0;}
  519.  
  520. #updates c {
  521. width:25px;
  522. height:25px;
  523. margin-right:10px;
  524. padding:5px;
  525. box-sizing:border-box;
  526. color:{color:post bg};
  527. background-color:{color:text};
  528. border-radius:10%;
  529. font-size:14px;
  530. line-height:15px;
  531. text-align:center;
  532. }
  533.  
  534. #pagination {margin-top:10px;padding:10px;text-align:center;}
  535.  
  536. #pagination span {
  537. padding:0 10px;
  538. font-family:'Roboto Condensed', sans-serif;
  539. font-size:15px;
  540. }
  541.  
  542. #pagination a {display:inline-block;color:{color:text};font-size:18px;}
  543.  
  544. #pagination a:hover {color:{color:link};}
  545.  
  546. @media only screen and (max-width: 900px) and (max-height: 600px), only screen and (min-width: 901px) and (max-height: 600px), only screen and (max-width: 900px) and (min-height: 601px) {
  547. #sidebarcont {display:none;}
  548.  
  549. #paginationtwo {
  550. position:relative;
  551. width:100%;
  552. height:100px;
  553. margin:80px auto 0 auto;
  554. color:{color:text};
  555. background-color:rgba(255,255,255,0.6);
  556. border-top:1px solid {color:border};
  557. line-height:100px;
  558. text-transform:uppercase;
  559. text-align:center;
  560. }
  561.  
  562. #paginationtwo span {
  563. padding:0 10px;
  564. font-family:'Roboto Condensed', sans-serif;
  565. font-size:20px;
  566. }
  567.  
  568. #paginationtwo a {
  569. display:inline-block;
  570. padding:0 10px;
  571. color:{color:text};
  572. font-family:'Roboto Condensed', sans-serif;
  573. font-size:20px;
  574. letter-spacing:3px;
  575. }
  576.  
  577. #paginationtwo a:hover {color:{color:link};}
  578. }
  579.  
  580. @media only screen and (min-width: 901px) and (min-height: 601px) {
  581. #paginationtwo {display:none!important;}
  582. }
  583.  
  584. /* posts */
  585.  
  586. @media only screen and (max-width: 900px) and (max-height: 600px), only screen and (min-width: 901px) and (max-height: 600px), only screen and (max-width: 900px) and (min-height: 601px) {
  587. #container {width:550px;margin:80px auto;}
  588. }
  589.  
  590. @media only screen and (min-width: 901px) and (min-height: 601px) {
  591. #container {width:550px;margin:30px auto;}
  592.  
  593. .posts:last-of-type {margin-bottom:0;}
  594. }
  595.  
  596. .posts {
  597. width:500px;
  598. margin:0 auto 40px auto;
  599. padding:20px;
  600. background-color:{color:post bg};
  601. border:1px solid {color:border};
  602. }
  603.  
  604. .tumblr_parent {
  605. margin:0;
  606. padding:1px 0;
  607. background-color:{color:post bg};
  608. border-left:none;
  609. border-top:1px solid {color:border};
  610. }
  611.  
  612. .tumblr_parent:first-child {border-top:none;}
  613.  
  614. .tumblr_avatar {
  615. display:inline-block;
  616. vertical-align:middle;
  617. width:25px;
  618. height:25px;
  619. margin:15px 10px 0 10px;
  620. border-radius:10%;
  621. }
  622.  
  623. .tumblr_parent a.tumblr_blog {display:inline-block;vertical-align:-8px;}
  624.  
  625. .tcap .tumblr_parent:first-child .tumblr_avatar {margin-top:0px;}
  626. .tcap .tumblr_parent:first-child a.tumblr_blog {vertical-align:-1px;}
  627.  
  628. .posts ul, ol {margin-left:15px;padding:0!important;}
  629.  
  630. .posts li {margin:0 10px;}
  631.  
  632. .posts img:not(.tumblr_avatar), .posts iframe:not(.like_toggle) {
  633. display:block;
  634. vertical-align:middle;
  635. max-width:500px;
  636. }
  637.  
  638. #pphotos img {width:500px!important;}
  639.  
  640. .posts img:not(.tumblr_avatar) {height:auto;}
  641.  
  642. .text img, .tumblr_parent img:not(.tumblr_avatar),
  643. .text iframe, .tumblr_parent iframe {
  644. max-width:calc(500px - 20px)!important;
  645. margin-left:10px;
  646. margin-bottom:10px;
  647. }
  648.  
  649. .text video, .tumblr_parent video {
  650. max-width:calc(500px - 20px)!important;
  651. margin-top:10px;
  652. margin-left:10px;
  653. }
  654.  
  655. .tumblr_parent img:not(.tumblr_avatar), .tumblr_parent iframe {
  656. margin-top:10px;
  657. margin-bottom:10px;
  658. }
  659.  
  660. blockquote:not(.tumblr_parent) img,
  661. blockquote:not(.tumblr_parent) iframe {
  662. max-width:calc(100% - 20px)!important;
  663. margin:0 0 0 10px!important;
  664. }
  665.  
  666. iframe#ask_form {max-width:500px!important;margin:0;}
  667.  
  668. iframe#submit_form {margin-bottom:10px;}
  669.  
  670. .text {padding:1px 0;}
  671.  
  672. .caption {
  673. {block:ifnotshowcaptions}
  674. {block:IndexPage}display:none;{/block:IndexPage}
  675. {/block:ifnotshowcaptions}
  676. margin-top:5px;
  677. }
  678.  
  679. #source {padding:0 10px 10px 10px;text-align:center;}
  680.  
  681. #audio {
  682. height:100px;
  683. font-family:'Roboto Condensed', sans-serif;
  684. font-size:10px;
  685. line-height:25px;
  686. }
  687.  
  688. #albumart {
  689. float:left;
  690. width:80px;
  691. height:80px;
  692. margin:10px 20px 10px 10px;
  693. }
  694.  
  695. #albumart img {width:80px;height:80px;border-radius:10%;}
  696.  
  697. #audioplayerbg {
  698. position:absolute;
  699. width:80px;
  700. height:80px;
  701. margin:10px;
  702. padding:10px;
  703. box-sizing:border-box;
  704. background-color:#fff;
  705. border-radius:10%;
  706. opacity:0.5;
  707. -moz-transition-duration:1s;
  708. -webkit-transition-duration:1s;
  709. -o-transition-duration:1s;
  710. }
  711.  
  712. #audioplayerbg:hover {
  713. opacity:0.4;
  714. -moz-transition-duration:1s;
  715. -webkit-transition-duration:1s;
  716. -o-transition-duration:1s;
  717. }
  718.  
  719. #audioplayer {
  720. width:30px;
  721. height:30px;
  722. margin:20px auto;
  723. overflow:hidden;
  724. }
  725.  
  726. #audioinfo {
  727. height:100px;
  728. padding:0 10px 0px 15px;
  729. box-sizing:border-box;
  730. background-color:{color:h1 bg};
  731. border-left:1px solid {color:border};
  732. text-transform:uppercase;
  733. text-align:left;
  734. overflow-x:auto;
  735. overflow-y:hidden;
  736. }
  737.  
  738. .audiocaption {margin-top:10px;border-top:1px solid {color:border};}
  739.  
  740. .audiocaption:empty {display:none;}
  741.  
  742. #chat ol {margin:0;}
  743.  
  744. .line {list-style:none;padding:5px 0;}
  745.  
  746. .line:first-child {padding-top:10px;}
  747. .line:last-child {padding-bottom:7px;}
  748.  
  749. .label {font-weight:bold;}
  750.  
  751. #askcont {margin-bottom:5px;border-bottom:1px solid {color:border};}
  752.  
  753. #askericon {
  754. position:relative;
  755. float:left;
  756. width:40px;
  757. height:40px;
  758. margin:0 20px 0 10px;
  759. z-index:99;
  760. }
  761.  
  762. #askericon img {
  763. width:40px;
  764. height:40px;
  765. border-radius:10%;
  766. opacity:1;
  767. -moz-transition-duration:1s;
  768. -webkit-transition-duration:1s;
  769. -o-transition-duration:1s;
  770. }
  771.  
  772. #askericon img:hover {
  773. opacity:0.5;
  774. -moz-transition-duration:1s;
  775. -webkit-transition-duration:1s;
  776. -o-transition-duration:1s;
  777. }
  778.  
  779. #asker {
  780. position:relative;
  781. height:40px;
  782. font-size:15px;
  783. line-height:40px;
  784. font-family:'Roboto', sans-serif;
  785. text-transform:uppercase;
  786. }
  787.  
  788. #ask {padding:10px;box-sizing:border-box;}
  789.  
  790. #replier {
  791. margin:15px 0;
  792. font-size:15px;
  793. font-family:'Roboto', sans-serif;
  794. text-align:center;
  795. text-transform:uppercase;
  796. }
  797.  
  798. .answer img:first-child {margin-top:10px;}
  799.  
  800. .replies {margin-top:5px;}
  801.  
  802. .replies:empty {display:none;}
  803.  
  804. #perma {
  805. margin-top:5px;
  806. {block:IndexPage}
  807. min-height:45px;
  808. {/block:IndexPage}
  809. padding:15px 10px 0 10px;
  810. box-sizing:border-box;
  811. border-top:1px solid {color:border};
  812. letter-spacing:2px;
  813. text-align:center;
  814. }
  815.  
  816. #buttonscont {
  817. height:30px;
  818. text-align:center;
  819. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  820. }
  821.  
  822. #buttonscont c {
  823. width:30px;
  824. height:30px;
  825. margin:0 10px -5px 0;
  826. padding:5px 5px 4px 6px;
  827. box-sizing:border-box;
  828. color:{color:button icon};
  829. background-color:{color:button bg};
  830. border-radius:10%;
  831. font-size:20px;
  832. text-align:center;
  833. overflow:hidden;
  834. -moz-transition-duration:1s;
  835. -webkit-transition-duration:1s;
  836. -o-transition-duration:1s;
  837. }
  838.  
  839. #buttonscont c:hover {
  840. background-color:{color:button bg hover};
  841. -moz-transition-duration:1s;
  842. -webkit-transition-duration:1s;
  843. -o-transition-duration:1s;
  844. }
  845.  
  846. .buttons {
  847. display:inline-block;
  848. width:30px;
  849. height:30px;
  850. margin-right:10px;
  851. }
  852.  
  853. .buttons img {
  854. display:inline-block!important;
  855. width:30px;
  856. height:30px;
  857. border-radius:10%;
  858. vertical-align:initial!important;
  859. }
  860.  
  861. #reblogicon img, #sourceicon img {
  862. margin-bottom:-5px;
  863. opacity:1;
  864. -moz-transition-duration:1s;
  865. -webkit-transition-duration:1s;
  866. -o-transition-duration:1s;
  867. }
  868.  
  869. #reblogicon img:hover, #sourceicon img:hover {
  870. opacity:0.5;
  871. -moz-transition-duration:1s;
  872. -webkit-transition-duration:1s;
  873. -o-transition-duration:1s;
  874. }
  875.  
  876. #likebutton, #reblogbutton {
  877. width:30px;
  878. height:30px;
  879. background-color:{color:button bg};
  880. border-radius:10%;
  881. box-sizing:border-box;
  882. -moz-transition-duration:1s;
  883. -webkit-transition-duration:1s;
  884. -o-transition-duration:1s;
  885. }
  886.  
  887. #likebutton:hover, #reblogbutton:hover {
  888. cursor:pointer;
  889. background-color:{color:button bg hover};
  890. -moz-transition-duration:1s;
  891. -webkit-transition-duration:1s;
  892. -o-transition-duration:1s;
  893. }
  894.  
  895. #likebutton {padding-top:6px;vertical-align:top;}
  896. #reblogbutton {padding:5px;}
  897.  
  898. {block:PermalinkPage}
  899. #perma a {color:{color:perma link};font-size:9px;padding:5px;}
  900.  
  901. #perma a:first-child {padding-left:0;}
  902.  
  903. #perma a:hover {color:{color:perma link hover};}
  904. {/block:PermalinkPage}
  905.  
  906. #tags {
  907. {block:IndexPage}margin-top:15px;{/block:IndexPage}
  908. {block:PermalinkPage}margin-top:10px;{/block:PermalinkPage}
  909. text-align:center;
  910. }
  911.  
  912. #tags a {
  913. padding:0 5px;
  914. color:{color:tags};
  915. font-size:9px;
  916. text-transform:none;
  917. }
  918.  
  919. #tags a:first-child {padding-left:0;}
  920. #tags a:last-child {padding-right:0;}
  921.  
  922. #tags a:hover {color:{color:tags hover};}
  923.  
  924. ol.notes {
  925. list-style-type:none;
  926. margin:15px 0 0 0;
  927. border-top:1px solid {color:border};
  928. text-align:left;
  929. }
  930.  
  931. ol.notes li.note {margin:5px;padding:15px 10px 0 10px;line-height:14px;}
  932.  
  933. ol.notes li.note:last-child {padding-bottom:10px;}
  934.  
  935. ol.notes li.note img.avatar {
  936. float:left;
  937. width:20px;
  938. height:20px;
  939. margin:-5px 15px 0 0;
  940. border-radius:10%;
  941. }
  942.  
  943. ol.notes li.note blockquote {padding:2px 5px;margin:5px 0 0 35px;}
  944.  
  945. /* extras */
  946.  
  947. #s-m-t-tooltip {
  948. display:block;
  949. color:{color:tooltip text};
  950. background:{color:tooltip bg};
  951. border:1px solid {color:tooltip text};
  952. max-width:150px;
  953. margin:24px 14px 7px 12px;
  954. padding:2px 5px 2px 5px;
  955. font-size:9px;
  956. line-height:11px;
  957. font-family:'Roboto Condensed', sans-serif;
  958. text-align:left;
  959. text-transform:uppercase;
  960. word-wrap:break-word;
  961. z-index:9999999999;
  962. }
  963.  
  964. ::selection {color:{color:selection text};background:{color:selection bg};}
  965.  
  966. /* credit - do not remove, alter, or move to another page */
  967.  
  968. #credit {
  969. position:fixed;
  970. bottom:14px;
  971. right:10px;
  972. text-align:center;
  973. z-index:9999;
  974. }
  975.  
  976. #credit a {
  977. color:{color:background};
  978. background-color:{color:scrollbar};
  979. padding:4px;
  980. font-size:10px;
  981. }
  982.  
  983. #credit a:hover {color:{color:scrollbar};background-color:{color:background};}
  984.  
  985. </style>
  986. </head>
  987. <body>
  988.  
  989. <div id="themecontainer">
  990.  
  991. <div id="header">
  992. <div id="headericon"><a href="/"><img src="{image:header icon}"/></a></div>
  993. <div id="title">{Title}</div>
  994. <div id="headerdesc">{Description}</div>
  995. <div id="nav">
  996. <a href="/" title="return home"><c class="fa fa-home"></c></a>
  997. <a href="/ask" title="send a message"><c class="fa fa-envelope"></c></a>
  998. <a href="/archive" title="archive"><c class="fa fa-calendar"></c></a>
  999. {block:ifshowlink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"><c class="fa fa-{select:link 1 icon}"></c></a>{/block:ifshowlink1}
  1000. {block:ifshowlink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"><c class="fa fa-{select:link 2 icon}"></c></a>{/block:ifshowlink2}
  1001. {block:ifshowsearchbar}
  1002. <a id="searchbutton"><c class="fa fa-search"></c></a>
  1003. <div id="search"><form action="/search" method="get" class="sfm">
  1004. <input type="text" name="q" value="search" onfocus="if (this.value == 'search') {this.value=''}" onblur="if (this.value == '') {this.value='search'}" /></form></div>
  1005. {/block:ifshowsearchbar}
  1006. </div>
  1007. </div>
  1008.  
  1009. <div id="sidebarcont">
  1010. <div id="sidebardesc">{Description}</div>
  1011. {block:ifshowsidebarlinks}
  1012. <div id="sidebarnav">
  1013. {block:ifshowlink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifshowlink3}{block:ifshowlink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifshowlink4}{block:ifshowlink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifshowlink5}{block:ifshowlink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifshowlink6}
  1014. </div>
  1015. {/block:ifshowsidebarlinks}
  1016. {block:ifshowupdates}
  1017. <div id="updates">
  1018. {block:ifshowupdate1}<li><c class="fa fa-{select:update 1 icon}"></c> {text:update 1}</li>{/block:ifshowupdate1}
  1019. {block:ifshowupdate2}<li><c class="fa fa-{select:update 2 icon}"></c> {text:update 2}</li>{/block:ifshowupdate2}
  1020. {block:ifshowupdate3}<li><c class="fa fa-{select:update 3 icon}"></c> {text:update 3}</li>{/block:ifshowupdate3}
  1021. {block:ifshowupdate4}<li><c class="fa fa-{select:update 4 icon}"></c> {text:update 4}</li>{/block:ifshowupdate4}
  1022. {block:ifshowupdate5}<li><c class="fa fa-{select:update 5 icon}"></c> {text:update 5}</li>{block:ifshowupdate5}
  1023. </div>
  1024. {/block:ifshowupdates}
  1025. {block:Pagination}
  1026. <div id="pagination">
  1027. {block:PreviousPage}<a href="{PreviousPage}" title="previous page"><c class="fa fa-angle-double-left"></c></a>{/block:PreviousPage} <span>Page {CurrentPage} / {TotalPages}</span> {block:NextPage}<a href="{NextPage}" title="next page"><c class="fa fa-angle-double-right"></c></a>{/block:NextPage}
  1028. </div>
  1029. {/block:Pagination}
  1030. </div>
  1031.  
  1032. <div id="postcontainer">
  1033. <div id="container">
  1034. {block:Posts}
  1035. <div class="posts">
  1036.  
  1037. {block:Text}
  1038. {block:RebloggedFrom}
  1039. {block:Title}<h1>{Title}</h1>{/block:Title}
  1040. <div class="unnest tcap">{Body}</div>
  1041. {/block:RebloggedFrom}
  1042. {block:NotReblog}
  1043. {block:Title}<h1>{Title}</h1>{/block:Title}
  1044. <div class="text">{Body}</div>
  1045. {/block:NotReblog}
  1046. {/block:Text}
  1047.  
  1048. {block:Quote}
  1049. <div class="text"><h2>&quot;{Quote}&quot;</h2>
  1050. {block:Source}<div id="source">{Source}</div>{/block:Source}</div>
  1051. {/block:Quote}
  1052.  
  1053. {block:Link}
  1054. <h1><a href="{URL}"><< {Name} >></a></h1>
  1055. {block:Description}{block:RebloggedFrom}<div class="unnest">{Description}</div>{/block:RebloggedFrom}{block:NotReblog}<div class="text">{Description}</div>{/block:NotReblog}{/block:Description}{/block:Link}
  1056.  
  1057. {block:Chat}
  1058. {block:Title}
  1059. <h1>{Title}</h1>
  1060. {/block:Title}
  1061. <div id="chat">
  1062. <ol>{block:Lines}
  1063. <li class="line {Alt}">
  1064. {block:Label}
  1065. <span class="label">
  1066. <b>{Label}</b></span>
  1067. {/block:Label}{Line}</li>
  1068. {/block:Lines}
  1069. </ol></div>
  1070. {/block:Chat}
  1071.  
  1072. {block:Photo}
  1073. {LinkOpenTag}<div id="pphotos"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>{LinkCloseTag}{block:Caption}{block:RebloggedFrom}<div class="unnest caption">{Caption}</div>{/block:RebloggedFrom}{block:NotReblog}<div class="text caption">{Caption}</div>{/block:NotReblog}{/block:Caption}
  1074. {/block:Photo}
  1075.  
  1076. {block:Photoset}
  1077. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{block:Caption}{block:RebloggedFrom}<div class="unnest caption">{Caption}</div>{/block:RebloggedFrom}{block:NotReblog}<div class="text caption">{Caption}</div>{/block:NotReblog}{/block:Caption}
  1078. {/block:Photoset}
  1079.  
  1080. {block:Video}
  1081. {Video-500}{block:Caption}{block:RebloggedFrom}<div class="unnest caption">{Caption}</div>{/block:RebloggedFrom}{block:NotReblog}<div class="text caption">{Caption}</div>{/block:NotReblog}{/block:Caption}
  1082. {/block:Video}
  1083.  
  1084. {block:Audio}
  1085. <div id="audio">
  1086. <div id="audioplayerbg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  1087. <div id="albumart"><span{block:AlbumArt} style="display:none;"{block:AlbumArt}><img src="//78.media.tumblr.com/9b78d1e07567414cae86f9e454b1e9f7/tumblr_inline_o39hgzRFff1rrt3vb_540.png" width="80"/></span>{block:AlbumArt}<img src="{AlbumArtURL}" width="80"/>{/block:AlbumArt}</div>
  1088. <div id="audioinfo">
  1089. <span{block:TrackName} style="display:none;"{block:TrackName}><b>Song:</b> unknown</span>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
  1090. <br/><span{block:Artist} style="display:none;"{block:Artist}><b>Artist:</b> unknown</span>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  1091. <br/><span{block:Album} style="display:none;"{block:Album}><b>Album:</b> unknown</span>{block:Album}<b>Album:</b> {Album}{/block:Album}
  1092. <br/><span{block:PlayCount} style="display:none;"{block:PlayCount}><b>Play count:</b> unknown</span>{block:PlayCount}<b>Play count:</b> {PlayCount}{/block:PlayCount}
  1093. </div></div>
  1094. {block:Caption}{block:RebloggedFrom}<div class="unnest caption audiocaption">{Caption}</div>{/block:RebloggedFrom}{block:NotReblog}<div class="text caption audiocaption">{Caption}</div>{/block:NotReblog}{/block:Caption}
  1095. {/block:Audio}
  1096.  
  1097. {block:Answer}
  1098. <div id="askcont">
  1099. <div id="askericon"><a href="{AskerURL}"><img src="{AskerPortraitURL-96}"/></a></div>
  1100. <div id="asker">{Asker} asked:</div>
  1101. <div id="ask">{Question}</div>
  1102. </div>
  1103. <div class="answer text">{block:Answerer}<div id="replier">{Answerer} replied:</div>{/block:Answerer}{Answer}</div>
  1104. {block:Answerer}<div class="unnest replies">{Replies}</div>{/block:Answerer}
  1105. {/block:Answer}
  1106.  
  1107. {block:Date}
  1108.  
  1109. {block:IndexPage}<div id="perma">
  1110.  
  1111. <div id="buttonscont">
  1112. <a href="{Permalink}" title="{NoteCountwithLabel}"><c class="fa fa-comments"></c></a><a href="{Permalink}" title="{block:Date}{DayofMonthWithZero}.{MonthNumberWithZero}.{ShortYear} - {TimeAgo}{/block:Date}"><c class="fa fa-clock-o"></c></a>{block:RebloggedFrom}<div class="buttons" id="reblogicon"><a href="{ReblogParentURL}" title="via - {ReblogParentName}"><img src="{ReblogParentPortraitURL-30}"/></a></div><div class="buttons" id="sourceicon"><a href="{ReblogRootURL}" title="© - {ReblogRootName}"><img src="{ReblogRootPortraitURL-30}"/></a></div>{/block:RebloggedFrom}{block:ifshowlikereblogbuttons}<div class="buttons" id="likebutton">{LikeButton size="20" color="black"}</div><div class="buttons" id="reblogbutton">{ReblogButton size="20" color="black"}</div>{/block:ifshowlikereblogbuttons}
  1113. </div>
  1114.  
  1115. {block:ifshowtags}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifshowtags}
  1116. </div>{/block:IndexPage}
  1117.  
  1118. {block:PermalinkPage}<div id="perma">
  1119. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
  1120. <a href="{Permalink}">{NoteCountwithLabel}</a>
  1121. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  1122. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  1123. {block:HasTags}<br/><div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1124. </div>{/block:PermalinkPage}
  1125.  
  1126. {/block:Date}
  1127.  
  1128. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1129.  
  1130. </div>
  1131. {/block:Posts}
  1132. </div>
  1133. </div> <!-- #postcontainer end -->
  1134.  
  1135. </div> <!-- #themecontainer end -->
  1136.  
  1137. {block:Pagination}
  1138. <div id="paginationtwo">
  1139. {block:PreviousPage}<a href="{PreviousPage}" title="previous page"><c class="fa fa-angle-double-left"></c></a>{/block:PreviousPage} <span>Page {CurrentPage} / {TotalPages}</span> {block:NextPage}<a href="{NextPage}" title="next page"><c class="fa fa-angle-double-right"></c></a>{/block:NextPage}
  1140. </div>
  1141. {/block:Pagination}
  1142.  
  1143. <!-- pxu photosets scripts -->
  1144.  
  1145. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1146.  
  1147. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1148.  
  1149. <script src="//static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1150.  
  1151. <!-- unnest captions script -->
  1152.  
  1153. <script src="//static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1154.  
  1155. <!-- jquery -->
  1156.  
  1157. <script type="text/javascript">
  1158. $(document).ready(function(){
  1159. $('.posts').unnest({
  1160. yourCaption: ".unnest",
  1161. //your caption selector, the div wrapping {Caption}
  1162. wrapName: ".tumblr_parent",
  1163. //the name of the captions’ new wrapper
  1164. newCaptionUsername: true,
  1165. //if the user adds a new caption, following a series of captions, show their username above the caption
  1166. originalPostCaptionUsername: false,
  1167. //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  1168. tumblrAvatars: true,
  1169. //”dashboard style” caption, have the avatar of the blog next to the username
  1170. tumblrAvatarClass: ".tumblr_avatar",
  1171. //class of the avatar next to the username
  1172. usernameColon: false
  1173. //if turned to false, removes the colon at the end of usernames
  1174. });
  1175. $('.photo-slideshow').pxuPhotoset({
  1176. lightbox: true,
  1177. rounded: false,
  1178. gutter: '2px',
  1179. borderRadius: '0',
  1180. photoset: '.photo-slideshow',
  1181. photoWrap: '.photo-data',
  1182. photo: '.pxu-photo'
  1183. });
  1184. });
  1185. </script>
  1186.  
  1187. <div id="credit"><a href="//the49thname.tumblr.com/" title="made by the49thname">49</a>
  1188. </div>
  1189.  
  1190. </body>
  1191. </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!