API tools faq
paste
Advertisement
the49thname

Theme 11: Decks Dark (light version)

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