Advertisement
candycaiine

Lloyd theme

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