API tools faq
paste
Advertisement
OmgImAlexis

Untitled

OmgImAlexis
Apr 19th, 2014
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 72.61 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.  
  4. wrap redux edit by steph tukut
  5. (tukut.tumblr.com)
  6. do not remove credit or redistribute thank u ~
  7.  
  8. -->
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <head>
  11.  
  12. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  13.  
  14. <style type="text/css">
  15. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  16. </style>
  17.  
  18.  
  19.  
  20. <!-- DEFAULT VARIABLES -->
  21. <meta name="color:Background" content="#fff" />
  22. <meta name="color:navigation" content="#b4f5ff" />
  23. <meta name="color:Body" content="#0e0d0d" />
  24. <meta name="color:navtext" content="#5770ff" />
  25. <meta name="color:navborder" content="#bdf1ff" />
  26. <meta name="color:link" content="#9100ff" />
  27. <meta name="color:post" content="#b3e7fd" />
  28. <meta name="color:footertext" content="#4a79c2" />
  29. <meta name="color:linkhover" content="#080809" />
  30. <meta name="color:footerborder" content="#464646" />
  31. <meta name="color:postborder" content="#454546" />
  32. <meta name="color:footer" content="#d8f8ff" />
  33. <meta name="color:sidebar" content="#baacfd" />
  34. <meta name="color:question" content="#beefff" />
  35.  
  36. <meta name="color:blockquote" content="#acacac" />
  37. <meta name="color:questionborder" content="#525151" />
  38.  
  39.  
  40. <meta name="color:sidebarborder" content="#747475" />
  41.  
  42. <meta name="font:Body" content="Arial" />
  43. <meta name="font:Accent" content="Lucida Sans" />
  44.  
  45.  
  46.  
  47.  
  48.  
  49. <meta name="if:Show Tags" content="1" />
  50. <meta name="if:musicbox" content="0" />
  51. <meta name="if:navmenu" content="1" />
  52. <meta name="if:Show Album Art on Audio Posts" content="1" />
  53. <meta name="if:bgcover" content="0" />
  54. <meta name="if:rounded" content="1" />
  55. <meta name="if:questionborder" content="1" />
  56. <meta name="if:solidcolorposts" content="1" />
  57. <meta name="if:solidcolorsidebar" content="1" />
  58. <meta name="if:showfloaties" content="1" />
  59. <meta name="if:transparentfooters" content="0" />
  60. <meta name="if:dark" content="0" />
  61. <meta name="if:light" content="0" />
  62. <meta name="if:glow1" content="0" />
  63. <meta name="if:glow2" content="0" />
  64. <meta name="if:glow3" content="0" />
  65. <meta name="if:glow4" content="0" />
  66. <meta name="if:glow5" content="0" />
  67. <meta name="if:glow6" content="0" />
  68. <meta name="if:glowsidebar" content="1" />
  69. <meta name="if:showcaptions" content="1" />
  70. <meta name="if:glow7" content="0" />
  71. <meta name="if:postshadow" content="1" />
  72. <meta name="if:sidebarshadow" content="1" />
  73. <meta name="if:customfont" content="1" />
  74. <meta name="if:footerborder" content="0" />
  75. <meta name="if:postborder" content="1" />
  76.  
  77. <meta name="if:500px" content="0" />
  78. <meta name="if:400px" content="0" />
  79.  
  80. <meta name="if:450px" content="0" />
  81. <meta name="if:250px" content="1" />
  82. <meta name="if:navbutton" content="0" />
  83. <meta name="if:fadedimages" content="1" />
  84.  
  85. <meta name="if:sidebarborder" content="1" />
  86.  
  87. <meta name="if:infinitescroll" content="0"/>
  88.  
  89.  
  90.  
  91. <meta name="image:SidebarImage" content="" />
  92. <meta name="image:Background" content="" />
  93. <meta name="image:BottomImage" content="" />
  94. <meta name="image:Favicon" content="" />
  95. <meta name="image:floatie1" content="" />
  96. <meta name="image:floatie2" content="" />
  97. <meta name="image:floatie3" content="" />
  98. <meta name="image:floatie4" content="" />
  99. <meta name="image:floatie5" content="" />
  100.  
  101. <!------------------------------------------------------
  102. -->
  103. <meta name="text:ImgLeft" content="50" />
  104. <meta name="text:ImgTop" content="-65" />
  105. <meta name="text:musicboxposition" content="-100" />
  106. <meta name="text:link 1 url" content="" />
  107. <meta name="text:link 2 url" content="" />
  108. <meta name="text:link 3 url" content="" />
  109. <meta name="text:link 4 url" content="" />
  110. <meta name="text:link 5 url" content="" />
  111. <meta name="text:link 1" content="" />
  112. <meta name="text:link 2" content="" />
  113. <meta name="text:link 3" content="" />
  114. <meta name="text:link 4" content="" />
  115. <meta name="text:link 5" content="" />
  116. <meta name="text:music code" content="" />
  117. <meta name="text:nav title" content="navigation" />
  118. <meta name="text:sidebaropacity" content=".56" />
  119. <meta name="text:postopacity" content=".56" />
  120. <meta name="text:fontsize" content="10" />
  121. <meta name="text:bottomImgX" content="10" />
  122. <meta name="text:bottomImgY" content="10" />
  123. <meta name="text:openbutton" content="open" />
  124. <meta name="text:closebutton" content="close" />
  125. <meta name="text:sidebarheight" content="200" />
  126.  
  127. {block:ifinfinitescroll}
  128.  
  129. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  130. {/block:ifinfinitescroll}
  131.  
  132. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  133. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  134. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  135. <link rel="shortcut icon" href="{image:Favicon}" />
  136. <link rel="apple-touch-icon" href="{image:Favicon}"/>
  137. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  138. <style type="text/css">
  139.  
  140.  
  141.  
  142.  
  143.  
  144. {block:iffadedimages}
  145. .post img{
  146. -webkit-transition: opacity 0.3s linear;
  147. opacity: 0.60;
  148. }
  149. .post img:hover{
  150. -webkit-transition: opacity 0.3s linear;
  151. opacity: 1;
  152. }
  153.  
  154.  
  155. {/block:iffadedimages}
  156.  
  157.  
  158.  
  159. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  160.  
  161.  
  162.  
  163.  
  164.  
  165. body {
  166. background: {color:Background} url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;
  167. -webkit-background-size: cover;
  168. -moz-background-size: cover;
  169. -o-background-size: cover;
  170. background-size: cover; {/block:ifbgcover}
  171.  
  172.  
  173.  
  174.  
  175. {block:ifnotbgcover} top left fixed repeat {block:ifnotbgcover};
  176. margin: 0;
  177. margin-left: -280px;
  178. padding: 0;
  179. font-family: {font:Body};
  180. }
  181.  
  182.  
  183.  
  184.  
  185.  
  186. .clear {
  187. clear: both;
  188. height: 0px;
  189. overflow: hidden;
  190. }
  191.  
  192. a img {
  193.  
  194.  
  195. }
  196.  
  197. #wrapper {
  198.  
  199. {block:if500px} width: 820px; {/block:if500px}
  200. {block:if400px} width: 720px; {/block:if400px}
  201. {block:if450px} width: 770px; {/block:if450px}
  202. {block:if250px} width: 550px; {/block:if250px}
  203. margin: 0 auto;
  204. }
  205.  
  206. #wrapper #title {
  207. margin: 30px 260px;
  208. color: {color:body};
  209. font-size: 50px;
  210. font-weight: bold;
  211. font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:body}{/block:ifnotcustomfont};
  212. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  213. letter-spacing: -1px;
  214. }
  215.  
  216. #wrapper #title a {
  217. color: {color:body};
  218. text-decoration: none;
  219. }
  220.  
  221. #wrapper #content {
  222. {block:if400px} width: 420px; {/block:if400px}
  223. {block:if450px} width: 470px; {/block:if450px}
  224.  
  225. {block:if500px} width: 520px; {/block:if500px}
  226. {block:if250px} width: 270px; {/block:if250px}
  227. float: right;
  228. }
  229.  
  230. #wrapper #content .post {
  231.  
  232. {block:ifpostshadow}
  233. box-shadow:rgba(0,0,0,0.1)6px 6px; {/block:ifpostshadow}
  234. {block:ifrounded}
  235. -moz-border-radius:7px;-webkit-border-radius: 7px;border-radius: 7px; {/block:ifrounded}
  236.  
  237.  
  238. -webkit-transition: all .2s ease-in-out;
  239. -moz-transition: all .2s ease-in-out;
  240. -o-transition: all .2s ease-in-out;
  241.  
  242.  
  243. /*
  244.  
  245. {block:ifdark} border: 1px solid rgba(0,0,0, 0.2); {/block:ifdark}
  246.  
  247.  
  248. {block:iflight} border: 1px solid rgba(255,255,255, 0.2); {/block:iflight}*/
  249.  
  250. {block:ifpostborder} border: 1px solid {color:postborder}; {/block:ifpostborder}
  251.  
  252.  
  253.  
  254. {block:ifnotsolidcolorposts}
  255.  
  256.  
  257. {block:ifdark} background: rgba(0,0,0, {text:postopacity}); {/block:ifdark} {block:iflight} background: rgba(255,255,255, {text:postopacity}); {/block:iflight}
  258.  
  259. {/block:ifnotsolidcolorposts}
  260.  
  261. {block:ifsolidcolorposts}
  262. background: {color:post};
  263. {/block:ifsolidcolorposts}
  264.  
  265.  
  266. {block:if500px}left:40px; {/block:if500px}
  267.  
  268. margin-top: 50px;
  269. font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:body}{/block:ifnotcustomfont};
  270.  
  271.  
  272.  
  273. padding: 8px;
  274. position: relative;
  275.  
  276. {block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  277. -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  278. -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1); {/block:ifglow1}
  279.  
  280. {block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  281. -webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  282. -moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1); {/block:ifglow2}
  283.  
  284. {block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  285. -webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  286. -moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1); {/block:ifglow3}
  287.  
  288. {block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  289. -webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  290. -moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1); {/block:ifglow4}
  291.  
  292. {block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  293. -webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  294. -moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1); {/block:ifglow5}
  295.  
  296. {block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  297. -webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  298. -moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1); {/block:ifglow6}
  299.  
  300. {block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  301. -webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  302. -moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
  303. }
  304.  
  305.  
  306. #wrapper #content .post:hover {
  307.  
  308. }
  309.  
  310.  
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321. #wrapper #content .post .media {
  322. text-align: center;
  323. margin-bottom: 10px;
  324. }
  325.  
  326. #wrapper #content .post .quotebg {
  327. font-family: georgia, serif;
  328. font-size: 60px;
  329. color: white;
  330. opacity: 0.2;
  331. filter: alpha(opacity=20);
  332. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  333. position: absolute;
  334. top: 26px;
  335. left: 10px;
  336. }
  337.  
  338. #wrapper #content .post .quote {
  339.  
  340.  
  341.  
  342.  
  343.  
  344.  
  345.  
  346.  
  347. {block:ifrounded}
  348. -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; {/block:ifrounded}
  349. /* background: #eaeaea; */
  350.  
  351. float: center;
  352. color: {color:body};
  353. padding: 5px 5px 5px 25px;
  354. }
  355.  
  356. #wrapper #content .post .quote.short { font-size: 12px;
  357. line-height: 14px;
  358. }
  359.  
  360. #wrapper #content .post .quote.medium { font-size: 12px;
  361. line-height: 14px;
  362. }
  363.  
  364. #wrapper #content .post .quote.long {
  365. font-size: 14px;
  366. line-height: 20px;
  367. }
  368.  
  369. #wrapper #content .post .quote_source *:first-child {
  370. margin-top: 0px;
  371. }
  372.  
  373. #wrapper #content .post .quote_source *:last-child {
  374. margin-bottom: 0px;
  375. }
  376.  
  377. #wrapper #content .post .quote *:first-child {
  378. margin-top: 0px;
  379. }
  380.  
  381. #wrapper #content .post .quote *:last-child {
  382. margin-bottom: 0px;
  383. }
  384.  
  385. #wrapper #content .post .copy {
  386. margin-top: -10px;
  387. color: {color:body};
  388. padding: 10px;
  389. font-size: {text:fontsize}px;
  390. line-height: 15px;
  391. }
  392.  
  393. #wrapper #content .post .copy a {
  394. color: {color:link};
  395. -webkit-transition: all .2s ease-in-out;
  396. -moz-transition: all .2s ease-in-out;
  397. -o-transition: all .2s ease-in-out;
  398. text-decoration: none;
  399. }#wrapper #content .post .copy a:hover {
  400. color: {color:linkhover};
  401. text-decoration: underline;
  402. -webkit-transition: all .2s ease-in-out;
  403. -moz-transition: all .2s ease-in-out;
  404. -o-transition: all .2s ease-in-out;
  405. }
  406.  
  407. #wrapper #content .post .copy p {
  408. margin: 10px 0 0 0;
  409. padding: 0;
  410. }
  411.  
  412. #wrapper #content .post .copy pre {
  413. margin: 10px 0px 10px 0px;
  414. padding: 10px;
  415. background-color: {color:body};
  416. font: normal 11px Courier, monospace;
  417. overflow: auto;
  418. }
  419.  
  420. #wrapper #content .post .copy > p:first-child {
  421. margin-top: 0;
  422. }
  423.  
  424. #wrapper #content .post .copy img {
  425. max-width: 100%;
  426.  
  427. }
  428.  
  429. #wrapper #content .post .audio { {block:ifrounded}
  430. -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; {/block:ifrounded}
  431. {block:ifnotsolidcolorposts} {block:ifdark} background: rgba(0,0,0, 0.2);
  432. /* background: #eaeaea; */
  433. border: 1px solid rgba(0,0,0, 0.2); {/block:ifdark}
  434.  
  435.  
  436. {block:iflight} background: rgba(255,255,255, 0.2);
  437.  
  438.  
  439.  
  440.  
  441.  
  442. /* background: #eaeaea; */
  443. border: 1px solid rgba(255,255,255, 0.2); {/block:iflight}
  444. {/block:ifnotsolidcolorposts}
  445.  
  446.  
  447.  
  448. {block:ifsolidcolorposts}
  449. background: rgba(255,255,255, 0.2);
  450.  
  451.  
  452.  
  453. /* background: #eaeaea; */
  454. border: 1px solid rgba(255,255,255, 0.2);
  455.  
  456.  
  457. {/block:ifsolidcolorposts}
  458.  
  459.  
  460. float: center;
  461. padding: 7px;
  462. margin-bottom: 10px;
  463. }
  464.  
  465. #wrapper #content .post .audio .player {
  466. float: center;
  467. opacity: .7;
  468.  
  469. }
  470.  
  471. #wrapper #content .post .audio .player .audio_player embed {
  472. border: 1px solid rgba(0,0,0, 0.2);
  473. float:center;
  474. }
  475.  
  476.  
  477.  
  478. #wrapper #content .post .audio .meta {
  479. padding: 8px 13px;
  480. height: 13px;
  481. float: center;
  482. color:{color:body};
  483. font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:accent}{/block:ifnotcustomfont};
  484. font-size: 10px;
  485. text-transform: lowercase;
  486. }
  487.  
  488. #wrapper #content .post .audio .meta a {
  489. color: {color:body};
  490. text-decoration: none;
  491. }
  492.  
  493. #wrapper #content .post .album_art {
  494. text-align: center;
  495. }
  496.  
  497. #wrapper #content .post .question {
  498. color: {color:body};
  499. font-size: 11px;
  500. {block:ifquestionborder} border: 1px solid {color:questionborder}; {/block:ifquestionborder}
  501. background: {color:Question}; {block:ifrounded}
  502. -moz-border-radius: 7px;
  503. -webkit-border-radius: 7px;
  504. border-radius: 7px; {/block:ifrounded}
  505.  
  506. padding: 10px 10px;
  507. position: relative;
  508.  
  509. }
  510.  
  511.  
  512. #wrapper #content .post .asker_container {
  513. margin: 0 0 20px 10px;
  514. }
  515.  
  516. #wrapper #content .post .asker_container img {
  517. margin-left: 9px;
  518. margin-top: 3px;
  519. margin-right: 5px;
  520. margin-bottom: -8px;
  521. font-size: 10px;
  522. {block:ifquestionborder}
  523.  
  524.  
  525. border: 1px solid {color:questionborder}; {/block:ifquestionborder}
  526. }
  527.  
  528. #wrapper #content .post .asker_container a.asker {
  529. color: {color:Body};
  530. font-size: 11px;
  531. }
  532.  
  533. #wrapper #content .post .title {
  534. color: {color:body};
  535. font-size: 16px;
  536. font-weight: bold;
  537. padding: 10px 10px 0 10px;
  538. }
  539.  
  540. #wrapper #content .post img {
  541. max-width: 100%;
  542.  
  543. /* border: 1px solid rgba(255,255,255, 0.4); */
  544. {block:ifrounded}
  545. -moz-border-radius:7px;-webkit-border-radius: 7px;border-radius: 7px; {/block:ifrounded}
  546. }
  547.  
  548. #wrapper #content .post .chat {
  549.  
  550.  
  551. {block:ifrounded}
  552. -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; {/block:ifrounded}
  553.  
  554. /* border-left: 5px solid #dedddd;
  555. margin: 10px 10px 0 10px; */
  556. font-size: 12px;
  557. }
  558.  
  559. #wrapper #content .post .chat .lines {
  560. margin-left: 1px;
  561. }
  562.  
  563. #wrapper #content .post .chat .lines .line {
  564. /* background-color: #eaeaea;*/
  565. color: {color:body};
  566. margin-bottom: 1px;
  567. padding: 3px 5px;
  568. }
  569.  
  570. #wrapper #content .post .chat .lines .line.even {
  571. /* background-color: gray; */
  572. }
  573.  
  574. #wrapper #content .post .link {
  575. margin: 4px 0 2px 0;
  576. font-size: 14px;
  577. line-height: 25px;
  578. }
  579.  
  580. #wrapper #content .post .link a {
  581.  
  582.  
  583.  
  584. /* background: #eaeaea; */
  585.  
  586. color: {color:link};
  587. padding: 5px 7px;
  588. }
  589.  
  590. #wrapper #content .post .link a:hover {
  591. opacity: 0.9;
  592. filter: alpha(opacity=90);
  593. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  594. }
  595.  
  596.  
  597.  
  598. #wrapper #content .post .footer {
  599.  
  600. -webkit-transition: all .2s ease-in-out;
  601. -moz-transition: all .2s ease-in-out;
  602. -o-transition: all .2s ease-in-out;
  603. {block:ifrounded}
  604. -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; {/block:ifrounded}
  605. {block:iffooterborder} border: 1px solid {color:footerborder}; {/block:iffooterborder}
  606.  
  607. {block:ifnottransparentfooters}
  608.  
  609.  
  610.  
  611.  
  612. background-color: {color:footer};
  613.  
  614.  
  615.  
  616. {/block:ifnottransparentfooters}
  617.  
  618. font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:accent}{/block:ifnotcustomfont};
  619. font-size: 10px;
  620. color: {color:footertext};
  621. padding: 1px 3px;
  622. margin-top: 3px;
  623. }
  624.  
  625.  
  626.  
  627. #wrapper #content .post .footer:hover {
  628.  
  629.  
  630. margin-left: 15px;
  631.  
  632. -webkit-transition: all .2s ease-in-out;
  633. -moz-transition: all .2s ease-in-out;
  634. -o-transition: all .2s ease-in-out;
  635. }
  636.  
  637. #wrapper #content .post .footer.for_permalink:hover {
  638. opacity: 0.9;
  639. filter: alpha(opacity=90);
  640. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  641. }
  642.  
  643. #wrapper #content .post .footer .date {
  644. width: 67%;
  645. float: left;
  646. color: {color:footertext};
  647. }
  648.  
  649. #wrapper #content .post .footer .notes {
  650. width: 33%;
  651. float: right;
  652. text-align: right;
  653. color: {color:footertext};
  654. }
  655.  
  656. #wrapper #content .post .footer .notes a {
  657. ccolor: {color:footertext};
  658. }
  659.  
  660. #wrapper #content .post .footer .tags a {
  661. color: {color:footertext};
  662. text-decoration: none;
  663. }
  664.  
  665. text-decoration: underline;
  666. }
  667.  
  668. #wrapper #content .post .footer .tags .tag-commas:last-child {
  669. display: none;
  670. }
  671.  
  672. #wrapper #content .post .footer.with_source_url .tags {
  673. max-width: 330px;
  674. float: left;
  675. }
  676.  
  677. #wrapper #content .post .footer.with_source_url .source_url {color: {color:footertext};
  678. float: right;
  679. max-width: 160px;
  680. overflow: hidden;
  681. white-space: nowrap;
  682.  
  683. }
  684.  
  685. #wrapper #content .post .footer.with_source_url .source_url img {
  686. vertical-align: top;
  687. -moz-opacity: 0.5;
  688. opacity: 0.5;
  689. }
  690.  
  691. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  692. -moz-opacity: 0.7;
  693. opacity: 0.7;
  694. }
  695.  
  696.  
  697. #wrapper #content .post a {
  698. color: #6e7173;
  699. text-decoration: none;
  700. }
  701.  
  702. #wrapper #content .post .copy blockquote {
  703. margin: 7px 0px 7px 7px;
  704. padding-left: 9px;
  705.  
  706. border-left: solid 2px {color:blockquote};
  707. }
  708.  
  709. #wrapper #content .post .copy blockquote blockquote {
  710. border-left: solid 2px {color:blockquote};
  711.  
  712. }
  713.  
  714. #wrapper #content .post .copy blockquote blockquote blockquote { border-left: solid 2px {color:blockquote};
  715. }
  716.  
  717. #wrapper #content .post .copy blockquote blockquote blockquote blockquote { border-left: solid 2px {color:blockquote};
  718. }
  719.  
  720. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote { border-left: solid 2px {color:blockquote};
  721. }
  722.  
  723. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  724. border-left: solid 2px {color:blockquote};
  725. }
  726.  
  727. #wrapper #content .bottom {
  728. /* background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
  729. width: 513px; */
  730. height: 0px;
  731. margin: 0 auto;
  732. }
  733. /*jonas brothers*/
  734. #wrapper #content #navigation {
  735.  
  736. text-align: right;
  737. margin-top: 30px;
  738. padding-bottom: 35px;
  739. text-transform: lowercase;
  740. }
  741.  
  742. #wrapper #content #navigation a {
  743. border: 1px solid {color:postborder};
  744. {block:ifrounded}
  745. -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; {/block:ifrounded}
  746.  
  747.  
  748. {block:ifnotsolidcolorposts} {block:ifdark}
  749. background-color: rgba(0,0,0,{text:postopacity});
  750. {/block:ifdark}
  751.  
  752. {block:iflight}
  753. background-color: rgba(255,255,255, {text:postopacity}); {/block:iflight}
  754. {/block:ifnotsolidcolorposts}
  755.  
  756. {block:ifsolidcolorposts}
  757.  
  758. background-color: {color:post};
  759.  
  760. {/block:ifsolidcolorposts}
  761.  
  762. color: {color:link};
  763. padding: 5px 10px;
  764. text-decoration: none;
  765. margin-left: 20px;
  766. }
  767.  
  768. #wrapper #content #navigation a:hover {
  769. opacity: 0.9;
  770. filter: alpha(opacity=90);
  771. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  772. }
  773.  
  774. #wrapper #content #navigation.jump_pagination {}
  775.  
  776. #wrapper #content #navigation.jump_pagination a {
  777. margin: 0 0 0 4px;
  778. }
  779.  
  780. #wrapper #content #navigation.jump_pagination .current_page {
  781. color: {color:body};
  782. background-color: rgba(255,255,255, {text:postopacity});
  783. border: 2px solid #fff;
  784. padding: 3px 8px;
  785. margin: 0 0 0 4px;
  786. cursor: default;
  787. }
  788.  
  789. #wrapper #content #navigation.jump_pagination .jump_page {}
  790.  
  791. #wrapper #content .post .notecontainer {
  792. background: ;
  793. -moz-border-radius: 4px;
  794. -webkit-border-radius: 4px;
  795. border-radius: 4px;
  796. font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:accent}{/block:ifnotcustomfont};
  797. font-size: 11px;
  798. color: {color:body};
  799. margin-top: 10px;
  800. margin-bottom: -10px;
  801. }
  802.  
  803. #wrapper #content .post .notecontainer a {
  804. color: {color:link};
  805. text-decoration: underline;
  806. }
  807.  
  808. #wrapper #content .post .notecontainer ol.notes {
  809. padding: 0px 0 10px 0;
  810. list-style-type: none;
  811. font-size: 11px;
  812. }
  813.  
  814. #wrapper #content .post .notecontainer ol.notes li.note {
  815. padding: 10px 10px 0 10px;
  816. }
  817.  
  818. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  819. vertical-align: -4px;
  820. margin-right: 10px;
  821. width: 16px;
  822. height: 16px;
  823. }
  824.  
  825. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  826. font-weight: normal;
  827. }
  828.  
  829. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  830. font-weight: normal;
  831. }
  832.  
  833. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  834. border-left: 2px solid #fff;
  835. padding: 4px 10px;
  836. margin: 10px 0px 0px 25px;
  837. }
  838.  
  839. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  840. text-decoration: none;
  841. }
  842.  
  843. #wrapper #content #searchresults {
  844. color: #fff;
  845. margin: 0 0 15px 0;
  846. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  847. font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:body}{/block:ifnotcustomfont};
  848. font-size: 20px;
  849. }
  850.  
  851. #wrapper #content #searchresults .search_query {
  852. font-weight: bold;
  853. }
  854.  
  855. #wrapper #content #searchresults .search_query:before {
  856. content:'“';
  857. }
  858.  
  859. #wrapper #content #searchresults .search_query:after {
  860. content:'”';
  861. }
  862.  
  863. #wrapper #sidebar {
  864.  
  865.  
  866.  
  867. margin-top: {text:sidebarheight}px;
  868. position:fixed;
  869. width: 160px;
  870. float: left;
  871.  
  872.  
  873. {block:if500px} margin-left: 100px; {/block:if500px}
  874. color: {color:body};
  875. font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:Accent}{/block:ifnotcustomfont};
  876. }
  877.  
  878. #wrapper #sidebar a {
  879. color: {color:Background};
  880. }
  881.  
  882. #wrapper #sidebar #top {
  883.  
  884.  
  885.  
  886. {block:ifsidebarborder} border: 1px solid {color:sidebarborder}; {/block:ifsidebarborder}
  887.  
  888.  
  889. margin-top: 3px;
  890. {block:ifsidebarshadow}
  891. box-shadow:rgba(0,0,0,0.1)6px 6px; {/block:ifsidebarshadow}
  892.  
  893. {block:ifrounded}
  894. -moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; {/block:ifrounded}
  895.  
  896. /*butternut*/
  897. {block:ifnotsolidcolorsidebar} {block:ifdark}
  898. background: rgba(0,0,0, {text:sidebaropacity});
  899. {/block:ifdark}
  900. {block:iflight}
  901. background: rgba(255,255,255, {text:sidebaropacity});
  902. {/block:iflight}
  903.  
  904.  
  905. {/block:ifnotsolidcolorsidebar}
  906.  
  907. {block:ifsolidcolorsidebar} background: {color:sidebar}; {/block:ifsolidcolorsidebar}
  908.  
  909.  
  910.  
  911. padding: 7px 7px 0px 7px;
  912.  
  913. {block:ifglowsidebar}
  914.  
  915. {block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  916. -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  917. -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1); {/block:ifglow1}
  918.  
  919. {block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  920. -webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  921. -moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1); {/block:ifglow2}
  922.  
  923. {block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  924. -webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  925. -moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1); {/block:ifglow3}
  926.  
  927. {block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  928. -webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  929. -moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1); {/block:ifglow4}
  930.  
  931. {block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  932. -webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  933. -moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1); {/block:ifglow5}
  934.  
  935. {block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  936. -webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  937. -moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1); {/block:ifglow6}
  938.  
  939. {block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  940. -webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  941. -moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
  942.  
  943. {/block:ifglowsidebar}
  944.  
  945. -webkit-transition: all .2s ease-in-out;
  946. -moz-transition: all .2s ease-in-out;
  947. -o-transition: all .2s ease-in-out;}
  948.  
  949. #wrapper #sidebar #top:hover{
  950.  
  951.  
  952.  
  953. }
  954.  
  955. #wrapper #sidebar #top #pages {
  956. margin-bottom: 15px;
  957. font-size: 12px;
  958. }
  959.  
  960. #wrapper #sidebar #top #pages.ask_and_submit {
  961. display: none;
  962. {block:AskEnabled}display: block;{/block:AskEnabled}
  963. {block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}
  964. }
  965.  
  966. #wrapper #sidebar #top #pages a.page {
  967. border: 1px solid #696969;
  968. background: rgba(0,0,0, 0.07);
  969. display: block;
  970. float: left;
  971. color: {color:body};
  972. padding: 4px 5px;
  973. margin: 0 5px 5px 0;
  974. }
  975.  
  976. #wrapper #sidebar #top #pages a.page:last-child {
  977. margin-right: 0;
  978. }
  979.  
  980. #wrapper #sidebar #top #pages a.page:hover {
  981. opacity: 0.9;
  982. filter: alpha(opacity=90);
  983. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  984. }
  985.  
  986. #wrapper #sidebar #top #description {
  987. z-index: 999999999999;
  988. font-size: {text:fontsize}px;
  989. position: relative;
  990.  
  991. line-height: 14px;
  992. }
  993.  
  994. #wrapper #sidebar #top #description a {
  995. color: {color:link};
  996.  
  997. }
  998.  
  999. #wrapper #sidebar #top #description a:hover {
  1000. color: {color:linkhover};
  1001. text-decoration: underline;
  1002. -webkit-transition: all 0.2s ease-out;
  1003. -moz-transition: all 0.2s ease-out;
  1004. transition: all 0.2s ease-out;
  1005. }
  1006.  
  1007.  
  1008.  
  1009. #wrapper #sidebar #top .content {
  1010. margin-top: 2px;
  1011. padding: 7px 10px;
  1012. background: #eaeaea;
  1013. color: #fff;
  1014. font-size: 11px;
  1015. overflow: hidden;
  1016. }
  1017.  
  1018. #wrapper #sidebar #top a {
  1019. text-decoration: none;
  1020. }
  1021.  
  1022. #wrapper #sidebar #top #following-avatars.content {
  1023. padding: 4px;
  1024. }
  1025.  
  1026. #wrapper #sidebar #top #following-avatars.content a img {
  1027. margin: 5px;
  1028. }
  1029.  
  1030. #wrapper #sidebar #top #buttons {
  1031. padding: 20px 0 0 0;
  1032. }
  1033.  
  1034. #wrapper #sidebar #top #buttons .button {
  1035. width: 35%;
  1036. height: 21px;
  1037. float: left;
  1038. background: left center no-repeat transparent;
  1039. padding: 2px 0 0 30px;
  1040. font-size: 14px;
  1041. }
  1042.  
  1043. #wrapper #sidebar #top #buttons a {
  1044. color: {color:Background};
  1045. text-decoration: none;
  1046. }
  1047.  
  1048. #wrapper #sidebar #top #buttons div {
  1049. padding-bottom: 10px;
  1050. }
  1051.  
  1052. #wrapper #sidebar #top #buttons .button#button-rss {
  1053. background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');
  1054. text-transform: capitalize;
  1055. }
  1056.  
  1057. #wrapper #sidebar #top #buttons .button#button-random {
  1058. background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2');
  1059. }
  1060.  
  1061. #wrapper #sidebar #top #buttons .button#button-archive {
  1062. background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');
  1063. }
  1064.  
  1065. #wrapper #sidebar #top #buttons .button#button-mobile {
  1066. background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');
  1067. }
  1068.  
  1069. #wrapper #sidebar #bottom {
  1070. }
  1071.  
  1072. #wrapper #sidebar #copyright {
  1073. text-align: center;
  1074. color: #fff;
  1075. font-size: 12px;
  1076. margin-bottom: 10px;
  1077. }
  1078.  
  1079. #wrapper #sidebar #copyright a {
  1080. color: #fff;
  1081. margin-left: 15px;
  1082. }
  1083.  
  1084.  
  1085.  
  1086. /* --------------------SIDEBAR 2 -----------------*/
  1087.  
  1088.  
  1089. #wrapper #sidebar2 {
  1090.  
  1091.  
  1092.  
  1093. margin-top: -30px;
  1094. margin-left: {text:musicboxposition}px;
  1095. line-height: 15px;
  1096.  
  1097. position:fixed;
  1098. width: 58px;
  1099. float: left;
  1100. color: {color:body};
  1101. font-family: {block:ifcustomfont}bitxmap{block:ifcustomfont}{block:ifnotcustomfont}{font:Accent}{/block:ifnotcustomfont};
  1102. }
  1103.  
  1104.  
  1105. #wrapper #sidebar2 #top {
  1106.  
  1107.  
  1108.  
  1109. {block:ifsidebarborder} border: 1px solid {color:sidebarborder}; {/block:ifsidebarborder}
  1110.  
  1111.  
  1112. margin-top: 3px;
  1113. {block:ifsidebarshadow}
  1114. box-shadow:rgba(0,0,0,0.1)5px 5px; {/block:ifsidebarshadow}
  1115.  
  1116. {block:ifrounded}
  1117. -moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; {/block:ifrounded}
  1118.  
  1119. /*butternut*/
  1120. {block:ifnotsolidcolorsidebar} {block:ifdark}
  1121. background: rgba(0,0,0, {text:sidebaropacity});
  1122. {/block:ifdark}
  1123. {block:iflight}
  1124. background: rgba(255,255,255, {text:sidebaropacity});
  1125. {/block:iflight}
  1126.  
  1127.  
  1128. {/block:ifnotsolidcolorsidebar}
  1129.  
  1130. {block:ifsolidcolorsidebar} background: {color:sidebar}; {/block:ifsolidcolorsidebar}
  1131.  
  1132.  
  1133.  
  1134. padding: 7px 7px 0px 0;
  1135.  
  1136. {block:ifglowsidebar}
  1137.  
  1138. {block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  1139. -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  1140. -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1); {/block:ifglow1}
  1141.  
  1142. {block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  1143. -webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  1144. -moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1); {/block:ifglow2}
  1145.  
  1146. {block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  1147. -webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  1148. -moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1); {/block:ifglow3}
  1149.  
  1150. {block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  1151. -webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  1152. -moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1); {/block:ifglow4}
  1153.  
  1154. {block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  1155. -webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  1156. -moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1); {/block:ifglow5}
  1157.  
  1158. {block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  1159. -webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  1160. -moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1); {/block:ifglow6}
  1161.  
  1162. {block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  1163. -webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  1164. -moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
  1165.  
  1166. {/block:ifglowsidebar}
  1167.  
  1168. -webkit-transition: all .2s ease-in-out;
  1169. -moz-transition: all .2s ease-in-out;
  1170. -o-transition: all .2s ease-in-out;}
  1171.  
  1172. #wrapper #sidebar2 #top:hover{
  1173.  
  1174.  
  1175.  
  1176. }
  1177.  
  1178.  
  1179.  
  1180.  
  1181.  
  1182.  
  1183.  
  1184.  
  1185.  
  1186.  
  1187. #wrapper #sidebar2 #top .content {
  1188. margin-top: 0px;
  1189. padding: 7px 10px;
  1190. font-size: 11px;
  1191. overflow: hidden;
  1192. }
  1193.  
  1194. #wrapper #sidebar2 #top a {
  1195. text-decoration: none;
  1196. }
  1197.  
  1198.  
  1199.  
  1200. </style>
  1201. <!--[if lt IE 7.]>
  1202. <style type="text/css">
  1203. #wrapper #sidebar #bottom {
  1204. background: transparent;
  1205. }
  1206.  
  1207. #wrapper #sidebar #top #avatar {
  1208. background: none;
  1209. }
  1210.  
  1211. #wrapper #sidebar #top #avatar img {
  1212. border: 5px solid #f1f1f1;
  1213. }
  1214.  
  1215. #wrapper #sidebar #top .heading#followontumblr {
  1216. background-image: none;
  1217. text-indent: 0;
  1218. }
  1219.  
  1220. #wrapper #sidebar #top .heading#twitter {
  1221. background-image: none;
  1222. }
  1223.  
  1224. #wrapper #sidebar #top .heading#following {
  1225. background-image: none;
  1226. }
  1227.  
  1228. #wrapper #content .post .audio .player {
  1229. float: none;
  1230. }
  1231.  
  1232. #wrapper #content .post .audio .meta {
  1233. display: none;
  1234. float: none;
  1235. }
  1236. </style>
  1237. <![endif]-->
  1238.  
  1239. <!--[if lt IE 8.]>
  1240. <style type="text/css">
  1241. #wrapper #content .bottom {
  1242. background: transparent;
  1243. }
  1244.  
  1245. #wrapper #content .post .footer {
  1246. background: transparent;
  1247. color: #000;
  1248. }
  1249.  
  1250. #wrapper #content .post .audio {
  1251. float: none;
  1252. background: transparent;
  1253. }
  1254.  
  1255. #wrapper #content .post .notecontainer .notes {
  1256. padding: 0;
  1257. margin: 0;
  1258. }
  1259. </style>
  1260. <![endif]-->
  1261. <style type="text/css">{CustomCSS}</style>
  1262.  
  1263.  
  1264. </head>
  1265.  
  1266.  
  1267.  
  1268. <body>
  1269.  
  1270.  
  1271. <div style="position:absolute; top:85px; right:5px;">
  1272. <a href="http://angel.tumblr.com/"><img style="border:0;" src="http://i58.tinypic.com/29vpdv.png" alt="Angel" width="300" height="255"></a>
  1273. </div>
  1274.  
  1275.  
  1276.  
  1277.  
  1278.  
  1279. {block:ifshowfloaties}
  1280.  
  1281. <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  1282. <script type="text/javascript">
  1283.  
  1284. /***********************************************
  1285. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  1286. * Modified by Dynamic Drive for various improvements
  1287. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  1288. * Using CSB or Trellix: use an INSERT HTML box to hold your script and put your js and images into web components (webgem in Trellix). Then you MUST change each gEMDIR to GEMDIR before using code!
  1289. ***********************************************/
  1290.  
  1291. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  1292. var flyimage1, flyimage2, flyimage3, flyimage4, flyimage5
  1293.  
  1294. function pagestart(){
  1295. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  1296. flyimage1=new Chip("flyimage1",40,62);
  1297. flyimage2=new Chip("flyimage2",40,62);
  1298. flyimage3=new Chip("flyimage3",40,62);
  1299. flyimage4=new Chip("flyimage4",40,62);
  1300. flyimage5=new Chip("flyimage5",40,62);
  1301.  
  1302.  
  1303. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  1304. movechip("flyimage1");
  1305. movechip("flyimage2");
  1306. movechip("flyimage3");
  1307. movechip("flyimage4");
  1308. movechip("flyimage5");
  1309.  
  1310. }
  1311.  
  1312. if (window.addEventListener)
  1313. window.addEventListener("load", pagestart, false)
  1314. else if (window.attachEvent)
  1315. window.attachEvent("onload", pagestart)
  1316. else if (document.getElementById)
  1317. window.onload=pagestart
  1318.  
  1319. </script>
  1320.  
  1321. <!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->
  1322.  
  1323.  
  1324. <div id="flyimage1" style="position:absolute; right: -500px; width:40; height:62; font-size:10px;">
  1325. <img src="{image:floatie1}">
  1326. </div>
  1327.  
  1328. <div id="flyimage2" style="position:absolute; right: -600px; width:40; height:62; font-size:10px;">
  1329. <img src="{image:floatie2}">
  1330. </div>
  1331.  
  1332. <div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  1333. <img src="{image:floatie3}">
  1334. </div>
  1335.  
  1336. <div id="flyimage4" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  1337. <img src="{image:floatie4}">
  1338. </div>
  1339.  
  1340. <div id="flyimage5" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  1341. <img src="{image:floatie5}">
  1342. </div>
  1343.  
  1344. </div>
  1345.  
  1346.  
  1347. {/block:ifshowfloaties}
  1348. <div id="wrapper">
  1349. <!-- <div id="title">
  1350. <a href="/">
  1351. {block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
  1352. {block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
  1353. </a>
  1354. </div>-->
  1355.  
  1356. <div id="content">
  1357.  
  1358. {block:SearchPage}
  1359. {block:SearchResults}
  1360. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  1361. {/block:SearchResults}
  1362.  
  1363. {block:NoSearchResults}
  1364. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  1365. {/block:NoSearchResults}
  1366. {/block:SearchPage}
  1367.  
  1368. {block:ifinfinitescroll} <div class="autopagerize_page_element">{/block:ifinfinitescroll}
  1369. {block:Posts}
  1370.  
  1371.  
  1372.  
  1373.  
  1374.  
  1375. {block:ContentSource}
  1376.  
  1377. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1378.  
  1379. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1380.  
  1381. {/block:SourceLogo}
  1382.  
  1383. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1384.  
  1385. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1386.  
  1387.  
  1388. <div class="post">
  1389.  
  1390. {block:Photo}
  1391.  
  1392. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="max-width:100%;" />{LinkCloseTag}</div>
  1393.  
  1394. {block:ifshowcaptions} {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} {/block:ifshowcaptions}
  1395. {/block:Photo}
  1396.  
  1397. {block:Video}
  1398. <div class="media">{block:if400px}{Video-400}{/block:if400px}
  1399.  
  1400. {block:if450px}{Video-400}{/block:if450px}
  1401. {block:if500px}{Video-500}{/block:if500px}
  1402. {block:if250px}{Video-250}{/block:if250px}</div>
  1403. {block:ifshowcaptions} {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} {/block:ifshowcaptions}
  1404. {/block:Video}
  1405.  
  1406. {block:Audio}
  1407.  
  1408. {block:AudioEmbed}
  1409. {AudioEmbed}
  1410. {/block:AudioEmbed}
  1411.  
  1412. {block:AudioPlayer}
  1413. {block:IfShowAlbumArtOnAudioPosts}
  1414. {block:AlbumArt}
  1415. <div class="album_art">
  1416. <img src="{AlbumArtURL}" style="width: 200px;" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  1417. </div>
  1418. {/block:AlbumArt}
  1419. {/block:IfShowAlbumArtOnAudioPosts}
  1420.  
  1421. <div class="audio">
  1422. <div class="player">{AudioPlayerWhite}</div>
  1423. <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>
  1424. <div class="clear"></div>
  1425. </div>
  1426. {/block:AudioPlayer}
  1427.  
  1428. <div class="clear"></div>
  1429.  
  1430. {block:ifshowcaptions} {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} {/block:ifshowcaptions}
  1431.  
  1432. {/block:Audio}
  1433.  
  1434. {block:Quote}
  1435. <div class="quote {Length}">{Quote}</div>
  1436. <div class="copy">
  1437. <div class="quotebg">“</div>
  1438. {block:Source}
  1439. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1440. <tr>
  1441. <td valign="top" style="width:20px;">&mdash;</td>
  1442. <td valign="top" class="quote_source">
  1443. {Source}
  1444. </td>
  1445. </tr>
  1446. </table>
  1447. {/block:Source}
  1448. </div>
  1449. {/block:Quote}
  1450.  
  1451. {block:Text}
  1452. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1453. <div class="copy">{Body}</div>
  1454. {/block:Text}
  1455.  
  1456. {block:Answer}
  1457. <div class="question">
  1458. <div class="nipple"></div>
  1459. {Question}
  1460. </div>
  1461. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1462. <div class="copy">{Answer}</div>
  1463. {/block:Answer}
  1464.  
  1465. {block:Chat}
  1466. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1467. <div class="chat">
  1468. <div class="lines">
  1469. {block:Lines}
  1470. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1471. {/block:Lines}
  1472. </div>
  1473. </div>
  1474. <div class="clear"></div>
  1475. <div style="height:10px;"></div>
  1476. {/block:Chat}
  1477.  
  1478. {block:Link}
  1479. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1480. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1481. {/block:Link}
  1482.  
  1483. {block:Date}
  1484. <a href="{Permalink}">
  1485. <div class="footer for_permalink">
  1486. <div class="date">
  1487. {block:Reblog}
  1488. {TimeAgo} {block:RebloggedFromReblog}{/block:RebloggedFromReblog}
  1489. {/block:Reblog}
  1490.  
  1491. {block:NotReblog}
  1492. {TimeAgo}
  1493. {/block:NotReblog}
  1494. </div>
  1495. <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>
  1496. <div class="clear"></div>
  1497. </div>
  1498. </a>
  1499. {/block:Date}
  1500.  
  1501. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="display:block;">
  1502. {block:IfShowTags}
  1503. {block:HasTags}<div class="tags"> {block:Tags}#<a href="{TagURL}">{Tag}</a><span class="tag-commas"> </span>{/block:Tags}</div>{/block:HasTags}
  1504. {/block:IfShowTags}
  1505. {block:IfNotShowTags}<a href="{ReblogURL}">Reblog</a>{/block:IfNotShowTags}
  1506.  
  1507. {block:ContentSource}
  1508. <a href="{SourceURL}" class="source_url">
  1509. {lang:Source}:
  1510. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1511. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  1512. </a>
  1513. {/block:ContentSource}
  1514.  
  1515. <div class="clear"></div>
  1516. </div>
  1517.  
  1518. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1519.  
  1520. {block:IfDisqusShortname}
  1521. {block:Permalink}
  1522. <div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
  1523. <div id="disqus_thread"></div>
  1524. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  1525. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  1526. </div>
  1527. <div style="text-align:right; margin-top:5px;">
  1528. {lang:Blog comments powered by Disqus 2}
  1529. </div>
  1530. {/block:Permalink}
  1531. {/block:IfDisqusShortname}
  1532.  
  1533. </div>
  1534. <div class="bottom"></div>
  1535. {/block:Posts}
  1536.  
  1537.  
  1538. {block:ifinfinitescroll} </div>{/block:ifinfinitescroll}
  1539. {block:ifnotinfinitescroll}
  1540. {block:Pagination}
  1541. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  1542. {block:PreviousPage}<a href="{PreviousPage}">&larr; </a>{/block:PreviousPage}
  1543.  
  1544. {block:IfEnableJumpPagination}
  1545. {block:JumpPagination length="5"}
  1546. {block:CurrentPage}
  1547. <span class="current_page">{PageNumber}</span>
  1548. {/block:CurrentPage}
  1549.  
  1550. {block:JumpPage}
  1551. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1552. {/block:JumpPage}
  1553.  
  1554. {/block:JumpPagination}
  1555. {/block:IfEnableJumpPagination}
  1556.  
  1557. {block:NextPage}<a href="{NextPage}"> &rarr;</a>{/block:NextPage}
  1558. </div>
  1559. {/block:Pagination}{/block:ifnotinfinitescroll}
  1560.  
  1561.  
  1562. </div>
  1563.  
  1564. {block:ifmusicbox}
  1565. <div id="sidebar2">
  1566.  
  1567. <div id="top">
  1568. <br><br>
  1569.  
  1570. {text:music code}
  1571.  
  1572. <br> <br></div> </div> {/block:ifmusicbox}
  1573.  
  1574. <div id="sidebar">
  1575.  
  1576.  
  1577.  
  1578.  
  1579.  
  1580. <div style="position:absolute; left:{text:ImgLeft}px; top:{text:ImgTop}px; z-index: 999;">
  1581.  
  1582. <a href="/">
  1583.  
  1584. <img style="border: 0;" src="{image:SidebarImage}" title="{title}" />
  1585.  
  1586. </a>
  1587.  
  1588.  
  1589.  
  1590. </div>
  1591.  
  1592.  
  1593.  
  1594. <div id="top">
  1595.  
  1596.  
  1597.  
  1598. <div id="description"><center>{Description}
  1599.  
  1600.  
  1601.  
  1602. {block:ifnavbutton}
  1603.  
  1604. <center>
  1605. <div style="margin-top: 10px; margin-left: 0px; margin-bottom:-10px;
  1606.  
  1607. font-size: 10px;
  1608. font-family: {block:ifcustomfont}bitxmap{/block:ifcustomfont}{block:ifnotcustomfont}{font:accent} {/block:ifnotcustomfont};
  1609.  
  1610.  
  1611. color:{color:link};
  1612.  
  1613.  
  1614. text-decoration:none;
  1615.  
  1616. "><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:openbutton}</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:closebutton}</button></div>
  1617. <div class="num"><a href="/">home</a> <br>
  1618. <div class="num"><a href="/ask">ask</a> <br>
  1619. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}<br></a>{/block:iflink1}
  1620. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}<br></a>{/block:iflink2}
  1621. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}<br></a>{/block:iflink3}
  1622. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}<br></a>{/block:iflink4}
  1623.  
  1624. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a><br>{/block:iflink5}
  1625. <a href="http://tukut.tumblr.com/">credit</a>
  1626.  
  1627. </div>
  1628. </td>
  1629. </tr>
  1630. </div></div>
  1631. </center>
  1632.  
  1633. {/block:ifnavbutton} <center>
  1634. {block:ifnavmenu}<br>
  1635.  
  1636. <select onChange="location=this.options[this.selectedIndex].value;" style="font:10px
  1637.  
  1638. {block:ifcustomfont}bitxmap{/block:ifcustomfont}{block:ifnotcustomfont}{font:accent} {/block:ifnotcustomfont}
  1639.  
  1640. ;
  1641. margin-right: 0px;
  1642. margin-bottom: -10px;
  1643. color:{color:navtext};
  1644. border: 1px solid {color:navborder};
  1645. float:center;
  1646.  
  1647.  
  1648.  
  1649. background-color: {color:navigation};
  1650.  
  1651.  
  1652. {block:ifglow1} box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  1653. -webkit-box-shadow: 0 0 11px rgba(255, 255, 255, 1);
  1654. -moz-box-shadow: 0 0 11px rgba(255, 255, 255, 1); {/block:ifglow1}
  1655.  
  1656. {block:ifglow2} box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  1657. -webkit-box-shadow: 0 0 11px rgba(105, 240, 255, 1);
  1658. -moz-box-shadow: 0 0 11px rgba(105, 240, 255, 1); {/block:ifglow2}
  1659.  
  1660. {block:ifglow3} box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  1661. -webkit-box-shadow: 0 0 11px rgba(255, 161, 238, 1);
  1662. -moz-box-shadow: 0 0 11px rgba(255, 161, 238, 1); {/block:ifglow3}
  1663.  
  1664. {block:ifglow4} box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  1665. -webkit-box-shadow: 0 0 11px rgba(59, 255, 81, 1);
  1666. -moz-box-shadow: 0 0 11px rgba(59, 255, 81, 1); {/block:ifglow4}
  1667.  
  1668. {block:ifglow5} box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  1669. -webkit-box-shadow: 0 0 11px rgba(255, 0, 0, 1);
  1670. -moz-box-shadow: 0 0 11px rgba(255, 0, 0, 1); {/block:ifglow5}
  1671.  
  1672. {block:ifglow6} box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  1673. -webkit-box-shadow: 0 0 11px rgba(0, 0, 255, 1);
  1674. -moz-box-shadow: 0 0 11px rgba(0, 0, 255, 1); {/block:ifglow6}
  1675.  
  1676. {block:ifglow7} box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  1677. -webkit-box-shadow: 0 0 11px rgba(170, 0, 255, 1);
  1678. -moz-box-shadow: 0 0 11px rgba(170, 0, 255, 1); {/block:ifglow7}
  1679.  
  1680.  
  1681.  
  1682. -webkit-appearance: none;text-align:center;margin-top:2px;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;">
  1683. <option value="">{text:nav title}</option><option value="/">home</option>{/block:iflink1}
  1684. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
  1685. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
  1686. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
  1687. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
  1688. {block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}<option value="http://tukut.tumblr.com/">theme</option>
  1689. </select>
  1690. </form>
  1691. </center>
  1692. {/block:ifnavmenu}
  1693.  
  1694.  
  1695.  
  1696. </center></div>
  1697. <br>
  1698. <center>
  1699.  
  1700.  
  1701.  
  1702.  
  1703.  
  1704.  
  1705.  
  1706.  
  1707.  
  1708.  
  1709.  
  1710. </center>
  1711. </div>
  1712.  
  1713.  
  1714.  
  1715.  
  1716.  
  1717.  
  1718.  
  1719. <div id="bottom">
  1720.  
  1721.  
  1722.  
  1723.  
  1724. </div>
  1725.  
  1726.  
  1727.  
  1728.  
  1729.  
  1730. </div>
  1731.  
  1732.  
  1733.  
  1734.  
  1735.  
  1736.  
  1737. <div style="position:fixed; right:{text:bottomimgX}px; bottom:{text:bottomimgY}px; z-index: -1;">
  1738.  
  1739.  
  1740.  
  1741. <img src="{image:BottomImage}">
  1742.  
  1743. </a>
  1744.  
  1745.  
  1746.  
  1747. </div>
  1748.  
  1749.  
  1750.  
  1751.  
  1752.  
  1753. </body>
  1754.  
  1755. <script language="JavaScript">
  1756. // FHS Tumblr follower counter and tracker
  1757. var height = '26';
  1758. document.write('<script language="JavaScript" src="http://tc.freehostedscripts.net/tcounter.php?url=jasun.me&name=Followers&s=1&h=' + height + '"><\/script>');
  1759. </script>
  1760.  
  1761.  
  1762. </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!