API tools faq
paste
Advertisement
pee

butter 400px no tags op. dropshadow

pee
May 28th, 2013
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.69 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. .": o :': ;': o :".
  5. `. `-' .'. .'. `-' .'
  6. `---' `---'
  7.  
  8. _...----... ... ... ...----..._
  9. .-'__..-""'---- `. `"` .' ----'""-..__`-.
  10. '.-' _.--"""' `-._.-' '"""--._ `-.`
  11. ' .-"' : `"-. `
  12. ' `. _.'"'._ .' `
  13. `. ,.-'" "'-., .'
  14. `. .'
  15. `-._ _.-'
  16. `"'--...___...--'"`
  17. i fuckin love cats any questions ask peerra.tumblr.com
  18. -->
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20. <head>
  21.  
  22. <!-- DEFAULT VARIABLES -->
  23. <meta name="color:Background" content="#3b627e" />
  24. <meta name="color:scrollbar bg" content="" />
  25. <meta name="color:scrollbar piece" content="" />
  26. <meta name="color:scrollbar border" content="" />
  27. <meta name="color:highlight" content="" />
  28. <meta name="color:link type 1 bg" content="" />
  29. <meta name="color:borders" content="" />
  30. <meta name="color:footer" content="" />
  31. <meta name="color:footer text" content="" />
  32. <meta name="color:footer hover" content="" />
  33. <meta name="color:question" content="" />
  34. <meta name="color:question background" content="" />
  35. <meta name="color:blockquote" content="" />
  36. <meta name="color:description text" content="" />
  37. <meta name="color:music player bg">
  38.  
  39. <meta name="font:Body" content="Arial" />
  40. <meta name="font:Accent" content="Lucida Sans" />
  41.  
  42. <meta name="if:Show Album Art on Audio Posts" content="0" />
  43. <meta name="if:Enable Jump Pagination" content="0" />
  44. <meta name="if:only highlight words" content="0" />
  45. <meta name="if:white iframe" content="1" />
  46. <meta name="if:rounded scrollbar" content="1" />
  47. <meta name="if:rounded corners" content="0" />
  48. <meta name="if:link type 1" content="0" />
  49. <meta name="if:link type 2" content="0" />
  50. <meta name="if:link 1" content="0" />
  51. <meta name="if:link 2" content="0" />
  52. <meta name="if:link 3" content="0" />
  53. <meta name="if:link 4" content="0" />
  54. <meta name="if:link 5" content="0" />
  55. <meta name="if:link 6" content="0" />
  56. <meta name="if:imageontopsidebar" content="0" />
  57. <meta name="if:imageinsidesidebar" content="0" />
  58. <meta name="if:custom cursor" content="1" />
  59. <meta name="if:music player" content="0" />
  60. <meta name="if:imagebehindsidebar" content="0" />
  61. <meta name="if:500px" content="0"/>
  62. <meta name="if:400px" content="1" />
  63. <meta name="if:dropshadow" content="0" />
  64.  
  65. <meta name="image:Background" content="" />
  66. <meta name="image:top" content="" />
  67. <meta name="image:sidebarbg" content="" />
  68. <meta name="image:footer" content="" />
  69. <meta name="image:permalink" content="" />
  70. <meta name="image:bottom" content="" />
  71. <meta name="image:sidebar" content="" />
  72. <meta name="image:extra" content="" />
  73. <meta name="image:favicon" content="" />
  74. <meta name="image:floatie" content="" />
  75. <meta name="image:music pixel" content="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif" />
  76. <meta name="image:cursor" content="http://media.tumblr.com/tumblr_lqs4q20Ybe1qfoi4t.png" />
  77. <meta name="image:cursor hover" content="http://media.tumblr.com/tumblr_lqs4hlRKDl1qfoi4t.png" />
  78.  
  79. <meta name="text:link 1 title" content="" />
  80. <meta name="text:link 2 title" content="" />
  81. <meta name="text:link 3 title" content="" />
  82. <meta name="text:link 4 title" content="" />
  83. <meta name="text:link 5 title" content="" />
  84. <meta name="text:link 6 title" content="" />
  85. <meta name="text:link 1 url" content="" />
  86. <meta name="text:link 2 url" content="" />
  87. <meta name="text:link 3 url" content="" />
  88. <meta name="text:link 4 url" content="" />
  89. <meta name="text:link 5 url" content="" />
  90. <meta name="text:link 6 url" content="" />
  91. <meta name="text:post space" content="40" />
  92. <meta name="text:sidebar image top" content="0" />
  93. <meta name="text:sidebar image right" content="0" />
  94. <meta name="text:sidebar hover" content="i love chihiro" />
  95. <meta name="text:sidebar position" content="0" />
  96. <meta name="text:music player code" content="music code" />
  97. <meta name="text:sidebar width" content="200" />
  98.  
  99. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  100. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  101. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  102. <link rel="shortcut icon" href="{image:favicon}" />
  103. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  104. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  105. <style type="text/css">
  106.  
  107. {block:ifonlyhighlightwords}
  108. ::selection {
  109. background: transparent;
  110. color: {color:highlight};
  111. }
  112.  
  113. ::-moz-selection {
  114. background: transparent;
  115. color: {color:highlight};
  116. }
  117. {/block:ifonlyhighlightwords}
  118.  
  119. {block:IfWhiteIframe}
  120. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  121.  
  122. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  123. {/block:IfWhiteIframe}
  124.  
  125. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  126.  
  127. ::-webkit-scrollbar {
  128. width:10px;
  129. height:10px;
  130. background: {color:scrollbar bg};
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb {
  134. background: {color:scrollbar piece};
  135. border: 1px solid {color:Scrollbar Border};
  136. {block:ifroundedscrollbar}
  137. -webkit-border-radius:5px;
  138. border-radius:5px;
  139. -moz-border-radius:5px;;
  140. {/block:ifroundedscrollbar}
  141. }
  142.  
  143. body {
  144. background: {color:Background} url('{image:Background}') top left fixed repeat;
  145. margin: 0;
  146. padding: 0;
  147. font-family: {font:Body};
  148. {block:ifcustomcursor}cursor: url({image:cursor}), url({image:cursor}), progress !important;{/block:ifcustomcursor}}
  149.  
  150. {block:ifcustomcursor}
  151. a:hover {
  152. cursor:url({image:cursor hover}), url({image:cursor hover}), progress!important;}
  153.  
  154. #cursor {position:fixed;z-index:-1;top:0px;left:0px;width:100%;height:100;cursor: url({image:cursor}), url({image:cursor}), progress !important;}
  155.  
  156. #cursor a:hover {
  157. cursor: url({image:cursor}), url({image:cursor}), progress !important
  158. ;}
  159. {/block:ifcustomcursor}
  160.  
  161. #lace {
  162. width:100%;
  163. height:200px;
  164. background: url('{image:top}') top fixed repeat-x;
  165. position:fixed;
  166. margin-top:-120px;
  167. }
  168.  
  169.  
  170. .clear {
  171. clear: both;
  172. height: 0px;
  173. overflow: hidden;
  174. }
  175.  
  176. a img {
  177. border: none;
  178. }
  179.  
  180.  
  181. #wrapper {
  182. width: 845px;
  183. margin: 0 auto;
  184. }
  185.  
  186. #wrapper #title {
  187. margin: 30px 0;
  188. color: #fff;
  189. font-size: 50px;
  190. font-weight: bold;
  191. font-family: {font:Title};
  192. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  193. letter-spacing: -1px;
  194. }
  195.  
  196. #wrapper #title a {
  197. color: #fff;
  198. text-decoration: none;
  199. }
  200.  
  201. #wrapper #content {
  202. {block:if500px}width: 500px;{/block:if500px}
  203. {block:if400px}width:400px;{/block:if400px}
  204. float: left;
  205. }
  206.  
  207. #wrapper #content .post {
  208. {block:if500px}width:500px;{/block:if500px}
  209. {block:if400px}width:400px;{/block:if400px}
  210. font-family: {font:Body};
  211. border: 1px solid {color:borders};
  212. background: #fff;
  213. padding: 10px;
  214. position: relative;
  215. {block:ifdropshadow}box-shadow:rgba(0,0,0,0.1)10px 10px;{/block:ifdropshadow}
  216. {block:ifroundedcorners}
  217. -moz-border-radius: 10px;
  218. -webkit-border-radius: 10px;
  219. border-radius: 10px;
  220. {/block:ifroundedcorners}
  221. }
  222.  
  223. #wrapper #content .post .media {
  224. text-align: center;
  225. margin-bottom: 10px;
  226. }
  227.  
  228. #wrapper #content .post .quotebg {
  229. font-family: georgia, serif;
  230. font-size: 150px;
  231. color: {color:Background};
  232. opacity: 0.2;
  233. filter: alpha(opacity=20);
  234. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  235. position: absolute;
  236. top: 70px;
  237. left: 10px;
  238. }
  239.  
  240. #wrapper #content .post .quote {
  241. color: {color:Background};
  242. font-weight: bold;
  243. padding: 20px 20px 5px 20px;
  244. }
  245.  
  246. #wrapper #content .post .quote.short {
  247. font-size: 33px;
  248. line-height: 35px;
  249. }
  250.  
  251. #wrapper #content .post .quote.medium {
  252. font-size: 25px;
  253. line-height: 28px;
  254. }
  255.  
  256. #wrapper #content .post .quote.long {
  257. font-size: 18px;
  258. line-height: 22px;
  259. }
  260.  
  261. #wrapper #content .post .quote_source *:first-child {
  262. margin-top: 0px;
  263. }
  264.  
  265. #wrapper #content .post .quote_source *:last-child {
  266. margin-bottom: 0px;
  267. }
  268.  
  269. #wrapper #content .post .quote *:first-child {
  270. margin-top: 0px;
  271. }
  272.  
  273. #wrapper #content .post .quote *:last-child {
  274. margin-bottom: 0px;
  275. }
  276.  
  277. #wrapper #content .post .copy {
  278. color: #666;
  279. padding: 10px;
  280. font-size: 13px;
  281. line-height: 15px;
  282. }
  283.  
  284. #wrapper #content .post .copy a {
  285. color: {color:background};
  286. text-decoration: underline;
  287. }
  288.  
  289. #wrapper #content .post .copy p {
  290. margin: 10px 0 0 0;
  291. padding: 0;
  292. }
  293.  
  294. #wrapper #content .post .copy pre {
  295. margin: 10px 0px 10px 0px;
  296. padding: 10px;
  297. background-color: #e6e6e6;
  298. font: normal 11px Courier, monospace;
  299. overflow: auto;
  300. }
  301.  
  302. #wrapper #content .post .copy > p:first-child {
  303. margin-top: 0;
  304. }
  305.  
  306. #wrapper #content .post .copy img {
  307. max-width: 100%;
  308. }
  309.  
  310. #wrapper #content .post .audio {
  311. background: #ffffff;
  312. float: left;
  313. padding: 7px;
  314. margin-bottom: 10px;
  315. -moz-border-radius: 4px;
  316. -webkit-border-radius: 4px;
  317. border-radius: 4px;
  318. }
  319.  
  320. #wrapper #content .post .audio .player {
  321. float: left;
  322. }
  323.  
  324. #wrapper #content .post .audio .player .audio_player embed {
  325. border: 2px solid {color:borders};
  326. }
  327.  
  328. #wrapper #content .post .audio .meta {
  329. padding: 8px 13px;
  330. height: 13px;
  331. float: left;
  332. color: #000;
  333. font-family: {font:Accent};
  334. font-size: 11px;
  335. text-transform: lowercase;
  336. }
  337.  
  338. #wrapper #content .post .audio .meta a {
  339. color: #000;
  340. text-decoration: none;
  341. }
  342.  
  343. #wrapper #content .post .album_art {
  344. text-align: center;
  345. }
  346.  
  347. #wrapper #content .post .question {
  348. color: {color:question};
  349. font-size: 16px;
  350. font-weight: bold;
  351. background: {color:question background};
  352. -moz-border-radius: 8px;
  353. -webkit-border-radius: 8px;
  354. border-radius: 8px;
  355. margin: 0 0 15px 0;
  356. padding: 15px 20px;
  357. position: relative;
  358. }
  359.  
  360. #wrapper #content .post .question .nipple {
  361. width: 13px;
  362. height: 7px;
  363. background: {color:question background} url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  364. position: absolute;
  365. bottom: -7px;
  366. left: 30px;
  367. }
  368.  
  369. #wrapper #content .post .asker_container {
  370. margin: 0 0 20px 24px;
  371. }
  372.  
  373. #wrapper #content .post .asker_container img {
  374. margin: 0 12px -7px 0;
  375. border: 1px solid {color:borders};
  376. -moz-border-radius: 20px;
  377. -webkit-border-radius: 20px;
  378. border-radius: 20px;
  379. }
  380.  
  381. #wrapper #content .post .asker_container a.asker {
  382. color: {color:Body};
  383. }
  384.  
  385. #wrapper #content .post .title {
  386. color: {color:background};
  387. font-size: 16px;
  388. font-weight: bold;
  389. padding: 10px 10px 0 10px;
  390. }
  391.  
  392. #wrapper #content .post img {
  393. {block:ifroundedcorners}
  394. -moz-border-radius: 7px;
  395. -webkit-border-radius: 7px;
  396. {/block:ifroundedcorners}
  397. {block:if500pxpost}max-width:500px;{/block:if500pxpost}
  398. {block:if400pxpost}max-width:400px;{/block:if400pxpost}
  399. }
  400.  
  401. #wrapper #content .post .chat {
  402. background-color: {color:background};
  403. border-left: 5px solid #fff;
  404. margin: 10px 10px 0 10px;
  405. font-size: 14px;
  406. }
  407.  
  408. #wrapper #content .post .chat .lines {
  409. margin-left: 1px;
  410. }
  411.  
  412. #wrapper #content .post .chat .lines .line {
  413. background-color: {color:footer};
  414. color: #000;
  415. margin-bottom: 1px;
  416. padding: 3px 5px;
  417. }
  418.  
  419. #wrapper #content .post .chat .lines .line.even {
  420. background-color: #fff;
  421. }
  422.  
  423. #wrapper #content .post .link {
  424. margin: 4px 0 2px 0;
  425. font-size: 16px;
  426. line-height: 25px;
  427. }
  428.  
  429. #wrapper #content .post .link a {
  430. background-color: {color:Background};
  431. color: #fff;
  432. padding: 5px 7px;
  433. -moz-border-radius: 4px;
  434. -webkit-border-radius: 4px;
  435. border-radius: 4px;
  436. }
  437.  
  438. #wrapper #content .post .link a:hover {
  439. opacity: 0.9;
  440. filter: alpha(opacity=90);
  441. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  442. }
  443.  
  444. #wrapper #content .post .footer {
  445. background: {color:footer} url('{image:footer}');
  446. border: 1px solid {color:borders};
  447. {block:ifroundedcorners}
  448. -moz-border-radius: 4px;
  449. -webkit-border-radius: 4px;
  450. border-radius: 4px;{/block:ifroundedcorners}
  451. font-family: {font:Accent};
  452. font-size: 11px;
  453. color: {color:footer text};
  454. padding: 5px 10px;
  455. margin-top: 10px;
  456. -webkit-transition: all 0.3s ease-in-out;
  457. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  458. }
  459.  
  460. #wrapper #content .post .footer:hover {
  461. background: {color:footer hover};
  462. }
  463.  
  464.  
  465. #wrapper #content .post .footer.for_permalink:hover {
  466. opacity: 0.9;
  467. filter: alpha(opacity=90);
  468. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  469. }
  470.  
  471. #wrapper #content .post .footer .date {
  472. width: 67%;
  473. float: left;
  474. color: {color:footer text};
  475. }
  476.  
  477. #wrapper #content .post .footer .notes {
  478. width: 33%;
  479. float: right;
  480. text-align: right;
  481. color: {color:footer text};
  482. }
  483.  
  484. #wrapper #content .post .footer .notes a {
  485. color: {color:footer text};
  486. }
  487.  
  488. #wrapper #content .post .footer .tags a {
  489. color: {color:footer text};
  490. text-decoration: underline;
  491. }
  492.  
  493. #wrapper #content .post .footer .tags .tag-commas:last-child {
  494. display: none;
  495. }
  496.  
  497. #wrapper #content .post .footer.with_source_url .tags {
  498. max-width: 330px;
  499. float: left;
  500. }
  501.  
  502. #wrapper #content .post .footer.with_source_url .source_url {
  503. float: right;
  504. max-width: 160px;
  505. overflow: hidden;
  506. white-space: nowrap;
  507.  
  508. }
  509.  
  510. #wrapper #content .post .footer.with_source_url .source_url img {
  511. vertical-align: top;
  512. -moz-opacity: 0.5;
  513. opacity: 0.5;
  514. }
  515.  
  516. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  517. -moz-opacity: 0.7;
  518. opacity: 0.7;
  519. }
  520.  
  521. #wrapper #content .post a {
  522. color: #6e7173;
  523. text-decoration: none;
  524. }
  525.  
  526. #wrapper #content .post .copy blockquote {
  527. margin: 10px 0px 10px 10px;
  528. padding-left: 15px;
  529. border-left: solid 4px {color:blockquote};
  530. }
  531.  
  532. #wrapper #content .post .copy blockquote blockquote {
  533. border-left: solid 4px {color:blockquote};
  534. }
  535.  
  536. #wrapper #content .post .copy blockquote blockquote blockquote {
  537. border-left: solid 4px {color:blockquote};
  538. }
  539.  
  540. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  541. border-left: solid 4px {color:blockquote};
  542. }
  543.  
  544. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  545. border-left: solid 4px {color:blockquote};
  546. }
  547.  
  548. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  549. border-left: solid 4px {color:blockquote};
  550. }
  551.  
  552. #wrapper #content .bottom {
  553. background: url('{image:bottom}') top center repeat-x transparent;
  554. {block:if500px}width: 513px;{/block:if500px}
  555. {block:if400px}width:410px;{/blocK:if400px}
  556. height: {text:post space}px;
  557. margin: 0 auto;
  558. }
  559.  
  560. #wrapper #content #navigation {
  561. text-align: center;
  562. padding-bottom: 35px;
  563. text-transform: lowercase;
  564. }
  565.  
  566. #wrapper #content #navigation a {
  567. background-color: #fff;
  568. border: 1px solid {color:borders};
  569. color: {color:Background};
  570. border: 1px solid {color:borders};
  571. padding: 5px 10px;
  572. text-decoration: none;
  573. margin-left: 25px;
  574. -moz-border-radius: 10px;
  575. -webkit-border-radius: 10px;
  576. border-radius: 10px;
  577. box-shadow:rgba(0,0,0,0.1)10px 10px;
  578. }
  579.  
  580. #wrapper #content #navigation a:hover {
  581. opacity: 0.9;
  582. filter: alpha(opacity=90);
  583. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  584. }
  585.  
  586. #wrapper #content #navigation.jump_pagination {}
  587.  
  588. #wrapper #content #navigation.jump_pagination a {
  589. margin: 0 0 0 4px;
  590. }
  591.  
  592. #wrapper #content #navigation.jump_pagination .current_page {
  593. color: #fff;
  594. background-color: rgba(255,255,255, 0.1);
  595. border: 2px solid #fff;
  596. padding: 3px 8px;
  597. margin: 0 0 0 4px;
  598. cursor: default;
  599. }
  600.  
  601. #wrapper #content #navigation.jump_pagination .jump_page {}
  602.  
  603. #wrapper #content .post .notecontainer {
  604. background: #eaeaea;
  605. -moz-border-radius: 4px;
  606. -webkit-border-radius: 4px;
  607. border-radius: 4px;
  608. font-family: {font:Accent};
  609. font-size: 11px;
  610. color: #666;
  611. margin-top: 10px;
  612. margin-bottom: -10px;
  613. }
  614.  
  615. #wrapper #content .post .notecontainer a {
  616. color: #666;
  617. text-decoration: underline;
  618. }
  619.  
  620. #wrapper #content .post .notecontainer ol.notes {
  621. padding: 0px 0 10px 0;
  622. list-style-type: none;
  623. font-size: 11px;
  624. }
  625.  
  626. #wrapper #content .post .notecontainer ol.notes li.note {
  627. padding: 10px 10px 0 10px;
  628. }
  629.  
  630. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  631. vertical-align: -4px;
  632. margin-right: 10px;
  633. width: 16px;
  634. height: 16px;
  635. }
  636.  
  637. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  638. font-weight: normal;
  639. }
  640.  
  641. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  642. font-weight: normal;
  643. }
  644.  
  645. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  646. border-left: 2px solid #666;
  647. padding: 4px 10px;
  648. margin: 10px 0px 0px 25px;
  649. }
  650.  
  651. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  652. text-decoration: none;
  653. }
  654.  
  655. #wrapper #sidebar {
  656. width: 250px;
  657. margin-top:{text:sidebar position}px;
  658. float: right;
  659. color: {color:Background};
  660. font-family: {font:Accent}
  661. }
  662.  
  663. #wrapper #sidebar a {
  664. color: {color:Background};
  665. }
  666.  
  667. #wrapper #sidebar #top {
  668. background: #fff url('{image:sidebarbg}');
  669. width: {text:sidebar width}px;
  670. border: 1px solid {color:borders};
  671. position:fixed;
  672. padding: 0 21px;
  673. {block:ifdropshadow}box-shadow:rgba(0,0,0,0.1)10px 10px;{/block:ifdropshadow}
  674.  
  675. {block:ifroundedcorners}
  676. -moz-border-radius: 10px;
  677. -webkit-border-radius: 10px;
  678. border-radius: 10px;
  679. {/block:ifroundedcorners}
  680. }
  681.  
  682. #wrapper #sidebar #top #avatar {
  683. width: 146px;
  684. height: 146px;
  685. padding: 8px 0 0 9px;
  686. background: url('http://assets.tumblr.com/themes/redux/avatar-bg.png') top left no-repeat transparent;
  687. position: relative;
  688. top: -24px;
  689. left: -5px;
  690. }
  691.  
  692. #wrapper #sidebar #top #description {
  693. font-size: 11px;
  694. color: {color:description text};
  695. position: relative;
  696. top: -18px;
  697. }
  698.  
  699. #wrapper #sidebar #top #description a {
  700. color: {color:Background};
  701. text-decoration: underline;
  702. }
  703.  
  704. #wrapper #sidebar #top .heading {
  705. color: #fff;
  706. font-family: helvetica, arial, sans-serif;
  707. font-size: 17px;
  708. margin-top: 20px;
  709. padding: 10px;
  710. background-color: {color:Background};
  711. -webkit-border-top-left-radius: 4px;
  712. -webkit-border-top-right-radius: 4px;
  713. -moz-border-radius-topleft: 4px;
  714. -moz-border-radius-topright: 4px;
  715. border-top-left-radius: 4px;
  716. border-top-right-radius: 4px;
  717. }
  718.  
  719. #wrapper #sidebar #top a .heading {
  720. color: #fff;
  721. text-decoration: none;
  722. }
  723.  
  724. #wrapper #sidebar #top .content {
  725. margin-top: 2px;
  726. padding: 7px 10px;
  727. background: #eaeaea;
  728. color: #666;
  729. font-size: 11px;
  730. overflow: hidden;
  731. }
  732.  
  733. #wrapper #sidebar #top a {
  734. text-decoration: none;
  735. }
  736.  
  737. #wrapper #sidebar #bottom {
  738. background: url('http://assets.tumblr.com/themes/redux/sidebar-bottom.png') top center no-repeat transparent;
  739. width: 250px;
  740. height: 25px;
  741. }
  742.  
  743. {block:ifmusicplayer}
  744. #music
  745. {position:fixed; top:5px; left:15px;
  746. padding-top:12px; padding-bottom:12px; text-align:center; height:10px; width:34px; overflow:hidden;
  747. border:1px solid {color:borders};
  748. color:#888;
  749. -webkit-transition: opacity 0.7s linear;
  750. -webkit-transition: all 0.7s ease-in-out;
  751. -moz-transition: all 0.7s ease-in-out;
  752. -o-transition: all 0.7s ease-in-out;
  753. background-color:#fff;
  754. z-index:999;}
  755.  
  756. #musicplayer
  757. {padding-top:15px;}
  758.  
  759. #music:hover
  760. {border:1px solid {color:borders}; padding:10px; height:45px; width:50px;}{/block:ifmusicplayer}
  761. </style>
  762. <!--[if lt IE 7.]>
  763. <style type="text/css">
  764. #wrapper #sidebar #bottom {
  765. background: transparent;
  766. }
  767.  
  768. #wrapper #sidebar #top #avatar {
  769. background: none;
  770. }
  771.  
  772. #wrapper #sidebar #top #avatar img {
  773. border: 5px solid #f1f1f1;
  774. }
  775.  
  776. #wrapper #sidebar #top .heading#followontumblr {
  777. background-image: none;
  778. text-indent: 0;
  779. }
  780.  
  781. #wrapper #sidebar #top .heading#twitter {
  782. background-image: none;
  783. }
  784.  
  785. #wrapper #sidebar #top .heading#following {
  786. background-image: none;
  787. }
  788.  
  789. #wrapper #content .post .audio .player {
  790. float: none;
  791. }
  792.  
  793. #wrapper #content .post .audio .meta {
  794. display: none;
  795. float: none;
  796. }
  797. </style>
  798. <![endif]-->
  799.  
  800. <!--[if lt IE 8.]>
  801. <style type="text/css">
  802. #wrapper #content .bottom {
  803. background: transparent;
  804. }
  805.  
  806. #wrapper #content .post .footer {
  807. background: transparent;
  808. color: #000;
  809. }
  810.  
  811. #wrapper #content .post .audio {
  812. float: none;
  813. background: transparent;
  814. }
  815.  
  816. #wrapper #content .post .notecontainer .notes {
  817. padding: 0;
  818. margin: 0;
  819. }
  820. </style>
  821. <![endif]-->
  822. <style type="text/css">{CustomCSS}</style>
  823. </head>
  824. <body>
  825. {block:IndexPage}
  826. {block:ifmusicplayer}
  827. <div id="music"><center><img src="{image:music pixel}"/></center>
  828. <div id="musicplayer"><center>{text:music player code}</center></div>
  829. </div> {/block:ifmusicplayer}
  830. {/block:IndexPage}
  831. <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  832.  
  833. <script type="text/javascript">
  834.  
  835.  
  836.  
  837. /***********************************************
  838.  
  839. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  840.  
  841. * Modified by Dynamic Drive for various improvements
  842.  
  843. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  844.  
  845. * 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!
  846.  
  847. ***********************************************/
  848.  
  849.  
  850.  
  851. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  852.  
  853. var flyimage1, flyimage2, flyimage3, flyimage4
  854.  
  855.  
  856.  
  857. function pagestart(){
  858.  
  859. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  860.  
  861. flyimage1=new Chip("flyimage1",40,62);
  862.  
  863. flyimage2=new Chip("flyimage2",40,62);
  864.  
  865. flyimage3=new Chip("flyimage3",40,62);
  866.  
  867. flyimage4=new Chip("flyimage4",40,62);
  868.  
  869. flyimage5=new Chip("flyimage5",40,62);
  870.  
  871. flyimage6=new Chip("flyimage6",40,62);
  872.  
  873.  
  874.  
  875.  
  876.  
  877. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  878.  
  879. movechip("flyimage1");
  880.  
  881. movechip("flyimage2");
  882.  
  883. movechip("flyimage3");
  884.  
  885. movechip("flyimage4");
  886.  
  887. movechip("flyimage5");
  888.  
  889. movechip("flyimage6");
  890.  
  891.  
  892.  
  893. }
  894.  
  895.  
  896.  
  897. if (window.addEventListener)
  898.  
  899. window.addEventListener("load", pagestart, false)
  900.  
  901. else if (window.attachEvent)
  902.  
  903. window.attachEvent("onload", pagestart)
  904.  
  905. else if (document.getElementById)
  906.  
  907. window.onload=pagestart
  908.  
  909.  
  910.  
  911. </script>
  912.  
  913.  
  914.  
  915. <!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->
  916.  
  917.  
  918.  
  919.  
  920.  
  921. <div id="flyimage1" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  922. <img src="{image:floatie}">
  923. </div>
  924.  
  925. <div id="flyimage2" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  926. <img src="{image:floatie}">
  927. </div>
  928.  
  929. <div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  930. <img src="{image:floatie}">
  931. </div>
  932. </div>
  933.  
  934. <div id="lacelace"></div><div id="lace"></div><div id="lacelace"></div>
  935.  
  936. <div id="wrapper">
  937.  
  938. <div id="content">
  939.  
  940. <br>
  941. {block:Posts}
  942. <div class="post">
  943.  
  944. {block:Photo}
  945. <div class="media">{LinkOpenTag}{block:if500px}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:if500px}
  946. {block:if400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:if400px}{LinkCloseTag}</div>
  947. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  948. {/block:Photo}
  949.  
  950. {block:Photoset}
  951. {block:if500px}{Photoset-500}{/block:if500px}
  952. {block:if400px}{Photoset-400}{/block:if400px}
  953. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  954. {/block:Photoset}
  955.  
  956.  
  957. {block:Video}
  958. <div class="media">{block:if500px}{Video-500}{/block:if500px}
  959. {block:if400px}{Video-400}{/block:if400px}</div>
  960. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  961. {/block:Video}
  962.  
  963. {block:Audio}
  964. {block:IfShowAlbumArtOnAudioPosts}
  965. {block:AlbumArt}
  966. <div class="album_art">
  967. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  968. </div>
  969. {/block:AlbumArt}
  970. {/block:IfShowAlbumArtOnAudioPosts}
  971.  
  972. <div class="audio">
  973. <div class="player">{AudioPlayerWhite}</div>
  974. <div class="meta">{PlayCountWithLabel}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  975. <div class="clear"></div>
  976. </div>
  977. <div class="clear"></div>
  978. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  979. {/block:Audio}
  980.  
  981. {block:Quote}
  982. <div class="quote {Length}">{Quote}</div>
  983. <div class="copy">
  984. <div class="quotebg">“</div>
  985. {block:Source}
  986. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  987. <tr>
  988. <td valign="top" style="width:20px;">&mdash;</td>
  989. <td valign="top" class="quote_source">
  990. {Source}
  991. </td>
  992. </tr>
  993. </table>
  994. {/block:Source}
  995. </div>
  996. {/block:Quote}
  997.  
  998. {block:Text}
  999. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1000. <div class="copy">{Body}</div>
  1001. {/block:Text}
  1002.  
  1003. {block:Answer}
  1004. <div class="question">
  1005. <div class="nipple"></div>
  1006. {Question}
  1007. </div>
  1008. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1009. <div class="copy">{Answer}</div>
  1010. {/block:Answer}
  1011.  
  1012. {block:Chat}
  1013. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1014. <div class="chat">
  1015. <div class="lines">
  1016. {block:Lines}
  1017. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1018. {/block:Lines}
  1019. </div>
  1020. </div>
  1021. <div class="clear"></div>
  1022. <div style="height:10px;"></div>
  1023. {/block:Chat}
  1024.  
  1025. {block:Link}
  1026. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1027. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1028. {/block:Link}
  1029.  
  1030. {block:Date}
  1031. <a href="{Permalink}">
  1032. <div class="footer for_permalink">
  1033. <div class="date"><img src="{image:permalink}" border="0" alt="">
  1034. <!--
  1035. {block:Reblog}
  1036. {lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}{/block:RebloggedFromReblog}
  1037. {/block:Reblog}
  1038. --->
  1039.  
  1040. {TimeAgo}
  1041.  
  1042. </div>
  1043.  
  1044. <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>
  1045.  
  1046. <!---
  1047. {block:ContentSource}
  1048. <a href="{SourceURL}" class="source_url">
  1049. {lang:Source}:
  1050. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1051. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  1052. </a>
  1053. {/block:ContentSource}
  1054. --->
  1055.  
  1056. <div class="clear"></div>
  1057. </div>
  1058. </a>
  1059. {/block:Date}
  1060.  
  1061. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1062.  
  1063.  
  1064. </div>
  1065. <div class="bottom"></div>
  1066. {/block:Posts}
  1067.  
  1068. <br>
  1069. {block:Pagination}
  1070. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  1071. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  1072.  
  1073. {block:IfEnableJumpPagination}
  1074. {block:JumpPagination length="5"}
  1075. {block:CurrentPage}
  1076. <span class="current_page">{PageNumber}</span>
  1077. {/block:CurrentPage}
  1078.  
  1079. {block:JumpPage}
  1080. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1081. {/block:JumpPage}
  1082.  
  1083. {/block:JumpPagination}
  1084. {/block:IfEnableJumpPagination}
  1085.  
  1086. {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  1087. </div>
  1088. {/block:Pagination}
  1089.  
  1090. </div>
  1091.  
  1092. <br><br><br><br><br><br><br><br>
  1093. <div id="sidebar">
  1094. {block:ifimageontopsidebar}<div style="float: right; position: fixed; z-index: 1; visibility: show; margin-top:{text:sidebar image top}px; margin-left: {text:sidebar image right}px"><img src="{image:sidebar}" title="{text:sidebar hover}"></div>
  1095. {/block:ifimageontopsidebar}
  1096. <div id="top">
  1097. {block:ifimageinsidesidebar}<br>
  1098. <center><div id="image"><a href="/"><img src="{image:sidebar}" title="{text:sidebar hover}"></a></div>
  1099. {/block:ifimageinsidesidebar}
  1100. <br><br>
  1101. <div id="description">{Description}</div><center>
  1102. {block:iflinktype2}
  1103. <div id="navi"><center>&nbsp;
  1104. <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:verdana; font-size:10px; width: 150px;">
  1105. <option value="/">navigation</option>
  1106. <option value="/">home</option>
  1107. <option value="/ask">ask</option>
  1108. <option value="/submit">submit</option>
  1109. {block:Iflink1}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:Iflink1}
  1110. {block:Iflink2}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:Iflink2}
  1111. {block:Iflink3}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:Iflink3}
  1112. {block:Iflink4}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:Iflink4}
  1113. {block:Iflink5}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:Iflink5}
  1114. {block:Iflink6}<option value="{text:link 6 url}">{text:link 6 title}</option>{/block:Iflink6}
  1115. <option value="http://peerra.tumblr.com/">theme credit</option></center>
  1116. </select></div>
  1117. </select><br>{/block:iflinktype2}
  1118.  
  1119. {block:iflinktype1}
  1120. <select onChange="location=this.options[this.selectedIndex].value;" style="font-family:ronda;letter-spacing:0px;color:#000000;background-color:{color:link type 1 bg};font-size:6px;border:1px solid #666;-webkit-appearance: none;text-align:center;">
  1121. <option value="">navigation</option>
  1122. <option value="/">home</option>
  1123. <option value="/ask">ask</option>
  1124. <option value="/submit">submit</option>
  1125. {block:iflink1}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:iflink1}
  1126. {block:iflink2}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:iflink2}
  1127. {block:iflink3}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:iflink3}
  1128. {block:iflink4}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:iflink4}
  1129. {block:iflink5}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:iflink5}
  1130. {block:iflink6}<option value="{text:link 6 url}">{text:link 6 title}</option>{/block:iflink6}
  1131. <option value="http://peerra.tumblr.com">theme</option>
  1132. </select>
  1133. </form></center><br>{/block:iflinktype1}
  1134. </div>
  1135.  
  1136. {block:ifimagebehindsidebar}
  1137. <div style="position:fixed; margin-top: {text: sidebar image top}px; margin-left: {text: sidebar image right}px; z-index:-2;"><img src="{image:sidebar}"title="{text:sidebar hover}"; <a href="/"></div>
  1138. {/block:ifimagebehindsidebar}
  1139.  
  1140. </div>
  1141. </div>
  1142.  
  1143. <div id="bottom image" style="position:fixed; bottom:0px;right:20px;z-index:-1;"><img src="{image:extra}"></div>
  1144.  
  1145. </body>
  1146. </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!