Advertisement
Guest User

my current theme

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