Advertisement
jessepinkman

wardellstephcurry Theme #1

Dec 22nd, 2015
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.87 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. Theme 27 - Stagiaire
  6. code by magnusthemes
  7. follow the terms of use or slaine will blast your house with his tharsis
  8.  
  9. i just wanted to use that amazing piece of official art somewhere okay don't blame me for spending 10 hours on this
  10. -->
  11.  
  12. <head>
  13. <link href='http://fonts.googleapis.com/css?family=Lato:300,700,300italic,700italic' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  15. <link rel="stylesheet" href="http://static.tumblr.com/p0knose/gqon7b0lu/hint.css">
  16.  
  17. <title>#DubNation</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  22.  
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:background" content="#f6f6f6"/>
  26. <meta name="color:text" content="#aaaaaa"/>
  27. <meta name="color:bold" content="#666666" />
  28. <meta name="color:italic" content="#9ad993" />
  29. <meta name="color:links" content="#347153"/>
  30. <meta name="color:links hover" content="#888888" />
  31.  
  32. <meta name="color:scrollbar" content="#9ad993" />
  33. <meta name="color:scrollbar background" content="#ffffff" />
  34. <meta name="color:tooltips" content="#fff" />
  35. <meta name="color:tooltips background" content="#347153" />
  36. <meta name="color:text selection" content="#fff"/>
  37. <meta name="color:text selection background" content="#9ad993"/>
  38.  
  39. <meta name="color:posts" content="#ffffff"/>
  40. <meta name="color:permalinks and asks" content="#f3f3f3" />
  41. <meta name="color:chat even" content="#347153" />
  42. <meta name="color:chat odd" content="#9ad993" />
  43. <meta name="color:borders" content="#9ad993" />
  44. <meta name="color:post title" content="#888888" />
  45. <meta name="color:post borders" content="#eeeeee" />
  46.  
  47. <meta name="color:sidebar boxes" content="#ffffff" />
  48. <meta name="color:accent 1" content="#347153"/>
  49. <meta name="color:accent 2" content="#9ad993"/>
  50. <meta name="color:header box" content="#f6f6f6"/>
  51. <meta name="color:header border" content="#e6e6e6"/>
  52. <meta name="color:header text" content="#888888" />
  53. <meta name="color:navigation bar" content="#262626"/>
  54. <meta name="color:navigation links" content="#e6e6e6"/>
  55. <meta name="color:search box" content="#333333" />
  56.  
  57. <meta name="image:background" content="http://static.tumblr.com/b082898e3637cce6bad6f87f402557b8/p0knose/HBonp7j5g/tumblr_static_1tn8lpodlw5c0oks4w4g048c8.png"/>
  58. <meta name="image:header" content=""/>
  59. <meta name="image:header icon" content=""/>
  60. <meta name="image:sidebar" content=""/>
  61.  
  62. <meta name="if:custom text selection" content="1" />
  63. <meta name="if:light theme" content="1" />
  64. <meta name="if:infinite scroll" content="0" />
  65. <meta name="if:500px posts" content="1" />
  66. <meta name="if:sticky sidebar" content="0"/>
  67. <meta name="if:show captions" content="1" />
  68. <meta name="if:show tags" content="1" />
  69. <meta name="if:fading images" content="1" />
  70. <meta name="if:monochrome images" content="0" />
  71. <meta name="if:updates box" content="1"/>
  72. <meta name="if:about box" content="1"/>
  73. <meta name="if:dropdown menu" content="1"/>
  74. <meta name="if:search bar" content="1"/>
  75. <meta name="if:scroll to top button" content="1" />
  76. <meta name="if:header info box" content="1"/>
  77. <meta name="if:music player" content="0"/>
  78. <meta name="if:scrolling header" content="1"/>
  79.  
  80. <meta name="text:font size" content="11" />
  81. <meta name="text:subtitle" content=""/>
  82. <meta name="text:music code" content=""/>
  83.  
  84. <meta name="text:link 1" content=""/>
  85. <meta name="text:link 1 url" content=""/>
  86. <meta name="text:link 2" content=""/>
  87. <meta name="text:link 2 url" content=""/>
  88. <meta name="text:link 3" content=""/>
  89. <meta name="text:link 3 url" content=""/>
  90. <meta name="text:link 4" content=""/>
  91. <meta name="text:link 4 url" content=""/>
  92. <meta name="text:link 5" content="" />
  93. <meta name="text:link 5 url" content="" />
  94. <meta name="text:link 6" content="" />
  95. <meta name="text:link 6 url" content="" />
  96. <meta name="text:link 7" content="" />
  97. <meta name="text:link 7 url" content="" />
  98. <meta name="text:link 8" content="" />
  99. <meta name="text:link 8 url" content="" />
  100. <meta name="text:link 9" content=""/>
  101. <meta name="text:link 9 url" content=""/>
  102. <meta name="text:link 10" content=""/>
  103. <meta name="text:link 10 url" content=""/>
  104. <meta name="text:link 11" content=""/>
  105. <meta name="text:link 11 url" content=""/>
  106. <meta name="text:link 12" content=""/>
  107. <meta name="text:link 12 url" content=""/>
  108.  
  109. <meta name="text:updates panel title" content="currently">
  110. <meta name="text:about panel title" content="about this blog">
  111. <meta name="text:links panel title" content="directory">
  112.  
  113. <style type="text/css">
  114.  
  115. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  116.  
  117. /* fontawesome */
  118. [class*="fontawesome-"]:before {
  119. font-family: 'FontAwesome', sans-serif;
  120. }
  121.  
  122. /* CUSTOM THINGIES */
  123.  
  124. ::-webkit-scrollbar {height:5px; width:5px;}
  125. ::-webkit-scrollbar-track-piece {
  126. background-color:{color:scrollbar background};
  127. box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.25);
  128. }
  129.  
  130. ::-webkit-scrollbar-thumb {
  131. width:5px; height:5px;
  132. border-radius:3px;
  133. background-color:{color:scrollbar};
  134. border:2px solid {color:scrollbar background};
  135. }
  136.  
  137. {block:ifcustomtextselection}
  138. ::selection {color:{color:text selection}; background:{color:text selection background};}
  139. ::-moz-selection {color:{color:text selection}; background:{color:text selection background};}
  140. ::-webkit-selection {color:{color:text selection}; background:{color:text selection background};}
  141. {/block:ifcustomtextselection}
  142.  
  143. #s-m-t-tooltip{
  144. max-width:300px;
  145. line-height:150%;
  146. z-index:999999999999999999;
  147. margin:5px 20px;
  148. padding:2px 5px;
  149. text-transform:none;
  150. background:{color:tooltips background};
  151. border-radius:0px;
  152. font-size:8px;
  153. color:{color:tooltips};
  154. font-family:'montserrat', sans-serif;
  155. }
  156.  
  157. iframe#tumblr_controls {
  158. top:10px!important;
  159. right:5px!important;
  160. position:fixed!important;
  161. opacity:0.25;
  162. transition: all 0.4s ease-in-out;
  163. -webkit-transition: all 0.4s ease-in-out;
  164. -moz-transition: all 0.4s ease-in-out;
  165. -o-transition: all 0.4s ease-in-out;
  166. }
  167.  
  168. iframe#tumblr_controls:hover {opacity: 0.6;}
  169.  
  170. {block:iflighttheme}
  171. #tumblr_lightbox {background-color:rgba(255,255,255,0.8)!important;}
  172. #tumblr_lightbox img {opacity:0;}
  173.  
  174. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  175. opacity: 1!important;
  176. box-shadow: 0 0 3px rgba(0, 0, 0, 0.25)!important;
  177. border:1px solid #ddd!important;
  178. padding:5px!important;
  179. background:rgba(255, 255, 255, 0.6)!important;
  180. border-radius:0px!important;
  181. }
  182.  
  183. #tumblr_lightbox_caption {
  184. color:{color:text}!important;
  185. font-family:'lato', helvetica, sans-serif!important;
  186. font-size:{text:font size}px!important;
  187. text-shadow:0 0 0 transparent!important;
  188. font-size:12px!important;
  189. font-weight:400!important;
  190. margin-top:20px!important;
  191. }
  192. {/block:iflighttheme}
  193.  
  194. /* BORING BASICS */
  195.  
  196. html, body {height:100%; margin:0; padding:0; width:100%;}
  197.  
  198. body{
  199. {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}
  200. word-wrap:break-word;
  201. overflow:auto;
  202. background-attachment: fixed;
  203. background-repeat: repeat;
  204. background-color: {color:background};
  205. margin:0px;
  206. color:{color:text};
  207. font-family: 'lato', helvetica neue, sans-serif;
  208. font-weight:300;
  209. letter-spacing:0.5px;
  210. font-size:{text:font size}px;
  211. line-height:120%;
  212. }
  213.  
  214. a{
  215. text-decoration:none;
  216. color:{color:links};
  217. transition:0.2s;
  218. -webkit-transition:0.2s;
  219. -moz-transition:0.2s;
  220. -o-transition:0.2s;
  221. }
  222.  
  223. a:hover {color:{color:links hover};}
  224. i, italic, em{color:{color:italic}; text-transform:italic;}
  225. b, bold, strong{color:{color:bold}; font-weight:bold; font-weight:strong;}
  226. img {border:none;}
  227. h1, h2, h3 {font-family:'montserrat', sans-serif;}
  228. blockquote img {max-width:100%!important;}
  229. #sidebar a, .posts a {border-bottom:1px solid {color:post borders};}
  230. #sidebar a:hover, .posts a:hover {border-color:{color:links};}
  231.  
  232. blockquote {
  233. margin:10px;
  234. margin-right:0px;
  235. display:block;
  236. border-left:1px solid {color:borders};
  237. padding-left:10px;
  238. }
  239.  
  240. pre, code {
  241. background:{color:permalinks and asks};
  242. padding:10px;
  243. display:block;
  244. }
  245.  
  246. /* CONTAINER */
  247.  
  248. #all {
  249. margin:50px auto 0 auto;
  250. left:0; right:0;
  251. {block:IndexPage}top:100%;{/block:IndexPage}
  252. {block:PermalinkPage}top:0px;{/block:PermalinkPage}
  253. position:absolute;
  254. padding:0px;
  255. {block:if500pxposts}width:860px;{/block:if500pxposts}
  256. {block:ifnot500pxposts}width:760px;{/block:ifnot500pxposts}
  257. }
  258.  
  259. /* POSTS */
  260.  
  261. #postmargin {
  262. line-height:150%;
  263. {block:if500pxposts}width:540px;{/block:if500pxposts}
  264. {block:ifnot500pxposts}width:440px;{/block:ifnot500pxposts}
  265. margin-left:300px;
  266. }
  267.  
  268. .posts {
  269. background:{color:Posts};
  270. margin:30px 10px;
  271. position:relative;
  272. padding:0px;
  273. {block:if500pxposts}width:540px;{/block:if500pxposts}
  274. {block:ifnot500pxposts}width:440px;{/block:ifnot500pxposts}
  275. border:1px solid {color:post borders};
  276. }
  277.  
  278. .posts img, .posts iframe {
  279. max-width:100%;
  280. transition:0.6s;
  281. -webkit-transition:0.6s;
  282. -moz-transition:0.6s;
  283. -o-transition:0.6s;
  284. {block:ifmonochromeimages}{block:indexpage}
  285. filter:grayscale(100%);
  286. -webkit-filter:grayscale(100%);
  287. -moz-filter:grayscale(100%);
  288. -o-filter:grayscale(100%);
  289. }
  290.  
  291. .posts img:hover, .posts iframe:hover {
  292. filter:grayscale(0%);
  293. -webkit-filter:grayscale(0%);
  294. -moz-filter:grayscale(0%);
  295. -o-filter:grayscale(0%);
  296. {/block:indexpage}{/block:ifmonochromeimages}
  297. }
  298.  
  299. {block:iffadingimages}{block:indexpage}
  300. .posts img, .posts iframe {opacity:0.75;}
  301. .posts img:hover, .posts iframe:hover {opacity:1;}
  302. {/block:indexpage}{/block:iffadingimages}
  303.  
  304. .container {padding:20px;}
  305.  
  306. .quote {
  307. padding-top:5px;
  308. padding-bottom:5px;
  309. text-align:left;
  310. font-size:12px;
  311. font-family:'montserrat', sans-serif;
  312. letter-spacing:0.5px;
  313. margin-bottom:15px;
  314. font-weight:bold;
  315. line-height:150%;
  316. }
  317.  
  318. .sourcez {
  319. text-align:left;
  320. margin-top:-15px;
  321. font-size:8px;
  322. line-height:150%;
  323. text-transform:none;
  324. }
  325.  
  326. .link {
  327. text-align:right;
  328. padding:10px;
  329. background:{color:permalinks and asks};
  330. font-size:15px;
  331. color:{color:post title};
  332. text-align:left;
  333. letter-spacing:0.5px;
  334. font-weight:bold;
  335. font-family:'montserrat', sans-serif;
  336. line-height:150%;
  337. }
  338.  
  339. .jrc, .linkz {
  340. transition:0.6s;
  341. -webkit-transition:0.6s;
  342. -moz-transition:0.6s;
  343. -o-transition:0.6s;
  344. }
  345.  
  346. .linkz {border-left:0px solid {color:borders};}
  347. .linkz:hover .jrc {color:{color:borders}; margin-left:20px;}
  348. .linkz:hover {border-left:20px solid {color:borders};}
  349.  
  350. #permapage {
  351. padding:10px;
  352. {block:if500pxposts}width:520px;{/block:if500pxposts}
  353. {block:ifnot500pxposts}width:420px;{/block:ifnot500pxposts}
  354. margin:-20px 10px 20px 10px;
  355. background:{color:posts};
  356. text-transform:none;
  357. font-size:9px;
  358. letter-spacing:0.5px;
  359. line-height:150%;
  360. text-align:left;
  361. border:1px solid {color:post borders};
  362. }
  363.  
  364. #permatags {
  365. margin:-15px 10px 20px 10px;
  366. background:{color:posts};
  367. padding:10px;
  368. {block:if500pxposts}width:520px;{/block:if500pxposts}
  369. {block:ifnot500pxposts}width:420px;{/block:ifnot500pxposts}
  370. border:1px solid {color:post borders};
  371. text-align:left;
  372. font-size:9px;
  373. letter-spacing:0.5px;
  374. line-height:150%;
  375. }
  376.  
  377. .tagz {
  378. font-size:8px;
  379. font-family:'montserrat', sans-serif;
  380. text-transform:none;
  381. font-weight:bold;
  382. }
  383.  
  384. .tagz a {color:{color:accent 1}; border-bottom:0px solid transparent;}
  385. .tagz a:hover {color:{color:accent 2};}
  386.  
  387. .shinomiya {
  388. width:120px;
  389. height:3px;
  390. background-color:{color:Accent 2};
  391. display:block;
  392. margin-top:15px;
  393. margin-bottom:5px;
  394. }
  395.  
  396. .permalinkz {
  397. {block:if500pxposts}margin-left:530px;{/block:if500pxposts}
  398. {block:ifnot500pxposts}margin-left:430px;{/block:ifnot500pxposts}
  399. position:absolute;
  400. width:35px;
  401. }
  402.  
  403. .permalinkz img {
  404. display:block;
  405. margin-bottom:5px;
  406. width:19px;
  407. height:19px;
  408. }
  409.  
  410. .permalinkz a {
  411. background:{color:posts};
  412. display:block;
  413. padding:2px;
  414. font-size:12px;
  415. line-height:19px;
  416. text-align:left;
  417. width:19px;
  418. margin-bottom:5px;
  419. height:19px;
  420. border:1px solid {color:post borders};
  421. color:{color:accent 1};
  422. }
  423.  
  424. .permalinkz a:hover {background:{color:accent 2}; color:{color:posts};}
  425.  
  426. .askerp, .askerp:hover {
  427. width:60px;
  428. height:60px;
  429. opacity:1;
  430. display:inline-block;
  431. border:5px solid {color:permalinks and asks};
  432. position:absolute;
  433. }
  434.  
  435. .question:before {
  436. content:"";
  437. width: 0px;
  438. height: 0px;
  439. border-style: solid;
  440. border-width: 10px 10px 10px 0;
  441. border-color: transparent {color:permalinks and asks} transparent transparent;
  442. display:inline-block;
  443. position:absolute;
  444. margin-left:-25px;
  445. margin-top:12.5px;
  446. }
  447.  
  448. .question {
  449. padding:10px 15px;
  450. display:inline-block;
  451. min-height:50px;
  452. {block:if500pxposts}width:385px;{/block:if500pxposts}
  453. {block:ifnot500pxposts}width:285px;{/block:ifnot500pxposts}
  454. background:{color:permalinks and asks};
  455. margin-left:85px;
  456. }
  457.  
  458. .musicinfo {
  459. margin-left:110px;
  460. line-height:150%;
  461. height:95px;
  462. font-size:10px;
  463. letter-spacing:0.5px;
  464. font-weight:normal;
  465. text-transform:none;
  466. padding:7.5px 20px;
  467. overflow:hidden;
  468. text-align:left;
  469. position:relative;
  470. z-index:0;
  471. line-height:150%;
  472. background:{color:permalinks and asks};
  473. {block:if500pxposts}width:350px;{/block:if500pxposts}
  474. {block:ifnot500pxposts}width:250px;{/block:ifnot500pxposts}
  475. }
  476.  
  477. .musicinfo table, .musicinfo table td {
  478. vertical-align:middle;
  479. {block:if500pxposts}width:350px;{/block:if500pxposts}
  480. {block:ifnot500pxposts}width:250px;{/block:ifnot500pxposts}
  481. }
  482.  
  483. .musicinfo table {height:95px; padding:0px 10px;}
  484.  
  485. .musicinfo b {
  486. font-family:'montserrat', sans-serif;
  487. font-size:12px;
  488. line-height:150%;
  489. letter-spacing:0px;
  490. }
  491.  
  492. .albumart {
  493. position:absolute;
  494. width:120px;
  495. height:100px;
  496. padding:0px;
  497. }
  498.  
  499. .artinside {
  500. background:url(http://static.tumblr.com/p0knose/7A1nhv7rk/default-cover.png);
  501. background-size:100px 100px;
  502. background-repeat:no-repeat;
  503. width:100px; height:100px;
  504. border:5px solid {color:permalinks and asks};
  505. }
  506.  
  507. .artover {
  508. background:url(http://static.tumblr.com/p0knose/DVWng1n7g/album-overlay.png);
  509. background-size:auto 104px;
  510. background-repeat:no-repeat;
  511. width:120px; height:104px;
  512. z-index:1;
  513. position:absolute;
  514. margin:4px;
  515. }
  516.  
  517. .albumart img, .ask img {opacity:1;}
  518.  
  519. .tplayer {
  520. width:20px;
  521. height:30px;
  522. overflow:hidden;
  523. position:relative;
  524. z-index:3;
  525. margin:5px 10px;
  526. transition:0.4s;
  527. -webkit-transition:0.4s;
  528. -moz-transition:0.4s;
  529. -o-transition:0.4s;
  530. -ms-transition:0.4s;
  531. }
  532.  
  533. .playercontainer {
  534. {block:ifnotlighttheme}background:#000;{/block:ifnotlighttheme}
  535. {block:iflighttheme}background:#fff;{/block:iflighttheme}
  536. border:1px solid {color:post borders};
  537. position: absolute;
  538. opacity:0.6;
  539. z-index:3;
  540. margin:30px;
  541. padding:4px;
  542. transition:0.4s;
  543. -webkit-transition:0.4s;
  544. -moz-transition:0.4s;
  545. -o-transition:0.4s;
  546. }
  547.  
  548. .posts:hover .playercontainer {opacity:0.95;}
  549.  
  550. .label {
  551. margin-top:5px;
  552. padding:5px 10px;
  553. border-bottom:1px solid {color:permalinks and asks};
  554. line-height:200%;
  555. }
  556.  
  557. .label span {line-height:200%; padding:3px 5px; font-weight:bold;}
  558.  
  559. .label:nth-of-type(odd) span {color:{color:chat even};}
  560. .label:nth-of-type(even) span {color:{color:chat odd};}
  561.  
  562. /* NOTES */
  563.  
  564. ol.notes{
  565. {block:if500pxposts}width:500px;
  566. max-height:600px;{/block:if500pxposts}
  567. {block:ifnot500pxposts}width:400px;
  568. max-height:500px;{/block:ifnot500pxposts}
  569. margin:-10px 11px 30px 11px;
  570. padding:0px 10px;
  571. overflow:auto;
  572. list-style-type:none;
  573. box-shadow:0 0 1px rgba(0, 0, 0, 0.05);
  574. font-size:9px;
  575. line-height:150%;
  576. border:10px solid {color:posts};
  577. background-color:{color:posts};
  578. outline:1px solid {color:post borders};
  579. }
  580.  
  581. ol.notes li.note{
  582. padding:6px;
  583. font-size:9px;
  584. border-bottom:1px solid {color:post borders};
  585. }
  586.  
  587. ol.notes li.note img{
  588. margin:0 8px -5px 0;
  589. width:11px;
  590. height:11px;
  591. border:2px solid {color:permalinks and asks};
  592. }
  593.  
  594. ol.notes li.note img.avatar{width:10px; height:10px;}
  595. ol.notes li.note.answer_content {font-weight:400;}
  596. ol.notes li.note.blockquote {padding:5px; margin:5px 0px 0px 5px;}
  597. ol.notes li.note.blockquote a {text-decoration:none;}
  598.  
  599. ol.notes::-webkit-scrollbar {width:1px; height:1px;}
  600. ol.notes::-webkit-scrollbar-thumb {border:0;}
  601. ol.notes::-webkit-scrollbar-track-piece {background:transparent; box-shadow:0 0 0 transparent;}
  602.  
  603. #pagination {
  604. background:{color:Posts};
  605. margin:30px 10px;
  606. {block:if500pxposts}width:500px;{/block:if500pxposts}
  607. {block:ifnot500pxposts}width:400px;{/block:ifnot500pxposts}
  608. text-align:left;
  609. font-size:12px;
  610. font-family:'montserrat', sans-serif;
  611. padding:10px 20px;
  612. letter-spacing:2px;
  613. margin-bottom:0px;
  614. color:{color:text};
  615. font-weight:bold;
  616. border:1px solid {color:post borders};
  617. border-top:5px solid {color:Accent 2};
  618. }
  619.  
  620. .current_page {color:{color:text};}
  621. .jump_page {color:{color:accent 1};}
  622. .jump_page:hover {{color:Accent 2};}
  623.  
  624. #jan {
  625. position:fixed;
  626. bottom:5px;
  627. left:5px;
  628. z-index:9999999999999999;
  629. border-radius:25px;
  630. padding:1px;
  631. background:rgba(0, 0, 0, 0.15);
  632. }
  633.  
  634. #jan img, #jan a {display:block;}
  635.  
  636. .hint--right:before {border-right-color:{color:tooltips background};}
  637. .hint--right:after {margin-left:-2px; margin-bottom:-8px;}
  638. .hint:after, [data-hint]:after {
  639. content: attr(data-hint);
  640. font-size:8px;
  641. text-transform:none;
  642. padding:2px 5px;
  643. line-height:150%;
  644. background:{color:tooltips background};
  645. color:{color:tooltips};
  646. font-family:'montserrat', sans-serif;
  647. }
  648.  
  649. #sidebar {
  650. width:270px;
  651. {block:ifnotstickysidebar}
  652. position:absolute;
  653. top:30px;
  654. {/block:ifnotstickysidebar}
  655. {block:ifstickysidebar}
  656. {block:PermalinkPage}
  657. position:fixed;
  658. top:80px;
  659. {/block:PermalinkPage}
  660. {/block:ifstickysidebar}
  661. }
  662.  
  663. {block:IndexPage}
  664. .abz {position:absolute; top:30px;}
  665. .sticky {position:fixed; top:80px;}
  666. {/block:IndexPage}
  667.  
  668. .box {
  669. width:250px;
  670. padding:9px;
  671. margin-bottom:25px;
  672. height:auto;
  673. background:{color:sidebar boxes};
  674. border:1px solid {color:post borders};
  675. }
  676.  
  677. #title, .boxhead {
  678. font-family:'montserrat', sans-serif;
  679. font-size:12px;
  680. text-transform:none;
  681. font-weight:bold;
  682. text-align:left;
  683. padding:5px;
  684. border-bottom:1px solid {color:post borders};
  685. }
  686.  
  687. #desc {
  688. padding:5px;
  689. text-align:justify;
  690. font-size:10px;
  691. letter-spacing:0px;
  692. }
  693.  
  694. #currently, #about, #links {padding:5px;}
  695. .sideimg {width:270px; display:block;}
  696.  
  697. #currently .thead {
  698. padding-top:5px;
  699. font-weight:bold;
  700. text-align:left;
  701. text-transform:none;
  702. color:{color:accent 1};
  703. font-size:10px;
  704. width:60px;
  705. vertical-align:top;
  706. }
  707.  
  708. #currently tr {padding:5px; border-bottom:1px solid {color:post borders};}
  709. #currently {padding-top:0px;}
  710. #currently .tcontent {width:175px; padding:5px; font-size:10px;}
  711.  
  712. #bio {
  713. text-align:justify;
  714. font-size:10px;
  715. letter-spacing:0px;
  716. }
  717.  
  718. #memberz {
  719. border:1px solid {color:post borders};
  720. background:{color:sidebar boxes};
  721. color:{color:text};
  722. font-size:10px;
  723. font-family:'lato', sans-serif;
  724. margin-top:5px;
  725. width:240px;
  726. padding:5px;
  727. }
  728.  
  729. #links a {
  730. display:block;
  731. text-transform:none;
  732. margin-top:5px;
  733. line-height:15px;
  734. font-size:10px;
  735. padding:2px 10px 2px 0px;
  736. color:{color:accent 1};
  737. border-bottom:0px solid transparent;
  738. transition:0.6s ease-in-out;
  739. -webkit-transition:0.6s ease-in-out;
  740. -moz-transition:0.6s ease-in-out;
  741. -o-transition:0.6s ease-in-out;
  742. }
  743.  
  744. #links a:before {
  745. content:"";
  746. width:0px;
  747. height:5px;
  748. margin-bottom:1px;
  749. background:{color:sidebar boxes};
  750. margin-right:0px;
  751. display:inline-block;
  752. transition:0.6s ease-in-out;
  753. -webkit-transition:0.6s ease-in-out;
  754. -moz-transition:0.6s ease-in-out;
  755. -o-transition:0.6s ease-in-out;
  756. }
  757.  
  758. #links a:hover {
  759. box-shadow:inset 250px 0px 0px {color:accent 2}, inset -250px 0px 0px {color:accent 1};
  760. color:{color:sidebar boxes};
  761. }
  762.  
  763. #links a:hover:before {width:15px; margin-right:10px;}
  764.  
  765. #headerz {
  766. position:absolute!important;
  767. display:block;
  768. width:100%;
  769. {block:IndexPage}height:100%!important;{/block:IndexPage}
  770. z-index:9999999;
  771. top:0; margin-top:0;
  772. left:0; margin-left:0;
  773. }
  774.  
  775. #headerimg {
  776. position:relative!important;
  777. display:block;
  778. width:100%;
  779. height:100%;
  780. background:url({image:header});
  781. {block:ifnotscrollingheader}background-attachment:fixed;{/block:ifnotscrollingheader}
  782. background-repeat:no-repeat;
  783. background-size:cover;
  784. background-position:center center;
  785. }
  786.  
  787. #bar {
  788. {block:PermalinkPage}position:fixed;{/block:PermalinkPage}
  789. top:0px;
  790. width:100%;
  791. z-index:1000000000;
  792. height:50px;
  793. line-height:50px;
  794. background:{color:navigation bar};
  795. {block:ifnotsearchbar}text-align:left;{/block:ifnotsearchbar}
  796. }
  797.  
  798. #searchbox {
  799. padding:0px;
  800. position:absolute;
  801. font-size:8px;
  802. color:{color:navigation links};
  803. font-family:'montserrat', sans-serif;
  804. height:30px;
  805. }
  806.  
  807. #searchbox img {width:20px; height:20px;}
  808.  
  809. #sub {
  810. width:215px;
  811. display:inline-block;
  812. margin:0px;
  813. height:20px;
  814. margin-right:-1px;
  815. padding:3px 8px;
  816. background:{color:search box};
  817. font-size:9px;
  818. font-family:'montserrat', sans-serif;
  819. color:{color:navigation links};
  820. margin-bottom:10px;
  821. border:0px solid transparent;
  822. text-transform: uppercase;
  823. letter-spacing: 0.5px;
  824. }
  825.  
  826. #sb {
  827. width: 20px;
  828. background:{color:search box};
  829. display:inline-block;
  830. margin-right:5px;
  831. margin-bottom:-10px;
  832. padding:3px 8px;
  833. height:20px;
  834. margin-top:-1px;
  835. font-size:9px;
  836. font-family:'montserrat', sans-serif;
  837. color:{color:navigation links};
  838. border:0px solid transparent;
  839. text-transform: uppercase;
  840. letter-spacing: 0.5px;
  841. }
  842.  
  843. #sb:hover {cursor:pointer;}
  844.  
  845. #navi {
  846. margin:0 auto;
  847. {block:if500pxposts}width:860px;{/block:if500pxposts}
  848. {block:ifnot500pxposts}width:760px;{/block:ifnot500pxposts}
  849. }
  850.  
  851. {block:ifsearchbar}
  852. .navigation {
  853. {block:if500pxposts}width:560px;{/block:if500pxposts}
  854. {block:ifnot500pxposts}width:460px;{/block:ifnot500pxposts}
  855. margin-left:300px;
  856. text-align:right;
  857. }
  858. {/block:ifsearchbar}
  859.  
  860. .navigation a {
  861. padding:10px 5px;
  862. color:{color:Navigation Links};
  863. font-size:9px;
  864. font-family:'montserrat', sans-serif;
  865. border-bottom:2px solid transparent;
  866. text-transform:none;
  867. }
  868.  
  869. .navigation a:hover {
  870. color:{color:Navigation Links};
  871. border-bottom:1px solid {color:Accent 2};
  872. padding:5px 5px;
  873. }
  874.  
  875. {block:IndexPage}
  876. .stick {position:fixed; z-index:1000000000;}
  877. .fixed {position:relative; z-index:1000000000;}
  878.  
  879. #headr {
  880. font-family:'montserrat', sans-serif;
  881. position:absolute;
  882. z-index:999999999;
  883. padding:20px;
  884. color:{color:header text};
  885. opacity:0.8;
  886. width:500px;
  887. height:120px;
  888. margin:auto;
  889. top:0; left:0;
  890. right:0; bottom:0;
  891. }
  892.  
  893. .avatarh, .avatarh:hover {
  894. border:6px solid {color:header box};
  895. box-shadow:-1px 1px 2px rgba(0, 0, 0, 0.35);
  896. width:128px; height:128px;
  897. display:block;
  898. position:absolute;
  899. border-radius:100%;
  900. }
  901.  
  902. .headz {
  903. width:305px;
  904. padding:25px 20px 25px 40px;
  905. height:50px;
  906. margin-top:20px;
  907. text-transform:none;
  908. display:inline-block;
  909. background:{color:header box};
  910. margin-left:115px;
  911. border-top-right-radius:100px;
  912. border-bottom-right-radius:100px;
  913. box-shadow:-1px 1px 2px rgba(0, 0, 0, 0.35);
  914. }
  915.  
  916. .titlez, .subz {color:{color:header text};}
  917. .titlez {font-size:13px; font-weight:bold;}
  918. .subz {font-size:9px; font-weight:normal; margin:5px 0px;}
  919. #menu {font-size:10px; padding-top:8px; border-top:1px solid {color:header border}; width:280px;}
  920.  
  921. #menu a {
  922. color:{color:Accent 1};
  923. margin-left:2px;
  924. margin-right:5px;
  925. margin-top:2px;
  926. letter-spacing:0px;
  927. border-bottom:1px solid transparent;
  928. padding-bottom:6px;
  929. }
  930.  
  931. #menu a:hover {
  932. padding-bottom:2px;
  933. border-bottom:1px solid {color:Accent 2};
  934. color:{color:header text};
  935. }
  936.  
  937. .music {height:20px; overflow:hidden; width:200px;}
  938.  
  939. #fuckjquery, #scrollToTop {
  940. position:absolute;
  941. left:50%;
  942. width:60px;
  943. display:block;
  944. margin-left:-30px;
  945. height:30px;
  946. background:{color:navigation bar};
  947. color:{color:Accent 1};
  948. text-align:left;
  949. z-index:9999999999;
  950. font-size:12px;
  951. cursor:pointer;
  952. }
  953.  
  954. #fuckjquery:hover {opacity:0.8;}
  955. #scrollToTop:hover {opacity:0.6;}
  956.  
  957. #fuckjquery {
  958. margin-top:-30px;
  959. border-top-left-radius:60px;
  960. border-top-right-radius:60px;
  961. opacity:0.6;
  962. line-height:40px;
  963. }
  964.  
  965. #scrollToTop {
  966. margin-top:50px;
  967. border-bottom-left-radius:60px;
  968. border-bottom-right-radius:60px;
  969. opacity:0.35;
  970. line-height:20px;
  971. }
  972. {/block:IndexPage}
  973.  
  974. {CustomCSS}
  975. </style>
  976.  
  977. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  978.  
  979. {block:IndexPage}
  980. <script type="text/javascript">
  981. $(window).scroll(function() {
  982. var scroll = $(window).scrollTop();
  983. if (scroll >= $(window).height()) {
  984. $("#bar").addClass("stick");
  985. $("#bar").removeClass("fixed");
  986. {block:ifstickysidebar}
  987. $("#sidebar").addClass("sticky");
  988. $("#sidebar").removeClass("abz");
  989. {/block:ifstickysidebar}
  990. } else {
  991. $("#bar").removeClass("stick");
  992. $("#bar").addClass("fixed");
  993. {block:ifstickysidebar}
  994. $("#sidebar").removeClass("sticky");
  995. $("#sidebar").addClass("abz");
  996. {/block:ifstickysidebar}
  997. }
  998. });
  999. </script>
  1000.  
  1001. <script type="text/javascript">
  1002. $(document).ready(function (){
  1003. $("#fuckjquery").click(function (){
  1004. $('html, body').animate({
  1005. scrollTop: $("#all").offset().top-50
  1006. }, 1000);
  1007. });
  1008. });
  1009. </script>
  1010.  
  1011. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1012. {/block:IndexPage}
  1013.  
  1014. {block:ifinfinitescroll}
  1015. <!-- INFINITE SCROLL SCRIPT -->
  1016. <script src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1017. {/block:ifinfinitescroll}
  1018.  
  1019. <!-- STYLE-MY-TOOLTIPS SCRIPTS -->
  1020. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1021. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1022.  
  1023. <script>
  1024. (function($){
  1025. $(document).ready(function(){
  1026. $("a[title]").style_my_tooltips({
  1027. tip_follows_cursor:true,
  1028. tip_delay_time:100,
  1029. tip_fade_speed:250,
  1030. attribute:"title"
  1031. });
  1032. });
  1033. })(jQuery);
  1034. </script>
  1035.  
  1036. </head>
  1037. <body>
  1038.  
  1039. <div id="jan"><a href="http://magnusthemes.tumblr.com" class="hint--right" data-hint="theme by magnusthemes"><img src="http://static.tumblr.com/p0knose/pyanklckv/vers.png" width="25"/></a></div>
  1040.  
  1041. <div id="headerz">
  1042. {block:IndexPage}
  1043. {block:ifheaderinfobox}<div id="headr">
  1044. {block:ifheadericonimage}<img src="{image:header icon}" class="avatarh">{/block:ifheadericonimage}
  1045. {block:ifnotheadericonimage}<img src="{PortraitURL-128}" class="avatarh">{/block:ifnotheadericonimage}
  1046. <div class="headz">
  1047. <div class="titlez">WARDELL STEPHEN CURRY</div>
  1048. <div class="subz">{text:subtitle}</div>
  1049. <div id="menu">
  1050. {block:ifnotmusicplayer}
  1051. <a href="/">index</a>
  1052. <a href="/ask">message</a>
  1053. <a href="/archive">archives</a>
  1054. <a href="http://magnusthemes.tumblr.com">theme</a>
  1055. {/block:ifnotmusicplayer}
  1056. {block:ifmusicplayer}
  1057. <div class="music">{text:music code}</div>
  1058. {/block:ifmusicplayer}
  1059. </div><!--menu-->
  1060. </div><!--headz-->
  1061. </div><!--headr-->{/block:ifheaderinfobox}
  1062. <div id="headerimg"></div>
  1063. <a id="fuckjquery"><span class="fontawesome-chevron-up"></span></a>
  1064. {/block:IndexPage}
  1065.  
  1066. <div id="bar">
  1067. {block:ifscrolltotopbutton}{block:IndexPage}<a href="javascript:;" id="scrollToTop"><span class="fontawesome-chevron-down"></span></a>{/block:IndexPage}{/block:ifscrolltotopbutton}
  1068.  
  1069. {block:ifsearchbar}
  1070. <div id="navi">
  1071. <div id="searchbox">
  1072. <form action="/search" method="get" class="sb">
  1073. <input type="text" name="q" value="" placeholder="search..." id="sub"/>
  1074. <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/>
  1075. </form>
  1076. </div><!--searchbox-->
  1077. {/block:ifsearchbar}
  1078.  
  1079. <div class="navigation">
  1080. <a href="/">HOME</a>
  1081. <a href="/ask">ASK</a>
  1082. {block:iflink1}<a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1}
  1083. {block:iflink2}<a href="{text:link 2 URL}">{text:link 2}</a>{/block:iflink2}
  1084. {block:iflink3}<a href="{text:link 3 URL}">{text:link 3}</a>{/block:iflink3}
  1085. {block:iflink4}<a href="{text:link 4 URL}">{text:link 4}</a>{/block:iflink4}
  1086. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5170877";
  1087. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1088. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1089. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1090. </script>
  1091. </div><!--navigation-->
  1092. {block:ifsearchbar}</div><!--navi-->{/block:ifsearchbar}
  1093. </div><!--bar-->
  1094. </div><!--headerz-->
  1095.  
  1096. <div id="all">
  1097.  
  1098. <div id="sidebar">
  1099. {block:ifsidebarimage}<img class="sideimg" src="{image:sidebar}">{/block:ifsidebarimage}
  1100. <div class="box">
  1101. <div id="title">ABOUT STEPH CURRY</div>
  1102. <div id="desc">{Description}</div>
  1103. </div><!--box-->
  1104.  
  1105. {block:ifupdatesbox}
  1106. <div class="box">
  1107. <div class="boxhead">STATISTICS
  1108.  
  1109. </div><!-- title of the panel - change via customize window -->
  1110. <div id="currently">
  1111. <table>
  1112. <tr><td class="thead"><!-- your first updates title goes here! --></td>
  1113. <td class="tcontent">NBA Most Valuable Player: 2015<br>
  1114.  
  1115. 2× NBA All-Star: 2014, 2015<br>
  1116.  
  1117. All-NBA First Team: 2015<br>
  1118.  
  1119. All-NBA Second Team: 2014<br>
  1120.  
  1121. 3× NBA three-point field goals
  1122. leader: 2013, 2014, 2015<br>
  1123.  
  1124. 2× NBA free-throw percentage leader: 2011, 2015<br>
  1125.  
  1126. NBA Skills Challenge champion: 2011<br>
  1127.  
  1128. April 2013 NBA Western Conference Player of the Month<br>
  1129.  
  1130. April 2014 NBA Western Conference Player of the Month<br>
  1131.  
  1132. November 2014 NBA Western Conference Player of the Month<br>
  1133.  
  1134. NBA regular season record for made three-pointers<br>
  1135.  
  1136. Warriors franchise leader in three-point field goals made<br>
  1137.  
  1138. Warriors franchise record for most three-pointers made in a game<br></td></tr>
  1139. <!-- want to add more rows? copy and paste the following code above this line! -->
  1140. <!-- copy paste:
  1141. <tr><td class="thead">update title</td>
  1142. <td class="tcontent">update content goes here</td></tr>
  1143. -->
  1144. </table>
  1145. </div>
  1146. </div>
  1147. {/block:ifupdatesbox}
  1148.  
  1149. {block:ifaboutbox}
  1150. <div class="box">
  1151. <div class="boxhead">{text:about panel title}</div><!-- title of the panel - change via customize window -->
  1152. <div id="about">
  1153. <div id="bio">
  1154. <!-- your about text goes here, write about your blog, yourself or whatever you want, put stats in here or whatever, just make sure you have something here if you've turned on this box
  1155. you can check out theme-hunter's cheat sheet here for instructions on how to make bold/italic/underlined text or links! http://theme-hunter.tumblr.com/post/36665898985/cheat-sheet (follow the HTML instructions) -->
  1156. </div>
  1157. {block:ifdropdownmenu}<select id="memberz" onChange="location.href=this.options[this.selectedIndex].value;">
  1158. <option value='http://pinkmanjesse.tumblr.com/'>Mark</option>
  1159. <option value='http://msftshai.tumblr.com/'>Shai</option>
  1160. <!-- want to add more dropdown links? copy and paste the following line -->
  1161. + <!-- copy and paste:
  1162. + <option value='url goes here'>link title goes here</option>
  1163. + -->
  1164. + </select>{/block:ifdropdownmenu}
  1165. </div><!--about-->
  1166. </div><!--box-->
  1167. {/block:ifaboutbox}
  1168.  
  1169. {block:iflink5}
  1170. <div class="box">
  1171. <div class="boxhead">{text:links panel title}</div>
  1172. <div id="links">
  1173. <a href="{text:link 5 URL}">{text:link 5}</a>
  1174. {block:iflink6}<a href="{text:link 6 URL}">{text:link 6}</a>{/block:iflink6}
  1175. {block:iflink7}<a href="{text:link 7 URL}">{text:link 7}</a>{/block:iflink7}
  1176. {block:iflink8}<a href="{text:link 8 URL}">{text:link 8}</a>{/block:iflink8}
  1177. {block:iflink9}<a href="{text:link 9 URL}">{text:link 9}</a>{/block:iflink9}
  1178. {block:iflink10}<a href="{text:link 10 URL}">{text:link 10}</a>{/block:iflink10}
  1179. {block:iflink11}<a href="{text:link 11 URL}">{text:link 11}</a>{/block:iflink11}
  1180. {block:iflink12}<a href="{text:link 12 URL}">{text:link 12}</a>{/block:iflink12}
  1181. </div>
  1182. </div>
  1183. {/block:iflink5}
  1184.  
  1185. <!-- to add more boxes, copy and paste this code before </div><!-- sidebar -->
  1186. <!-- copy and paste:
  1187. <div class="box">
  1188. <div class="boxhead">title of box</div>
  1189. <div id="desc">
  1190. box content goes here
  1191. </div>
  1192. </div>
  1193. -->
  1194.  
  1195. </div><!--sidebar-->
  1196.  
  1197. <!-- POSTS -->
  1198. <div id="postmargin">
  1199. <div class="autopagerize_page_element">
  1200. {block:Posts}
  1201. <div class="posts">
  1202. <div class="container">
  1203.  
  1204. {block:Text}
  1205. {block:IndexPage}
  1206. <div class="permalinkz">
  1207. {block:Date}<a href="{Permalink}" class="hint--right" data-hint="{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {24Hour}:{Minutes} | {NoteCount}notes"><span class="fontawesome-pencil"></span></a>{/block:Date}
  1208. {block:RebloggedFrom}
  1209. <a href="{ReblogRootURL}" class="hint--right" data-hint="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  1210. <a href="{ReblogParentURL}" class="hint--right" data-hint="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  1211. {/block:RebloggedFrom}
  1212. <a href="{ReblogURL}" class="hint--right" data-hint="REBLOG"><span class="fontawesome-retweet"></span></a></div>
  1213. {/block:IndexPage}
  1214. {block:Title}<div class="link">{Title}</div>{/block:Title}
  1215. <div class="text">{Body}</div>
  1216. {/block:Text}
  1217.  
  1218. {block:Photo}
  1219. {block:IndexPage}
  1220. <div class="permalinkz">
  1221. {block:Date}<a href="{Permalink}" class="hint--right" data-hint="{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {24Hour}:{Minutes} | {NoteCount}notes"><span class="fontawesome-picture"></span></a>{/block:Date}
  1222. {block:RebloggedFrom}
  1223. <a href="{ReblogRootURL}" class="hint--right" data-hint="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  1224. <a href="{ReblogParentURL}" class="hint--right" data-hint="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  1225. {/block:RebloggedFrom}
  1226. <a href="{ReblogURL}" class="hint--right" data-hint="REBLOG"><span class="fontawesome-retweet"></span></a></div>
  1227. {/block:IndexPage}
  1228. {block:if500pxposts}{LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}{/block:if500pxposts}
  1229. {block:ifnot500pxposts}{LinkOpenTag}<img src="{PhotoURL-400}" width="400">{LinkCloseTag}{/block:ifnot500pxposts}
  1230. {block:ifshowcaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  1231. {block:ifnotshowcaptions}{block:permalinkpage}
  1232. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1233. {/block:permalinkpage}{/block:ifnotshowcaptions}
  1234. {/block:Photo}
  1235.  
  1236. {block:Photoset}
  1237. {block:IndexPage}
  1238. <div class="permalinkz">
  1239. {block:Date}<a href="{Permalink}" class="hint--right" data-hint="{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {24Hour}:{Minutes} | {NoteCount} notes"><span class="fontawesome-camera-retro"></span></a>{/block:Date}
  1240. {block:RebloggedFrom}
  1241. <a href="{ReblogRootURL}" class="hint--right" data-hint="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  1242. <a href="{ReblogParentURL}" class="hint--right" data-hint="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  1243. {/block:RebloggedFrom}
  1244. <a href="{ReblogURL}" class="hint--right" data-hint="REBLOG"><span class="fontawesome-retweet"></span></a></div>
  1245. {/block:IndexPage}
  1246. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1247. {block:ifnot500pxposts}{Photoset-400}{/block:ifnot500pxposts}
  1248. {block:ifshowcaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  1249. {block:ifnotshowcaptions}{block:permalinkpage}
  1250. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1251. {/block:permalinkpage}{/block:ifnotshowcaptions}
  1252. {/block:Photoset}
  1253.  
  1254. {block:Quote}
  1255. {block:IndexPage}
  1256. <div class="permalinkz">
  1257. {block:Date}<a href="{Permalink}" class="hint--right" data-hint="{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {24Hour}:{Minutes} | {NoteCount} notes"><span class="fontawesome-quote-right"></span></a>{/block:Date}
  1258. {block:RebloggedFrom}
  1259. <a href="{ReblogRootURL}" class="hint--right" data-hint="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  1260. <a href="{ReblogParentURL}" class="hint--right" data-hint="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  1261. {/block:RebloggedFrom}
  1262. <a href="{ReblogURL}" class="hint--right" data-hint="REBLOG"><span class="fontawesome-retweet"></span></a></div>
  1263. {/block:IndexPage}
  1264. <div class="quote"><span>❝</span>{Quote}<span>❞</span></div>
  1265. <div class="text sourcez">{block:Source}{Source}{/block:Source}</div>
  1266. {/block:Quote}
  1267.  
  1268. {block:Link}
  1269. {block:IndexPage}
  1270. <div class="permalinkz">
  1271. {block:Date}<a href="{Permalink}" class="hint--right" data-hint="{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {24Hour}:{Minutes} | {NoteCount} notes"><span class="fontawesome-link"></span></a>{/block:Date}
  1272. {block:RebloggedFrom}
  1273. <a href="{ReblogRootURL}" class="hint--right" data-hint="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  1274. <a href="{ReblogParentURL}" class="hint--right" data-hint="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  1275. {/block:RebloggedFrom}
  1276. <a href="{ReblogURL}" class="hint--right" data-hint="REBLOG"><span class="fontawesome-retweet"></span></a></div>
  1277. {/block:IndexPage}
  1278. <a href="{URL}" {Target}><div class="link linkz"><div class="jrc">
  1279. {Name} &raquo;</div></div></a>
  1280. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1281. {/block:Link}
  1282.  
  1283. {block:Chat}
  1284. {block:IndexPage}
  1285. <div class="permalinkz">
  1286. {block:Date}<a href="{Permalink}" class="hint--right" data-hint="{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {24Hour}:{Minutes} | {NoteCount} notes"><span class="fontawesome-comments-alt"></span></a>{/block:Date}
  1287. {block:RebloggedFrom}
  1288. <a href="{ReblogRootURL}" class="hint--right" data-hint="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  1289. <a href="{ReblogParentURL}" class="hint--right" data-hint="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  1290. {/block:RebloggedFrom}
  1291. <a href="{ReblogURL}" class="hint--right" data-hint="REBLOG"><span class="fontawesome-retweet"></span></a></div>
  1292. {/block:IndexPage}
  1293. {block:Title}<div class="link">{Title}</div>{/block:Title}
  1294. {block:Lines}<div class="label">
  1295. {block:Label}<span>{Label}</span>{/block:Label} {Line}<br/></div>
  1296. {/block:Lines}
  1297. {/block:Chat}
  1298.  
  1299. {block:Audio}
  1300. {block:IndexPage}
  1301. <div class="permalinkz">
  1302. {block:Date}<a href="{Permalink}" class="hint--right" data-hint="{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {24Hour}:{Minutes} | {NoteCount} notes"><span class="fontawesome-headphones"></span></a>{/block:Date}
  1303. {block:RebloggedFrom}
  1304. <a href="{ReblogRootURL}" class="hint--right" data-hint="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  1305. <a href="{ReblogParentURL}" class="hint--right" data-hint="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  1306. {/block:RebloggedFrom}
  1307. <a href="{ReblogURL}" class="hint--right" data-hint="REBLOG"><span class="fontawesome-retweet"></span></a></div>
  1308. {/block:IndexPage}
  1309.  
  1310. {block:AudioPlayer}
  1311. <div class="playercontainer"><div class="tplayer">
  1312. {block:ifnotlighttheme}{AudioPlayerBlack}{/block:ifnotlighttheme}
  1313. {block:iflighttheme}{AudioPlayerWhite}{/block:iflighttheme}
  1314. </div></div>
  1315. {/block:AudioPlayer}
  1316.  
  1317. <div class="albumart">
  1318. <div class="artover"></div>
  1319. <div class="artinside">{block:AlbumArt}
  1320. <img src="{AlbumArtURL}" style="opacity:1;">
  1321. {/block:AlbumArt}</div></div>
  1322.  
  1323. <div class="musicinfo"><table style="height:95px;"><td style="vertical-align:middle; text-align:left;">
  1324. {block:TrackName}<b>{TrackName}</b><br>{/block:TrackName}
  1325. {block:Artist}<i>{Artist}</i><br>{/block:Artist}
  1326. {block:Album}Album: {Album}<br>{/block:Album}
  1327. </td></table></div>
  1328. <div class="audiocaption">
  1329. {block:ifshowcaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  1330. {block:ifnotshowcaptions}{block:permalinkpage}
  1331. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1332. {/block:permalinkpage}{/block:ifnotshowcaptions}
  1333. </div>
  1334. {/block:Audio}
  1335.  
  1336. {block:Video}
  1337. {block:IndexPage}
  1338. <div class="permalinkz">
  1339. {block:Date}<a href="{Permalink}" class="hint--right" data-hint="{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {24Hour}:{Minutes} | {NoteCount} notes"><span class="fontawesome-film"></span></a>{/block:Date}
  1340. {block:RebloggedFrom}
  1341. <a href="{ReblogRootURL}" class="hint--right" data-hint="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  1342. <a href="{ReblogParentURL}" class="hint--right" data-hint="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  1343. {/block:RebloggedFrom}
  1344. <a href="{ReblogURL}" class="hint--right" data-hint="REBLOG"><span class="fontawesome-retweet"></span></a></div>
  1345. {/block:IndexPage}
  1346. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1347. {block:ifnot500pxposts}{Video-400}{/block:ifnot500pxposts}
  1348. {block:ifshowcaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  1349. {block:ifnotshowcaptions}{block:permalinkpage}
  1350. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1351. {/block:permalinkpage}{/block:ifnotshowcaptions}
  1352. {/block:Video}
  1353.  
  1354. {block:Answer}
  1355. {block:IndexPage}<div class="permalinkz">
  1356. {block:Date}<a href="{Permalink}" class="hint--right" data-hint="{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} {24Hour}:{Minutes} | {NoteCount} notes"><span class="fontawesome-question-sign"></span></a>{/block:Date}
  1357. {block:RebloggedFrom}
  1358. <a href="{ReblogRootURL}" class="hint--right" data-hint="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  1359. <a href="{ReblogParentURL}" class="hint--right" data-hint="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  1360. {/block:RebloggedFrom}
  1361. <a href="{ReblogURL}" class="hint--right" data-hint="REBLOG"><span class="fontawesome-retweet"></span></a></div>
  1362. {/block:IndexPage}
  1363. <img class="askerp" style="opacity:1;" src="{AskerPortraitURL-64}"/>
  1364. <div class="question"><b>{Asker} inquired:</b><br>{Question}</div>
  1365. <div class="text" style="margin:5px 0;">{Answer}</div>
  1366. {/block:Answer}
  1367.  
  1368. {block:IndexPage}{block:ifshowtags}{block:HasTags}
  1369. <div class="shinomiya"></div>
  1370. <div class="permalink"><div class="tagz">
  1371. Tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1372. </div></div>
  1373. {/block:HasTags}{/block:ifshowtags}{/block:IndexPage}
  1374.  
  1375. </div><!-- CONTAINER -->
  1376.  
  1377. </div><!-- POSTS -->
  1378.  
  1379. {block:PermalinkPage}{block:Date}
  1380. <div id="permapage">
  1381. Posted on {DayOfMonth} {ShortMonth} {Year} {12Hour}:{Minutes}{AmPm} ({TimeAgo})
  1382.  
  1383. {block:NoteCount}
  1384. with {NoteCountWithLabel}
  1385. {/block:NoteCount}
  1386.  
  1387. {block:RebloggedFrom}
  1388. <br><a href="{ReblogRootURL}">source: {ReblogRootName}</a> | <a href="{ReblogParentURL}">via: {ReblogParentName}</a>
  1389. {/block:RebloggedFrom}
  1390. </div><!--permapage-->
  1391. {/block:Date}
  1392.  
  1393. {block:HasTags}
  1394. <div id="permatags">
  1395. {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  1396. </div>
  1397. {/block:HasTags}
  1398.  
  1399. {/block:PermalinkPage}
  1400.  
  1401. {block:PostNotes}<div class="notes">
  1402. <a name="notes">{PostNotes}</a>
  1403. </div>{/block:PostNotes}
  1404.  
  1405. {/block:Posts}
  1406. </div><!--autopagerize-->
  1407.  
  1408. {block:ifnotinfinitescroll}{block:Pagination}<div id="pagination">
  1409. {block:PreviousPage}<a href="{PreviousPage}" title="previous">&laquo;</a>{/block:PreviousPage}
  1410. {block:JumpPagination length="3"}
  1411. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1412. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination} / {TotalPages}
  1413. {block:NextPage}<a href="{NextPage}" title="next">&raquo;</a>{/block:NextPage}
  1414. </div>{/block:Pagination}{/block:ifnotinfinitescroll}
  1415.  
  1416. </div><!--postmargin-->
  1417.  
  1418. </div><!-- all -->
  1419. </body>
  1420. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement