Advertisement
actuallyreimu

Flora Redux

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