API tools faq
paste
Advertisement
kawaiibuu

Gradient Redux

kawaiibuu
Jul 16th, 2013
7,664
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.83 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3. meancutie // jubileethemes.tumblr.com
  4. lets fite abt it nerd
  5. -->
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head>
  8.  
  9. <meta name="color:background" content="" />
  10. <meta name="color:border" content="">
  11. <meta name="color:text" content="">
  12. <meta name="color:description" content="" />
  13. <meta name="color:links" content="" />
  14. <meta name="color:links hover" content="" />
  15. <meta name="color:footer" content="" />
  16.  
  17. <meta name="font:body" content="courier new" />
  18.  
  19.  
  20. <meta name="text:Post Bottom Margins" content="15" />
  21. <meta name="text:Show" content="show" />
  22. <meta name="text:Show" content="show" />
  23. <meta name="text:Hide" content="hide" />
  24. <meta name="text:Link 1 Title" content="" />
  25. <meta name="text:Link 2 Title" content="" />
  26. <meta name="text:Link 3 Title" content="" />
  27. <meta name="text:Link 4 Title" content="" />
  28. <meta name="text:Link 1 URL" content="" />
  29. <meta name="text:Link 2 URL" content="" />
  30. <meta name="text:Link 3 URL" content="" />
  31. <meta name="text:Link 4 URL" content="" />
  32. <meta name="text:Notes" content="%" />
  33. <meta name="text:ScrolltoTop" content="^" />
  34. <meta name="text:sidebar image top" content="-60" />
  35. <meta name="text:sidebar image right" content="-70" />
  36. <meta name="text:post opacity" content="0.25" />
  37. <meta name="text:sidebar opacity" content="0.55" />
  38. <meta name="if:light post shadow" content="0" />
  39. <meta name="if:post shadow" content="0" />
  40. <meta name="if:sidebar shadow" content="0" />
  41. <meta name="if:Gradient Background" content="0"/>
  42. <meta name="if:Enable Jump Pagination" content="1" />
  43. <meta name="if:background cover" content="0">
  44. <meta name="if:Show Reblog" content="1">
  45. <meta name="if:border disappears on hover" content="0" />
  46. <meta name="if:RoundedCorners" content="0">
  47. <meta name="if:post border" content="1">
  48. <meta name="if:sidebar border" content="1">
  49. <meta name="if:Caption" content="0">
  50. <meta name="if:center post text" content="0">
  51. <meta name="if:inner sidebar image" content="0" />
  52. <meta name="if:Grayscale Images" content="0">
  53. <meta name="if:transparent post" content="0">
  54. <meta name="if:transparent sidebar" content="0">
  55. <meta name="if:Show Album Art" content="1" />
  56. <meta name="if:Show Tag" content="0" />
  57. <meta name="if:Link Button" content="0" />
  58. <meta name="if:Fade Image" content="0" />
  59. <meta name="if:high sidebar" content="0" />
  60. <meta name="if:normal sidebar" content="1" />
  61. <meta name="if:low sidebar" content="0" />
  62. <meta name="if:reverse shadow on hover" content="0" />
  63. <meta name="if:lowest sidebar" content="0" />
  64. <meta name="if:image behind sidebar" content="0" />
  65. <meta name="if:image in front of sidebar" content="0" />
  66. <meta name="image:background" content="" />
  67. <meta name="image:permalink" content="" />
  68. <meta name="image:sidebar" content="" />
  69. <meta name="image:large sidebar" content="" />
  70. <meta name="image:bottom image" content="" />
  71. <meta name="if:sidebar shadow" content="0" />
  72. <meta name="if:transparent footer" content="0" />
  73.  
  74. <meta name="color:Gradient Top" content="#ffffff"/>
  75. <meta name="color:Gradient Bottom" content=""/>
  76. <meta name="if:Infinite Scroll" content="1" />
  77.  
  78.  
  79. {block:ifinfinitescroll}
  80. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  81. {/block:ifinfinitescroll}
  82.  
  83.  
  84. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  85. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  86. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  87. <link rel="shortcut icon" href="{Favicon}" />
  88. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  89. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  90. <style type="text/css">
  91. {block:IfGrayscaleImages}
  92. img{
  93. -webkit-transition: opacity 0.8s linear;
  94. opacity: 0.60;
  95. -webkit-filter:grayscale(100%);
  96. }
  97. img:hover{
  98. -webkit-transition: opacity 0.8s linear;
  99. opacity: 1;
  100. -webkit-filter:none;
  101. }
  102. {/block:IfGrayscaleImages}
  103. {block:IfFadeImage}
  104. img{
  105. -webkit-transition: opacity 0.8s linear;
  106. opacity: 0.60;
  107. }
  108. img:hover{
  109. -webkit-transition: opacity 0.8s linear;
  110. opacity: 1;
  111. }
  112. {/block:IfFadeImage}
  113. {block:IfFadeImage}
  114. iframe#tumblr_controls { right:0px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  115. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  116. {/block:IfFadeImage}
  117. iframe#tumblr_controls {right:3px !important; position:fixed !important;}
  118. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 0px; right: 20px;}
  119. {block:IfNotGradientBackground}body {
  120. background:fixed;
  121. background: {color:Background} url('{image:Background}') top left fixed repeat;
  122. {block:ifbackgroundcover}background-size:cover;{/block:ifbackgroundcover}
  123. margin: 0;
  124. padding: 0;
  125. font-family: {font:Body};
  126. }
  127. {block:IfNotGradientBackground}
  128. {block:IfGradientBackground}
  129. body {
  130. background:fixed;
  131. background-image: -o-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  132. background-image: -moz-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  133. background-image: -webkit-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  134. background-image: -ms-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  135. background-image: linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  136. margin: 0;
  137. padding: 0;
  138. font-family: {font:Body};
  139. }
  140. {/block:IfGradientBackground}
  141. iframe#tumblr_controls{
  142. white-space:nowrap;
  143. opacity:1;
  144. position:fixed !important;
  145. bottom:0px;
  146. }
  147.  
  148. .clear {
  149. clear: both;
  150. height: 0px;
  151. overflow: hidden;
  152. }
  153.  
  154. a img {
  155. border: none;
  156. }
  157.  
  158.  
  159. #wrapper {
  160. width: 900px;
  161. margin: 0 auto;
  162. margin-top:9px;
  163. }
  164.  
  165. #wrapper #content {
  166. width:450px;
  167. float: right;
  168. }
  169.  
  170. #wrapper #content .post {
  171. width:400px;
  172. float: left;
  173. font-family: {font:Body};
  174. {block:ifpostborder}border: 1px solid {color:border};{/block:ifpostborder}
  175. {block:ifnottransparentpost}background: rgba(255, 255, 255, {text:post opacity});{/block:ifnottransparentpost}
  176. {block:iftransparentpost}background: ;{/block:iftransparentpost}
  177. padding: 0px;
  178. position: relative;
  179. margin-right:12px;
  180. margin-bottom:{text:Post Bottom Margins}px;
  181. {block:ifroundedcorners}
  182. -moz-border-radius: 5px;
  183. -webkit-border-radius: 5px;
  184. border-radius: 5px;
  185. {/block:ifroundedcorners}
  186. -webkit-transition: all 0.3s ease-in-out;
  187. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  188. {block:Ifpostshadow}{block:IfLightpostShadow}
  189. box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  190. -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  191. -moz-box-shadow: 0 0 12px rgba(255, 255, 255, 1); {/block:IfLightpostShadow}
  192.  
  193.  
  194. {block:IfnotlightpostShadow}
  195. box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  196. -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  197. -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 1);{/block:IfnotlightpostShadow}{/block:Ifpostshadow}
  198. }
  199. {block:ifborderdisappearsonhover}
  200. #wrapper #content .post:hover {
  201. border: 1px solid transparent;
  202. }
  203. {/block:ifborderdisappearsonhover}
  204. {block:ifreverseshadowonhover}
  205. #wrapper #content .post:hover {
  206. {block:IfnotLightpostShadow}
  207. box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  208. -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  209. -moz-box-shadow: 0 0 12px rgba(255, 255, 255, 1); {/block:IfnotLightpostShadow}
  210. {block:IflightpostShadow}
  211. box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  212. -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  213. -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 1);{/block:IflightpostShadow}
  214. }{/block:ifreverseshadowonhover}
  215.  
  216. #wrapper #content .post .media {
  217. font-family:{font:body};
  218. text-align: center;
  219. margin-bottom: 0px;
  220. }
  221.  
  222.  
  223. a { color:{color:Links};
  224. text-decoration:none;
  225. -webkit-transition: all 0.2s linear;
  226. -moz-transition: all 0.2s linear;
  227. transition: all 0.2s linear;}
  228. a:hover {
  229. color:{color:Links Hover};
  230. -webkit-transition: all 0.2s linear;
  231. -moz-transition: all 0.2s linear;
  232. transition: all 0.2s linear;}
  233.  
  234.  
  235. #wrapper #content .post .quotebg {
  236. font-family: georgia, serif;
  237. font-size: 35px;
  238. opacity: 0.2;
  239. filter: alpha(opacity=20);
  240. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  241. position: absolute;
  242. top: 30px;
  243. left: 10px;
  244. }
  245.  
  246. #wrapper #content .post .quote {
  247. font-family: {font:body};
  248. font-style: oblique;
  249. font-size: 20px;
  250. line-height: 25px;
  251. padding: 20px 20px 5px 20px;
  252. }
  253.  
  254. #wrapper #content .post .copy {
  255. color: {color:text};
  256. padding: 8px;
  257. font-size: 13px;
  258. line-height: 15px;
  259. }
  260.  
  261. #wrapper #content .post .copy a {
  262. color: {color:links};
  263. text-decoration: none;
  264. -webkit-transition: all 0.2s linear;
  265. -moz-transition: all 0.2s linear;
  266. transition: all 0.2s linear;
  267. }
  268.  
  269. #wrapper #content .post .copy a:hover {
  270. color: {color:links hover};
  271. text-decoration: none;
  272. text-transform:uppercase;
  273. }
  274.  
  275. #wrapper #content .post .copy p {
  276. margin: 10px 0 0 0;
  277. padding: 0;
  278. }
  279.  
  280. #wrapper #content .post .copy pre {
  281. margin: 10px 0px 10px 0px;
  282. padding: 10px;
  283. font: normal 9px {font:body}, monospace;
  284. overflow: auto;
  285. }
  286.  
  287. #wrapper #content .post .copy > p:first-child {
  288. margin-top: 0;
  289. }
  290.  
  291. #wrapper #content .post .copy img {
  292. max-width: 100%;
  293. }
  294.  
  295. #wrapper #content .post .audio {
  296. padding: 7px;
  297. margin: 10px;
  298.  
  299. }
  300.  
  301. #wrapper #content .post .album_art {
  302. text-align: center;
  303. margin-bottom:-10px;
  304. }
  305.  
  306. #wrapper #content .post .audio .player {
  307. float: right;
  308.  
  309. }
  310.  
  311. #wrapper #content .post .audio .player .audio_player embed {
  312. border: 1px solid #c8c8c8;
  313. }
  314.  
  315. #wrapper #content .post .audio .meta {
  316. padding: 8px 13px;
  317. height: 13px;
  318. float: right;
  319. font-size: 11px;
  320. text-transform: lowercase;
  321. }
  322.  
  323. #wrapper #content .post .audio .meta a {
  324. color: #666;
  325. font-family: courier new;
  326. color: #666;
  327. text-decoration: none;
  328. }
  329.  
  330. #wrapper #content .post .question {
  331. font-size: 13px;
  332. font-weight: bold;
  333. -moz-border-radius: 8px;
  334. -webkit-border-radius: 8px;
  335. border-radius: 8px;
  336. margin: 0 0 15px 0;
  337. padding: 15px 20px;
  338. position: relative;
  339. }
  340.  
  341. #wrapper #content .post .question .nipple {
  342. width: 13px;
  343. height: 7px;
  344. background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  345. position: absolute;
  346. bottom: -7px;
  347. left: 30px;
  348. }
  349.  
  350. #wrapper #content .post .asker_container {
  351. margin: 0 0 20px 24px;
  352. }
  353.  
  354. #wrapper #content .post .asker_container img {
  355. margin: 0 12px -7px 0;
  356. -moz-border-radius: 10px;
  357. -webkit-border-radius: 10px;
  358. border-radius: 10px;
  359. }
  360.  
  361. #wrapper #content .post .asker_container a.asker {
  362. color: {color:Background};
  363. }
  364.  
  365. #wrapper #content .post .title {
  366. font-family:{font:body};
  367. color: {color:text};
  368. font-size: 16px;
  369. font-style: oblique;
  370. padding: 10px 10px 0 10px;
  371. text-align:center;
  372. }
  373.  
  374. #wrapper #content .post img {
  375. max-width: 400px;
  376. }
  377.  
  378. #wrapper #content .post .chat {
  379. border-left: 1px double {color:background};
  380. margin: 10px 10px 0 10px;
  381. font-size: 14px;
  382. }
  383.  
  384. #wrapper #content .post .chat .lines {
  385. margin-left: 1px;
  386. }
  387.  
  388. #wrapper #content .post .chat .lines .line {
  389. color: {color:text};
  390. margin-bottom: 1px;
  391. padding: 3px 5px;
  392. }
  393.  
  394. #wrapper #content .post .chat .lines .line.even {
  395. background: rgba(255, 255, 255, 0.2);
  396. }
  397.  
  398. #wrapper #content .post .link {
  399. margin: 4px 0px 2px 0;
  400. font-size: 16px;
  401. line-height: 25px;
  402. text-align:center;
  403. }
  404.  
  405. #wrapper #content .post .link a {
  406. color: {color:links};
  407. padding: 5px 7px;
  408. -moz-border-radius: 4px;
  409. -webkit-border-radius: 4px;
  410. border-radius: 4px;
  411. }
  412.  
  413. #wrapper #content .post .link a:hover {
  414. opacity: 0.1;
  415. filter: alpha(opacity=90);
  416. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  417. }
  418.  
  419.  
  420. #wrapper #content .tags a { color:{color:Links};}
  421. #wrapper #content .tags a:hover { color:{color:Links Hover};}
  422.  
  423.  
  424. #wrapper #content .post .footer {
  425. font-family: {font:body};
  426.  
  427. font-size: 13px;
  428. color: {color:text};
  429. {block:iftransparentfooter}background-color: {color:footer};{/block:iftransparentfooter}
  430. padding: 0px;
  431. margin: 1px 2px 1px;
  432. border-top: 1px solid {color:border};
  433. }
  434.  
  435. #wrapper #content .post .footer:hover {
  436. background: rgba(255, 255, 255, 0);
  437. filter: alpha(opacity=70);
  438. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  439. }
  440.  
  441.  
  442. #wrapper #content .post a {
  443. color: #6e7173;
  444. text-decoration: none;
  445. }
  446.  
  447. #wrapper #content .post .copy blockquote {
  448. margin: 10px 0px 10px 10px;
  449. padding-left: 5px;
  450. border-left: solid 1px #fff;
  451. }
  452.  
  453. #navigation {
  454. margin-top: 0px;
  455. text-align: center;
  456. padding-bottom: 15px;
  457. padding-top: 10px;
  458. font-size: 10px;
  459. text-transform: lowercase;
  460. }
  461.  
  462. #navigation a {
  463. color: {color:text};
  464. padding: 5px 6px;
  465. text-decoration: none;
  466. font-family:{font:body};
  467. }
  468.  
  469. #navigation a:hover {
  470. opacity: 0.7;
  471. filter: alpha(opacity=70);
  472. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  473. }
  474.  
  475. #navigation.jump_pagination {}
  476. #navigation.jump_pagination a {
  477. margin: 0 0 0 4px;
  478. }
  479.  
  480. #navigation.jump_pagination .current_page {
  481. color: {color:links};
  482. font-family:{font:body};
  483. font-size: 10px;
  484. padding: 5px 6px;
  485. margin: 0 0 0 4px;
  486. cursor: default;
  487. }
  488.  
  489. #navigation.jump_pagination .jump_page {}
  490.  
  491. #wrapper #content .post .notecontainer {
  492. background: #ffffff;
  493. {block:IfRoundedCorners}-moz-border-radius: 4px;
  494. -webkit-border-radius: 4px;
  495. border-radius: 4px;{/block:IfRoundedCorners}
  496. font-family: {font:body};
  497. font-size: 12px;
  498. color: {color:text};
  499. margin-top: 10px;
  500. margin-bottom: -10px;
  501. }
  502.  
  503. #wrapper #content .post .notecontainer a {
  504. color: {color:links};
  505. font-weight: bold;
  506. }
  507.  
  508. #wrapper #content .post .notecontainer a:hover {
  509. color: #000;
  510. font-weight: bold;
  511. }
  512.  
  513. #wrapper #content .post .notecontainer ol.notes {
  514. padding: 0px 0 10px 0;
  515. list-style-type: none;
  516. font-size: 11px;
  517. }
  518.  
  519. #wrapper #content .post .notecontainer ol.notes li.note {
  520. padding: 10px 10px 0 10px;
  521. }
  522.  
  523. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  524. vertical-align: -4px;
  525. margin-right: 10px;
  526. width: 16px;
  527. height: 16px;
  528. -moz-border-radius: 10px;
  529. -webkit-border-radius: 10px;
  530. border-radius: 10px;
  531. }
  532.  
  533. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  534. font-weight: normal;
  535. }
  536.  
  537. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  538. font-weight: normal;
  539. }
  540.  
  541. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  542. border-left: 2px dashed {color:blockquote};
  543. padding: 4px 10px;
  544. margin: 10px 0px 0px 25px;
  545. }
  546.  
  547. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  548. text-decoration: none;
  549. }
  550.  
  551. #wrapper #sidebar {
  552. {block:ifhighsidebar}margin-top:90px;{/block:ifhighsidebar}
  553. {block:ifnormalsidebar}margin-top:250px;{/block:ifnormalsidebar}
  554. {block:iflowsidebar}margin-top:550px;{/block:iflowsidebar}
  555. {block:iflowestsidebar}margin-top:650px;{/block:iflowestsidebar}
  556. margin-left: 215px;
  557. float: left;
  558. color: {color:description};
  559. font-family: {font:Body};
  560. font-size: 10px;
  561. }
  562. #wrapper #sidebar a {
  563. color: {color:links};
  564. -webkit-transition: all 0.3s ease-in-out;
  565. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  566. }
  567. #wrapper #sidebar a:hover {
  568. color: {color:links hover};
  569. }
  570. #wrapper #sidebar #top {
  571. {block:ifnottransparentsidebar}background: rgba(255, 255, 255, {text:post opacity});{/block:ifnottransparentsidebar}
  572. {block:iftransparentsidebar}background: # ;{/block:iftransparentsidebar}
  573. width: 120px;
  574. {block:ifsidebarborder}border: 1px solid {color:border};{/block:ifsidebarborder}
  575. position:fixed;
  576. padding: 0 21px;
  577.  
  578. {block:ifroundedcorners}
  579. -moz-border-radius: 10px;
  580. -webkit-border-radius: 10px;
  581. border-radius: 10px;
  582. {/block:ifroundedcorners}
  583. -webkit-transition: all 0.3s ease-in-out;
  584. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  585. {block:Ifsidebarshadow}{block:IfLightpostShadow}
  586. box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  587. -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  588. -moz-box-shadow: 0 0 12px rgba(255, 255, 255, 1); {/block:IfLightpostShadow}
  589. {block:IfnotlightpostShadow}
  590. box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  591. -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  592. -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 1);{/block:IfnotlightpostShadow}{/block:Ifsidebarshadow}
  593. }
  594.  
  595.  
  596. {block:ifreverseshadowonhover}
  597. #wrapper #sidebar #top:hover {
  598. {block:IfnotLightpostShadow}
  599. box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  600. -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 1);
  601. -moz-box-shadow: 0 0 12px rgba(255, 255, 255, 1); {/block:IfnotLightpostShadow}
  602. {block:IflightpostShadow}
  603. box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  604. -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 1);
  605. -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 1);{/block:IflightpostShadow}
  606. }{/block:ifreverseshadowonhover}
  607.  
  608. #wrapper #sidebar #top #description {
  609. font-size: 12px;
  610. color: {color:description text};
  611. position: relative;
  612. top: -8px;
  613. }
  614.  
  615. #wrapper #sidebar #top #description a {
  616. color: {color:links};
  617. text-decoration: none
  618. }
  619.  
  620. #wrapper #sidebar #top #description a:hover {
  621. color: {color:links hover};
  622. text-decoration: none;
  623. }
  624.  
  625. #wrapper #sidebar #top .heading {
  626. color: #fff;
  627. font-family: helvetica, arial, sans-serif;
  628. font-size: 17px;
  629. margin-top: 20px;
  630. padding: 10px;
  631. background-color: {color:Background};
  632. -webkit-border-top-left-radius: 4px;
  633. -webkit-border-top-right-radius: 4px;
  634. -moz-border-radius-topleft: 4px;
  635. -moz-border-radius-topright: 4px;
  636. border-top-left-radius: 4px;
  637. border-top-right-radius: 4px;
  638. }
  639.  
  640. #wrapper #sidebar #top a .heading {
  641. color: #fff;
  642. text-decoration: none;
  643. }
  644.  
  645. #wrapper #sidebar #top .content {
  646. margin-top: 2px;
  647. padding: 7px 10px;
  648. background: #eaeaea;
  649. color: #666;
  650. font-size: 11px;
  651. overflow: hidden;
  652. }
  653.  
  654. #wrapper #sidebar #top a {
  655. text-decoration: none;
  656. }
  657.  
  658. #wrapper #sidebar #bottom {
  659. background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent;
  660. width: 250px;
  661. height: 25px;
  662. }
  663. #s-m-t-tooltip {
  664. background: #fff;
  665. font-size: 10px;
  666. font-family: {font:Body};
  667. color: {color:text};
  668. max-width: 100px;
  669. word-wrap: break-word;
  670. padding: 1px 5px 2px 6px;
  671. display: block;
  672. margin: 10px 10px 10px 15px;
  673. }
  674.  
  675. .topp {right:60px;bottom:10px;position:fixed}
  676. .topp a{color:{color:text};text-shadow:0px 0px #ccc}
  677. .topp a:hover{color:{color:title hover};text-shadow:-0px -50px transparent}
  678.  
  679.  
  680. .purr {
  681. font-family:{font:Body};
  682. text-align:center;
  683. color:{color:text};
  684. display:block;
  685. font-size:12px;
  686. margin-top:5px;
  687. letter-spacing: 1px;
  688. }
  689.  
  690. .purr a:hover{
  691. color:{color:links hover};
  692. letter-spacing: 3px;
  693. }
  694.  
  695. .kitty {
  696. color: {color:text};
  697. font-size:15px;
  698. </style>
  699.  
  700. <style type="text/css">{CustomCSS}</style>
  701.  
  702. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  703.  
  704. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  705. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  706. <script>
  707. (function($){
  708. $(document).ready(function(){
  709. $("[title]").style_my_tooltips();
  710. });
  711. })(jQuery);
  712. </script>
  713.  
  714. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  715. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  716.  
  717.  
  718. <script type="text/javascript">
  719. $(window).load(function () {
  720. $('#content').masonry(),
  721. $('.masonryWrap').infinitescroll({
  722. itemSelector : ".post",
  723. navSelector : "div.navigation",
  724. nextSelector : ".navigation a#next",
  725. bufferPx : 10000,
  726. extraScrollPx: 10000,
  727. loadingImg : "",
  728. loadingText : "",
  729. },
  730. function() { $('#content').masonry({ appendedContent: $(this) });
  731. });
  732. });</script>
  733.  
  734.  
  735. </head>
  736. <body>
  737.  
  738. <div id="wrapper">
  739. <div id="bottom image" style="position:fixed; bottom:0px;left:60px;z-index:-1;"><img src="{image:bottom Image}"></div>
  740. <div id="sidebar">
  741. <div id="top"> <center><br>{block:ifimageinfrontofsidebar}<br><br><br>{/block:ifimageinfrontofsidebar}
  742. <a title="home" href="/"><img src="http://media.tumblr.com/6aca0d764fe5e18e1167e8c6d2ebb7df/tumblr_inline_mn2m1bdRic1qz4rgp.png"></a>
  743. <a title="ask" href="/ask"><img src="http://media.tumblr.com/649f94f2f210bc510d0b67756f861eb9/tumblr_inline_mn2m2bLZts1qz4rgp.png"></a>
  744. <a title="submit" href="/submit"><img src="http://media.tumblr.com/1993d10d01265cc0890de956820e8515/tumblr_inline_mn2m5djCbQ1qz4rgp.png"></a>
  745. <a title="theme" href="http://jubileethemes.tumblr.com"><img src="http://media.tumblr.com/1e21b4526d9646dc496210d1199117b9/tumblr_inline_mn2m46JRuI1qz4rgp.png"></a></center><br>
  746. <div id="description"><center>
  747. {block:ifinnersidebarimage}<img src="{image:Sidebar}" width="100"><br>{/block:ifinnersidebarimage}
  748. {Description}<br>
  749. {block:IfLinkButton}<br><center><div style="padding: 1px; margin-bottom:5px;"><div style=""><button type="button" class="button" onmouseover="this.sv=this.style.backgroundColor; this.style.backgroundColor='#f4f4f4';" onmouseout="if(this.sv)this.style.backgroundColor=this.sv; else this.style.backgroundColor='';" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none'; return false;" style="">{text:show}</button></div><div class="spoiler" style="display: none;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.parentNode.childNodes[0].style.display = ''; this.parentNode.parentNode.style.display = 'none'; return false;">{text:hide}</button></div>
  750.  
  751. <div class="purr">
  752.  
  753. <a href="{text:link 1 url}">{text:link 1 title}</a><br>
  754. <a href="{text:link 2 url}">{text:link 2 title}</a><br>
  755. <a href="{text:link 3 url}">{text:link 3 title}</a><br>
  756. <a href="{text:link 4 url}">{text:link 4 title}</a><br>
  757.  
  758.  
  759. </td>
  760. </tr>
  761. </div></div></center>{/block:IfLinkButton}
  762. </div>
  763.  
  764.  
  765.  
  766.  
  767. {block:ifnotinfinitescroll}
  768. {block:Pagination}
  769. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  770. {block:PreviousPage}<a href="{PreviousPage}"><img src="http://i.imgur.com/5JgaZ5A.gif"></a>{/block:PreviousPage}
  771.  
  772. {block:NextPage}<a href="{NextPage}"><img src="http://i.imgur.com/We8UrlV.gif"></a>{/block:NextPage}
  773. </div>
  774. {/block:Pagination}
  775. {/block:ifnotinfinitescroll}
  776.  
  777. <div class="clear"></div>
  778. </div>
  779. </div>
  780. <div id="content">
  781. {block:ifinfinitescroll}<div class="autopagerize_page_element">{/block:ifinfinitescroll}
  782.  
  783.  
  784. {block:Posts}
  785. <div class="post">{block:ifcenterposttext}<center>{/block:ifcenterposttext}
  786. {block:Photo}
  787. <div class="media"><div class="photo">{LinkOpenTag}<a href="{Permalink}">{block:indexpage}
  788. <img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:indexpage}
  789. {block:permalinkpage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:permalinkpage}
  790. {LinkCloseTag}</div></div></a>
  791. {block:IfCaption}<div class="copy">{Caption}</div>{/block:IfCaption}
  792. {block:IfNotCaption}{block:PermalinkPage}<div class="copy">{Caption}</div>{/block:PermalinkPage}{/block:IfNotCaption}
  793. {/block:Photo}
  794.  
  795. {block:Photoset}<div class="photo">
  796. <div class="media">{block:indexpage}
  797. {Photoset-400}{/block:indexpage}
  798. {block:permalinkpage}{Photoset-400}{/block:permalinkpage}
  799. </div></div>
  800. {block:IfCaption}<div class="copy">{Caption}</div>{/block:IfCaption}
  801. {block:IfNotCaption}{block:PermalinkPage}<div class="copy">{Caption}</div>{/block:PermalinkPage}{/block:IfNotCaption}
  802. {/block:Photoset}
  803.  
  804. {block:Video}
  805. <div class="media">{block:indexpage}
  806. {Video-400}{/block:indexpage}
  807. {block:permalinkpage}{Video-500}{/block:permalinkpage}
  808. </div>
  809. {block:IfCaption}<div class="copy">{Caption}</div>{/block:IfCaption}
  810. {block:IfNotCaption}{block:PermalinkPage}<div class="copy">{Caption}</div>{/block:PermalinkPage}{/block:IfNotCaption}
  811. {/block:Video}
  812.  
  813. {block:Audio}
  814. {block:IfShowAlbumArt}
  815. {block:AlbumArt}
  816. <div class="album_art"><div class="photo">
  817. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:20px;{block:IndexPage}
  818. max-width:400px;
  819. {/block:IndexPage}
  820. {block:PermalinkPage} max-width:500px; {/block:PermalinkPage} " />
  821. </div></div>
  822. {/block:AlbumArt}{/block:IfShowAlbumArt}
  823. <div id="audioplayer">{AudioPlayerWhite} </div>
  824. <div class="copy">{Caption}</div>
  825. {/block:Audio}
  826.  
  827. {block:Quote}
  828. <div class="quote {Length}">{Quote}</div>
  829. <div class="copy">
  830. <div class="quotebg">“</div>
  831. {block:Source}
  832. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  833. <tr>
  834. <td valign="top" style="width:20px;">&mdash;</td>
  835. <td valign="top" class="quote_source">
  836. {Source}
  837. </td>
  838. </tr>
  839. </table>
  840. {/block:Source}
  841. </div>
  842. {/block:Quote}
  843.  
  844. {block:Text}
  845. {block:Title}<div class="title">{Title}</div>{/block:Title}
  846. <div class="copy">{Body}</div>
  847. {/block:Text}
  848.  
  849. {block:Answer}
  850. <div class="question">
  851. <div class="nipple"></div>
  852. {Question}
  853. </div>
  854. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  855. <div class="copy">{Answer}</div>
  856. {/block:Answer}
  857.  
  858. {block:Chat}
  859. {block:Title}<div class="title">{Title}</div>{/block:Title}
  860. <div class="chat">
  861. <div class="lines">
  862. {block:Lines}
  863. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  864. {/block:Lines}
  865. </div>
  866. </div>
  867. <div class="clear"></div>
  868. <div style="height:10px;"></div>
  869. {/block:Chat}
  870.  
  871. {block:Link}
  872. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  873. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  874. {/block:Link}
  875.  
  876. {block:Date}
  877. <a href="{Permalink}"><div class="footer for_permalink"><center><div class="date"><a style="color:{color:text}" href="{Permalink}" title="{timeago}">{block:ifpermalinkimage}<img src="{image:permalink}"; height="50px" max-width="399px">{/block:ifpermalinkimage}{block:ifnotpermalinkimage} {NoteCount} {text:notes}{/block:ifnotpermalinkimage}</a> {block:indexpage}{block:ifnotpermalinkimage}{block:ifshowreblog}// <a style="color:{color:text}" href="{ReblogURL}" title="Reblog" target="_blank" class="details"> Reblog</a> {/block:ifshowreblog}{/block:ifnotpermalinkimage}{block:indexpage}{block:permalinkpage}// {ShortMonth} {DayOfMonth},{Year}{/block:permalinkpage}
  878. <br> {block:ifshowtag}{block:HasTags}{block:Tags}
  879. #<a class="tags" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}{/block:HasTags} {/block:ifshowtag}
  880. {block:ifnotshowtag}{block:permalinkpage}{block:HasTags}{block:Tags}
  881. #<a class="tags" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}{/block:HasTags}{/block:permalinkpage}{/block:ifnotshowtag}
  882.  
  883. </div>
  884. <div class="clear"></div></a>
  885. {/block:Date}
  886.  
  887. <div style="display:none">{block:ContentSource}{block:Reblog}<a href="{ReblogParentURL}">Via: {ReblogParentName}</a>{/block:Reblog}<a href="{SourceURL}" class="source_url">Source: {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}</div>
  888. <div class="clear"></div>
  889. </div>
  890. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  891. </div>{block:ifcenterposttext}</center>{/block:ifcenterposttext}
  892. {/block:Posts}
  893. {block:ifinfinitescroll}</div>{/block:ifinfinitescroll}
  894. {block:ifnotinfinitescroll}<br><center>{block:Pagination}{/block:Pagination}{/block:ifnotinfinitescroll}
  895. </div>
  896.  
  897. {block:IndexPage}
  898. <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
  899. <div class="topp"><a style="display: inline;" href="javascript:;" id="mbTop" title="scroll to top"><font size="4">{text:scrolltotop}</font></a></div>
  900. {/block:IndexPage}
  901. {block:ifimagebehindsidebar}
  902. <div style="position:fixed; margin-top: {text:sidebar image top}px; margin-left: {text:sidebar image right}px; z-index:-1;"><img src="{image:large sidebar}"> <a href="/"></div>
  903. {/block:ifimagebehindsidebar}
  904. {block:ifimageinfrontofsidebar}
  905. <div style="position:fixed; margin-top: {text:sidebar image top}px; margin-left: {text:sidebar image right}px; z-index:1;"><img src="{image:large sidebar}"> <a href="/"></div>
  906. {/block:ifimageinfrontofsidebar}
  907. <a href="http://jubileethemes.tumblr.com" title="jubilee themes"><div style="position:fixed;left:10px;bottom:5px;font-size:25px;opacity:0.8">☁</div></a>
  908. </body>
  909. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!