Advertisement
Gived

Redux edit

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