Advertisement
Guest User

themeofficiallycrying

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