Isandria

Zennotenshi theme

Jul 7th, 2016
146
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.00 KB | None | 0 0
  1. [remove pluses]
  2.  
  3. +<!DOCTYPE html>
  4. +<head>
  5. +
  6. +<!--
  7. +
  8. +#14: YOUNG FOREVER by GUKTHEMES.TUMBLR.COM
  9. +PLEASE DO NOT TAKE THIS THEME!
  10. +
  11. +- do not steal or claim as your own
  12. +- do not copy my design(s) or scripts
  13. +- do not alter or remove credit
  14. +
  15. +questions and bug reports are always welcome!
  16. +
  17. +-->
  18. +
  19. +<title>{Title}</title>
  20. +<link rel="shortcut icon" href="{Favicon}">
  21. +<meta name="image:sidebar background" content="http://static.tumblr.com/c3862efddad5933ce2fb05fdcced26b2/wupwnyt/Njto6xusi/tumblr_static_84r9emlux1wc4s48o0kwskggs.png"/>
  22. +<meta name="image:content background" content=""/>
  23. +<meta name="image:sidebar icon" content=""/>
  24. +<meta name="color:body background" content="#ffffff"/>
  25. +<meta name="color:content background" content="#f0f0f0"/>
  26. +<meta name="color:text" content="#000000"/>
  27. +<meta name="color:link" content="#a5a5a5"/>
  28. +<meta name="color:link hover" content="#D44939"/>
  29. +
  30. +<meta name="color:accent" content="#D44939"/>
  31. +
  32. +<meta name="color:post bg" content="#ffffff"/>
  33. +<meta name="color:borders" content="#e7e7e7"/>
  34. +<meta name="color:blockquotes" content="#e7e7e7"/>
  35. +
  36. +<meta name="color:ask bg" content="#f3f3f3"/>
  37. +<meta name="color:ask text" content="#000000"/>
  38. +<meta name="color:audio bg" content="#f3f3f3"/>
  39. +<meta name="color:audio text" content="#000000"/>
  40. +
  41. +<meta name="color:sidebar bg" content="#D44939"/>
  42. +<meta name="color:sidebar desc bg" content="#ffffff"/>
  43. +<meta name="color:sidebar text" content="#000000"/>
  44. +<meta name="color:sidebar links color" content="#000000"/>
  45. +<meta name="color:sidebar links hover" content="#D44939"/>
  46. +
  47. +<meta name="color:footer text" content="#000000"/>
  48. +<meta name="color:footer bg" content="#ffffff"/>
  49. +<meta name="color:footer link" content="#000000"/>
  50. +<meta name="color:footer link hover" content="#D44939"/>
  51. +
  52. +<meta name="color:tags" content="#000000"/>
  53. +<meta name="color:tags hover" content="#D44939"/>
  54. +
  55. +<meta name="select:sidebar links" content="8" title="8">
  56. +<meta name="select:sidebar links" content="6" title="6">
  57. +<meta name="select:sidebar links" content="4" title="4">
  58. +
  59. +<meta name="select:body font" content="Open Sans" title="Open Sans">
  60. +<meta name="select:body font" content="Montserrat" title="Montserrat">
  61. +<meta name="select:body font" content="Lato" title="Lato">
  62. +<meta name="select:body font" content="Roboto" title="Roboto">
  63. +
  64. +<meta name="select:title font" content="Montserrat" title="Montserrat">
  65. +<meta name="select:title font" content="Open Sans" title="Open Sans">
  66. +<meta name="select:title font" content="Lato" title="Lato">
  67. +<meta name="select:title font" content="Roboto" title="Roboto">
  68. +
  69. +<meta name="select:footer font" content="Open Sans" title="Open Sans">
  70. +<meta name="select:footer font" content="Lato" title="Lato">
  71. +<meta name="select:footer font" content="Roboto" title="Roboto">
  72. +<meta name="select:footer font" content="Montserrat" title="Montserrat">
  73. +
  74. +<meta name="select:post size" content="540" title="540px">
  75. +<meta name="select:post size" content="500" title="500px">
  76. +<meta name="select:post size" content="450" title="450px">
  77. +<meta name="select:post size" content="400" title="400px">
  78. +
  79. +<meta name="select:permalink post size" content="540" title="540px">
  80. +<meta name="select:permalink post size" content="500" title="500px">
  81. +<meta name="select:permalink post size" content="450" title="450px">
  82. +<meta name="select:permalink post size" content="400" title="400px">
  83. +
  84. +<meta name="select:sidebar background type" content="cover" title="fill">
  85. +<meta name="select:sidebar background type" content="auto" title="repeatable">
  86. +
  87. +<meta name="select:content background type" content="auto" title="repeatable">
  88. +<meta name="select:content background type" content="cover" title="fill">
  89. +
  90. +<meta name="select:sidebar fade" content="blur(4px) brightness(0.75)" title="default">
  91. +<meta name="select:sidebar fade" content="blur(4px) brightness(1)" title="blur only">
  92. +<meta name="select:sidebar fade" content="blur(0px) brightness(0.75)" title="brightness only">
  93. +<meta name="select:sidebar fade" content="blur(0px) brightness(1)" title="none">
  94. +
  95. +<meta name="if:show captions" content="1" />
  96. +<meta name="if:show tags" content="1" />
  97. +<meta name="if:grayscale images" content="0" />
  98. +<meta name="if:faded images" content="0" />
  99. +<meta name="if:black audio player" content="0" />
  100. +<meta name="if:sidebar icon" content="0" />
  101. +<meta name="if:hover desc" content="1" />
  102. +<meta name="if:smooth scrolling" content="1" />
  103. +<meta name="if:old photosets on 500px posts" content="0" />
  104.  
  105. +<meta name="text:sidebar width" content="225"/>
  106. +<meta name="text:link 1 URL" content="/"/>
  107. +<meta name="text:link 1" content="home"/>
  108. +<meta name="text:link 2 URL" content="/ask"/>
  109. +<meta name="text:link 2" content="inbox"/>
  110. +<meta name="text:link 3 URL" content="/archive"/>
  111. +<meta name="text:link 3" content="archive"/>
  112. +<meta name="text:link 4 URL" content="/"/>
  113. +<meta name="text:link 4" content="link 4"/>
  114. +<meta name="text:link 5 URL" content=""/>
  115. +<meta name="text:link 5" content="link 5"/>
  116. +<meta name="text:link 6 URL" content=""/>
  117. +<meta name="text:link 6" content="link 6"/>
  118. +<meta name="text:link 7 URL" content=""/>
  119. +<meta name="text:link 7" content="link 7"/>
  120. +<meta name="text:link 8 URL" content=""/>
  121. +<meta name="text:link 8" content="link 8"/>
  122. +
  123. +<link href='//fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,400italic,700,700italic|Roboto:400,400italic,700,700italic|Lato:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  124. +<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  125. +<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  126. +<script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  127. +{block:ifsmoothscrolling}<script src="http://static.tumblr.com/wupwnyt/ZJno1tdv9/smoothscrolling.js"></script>{/block:ifsmoothscrolling}
  128. +<link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  129. +<script src="//static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  130. +<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  131. +<link rel="stylesheet" href="//static.tumblr.com/wupwnyt/JuBo05x5q/fade.css">
  132. +<script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  133. +<link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css"/>
  134. +
  135. +<style type="text/css">
  136. +
  137. +::-webkit-scrollbar {
  138. + width:7px;
  139. + height:7px;
  140. +}
  141. +
  142. +::-webkit-scrollbar-track {
  143. + background:transparent;
  144. +}
  145. +
  146. +::-webkit-scrollbar-corner {
  147. + background:transparent;
  148. +}
  149. +
  150. +::-webkit-scrollbar-thumb {
  151. + background:{color:accent};
  152. + background-clip:padding-box;
  153. + border:2px solid rgba(0, 0, 0, 0);
  154. +}
  155. +
  156. +body {
  157. + background-color:{color:body background};
  158. + color:{color:text};
  159. + font:9.5px '{select:body font}', calibri, helvetica neue;
  160. + margin:0;
  161. + text-align:justify;
  162. + word-wrap:break-word;
  163. + overflow-y:hidden;
  164. +}
  165. +
  166. +.title__h1, .title__h2 {
  167. + font-family:'{select:body font}', calibri, helvetica neue!important;
  168. +}
  169. +
  170. +a {
  171. + color:{color:link};
  172. + text-decoration:none;
  173. + -moz-transition-duration:0.7s;
  174. + -o-transition-duration:0.7s;
  175. + -webkit-transition-duration:0.7s;
  176. + transition-duration:0.7s;
  177. +}
  178. +
  179. +a:hover {
  180. + cursor:help;
  181. + color:{color:link hover};
  182. + -moz-transition-duration:0.5s;
  183. + -o-transition-duration:0.5s;
  184. + -webkit-transition-duration:0.5s;
  185. + transition-duration:0.5s;
  186. +}
  187. +
  188. +b, strong {font-weight:700;}
  189. +p {display:block;margin:1em 0;}
  190. +p:first-child {display:block;margin:0 0 1em 0;}
  191. +p:last-child {display:block;margin:1em 0 0 0;}
  192. +p:only-child {display:block;margin:0;}
  193. +small, pre, sub, sup {font-size:9.5px;}
  194. +
  195. +.side {
  196. + width:{text:sidebar width}px;
  197. + height:67vh;
  198. + position:fixed;
  199. + display:flex;
  200. + justify-content:center;
  201. + align-items:center;
  202. + align-content:center;
  203. + flex-wrap:nowrap;
  204. + flex-direction:column;
  205. + z-index:-2;
  206. + background-image:url('{image:sidebar background}');
  207. + background-size:{select:sidebar background type};
  208. + background-position:right;
  209. + background-color:{color:sidebar bg};
  210. + overflow:hidden;
  211. + border-right:1px solid {color:borders};
  212. +}
  213. +
  214. +.side:before, .side:after {
  215. + content:'';
  216. + position:absolute;
  217. + top:0;
  218. + bottom:0;
  219. + left:0;
  220. + right:0;
  221. + z-index:-1;
  222. + background-image:url('{image:sidebar background}');
  223. + background-size:{select:sidebar background type};
  224. + background-position:center;
  225. + background-color:{color:sidebar bg};
  226. + overflow:hidden;
  227. + -moz-transition-duration:0.7s;
  228. + -o-transition-duration:0.7s;
  229. + -webkit-transition-duration:0.7s;
  230. + transition-duration:0.7s;
  231. +}
  232. +
  233. +.side:hover .pic, .side:hover .desc, .side:hover .links {
  234. + opacity:1;
  235. + -moz-transition-duration:0.5s;
  236. + -o-transition-duration:0.5s;
  237. + -webkit-transition-duration:0.5s;
  238. + transition-duration:0.5s;
  239. +}
  240. +
  241. +{block:ifhoverdesc}.side:hover:before, .side:hover:after {
  242. + -moz-transition-duration:0.5s;
  243. + -o-transition-duration:0.5s;
  244. + -webkit-transition-duration:0.5s;
  245. + transition-duration:0.5s -webkit-filter linear;
  246. + filter:{select:sidebar fade};
  247. + -webkit-filter:{select:sidebar fade};
  248. + -moz-filter:{select:sidebar fade};
  249. + -ms-filter:{select:sidebar fade};
  250. + -o-filter:{select:sidebar fade};
  251. +}{/block:ifhoverdesc}
  252. +
  253. +.pic {
  254. + background-image:url('{image:sidebar icon}');
  255. + background-color:{color:sidebar bg};
  256. + background-size:cover;
  257. + background-position:center;
  258. + background-color:{color:sidebar desc bg};
  259. + width:50px;
  260. + height:50px;
  261. + border-radius:100%;
  262. + border:3px solid {color:sidebar desc bg};
  263. + margin-bottom:10px;
  264. + -moz-transition-duration:0.7s;
  265. + -o-transition-duration:0.7s;
  266. + -webkit-transition-duration:0.7s;
  267. + transition-duration:0.7s;
  268. + {block:ifnotsidebaricon}display:none;{/block:ifnotsidebaricon}
  269. + {block:ifhoverdesc}opacity:0;{/block:ifhoverdesc}
  270. +}
  271. +
  272. +.desc {
  273. + display:block;
  274. + background-color:{color:sidebar desc bg};
  275. + color:{color:sidebar text};
  276. + padding:15px 15px 12px 15px;
  277. + width:150px;
  278. + max-height:100px;
  279. + -webkit-box-sizing:border-box;
  280. + -moz-box-sizing:border-box;
  281. + box-sizing:border-box;
  282. + overflow-x:hidden;
  283. + text-align:center;
  284. + -moz-transition-duration:0.7s;
  285. + -o-transition-duration:0.7s;
  286. + -webkit-transition-duration:0.7s;
  287. + transition-duration:0.7s;
  288. + {block:ifhoverdesc}opacity:0;{/block:ifhoverdesc}
  289. +}
  290. +
  291. +.content {
  292. + margin:calc(50vh - 33.5vh) auto 0 auto;
  293. + padding-right:40px;
  294. + background-image:url('{image:content background}');
  295. + background-size:{select:content background type};
  296. + background-position:center;
  297. + background-color:{color:content background};
  298. + left:0;
  299. + right:0;
  300. + width:calc({text:sidebar width}px + 40px + 32px + {block:IndexPage}{select:post size}px{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}px{/block:PermalinkPage});
  301. + height:67vh;
  302. + position:absolute;
  303. + overflow-y:scroll;
  304. + overflow-x:hidden;
  305. +}
  306. +
  307. +.side .links {
  308. + text-align:center;
  309. + width:150px;
  310. + font-size:8.5px;
  311. + -webkit-box-sizing:border-box;
  312. + -moz-box-sizing:border-box;
  313. + box-sizing:border-box;
  314. + -moz-transition-duration:0.7s;
  315. + -o-transition-duration:0.7s;
  316. + -webkit-transition-duration:0.7s;
  317. + transition-duration:0.7s;
  318. + -webkit-column-count:2;
  319. + -moz-column-count:2;
  320. + column-count:2;
  321. + -webkit-column-gap:5px;
  322. + -moz-column-gap:5px;
  323. + column-gap:5px;
  324. + margin-top:5px;
  325. + {block:ifhoverdesc}opacity:0;{/block:ifhoverdesc}
  326. +}
  327. +
  328. +.side .links a {
  329. + display:block;
  330. + text-transform:lowercase;
  331. + word-wrap:nowrap;
  332. + color:{color:sidebar links color};
  333. + padding:7px;
  334. + background-color:{color:sidebar desc bg};
  335. +}
  336. +
  337. +.side .links a:hover {
  338. + color:{color:sidebar links hover};
  339. +}
  340. +
  341. +.side .links ul {
  342. + list-style-type:none;
  343. + margin:0;
  344. + padding:0;
  345. +}
  346. +
  347. +.side .links li {
  348. + display:block;
  349. + margin:5px 0;
  350. +}
  351. +
  352. +.side .links li:first-child {
  353. + margin:0;
  354. +}
  355. +
  356. +.side .links h1 {
  357. + margin:0 0 -10px 0;
  358. + padding:0;
  359. + text-transform:uppercase;
  360. +}
  361. +
  362. +.content .entry {
  363. + width:{block:IndexPage}{select:post size}px{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}px{/block:PermalinkPage};
  364. + margin:40px 0 40px calc({text:sidebar width}px + 40px);
  365. + background-color:{color:post bg};
  366. + display:block!important;
  367. + {block:ifcolorborders}border-top:3px solid {color:accent};{/block:ifcolorborders}
  368. + padding:16px;
  369. + {block:ifroundedborders}border-radius:0 0 5px 5px;{/block:ifroundedborders}
  370. +}
  371. +
  372. +.content .entry ul {
  373. + list-style:square;
  374. + margin:0;
  375. + padding-left:15px;
  376. + color:{color:borders};
  377. +}
  378. +
  379. +.content .entry li {
  380. + padding-left:2px;
  381. + text-indent:0em;
  382. + color:{color:text};
  383. +}
  384. +
  385. +h1, h2, h3 {
  386. + letter-spacing:-1px;
  387. + color:{color:post titles};
  388. + font-weight:700;
  389. + font-family:'{select:title font}';
  390. + text-align:center;
  391. +}
  392. +
  393. +h1 {
  394. + font-size:12px;
  395. + line-height:14px;
  396. +}
  397. +
  398. +h2 {
  399. + font-size:13px;
  400. + line-height:15px;
  401. + text-align:justify;
  402. +}
  403. +
  404. +h3 {
  405. + font-size:16px;
  406. + line-height:18px;
  407. + text-transform:uppercase;
  408. +}
  409. +
  410. +hr {
  411. + max-width:20%;
  412. + margin:1em auto;
  413. + border:1px solid {color:borders};
  414. + border-bottom:0px solid {color:borders};
  415. + padding:0;
  416. +}
  417. +
  418. +h2 small, h3 small {font-size:80%;font-style:italic;}
  419. +
  420. +blockquote {
  421. + border-left:2px solid {color:blockquotes};
  422. + padding-left:10px;
  423. + margin:2px 3px 0 3px;
  424. +}
  425. +
  426. +a.tumblr_blog {
  427. + margin-bottom:-6px!important;
  428. + vertical-align:top;
  429. + text-transform:uppercase;
  430. + position:relative;
  431. + display:inline-block;
  432. +}
  433. +
  434. +{block:ifoldphotosetson500pxposts}#a500 .photo-slideshow {display:none!important;}
  435. +#a540 .photoset, #a450 .photoset, #a400 .photoset {display:none!important;}{/block:ifoldphotosetson500pxposts}
  436. +
  437. +.txt {
  438. + margin:0;
  439. + word-wrap:break-word;
  440. + width:100%;
  441. + -webkit-box-sizing:border-box;
  442. + -moz-box-sizing:border-box;
  443. + box-sizing:border-box;
  444. +}
  445. +
  446. +.audio {
  447. + width:100%;
  448. + display:inline-block;
  449. +}
  450. +
  451. +.button {
  452. + float:left;
  453. + height:60px;
  454. + width:60px;
  455. + position:relative;
  456. + z-index:1;
  457. + background-color:{color:audio bg};
  458. +}
  459. +
  460. +.cap {
  461. + padding:16px 0 0 0;
  462. + width:100%;
  463. + -webkit-box-sizing:border-box;
  464. + -moz-box-sizing:border-box;
  465. + box-sizing:border-box;
  466. + {block:ifnotshowcaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifnotshowcaptions}
  467. +}
  468. +
  469. +
  470. +.music, .question {
  471. + -webkit-box-sizing:border-box;
  472. + -moz-box-sizing:border-box;
  473. + box-sizing:border-box;
  474. + position:relative;
  475. + z-index:1;
  476. +}
  477. +
  478. +.music {
  479. + width:calc({block:IndexPage}{select:post size}{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}{/block:PermalinkPage}px - 60px);
  480. + display:flex;
  481. + padding:10px;
  482. + justify-content:center;
  483. + flex-direction:column;
  484. + height:60px;
  485. + background-color:{color:audio bg};
  486. + color:{color:audio text};
  487. +}
  488. +
  489. +.question {
  490. + width:{block:IndexPage}{select:post size}{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}{/block:PermalinkPage}px;
  491. + background-color:{color:ask bg};
  492. + color:{color:ask text};
  493. + padding:20px;
  494. + -webkit-box-sizing:border-box;
  495. + -moz-box-sizing:border-box;
  496. + box-sizing:border-box;}
  497. +
  498. +.question, .answer {display:inline-block;}
  499. +
  500. +.pix {{block:ifgrayscaleimages}-webkit-filter:Grayscale(100%);{/block:ifgrayscaleimages}{block:iffadedimages}opacity:.7;{/block:iffadedimages}-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;}
  501. +.pix:hover {{block:ifgrayscaleimages}-webkit-filter:Grayscale(0%);{/block:ifgrayscaleimages}{block:iffadedimages}opacity:1;{/block:iffadedimages}-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;transition:all .7s ease-out;}
  502. +
  503. +.answer {padding-top:16px}
  504. +
  505. +iframe.tumblr_audio_player {
  506. + background-color:{block:ifblackaudioplayer}black{/block:ifblackaudioplayer}{block:ifnotblackaudioplayer}white{/block:ifnotblackaudioplayer};
  507. + float:left;
  508. + width:20px;
  509. + height:20px;
  510. + padding:15px;
  511. + margin-left:-55px;
  512. + margin-top:5px;
  513. + -moz-border-radius:30px;
  514. + -webkit-border-radius:30px;
  515. + border-radius:30px;
  516. + position:relative;
  517. + z-index:2;
  518. +}
  519. +
  520. +.footer {
  521. + width:{block:IndexPage}{select:post size}{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}{/block:PermalinkPage}px;
  522. + border-top:1px solid {color:borders};
  523. + background-color:{color:footer bg};
  524. + padding:16px;
  525. + font-family:{select:footer font};
  526. + margin:-40px 0 40px calc({text:sidebar width}px + 40px);
  527. + {block:ifroundedborders}border-radius:0 0 5px 5px;{/block:ifroundedborders}
  528. +}
  529. +
  530. +.date {
  531. + width:{block:IndexPage}{select:post size}{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}{/block:PermalinkPage}px;
  532. + -webkit-box-sizing:border-box;
  533. + -moz-box-sizing:border-box;
  534. + box-sizing:border-box;
  535. + color:{color:footer text};
  536. + font-weight:400;
  537. + font-size:12px;
  538. + text-transform:uppercase;
  539. +}
  540. +
  541. +.date .m, .date .n {
  542. + font-weight:900;
  543. + display:inline;
  544. +}
  545. +
  546. +.date .m {border-right:1px solid {color:borders};padding:0 4px 0 0;margin:0 4px 0 0;}
  547. +
  548. +.date .n {border-left:1px solid {color:borders};padding:0 0 0 4px;margin:0 0 0 4px;}
  549. +.date a {color:{color:footer link};}
  550. +.date a:hover {color:{color:footer link hover};}
  551. +
  552. +.tags {
  553. + font-size:9px;
  554. + {block:IndexPage}{block:ifnotshowtags}display:none;{/block:ifnotshowtags}{/block:IndexPage}
  555. + -webkit-box-sizing:border-box;
  556. + -moz-box-sizing:border-box;
  557. + box-sizing:border-box;
  558. + position:relative;
  559. +}
  560. +
  561. +.tags a {color:{color:tags};margin:0 2px;}
  562. +.tags a:hover {color:{color:tags hover};}
  563. +.tags a:first-child {margin:0 2px 0 0;}
  564. +.tags a:last-child {margin:0 0 0 2px;}
  565. +
  566. +#infscr-loading {display:none!important;}
  567. +
  568. +#s-m-t-tooltip{
  569. + max-width:300px;
  570. + margin:15px;
  571. + padding:4px 8px;
  572. + border:1px solid {color:borders};
  573. + background:{color:post bg};
  574. + color:{color:text};
  575. + z-index:999999;
  576. + font-size:8px;
  577. + text-transform:uppercase;
  578. +}
  579. +
  580. +.permalink {
  581. + width:{select:permalink post size}px;
  582. + padding:16px;
  583. + background-color:{color:post bg};
  584. + text-transform:uppercase;
  585. + font-size:9.5px;
  586. + display:block;
  587. + margin:40px 0 40px calc({text:sidebar width}px + 40px);
  588. +}
  589. +
  590. +.notes {
  591. + overflow:scroll;
  592. + overflow-x:hidden;
  593. + max-height:250px;
  594. + padding:10px;
  595. +}
  596. +
  597. +ol.notes {
  598. + padding:0px;
  599. + list-style-type:decimal;
  600. + margin:0;
  601. +}
  602. +
  603. +ol.notes li.note {
  604. + padding:.3em 0;
  605. +}
  606. +
  607. +li.note:first-child {
  608. + padding 0 0 .3em 0;
  609. +}
  610. +
  611. +li.note:last-child {
  612. + padding-bottom:.3em 0 0 0;
  613. +}
  614. +
  615. +ol.notes li.note img.avatar {
  616. + display:none;
  617. +}
  618. +
  619. +ol.notes li.note blockquote a {
  620. + text-decoration:none;
  621. +}
  622. +
  623. +.pagination {
  624. + text-align:center;
  625. + text-transform:uppercase;
  626. + font-weight:900;
  627. + word-spacing:3px;
  628. + background-color:{color:post bg};
  629. + padding:10px;
  630. + margin-bottom:40px;
  631. + left:calc({text:sidebar width}px + 40px);
  632. + right:0;
  633. + position:relative;
  634. + width:calc({select:post size}px + 32px);
  635. + -webkit-box-sizing:border-box;
  636. + -moz-box-sizing:border-box;
  637. + box-sizing:border-box;
  638. +}
  639. +
  640. +.pagination a {
  641. + color:{color:link};
  642. +}
  643. +
  644. +.pagination a:hover {
  645. + color:{color:link hover};
  646. +}
  647. +
  648. +.pagination .current_page {
  649. + color:{color:text};
  650. +}
  651. +
  652. +#vignette {visibility:hidden;}
  653. +#tumblr_lightbox {background-color:transparent!important;}
  654. +#tumblr_lightbox img {box-shadow:none!important;border-radius:0!important;}
  655. +#tumblr_lightbox a img {border:0px solid #fff!important;}
  656. +#tumblr_lightbox div:nth-child(2) {background-color:{color:body background};opacity:.9;}
  657. +
  658. +.vignette {opacity:0!important;background-image:none!important;}
  659. +.tmblr-lightbox {background-color:transparent!important;}
  660. +.tmblr-lightbox img {box-shadow:none!important;border-radius:0!important;cursor:help;}
  661. +.tmblr-lightbox a img {border:0px solid #fff!important;}
  662. +.tmblr-lightbox div:nth-child(2) {background-color:{color:body background}!important;opacity:.9!important;}
  663. +
  664. +.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {property:value;z-index:999999999!important;margin-top:3px;}
  665. +
  666. +.photoset, .entry img, .permalink {display:block;}
  667. +.photoset {margin:0 0 -1px 0;}
  668. +.photoset, .photo-slideshow {background-color:{color:post bg}!important;}
  669. +.pix img {width:100%;display:block;}
  670. +.entry img {max-width:100%; height:auto;}
  671. +.tmblr-full img {width:100%; display:inline-block; height:auto;}
  672. +.entry figure img {display:inline-block;}
  673. +.txt img {margin:8px 0 8px 0;}
  674. +
  675. +.tumblr_video_container {width:auto!important;height:auto!important;overflow:hidden!important;}
  676. +
  677. +#audio {
  678. +
  679. +position:fixed; /** so that when you scroll the page, the music player will stay fixed in position, ie: will NOT scroll along with the page, other possible values: absolute **/
  680. + left:10px; /** position in pixels from left of page, can replaced with "right" so it is xxx pixels from the bottom **/
  681. + top:10px; /** position in pixels from top of page, can replaced with "bottom" so it is xxx pixels from the bottom **/
  682. + border:1px dashed #CCC;
  683. + padding:10px;
  684. + width:14px; /** width of the icon **/
  685. + height:14px; /** height of the icon **/
  686. +background:#FFF;
  687. +
  688. +}
  689. +
  690. +#audio:hover {
  691. +
  692. +width:200px; /** width of the music player **/
  693. + border:0px;
  694. + border-left:15px solid #000;
  695. +background:none!important;
  696. +
  697. +}
  698. +
  699. +#audio img{
  700. +
  701. +
  702. +visibility:visible;
  703. +
  704. +}
  705. +
  706. +#audio:hover img {
  707. +
  708. +visibility:hidden!important;
  709. +position:absolute;
  710. +
  711. +}
  712. +
  713. +#player {
  714. +
  715. +visibility:hidden;
  716. + position:absolute;
  717. + height:0px;
  718. +width:0px;
  719. +
  720. +}
  721. +
  722. +#audio:hover #player {
  723. +
  724. +visibility:visible!important;
  725. +
  726. +}
  727. +
  728. +</style>
  729. +
  730. +</head><body>
  731. +
  732. +<div id="audio">
  733. +<img src="http://65.media.tumblr.com/tumblr_m9c43cSqfD1rto88t.gif">
  734. +<div id="player"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://www.dropbox.com/s/0gfv8f8l98qo5e7/Game%20of%20Thrones-%20Season%206%20OST%20-%20Light%20of%20the%20Seven%20%28EP%2010%20---%29.mp3?&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
  735. +</div>
  736. +
  737. +<div class="content fade-in one"><div class="side">
  738. + <a href="/"><div class="pic"></div></a>
  739. + <div class="desc">{Description}</div>
  740. +
  741. +<div class="links"><ul>
  742. + <li><a href="{text:link 1 url}">{text:link 1}</a></li>
  743. + <li><a href="{text:link 2 url}">{text:link 2}</a></li>
  744. + <li><a href="{text:link 3 url}">{text:link 3}</a></li>
  745. + <li><a href="{text:link 4 url}">{text:link 4}</a></li>
  746. + {block:iflink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:iflink5}
  747. + {block:iflink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:iflink6}
  748. + {block:iflink7}<li><a href="{text:link 7 url}">{text:link 7}</a></li>{/block:iflink7}
  749. + {block:iflink8}<li><a href="{text:link 8 url}">{text:link 8}</a></li>{/block:iflink8}
  750. +</ul>
  751. +</div>
  752. +</div>
  753. +
  754. +{block:Posts}
  755. +<div class="entry {block:IndexPage}b{select:post size}{/block:IndexPage}{block:PermalinkPage}b{select:permalink post size}{/block:PermalinkPage} fade-in two" id="{PostID}">
  756. +
  757. +{block:Text}<div class="txt">{block:Title}<h3 style="margin-top:0;">{Title}</h3>{/block:Title}{Body}</div>{/block:Text}
  758. +
  759. +{block:Link}<div class="txt"><a href="{URL}" class="link" {Target}><h3 style="margin-top:0;">{Name}</h3></a>
  760. +{block:Description}{Description}{/block:Description}</div>{/block:Link}
  761. +
  762. +{block:Photo}<center><div class="pix">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div></center>
  763. +
  764. +{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photo}
  765. +
  766. +{block:Photoset}
  767. +<div class="pix"><div id="{block:IndexPage}a{select:post size}{/block:IndexPage}{block:PermalinkPage}a{select:permalink post size}{/block:PermalinkPage}" class="pxu">
  768. +<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  769. +{block:Photos}
  770. +<div class="photo-data">
  771. +<div class="pxu-photo">
  772. +<img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  773. +</div>
  774. +<a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  775. +</div>{/block:Photos}
  776. +</div>
  777. +</div>
  778. +{block:ifoldphotosetson500pxposts}<div id="{block:IndexPage}a{select:post size}{/block:IndexPage}{block:PermalinkPage}a{select:permalink post size}{/block:PermalinkPage}">{Photoset-500}</div>{/block:ifoldphotosetson500pxposts}</div>
  779. +
  780. +{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photoset}
  781. +
  782. +{block:Quote}<div class="txt"><center><h1>"{Quote}"</h1></center><br>{block:Source}– {Source}{/block:Source}</p></div>{/block:Quote}
  783. +
  784. +{block:Chat}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  785. +
  786. +<div class="txt"><div style="padding:10px 0px 10px 0px">{block:Lines}<li style="list-style-type:none;">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}</ul></div></div>{/block:Chat}
  787. +
  788. +{block:Video}<div class="video"><center>{Video-500}</center></div>
  789. +
  790. +{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Video}
  791. +
  792. +{block:Audio}<div class="audio">
  793. +<div class="button"></div>
  794. +{block:AudioPlayer}{block:ifblackaudioplayer}{AudioPlayerBlack}{/block:ifblackaudioplayer}{block:ifnotblackaudioplayer}{AudioPlayerWhite}{/block:ifnotblackaudioplayer}{/block:AudioPlayer}
  795. +<div class="music"><center><b style="font-size:1.2em; text-transform:uppercase; line-height:1em;">{block:TrackName}{TrackName}{/block:TrackName}</b>{block:Artist} {Artist}{/block:Artist}{block:Album},
  796. +{Album}
  797. +{/block:Album}</center></div>
  798. +
  799. +{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}</div>{/block:Audio}
  800. +
  801. +{block:ContentSource}
  802. +<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  803. +width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  804. +{/block:SourceLogo}
  805. +{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  806. +{/block:ContentSource}
  807. +
  808. +<!-- {block:NoRebloggedFrom}
  809. +{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  810. +{/block:NoRebloggedFrom} -->
  811. +
  812. +{block:Answer}
  813. +<div class="question"><b style="text-transform:uppercase;">{Asker} asked:</b> {Question}</div>
  814. +<div class="answer">{Answer}</div>
  815. +{/block:Answer}</div>
  816. +
  817. +{block:Date}
  818. +<div class="footer fade-in two">
  819. +<div class="date"><a href="{Permalink}"><div class="m">{DayOfMonthWithZero}</div>{Month}</a> <a style ="float:right" href="{Permalink}">NOTES<div class="n">{NoteCount}</div></a></div>
  820. +<div class="tags">{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a> / <a href="{ReblogRootURL}">SOURCE</a> {/block:RebloggedFrom}{/block:PermalinkPage}{block:HasTags}{block:Tags}<a href="{TagURL}"><i class="fa fa-tags"></i> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
  821. +</div>
  822. +<style type="text/css">.content .entry {border-radius:0;}</style>
  823. +{/block:Date}
  824. +
  825. +{/block:Posts}{block:PostNotes}<div class="permalink fade-in two">{PostNotes}</div>{/block:PostNotes}
  826. +
  827. +{block:Pagination}<div class="pagination">{block:PreviousPage}<a class="previous" href="{PreviousPage}">Previous</a>{/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination} {block:NextPage}<a class="next" href="{NextPage}">Next</a>{/block:NextPage}</div>{/block:Pagination}
  828. +
  829. +</div>
  830. +
  831. +
  832. +
  833. +<!-- don't touch or alter my credit in any way, it IS against my rules! i don't care if you want it to be 'smaller' or less obtrusive, don't touch it! -->
  834. +
  835. +<div style="text-align:right; position:fixed; bottom:10px; right:10px; font-family:'Montserrat', sans-serif; font-weight:700; font-size:12px; letter-spacing:-1px; text-transform:uppercase; padding:10px; background-color:{color:post bg}; border:1px solid {color:borders};">coded by <br><a href="http://gukthemes.tumblr.com/">gukthemes</a></div>
  836. +
  837. +<!-- don't touch or alter my credit in any way, it IS against my rules! i don't care if you want it to be 'smaller' or less obtrusive, don't touch it! -->
  838. +
  839. +<!--
  840. +
  841. +RESOURCE CREDITS:
  842. +
  843. +- Font Awesome by David Gandy
  844. +- PXU Photosets by Pixel Union
  845. +
  846. +-->
  847. +
  848. +<script>
  849. +// minimal soundcloud player © shythemes.tumblr
  850. +$(document).ready(function(){
  851. +var color = '{color:accent}'; // color of play button (hex)
  852. +$('.soundcloud_audio_player').each(function(){
  853. +$(this).attr({ src:$(this).attr('src').split('&')[0#D44939 + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height:116, width:{select:post size} });
  854. +});
  855. +});
  856. +</script>
  857. +
  858. +<script language="Javascript">
  859. +$(document).ready(function() {
  860. +$('.links li').hide();
  861. +$('.links li:lt({select:sidebar links})').show();
  862. +});
  863. +</script>
  864. +
  865. +<script>
  866. +(function($){
  867. +$(document).ready(function(){
  868. +$("[title]").style_my_tooltips({
  869. +tip_follows_cursor:true,
  870. +tip_delay_time:000,
  871. +tip_fade_speed:000
  872. +});
  873. +});
  874. +})(jQuery);
  875. +</script>
  876. +
  877. +<script>
  878. +$(document).ready(function(){
  879. +$('.photo-slideshow').pxuPhotoset({
  880. +lightbox:true,
  881. +rounded:false,
  882. +gutter:'0px',
  883. +borderRadius:'0px',
  884. +photoset:'.photo-slideshow',
  885. +photoWrap:'.photo-data',
  886. +photo:'.pxu-photo'
  887. +});
  888. +});
  889. +</script>
  890. +
  891. +</body></html>
  892. +</html>
Advertisement
Add Comment
Please, Sign In to add comment