Advertisement
tukut

transparent 2-a fix

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