Advertisement
Guest User

Untitled

a guest
Aug 20th, 2017
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 55.41 KB | None | 0 0
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <!--
  5.  
  6. shadow redux edit by steph tukut
  7. (tukut.tumblr.com)
  8. do not remove credit or redistribute
  9.  
  10. -->
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head>
  13.  
  14.  
  15.  
  16.  
  17. <!-- DEFAULT VARIABLES -->
  18. <meta name="color:Background" content="#3b627e" />
  19. <meta name="color:navigation" content="#3b627e" />
  20. <meta name="color:Body" content="#3b627e" />
  21. <meta name="color:navtext" content="#000" />
  22. <meta name="color:link" content="#000" />
  23. <meta name="color:linkhover" content="#797979" />
  24.  
  25. <meta name="font:Title" content="Arial" />
  26. <meta name="font:Body" content="Arial" />
  27. <meta name="font:Accent" content="Lucida Sans" />
  28.  
  29. <meta name="if:Show Tags" content="1" />
  30. <meta name="if:Show Album Art on Audio Posts" content="1" />
  31. <meta name="if:Enable Jump Pagination" content="0" />
  32. <meta name="if:bgcover" content="0" />
  33. <meta name="if:rounded" content="0" />
  34. <meta name="if:dark" content="1" />
  35. <meta name="if:light" content="0" />
  36. <meta name="if:glow1" content="1" />
  37. <meta name="if:glow2" content="0" />
  38. <meta name="if:glow3" content="0" />
  39. <meta name="if:glow4" content="0" />
  40. <meta name="if:glow5" content="0" />
  41. <meta name="if:glow6" content="0" />
  42. <meta name="if:glow7" content="0" />
  43. <meta name="if:shadow" content="1" />
  44.  
  45. <meta name="if:infinitescroll" content="1"/>
  46.  
  47.  
  48.  
  49. <meta name="image:SidebarImage" content="" />
  50. <meta name="image:Background" content="" />
  51.  
  52.  
  53. <!------------------------------------------------------
  54. -->
  55. <meta name="text:ImgLeft" content="-190" />
  56. <meta name="text:ImgTop" content="5" />
  57. <meta name="text:link 1 url" content="/" />
  58. <meta name="text:link 2 url" content="/ask" />
  59. <meta name="text:link 3 url" content="/archive" />
  60. <meta name="text:link 4 url" content="" />
  61. <meta name="text:link 5 url" content="" />
  62. <meta name="text:link 1" content="home" />
  63. <meta name="text:link 2" content="ask" />
  64. <meta name="text:link 3" content="archive" />
  65. <meta name="text:link 4" content="" />
  66. <meta name="text:link 5" content="" />
  67. <meta name="text:nav title" content="navigation" />
  68. <meta name="text:sidebaropacity" content=".56" />
  69. <meta name="text:postopacity" content=".56" />
  70.  
  71. {block:ifinfinitescroll}
  72.  
  73. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  74. {/block:ifinfinitescroll}
  75.  
  76. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  77. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  78. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  79. <link rel="shortcut icon" href="{Favicon}" />
  80. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  81. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  82. <style type="text/css">
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91. body {
  92. background: {color:Background} url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;
  93. -webkit-background-size: cover;
  94. -moz-background-size: cover;
  95. -o-background-size: cover;
  96. background-size: cover; {/block:ifbgcover}
  97.  
  98.  
  99. {block:ifnotbgcover} top left fixed repeat {block:ifnotbgcover};
  100. margin: 0;
  101. padding: 0;
  102. font-family: {font:Body};
  103. }
  104.  
  105. .clear {
  106. clear: both;
  107. height: 0px;
  108. overflow: hidden;
  109. }
  110.  
  111. a img {
  112.  
  113.  
  114. }
  115.  
  116. #wrapper {
  117. width: 870px;
  118. margin: 0 auto;
  119. }
  120.  
  121. #wrapper #title {
  122. margin: 30px 260px;
  123. color: {color:body};
  124. font-size: 50px;
  125. font-weight: bold;
  126. font-family: {font:Title};
  127. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  128. letter-spacing: -1px;
  129. }
  130.  
  131. #wrapper #title a {
  132. color: {color:body};
  133. text-decoration: none;
  134. }
  135.  
  136. #wrapper #content {
  137. width: 520px;
  138. float: right;
  139. }
  140.  
  141. #wrapper #content .post {
  142.  
  143. {block:ifshadow}
  144. box-shadow:rgba(0,0,0,0.09)6px 6px; {/block:ifshadow}
  145. {block:ifrounded}
  146. -moz-border-radius:7px;-webkit-border-radius: 7px;border-radius: 7px; {/block:ifrounded}
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154. {block:ifdark} border: 1px solid rgba(0,0,0, 0.2); {/block:ifdark}
  155.  
  156.  
  157. {block:iflight} border: 1px solid rgba(255,255,255, 0.2); {/block:iflight}
  158.  
  159.  
  160.  
  161. {block:ifdark} background: rgba(0,0,0, {text:postopacity}); {/block:ifdark} {block:iflight} background: rgba(255,255,255, {text:postopacity}); {/block:iflight}
  162.  
  163.  
  164.  
  165.  
  166. margin-top: 50px;
  167. font-family: {font:Body};
  168.  
  169.  
  170.  
  171. padding: 8px;
  172. position: relative;
  173.  
  174. {block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  175. -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  176. -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1); {/block:ifglow1}
  177.  
  178. {block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  179. -webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  180. -moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1); {/block:ifglow2}
  181.  
  182. {block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  183. -webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  184. -moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1); {/block:ifglow3}
  185.  
  186. {block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  187. -webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  188. -moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1); {/block:ifglow4}
  189.  
  190. {block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  191. -webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  192. -moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1); {/block:ifglow5}
  193.  
  194. {block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  195. -webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  196. -moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1); {/block:ifglow6}
  197.  
  198. {block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  199. -webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  200. -moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
  201. }
  202.  
  203.  
  204. #wrapper #content .post:hover {
  205. {block:ifshadow} box-shadow:rgba(0,0,0,0.09)0px 0px;
  206. -webkit-transition: all 0.4s ease-out;
  207. -moz-transition: all 0.4s ease-out;
  208. transition: all 0.4s ease-out;
  209.  
  210. {/block:ifshadow}
  211. }
  212.  
  213.  
  214.  
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224. #wrapper #content .post .media {
  225. text-align: center;
  226. margin-bottom: 10px;
  227. }
  228.  
  229. #wrapper #content .post .quotebg {
  230. font-family: georgia, serif;
  231. font-size: 60px;
  232. color: white;
  233. opacity: 0.2;
  234. filter: alpha(opacity=20);
  235. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  236. position: absolute;
  237. top: 26px;
  238. left: 10px;
  239. }
  240.  
  241. #wrapper #content .post .quote {
  242.  
  243.  
  244. {block:ifdark}
  245. background: rgba(0,0,0, 0.1); {/block:ifdark} {block:iflight}
  246. background: rgba(255,255,255, 0.1); {/block:iflight}
  247. border: 1px solid rgba(255,255,255, 0.4);
  248.  
  249.  
  250.  
  251.  
  252. {block:ifrounded}
  253. -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; {/block:ifrounded}
  254. /* background: #eaeaea; */
  255.  
  256. float: center;
  257. color: {color:body};
  258. padding: 5px 5px 5px 25px;
  259. }
  260.  
  261. #wrapper #content .post .quote.short { font-size: 15px;
  262. line-height: 20px;
  263. }
  264.  
  265. #wrapper #content .post .quote.medium { font-size: 15px;
  266. line-height: 20px;
  267. }
  268.  
  269. #wrapper #content .post .quote.long {
  270. font-size: 15px;
  271. line-height: 20px;
  272. }
  273.  
  274. #wrapper #content .post .quote_source *:first-child {
  275. margin-top: 0px;
  276. }
  277.  
  278. #wrapper #content .post .quote_source *:last-child {
  279. margin-bottom: 0px;
  280. }
  281.  
  282. #wrapper #content .post .quote *:first-child {
  283. margin-top: 0px;
  284. }
  285.  
  286. #wrapper #content .post .quote *:last-child {
  287. margin-bottom: 0px;
  288. }
  289.  
  290. #wrapper #content .post .copy {
  291. color: {color:body};
  292. padding: 10px;
  293. font-size: 13px;
  294. line-height: 15px;
  295. }
  296.  
  297. #wrapper #content .post .copy a {
  298. color: {color:link};
  299. text-decoration: none;
  300. }#wrapper #content .post .copy a:hover {
  301. color: {color:linkhover};
  302. text-decoration: underline;
  303. -webkit-transition: all 0.2s linear;
  304. -moz-transition: all 0.2s linear;
  305. transition: all 0.2s linear;
  306. }
  307.  
  308. #wrapper #content .post .copy p {
  309. margin: 10px 0 0 0;
  310. padding: 0;
  311. }
  312.  
  313. #wrapper #content .post .copy pre {
  314. margin: 10px 0px 10px 0px;
  315. padding: 10px;
  316. background-color: {color:body};
  317. font: normal 11px Courier, monospace;
  318. overflow: auto;
  319. }
  320.  
  321. #wrapper #content .post .copy > p:first-child {
  322. margin-top: 0;
  323. }
  324.  
  325. #wrapper #content .post .copy img {
  326. max-width: 100%;
  327.  
  328. }
  329.  
  330. #wrapper #content .post .audio { {block:ifrounded}
  331. -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; {/block:ifrounded}
  332. {block:ifdark} background: rgba(0,0,0, 0.2);
  333. /* background: #eaeaea; */
  334. border: 1px solid rgba(0,0,0, 0.2); {/block:ifdark} {block:iflight} background: rgba(255,255,255, 0.2);
  335. /* background: #eaeaea; */
  336. border: 1px solid rgba(255,255,255, 0.2); {/block:iflight}
  337. float: center;
  338. padding: 7px;
  339. margin-bottom: 10px;
  340. }
  341.  
  342. #wrapper #content .post .audio .player {
  343. float: right;
  344. opacity: .5;
  345.  
  346. }
  347.  
  348. #wrapper #content .post .audio .player .audio_player embed {
  349. border: 1px solid rgba(0,0,0, 0.2);
  350.  
  351. }
  352.  
  353.  
  354.  
  355. #wrapper #content .post .audio .meta {
  356. padding: 8px 13px;
  357. height: 13px;
  358. float: left;
  359. color:{color:body};
  360. font-family: {font:Accent};
  361. font-size: 11px;
  362. text-transform: lowercase;
  363. }
  364.  
  365. #wrapper #content .post .audio .meta a {
  366. color: {color:body};
  367. text-decoration: none;
  368. }
  369.  
  370. #wrapper #content .post .album_art {
  371. text-align: center;
  372. }
  373.  
  374. #wrapper #content .post .question {
  375. color: {color:body};
  376. font-size: 12px;
  377. border: 1px solid rgba(255,255,255, 0.2);
  378. {block:ifdark} background: rgba(0,0,0, 0.1); {/block:ifdark}{block:iflight} background: rgba(255,255,255, 0.1); {/block:iflight}
  379. margin: 0 0 15px 0;
  380. padding: 15px 20px;
  381. position: relative;
  382. }
  383.  
  384.  
  385.  
  386. #wrapper #content .post .asker_container {
  387. margin: 0 0 20px 24px;
  388. }
  389.  
  390. #wrapper #content .post .asker_container img {
  391. margin: 0 12px -7px 0;
  392. }
  393.  
  394. #wrapper #content .post .asker_container a.asker {
  395. color: {color:Body};
  396. }
  397.  
  398. #wrapper #content .post .title {
  399. color: {color:body};
  400. font-size: 16px;
  401. font-weight: bold;
  402. padding: 10px 10px 0 10px;
  403. }
  404.  
  405. #wrapper #content .post img {
  406. max-width: 520px;
  407.  
  408. /* border: 1px solid rgba(255,255,255, 0.4); */
  409. {block:ifrounded}
  410. -moz-border-radius:7px;-webkit-border-radius: 7px;border-radius: 7px; {/block:ifrounded}
  411. }
  412.  
  413. #wrapper #content .post .chat {
  414.  
  415.  
  416. {block:ifrounded}
  417. -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; {/block:ifrounded}
  418. {block:ifdark} background-color: rgba(0,0,0, 0.1); border: 1px solid rgba(0,0,0, 0.2); {/block:ifdark}
  419. {block:iflight} background-color: rgba(255,255,255, 0.1); border: 1px solid rgba(255,255,255, 0.2); {/block:iflight}
  420. /* border-left: 5px solid #dedddd;
  421. margin: 10px 10px 0 10px; */
  422. font-size: 12px;
  423. } #wrapper #content .post .chat:hover {
  424.  
  425. {block:ifdark} background-color: rgba(0,0,0, 0.2); {/block:ifdark} {block:iflight} background-color: rgba(255,255,255, 0.2); {/block:iflight}
  426. -webkit-transition: all 0.3s linear;
  427. -moz-transition: all 0.3s linear;
  428. transition: all 0.3s linear;
  429. }
  430.  
  431. #wrapper #content .post .chat .lines {
  432. margin-left: 1px;
  433. }
  434.  
  435. #wrapper #content .post .chat .lines .line {
  436. /* background-color: #eaeaea;*/
  437. color: {color:body};
  438. margin-bottom: 1px;
  439. padding: 3px 5px;
  440. }
  441.  
  442. #wrapper #content .post .chat .lines .line.even {
  443. /* background-color: gray; */
  444. }
  445.  
  446. #wrapper #content .post .link {
  447. margin: 4px 0 2px 0;
  448. font-size: 14px;
  449. line-height: 25px;
  450. }
  451.  
  452. #wrapper #content .post .link a {
  453. {block:ifrounded}
  454. -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; {/block:ifrounded}
  455. {block:ifdark} background: rgba(0,0,0, 0.06);
  456. border: 1px solid rgba(0,0,0, 0.17);
  457. {/block:ifdark}
  458.  
  459. {block:iflight} background: rgba(255,255,255, 0.06);
  460. border: 1px solid rgba(255,255,255, 0.17);{/block:iflight}
  461.  
  462.  
  463. /* background: #eaeaea; */
  464.  
  465. color: {color:link};
  466. padding: 5px 7px;
  467. }
  468.  
  469. #wrapper #content .post .link a:hover {
  470. opacity: 0.9;
  471. filter: alpha(opacity=90);
  472. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  473. }
  474.  
  475.  
  476.  
  477. #wrapper #content .post .footer {
  478.  
  479. {block:ifrounded}
  480. -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; {/block:ifrounded}
  481. border: 1px solid rgba(255,255,255, 0.2);
  482.  
  483. {block:ifdark} background-color: rgba(0,0,0, 0.2); {/block:ifdark}
  484. {block:iflight} background-color: rgba(255,255,255, 0.4); {/block:iflight}
  485. font-family: {font:Accent};
  486. font-size: 11px;
  487. color: {color:body};
  488. padding: 1px 3px;
  489. margin-top: -1px;
  490. }
  491.  
  492. #wrapper #content .post .footer.for_permalink:hover {
  493. opacity: 0.9;
  494. filter: alpha(opacity=90);
  495. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  496. }
  497.  
  498. #wrapper #content .post .footer .date {
  499. width: 67%;
  500. float: left;
  501. color: {color:body};
  502. }
  503.  
  504. #wrapper #content .post .footer .notes {
  505. width: 33%;
  506. float: right;
  507. text-align: right;
  508. color: {color:body};
  509. }
  510.  
  511. #wrapper #content .post .footer .notes a {
  512. ccolor: {color:body};
  513. }
  514.  
  515. #wrapper #content .post .footer .tags a {
  516. color: {color:body};
  517. text-decoration: underline;
  518. }
  519.  
  520. #wrapper #content .post .footer .tags .tag-commas:last-child {
  521. display: none;
  522. }
  523.  
  524. #wrapper #content .post .footer.with_source_url .tags {
  525. max-width: 330px;
  526. float: left;
  527. }
  528.  
  529. #wrapper #content .post .footer.with_source_url .source_url {color: {color:body};
  530. float: right;
  531. max-width: 160px;
  532. overflow: hidden;
  533. white-space: nowrap;
  534.  
  535. }
  536.  
  537. #wrapper #content .post .footer.with_source_url .source_url img {
  538. vertical-align: top;
  539. -moz-opacity: 0.5;
  540. opacity: 0.5;
  541. }
  542.  
  543. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  544. -moz-opacity: 0.7;
  545. opacity: 0.7;
  546. }
  547.  
  548.  
  549. #wrapper #content .post a {
  550. color: #6e7173;
  551. text-decoration: none;
  552. }
  553.  
  554. #wrapper #content .post .copy blockquote {
  555. margin: 10px 0px 10px 10px;
  556. padding-left: 15px;
  557.  
  558. {block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
  559. }
  560.  
  561. #wrapper #content .post .copy blockquote blockquote {
  562. {block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
  563. }
  564.  
  565. #wrapper #content .post .copy blockquote blockquote blockquote {
  566. {block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
  567. }
  568.  
  569. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  570. {block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
  571. }
  572.  
  573. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  574. {block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
  575. }
  576.  
  577. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  578. {block:ifdark} border-left: solid 2px rgba(0,0,0, 0.4); {/block:ifdark}{block:iflight} border-left: solid 2px rgba(255,255,255, 0.4); {/block:iflight}
  579. }
  580.  
  581. #wrapper #content .bottom {
  582. /* background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
  583. width: 513px; */
  584. height: 30px;
  585. margin: 0 auto;
  586. }
  587.  
  588. #wrapper #content #navigation {
  589. text-align: right;
  590. padding-bottom: 35px;
  591. text-transform: lowercase;
  592. }
  593.  
  594. #wrapper #content #navigation a {
  595. border: 1px solid #7e7c7c;
  596. {block:ifrounded}
  597. -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; {/block:ifrounded}
  598. background-color: rgba(0,0,0, 0.4);
  599. color: #fff;
  600. padding: 5px 10px;
  601. text-decoration: none;
  602. margin-left: 25px;
  603. }
  604.  
  605. #wrapper #content #navigation a:hover {
  606. opacity: 0.9;
  607. filter: alpha(opacity=90);
  608. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  609. }
  610.  
  611. #wrapper #content #navigation.jump_pagination {}
  612.  
  613. #wrapper #content #navigation.jump_pagination a {
  614. margin: 0 0 0 4px;
  615. }
  616.  
  617. #wrapper #content #navigation.jump_pagination .current_page {
  618. color: {color:body};
  619. background-color: rgba(255,255,255, {text:postopacity});
  620. border: 2px solid #fff;
  621. padding: 3px 8px;
  622. margin: 0 0 0 4px;
  623. cursor: default;
  624. }
  625.  
  626. #wrapper #content #navigation.jump_pagination .jump_page {}
  627.  
  628. #wrapper #content .post .notecontainer {
  629. background: ;
  630. -moz-border-radius: 4px;
  631. -webkit-border-radius: 4px;
  632. border-radius: 4px;
  633. font-family: {font:Accent};
  634. font-size: 11px;
  635. color: {color:body};
  636. margin-top: 10px;
  637. margin-bottom: -10px;
  638. }
  639.  
  640. #wrapper #content .post .notecontainer a {
  641. color: {color:link};
  642. text-decoration: underline;
  643. }
  644.  
  645. #wrapper #content .post .notecontainer ol.notes {
  646. padding: 0px 0 10px 0;
  647. list-style-type: none;
  648. font-size: 11px;
  649. }
  650.  
  651. #wrapper #content .post .notecontainer ol.notes li.note {
  652. padding: 10px 10px 0 10px;
  653. }
  654.  
  655. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  656. vertical-align: -4px;
  657. margin-right: 10px;
  658. width: 16px;
  659. height: 16px;
  660. }
  661.  
  662. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  663. font-weight: normal;
  664. }
  665.  
  666. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  667. font-weight: normal;
  668. }
  669.  
  670. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  671. border-left: 2px solid #fff;
  672. padding: 4px 10px;
  673. margin: 10px 0px 0px 25px;
  674. }
  675.  
  676. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  677. text-decoration: none;
  678. }
  679.  
  680. #wrapper #content #searchresults {
  681. color: #fff;
  682. margin: 0 0 15px 0;
  683. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  684. font-family: {font:Body};
  685. font-size: 20px;
  686. }
  687.  
  688. #wrapper #content #searchresults .search_query {
  689. font-weight: bold;
  690. }
  691.  
  692. #wrapper #content #searchresults .search_query:before {
  693. content:'“';
  694. }
  695.  
  696. #wrapper #content #searchresults .search_query:after {
  697. content:'”';
  698. }
  699.  
  700. #wrapper #sidebar {
  701.  
  702. margin-top: 290px;
  703. position:fixed;
  704. width: 180px;
  705. float: left;
  706. color: {color:body};
  707. font-family: {font:Accent}
  708. }
  709.  
  710. #wrapper #sidebar a {
  711. color: {color:Background};
  712. }
  713.  
  714. #wrapper #sidebar #top {
  715. margin-top: 3px;
  716. {block:ifshadow}
  717. box-shadow:rgba(0,0,0,0.09)6px 6px; {/block:ifshadow}
  718.  
  719. {block:ifrounded}
  720. -moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; {/block:ifrounded}
  721.  
  722. /*butternut*/
  723. {block:ifdark}
  724. background: rgba(0,0,0, {text:sidebaropacity});
  725. border: 1px solid rgba(0,0,0, 0.2); {/block:ifdark}
  726. {block:iflight}
  727. background: rgba(255,255,255, {text:sidebaropacity});
  728. border: 1px solid rgba(255,255,255, {text:sidebaropacity}); {/block:iflight}
  729.  
  730. padding: 10px 10px;
  731. {block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  732. -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  733. -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1); {/block:ifglow1}
  734.  
  735. {block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  736. -webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  737. -moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1); {/block:ifglow2}
  738.  
  739. {block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  740. -webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  741. -moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1); {/block:ifglow3}
  742.  
  743. {block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  744. -webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  745. -moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1); {/block:ifglow4}
  746.  
  747. {block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  748. -webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  749. -moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1); {/block:ifglow5}
  750.  
  751. {block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  752. -webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  753. -moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1); {/block:ifglow6}
  754.  
  755. {block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  756. -webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  757. -moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
  758. }
  759.  
  760. #wrapper #sidebar #top:hover {
  761.  
  762.  
  763. {block:ifshadow}
  764. box-shadow:rgba(0,0,0,0.09)0px 0px;
  765. -webkit-transition: all 0.4s ease-out;
  766. -moz-transition: all 0.4s ease-out;
  767. transition: all 0.4s ease-out;
  768. /*heyoy */
  769. {/block:ifshadow}
  770. }
  771.  
  772. #wrapper #sidebar #top #pages {
  773. margin-bottom: 15px;
  774. font-size: 12px;
  775. }
  776.  
  777. #wrapper #sidebar #top #pages.ask_and_submit {
  778. display: none;
  779. {block:AskEnabled}display: block;{/block:AskEnabled}
  780. {block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}
  781. }
  782.  
  783. #wrapper #sidebar #top #pages a.page {
  784. border: 1px solid #696969;
  785. background: rgba(0,0,0, 0.07);
  786. display: block;
  787. float: left;
  788. color: {color:body};
  789. padding: 4px 5px;
  790. margin: 0 5px 5px 0;
  791. }
  792.  
  793. #wrapper #sidebar #top #pages a.page:last-child {
  794. margin-right: 0;
  795. }
  796.  
  797. #wrapper #sidebar #top #pages a.page:hover {
  798. opacity: 0.9;
  799. filter: alpha(opacity=90);
  800. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  801. }
  802.  
  803. #wrapper #sidebar #top #description {
  804. font-size: 11px;
  805. position: relative;
  806.  
  807. line-height: 12px;
  808. }
  809.  
  810. #wrapper #sidebar #top #description a {
  811. color: {color:link};
  812.  
  813. }
  814.  
  815. #wrapper #sidebar #top #description a:hover {
  816. color: {color:linkhover};
  817. text-decoration: underline;
  818. -webkit-transition: all 0.2s ease-out;
  819. -moz-transition: all 0.2s ease-out;
  820. transition: all 0.2s ease-out;
  821. }
  822.  
  823.  
  824.  
  825. #wrapper #sidebar #top .content {
  826. margin-top: 2px;
  827. padding: 7px 10px;
  828. background: #eaeaea;
  829. color: #fff;
  830. font-size: 11px;
  831. overflow: hidden;
  832. }
  833.  
  834. #wrapper #sidebar #top a {
  835. text-decoration: none;
  836. }
  837.  
  838. #wrapper #sidebar #top #following-avatars.content {
  839. padding: 4px;
  840. }
  841.  
  842. #wrapper #sidebar #top #following-avatars.content a img {
  843. margin: 5px;
  844. }
  845.  
  846. #wrapper #sidebar #top #buttons {
  847. padding: 20px 0 0 0;
  848. }
  849.  
  850. #wrapper #sidebar #top #buttons .button {
  851. width: 35%;
  852. height: 21px;
  853. float: left;
  854. background: left center no-repeat transparent;
  855. padding: 2px 0 0 30px;
  856. font-size: 14px;
  857. }
  858.  
  859. #wrapper #sidebar #top #buttons a {
  860. color: {color:Background};
  861. text-decoration: none;
  862. }
  863.  
  864. #wrapper #sidebar #top #buttons div {
  865. padding-bottom: 10px;
  866. }
  867.  
  868. #wrapper #sidebar #top #buttons .button#button-rss {
  869. background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');
  870. text-transform: capitalize;
  871. }
  872.  
  873. #wrapper #sidebar #top #buttons .button#button-random {
  874. background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2');
  875. }
  876.  
  877. #wrapper #sidebar #top #buttons .button#button-archive {
  878. background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');
  879. }
  880.  
  881. #wrapper #sidebar #top #buttons .button#button-mobile {
  882. background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');
  883. }
  884.  
  885. #wrapper #sidebar #bottom {
  886. }
  887.  
  888. #wrapper #sidebar #copyright {
  889. text-align: center;
  890. color: #fff;
  891. font-size: 12px;
  892. margin-bottom: 10px;
  893. }
  894.  
  895. #wrapper #sidebar #copyright a {
  896. color: #fff;
  897. margin-left: 15px;
  898. }
  899.  
  900.  
  901.  
  902.  
  903. </style>
  904. <!--[if lt IE 7.]>
  905. <style type="text/css">
  906. #wrapper #sidebar #bottom {
  907. background: transparent;
  908. }
  909.  
  910. #wrapper #sidebar #top #avatar {
  911. background: none;
  912. }
  913.  
  914. #wrapper #sidebar #top #avatar img {
  915. border: 5px solid #f1f1f1;
  916. }
  917.  
  918. #wrapper #sidebar #top .heading#followontumblr {
  919. background-image: none;
  920. text-indent: 0;
  921. }
  922.  
  923. #wrapper #sidebar #top .heading#twitter {
  924. background-image: none;
  925. }
  926.  
  927. #wrapper #sidebar #top .heading#following {
  928. background-image: none;
  929. }
  930.  
  931. #wrapper #content .post .audio .player {
  932. float: none;
  933. }
  934.  
  935. #wrapper #content .post .audio .meta {
  936. display: none;
  937. float: none;
  938. }
  939. </style>
  940. <![endif]-->
  941.  
  942. <!--[if lt IE 8.]>
  943. <style type="text/css">
  944. #wrapper #content .bottom {
  945. background: transparent;
  946. }
  947.  
  948. #wrapper #content .post .footer {
  949. background: transparent;
  950. color: #000;
  951. }
  952.  
  953. #wrapper #content .post .audio {
  954. float: none;
  955. background: transparent;
  956. }
  957.  
  958. #wrapper #content .post .notecontainer .notes {
  959. padding: 0;
  960. margin: 0;
  961. }
  962. </style>
  963. <![endif]-->
  964. <style type="text/css">{CustomCSS}</style>
  965.  
  966.  
  967. </head>
  968. <body>
  969. <div id="wrapper">
  970. <!-- <div id="title">
  971. <a href="/">
  972. {block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
  973. {block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
  974. </a>
  975. </div>-->
  976.  
  977. <div id="content">
  978.  
  979. {block:SearchPage}
  980. {block:SearchResults}
  981. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  982. {/block:SearchResults}
  983.  
  984. {block:NoSearchResults}
  985. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  986. {/block:NoSearchResults}
  987. {/block:SearchPage}
  988.  
  989. {block:ifinfinitescroll} <div class="autopagerize_page_element">{/block:ifinfinitescroll}
  990. {block:Posts}
  991.  
  992.  
  993.  
  994.  
  995.  
  996. {block:ContentSource}
  997.  
  998. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  999.  
  1000. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1001.  
  1002. {/block:SourceLogo}
  1003.  
  1004. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1005.  
  1006. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1007.  
  1008.  
  1009. <div class="post">
  1010.  
  1011. {block:Photo}
  1012. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  1013. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1014. {/block:Photo}
  1015.  
  1016. {block:Video}
  1017. <div class="media">{Video-500}</div>
  1018. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1019. {/block:Video}
  1020.  
  1021. {block:Audio}
  1022.  
  1023. {block:AudioEmbed}
  1024. {AudioEmbed}
  1025. {/block:AudioEmbed}
  1026.  
  1027. {block:AudioPlayer}
  1028. {block:IfShowAlbumArtOnAudioPosts}
  1029. {block:AlbumArt}
  1030. <div class="album_art">
  1031. <img src="{AlbumArtURL}" style="width: 200px;" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  1032. </div>
  1033. {/block:AlbumArt}
  1034. {/block:IfShowAlbumArtOnAudioPosts}
  1035.  
  1036. <div class="audio">
  1037. <div class="player">{AudioPlayerWhite}</div>
  1038. <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  1039. <div class="clear"></div>
  1040. </div>
  1041. {/block:AudioPlayer}
  1042.  
  1043. <div class="clear"></div>
  1044.  
  1045. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1046.  
  1047. {/block:Audio}
  1048.  
  1049. {block:Quote}
  1050. <div class="quote {Length}">{Quote}</div>
  1051. <div class="copy">
  1052. <div class="quotebg">“</div>
  1053. {block:Source}
  1054. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1055. <tr>
  1056. <td valign="top" style="width:20px;">&mdash;</td>
  1057. <td valign="top" class="quote_source">
  1058. {Source}
  1059. </td>
  1060. </tr>
  1061. </table>
  1062. {/block:Source}
  1063. </div>
  1064. {/block:Quote}
  1065.  
  1066. {block:Text}
  1067. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1068. <div class="copy">{Body}</div>
  1069. {/block:Text}
  1070.  
  1071. {block:Answer}
  1072. <div class="question">
  1073. <div class="nipple"></div>
  1074. {Question}
  1075. </div>
  1076. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1077. <div class="copy">{Answer}</div>
  1078. {/block:Answer}
  1079.  
  1080. {block:Chat}
  1081. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1082. <div class="chat">
  1083. <div class="lines">
  1084. {block:Lines}
  1085. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1086. {/block:Lines}
  1087. </div>
  1088. </div>
  1089. <div class="clear"></div>
  1090. <div style="height:10px;"></div>
  1091. {/block:Chat}
  1092.  
  1093. {block:Link}
  1094. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1095. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1096. {/block:Link}
  1097.  
  1098. {block:Date}
  1099. <a href="{Permalink}">
  1100. <div class="footer for_permalink">
  1101. <div class="date">
  1102. {block:Reblog}
  1103. {TimeAgo} {block:RebloggedFromReblog}{/block:RebloggedFromReblog}
  1104. {/block:Reblog}
  1105.  
  1106. {block:NotReblog}
  1107. {TimeAgo}
  1108. {/block:NotReblog}
  1109. </div>
  1110. <div class="notes">{block:NoteCount}{NoteCount} ♥{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
  1111. <div class="clear"></div>
  1112. </div>
  1113. </a>
  1114. {/block:Date}
  1115.  
  1116. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  1117. display:none;
  1118. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  1119. {block:ContentSource}display:block;{/block:ContentSource}
  1120. ">
  1121. {block:IfShowTags}
  1122. {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  1123. {/block:IfShowTags}
  1124.  
  1125. {block:ContentSource}
  1126. <a href="{SourceURL}" class="source_url">
  1127. {lang:Source}:
  1128. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1129. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  1130. </a>
  1131. {/block:ContentSource}
  1132.  
  1133. <div class="clear"></div>
  1134. </div>
  1135.  
  1136. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1137.  
  1138. {block:IfDisqusShortname}
  1139. {block:Permalink}
  1140. <div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
  1141. <div id="disqus_thread"></div>
  1142. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1143. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  1144. </div>
  1145. <div style="text-align:right; margin-top:5px;">
  1146. {lang:Blog comments powered by Disqus 2}
  1147. </div>
  1148. {/block:Permalink}
  1149. {/block:IfDisqusShortname}
  1150.  
  1151. </div>
  1152. <div class="bottom"></div>
  1153. {/block:Posts}
  1154.  
  1155.  
  1156. {block:ifinfinitescroll} </div>{/block:ifinfinitescroll}
  1157. {block:ifnotinfinitescroll}
  1158. {block:Pagination}
  1159. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  1160. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  1161.  
  1162. {block:IfEnableJumpPagination}
  1163. {block:JumpPagination length="5"}
  1164. {block:CurrentPage}
  1165. <span class="current_page">{PageNumber}</span>
  1166. {/block:CurrentPage}
  1167.  
  1168. {block:JumpPage}
  1169. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1170. {/block:JumpPage}
  1171.  
  1172. {/block:JumpPagination}
  1173. {/block:IfEnableJumpPagination}
  1174.  
  1175. {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  1176. </div>
  1177. {/block:Pagination}{/block:ifnotinfinitescroll}
  1178.  
  1179.  
  1180. </div>
  1181.  
  1182. <div id="sidebar">
  1183.  
  1184.  
  1185.  
  1186. <div style="position:absolute; left:{text:ImgLeft}px; top:{text:ImgTop}px; z-index: 999;">
  1187.  
  1188. <a href="/">
  1189.  
  1190. <img style="border: 0;" src="{image:SidebarImage}" title="{title}" />
  1191.  
  1192. </a>
  1193.  
  1194.  
  1195.  
  1196. </div>
  1197.  
  1198.  
  1199.  
  1200. <div id="top">
  1201.  
  1202.  
  1203.  
  1204. <div id="description"><center>{Description}</center></div>
  1205. <br>
  1206. <center>
  1207. <select onChange="location=this.options[this.selectedIndex].value;" style="font:12px calibri;
  1208. margin-left: 1px;
  1209. color:{color:navtext};
  1210.  
  1211.  
  1212.  
  1213. background-color: {color:navigation};
  1214.  
  1215.  
  1216. {block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  1217. -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  1218. -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1); {/block:ifglow1}
  1219.  
  1220. {block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  1221. -webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  1222. -moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1); {/block:ifglow2}
  1223.  
  1224. {block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  1225. -webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  1226. -moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1); {/block:ifglow3}
  1227.  
  1228. {block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  1229. -webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  1230. -moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1); {/block:ifglow4}
  1231.  
  1232. {block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  1233. -webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  1234. -moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1); {/block:ifglow5}
  1235.  
  1236. {block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  1237. -webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  1238. -moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1); {/block:ifglow6}
  1239.  
  1240. {block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  1241. -webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  1242. -moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
  1243.  
  1244.  
  1245.  
  1246. -webkit-appearance: none;text-align:center;margin-top:2px;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;">
  1247. <option value="">{text:nav title}</option><option value="/">home</option>{/block:iflink1}
  1248. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
  1249. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
  1250. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
  1251. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
  1252. {block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}<option value="http://tukut.tumblr.com/">theme</option>
  1253. </select>
  1254. </form>
  1255. </center>
  1256. </div>
  1257.  
  1258. <div id="bottom"></div>
  1259.  
  1260.  
  1261.  
  1262.  
  1263.  
  1264. </div>
  1265.  
  1266.  
  1267.  
  1268.  
  1269. </body>
  1270. </html
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement