Advertisement
naegi2

lel theme by naegay

Jan 22nd, 2015
4,564
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.16 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3. ──────▄▀▄─────▄▀▄
  4. ─────▄█░░▀▀▀▀▀░░█▄
  5. ─▄▄──█░░░░░░░░░░░█──▄▄
  6. █▄▄█─█░░▀░░┬░░▀░░█─█▄▄█
  7.  
  8. lel theme by max naegay
  9. dont even think about removing the credit. i'd prefer if u didnt move it either. feel free to edit as much as u like just dont claim as ur own!!
  10. -->
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14. <!-- DEFAULT VARIABLES -->
  15. <meta name="color:Background" content="#fff" />
  16. <meta name="color:text" content="#4f4f4f" />
  17. <meta name="color:link" content="#ffc8c7" />
  18. <meta name="color:link hover" content="#ffc8c7" />
  19. <meta name="color:link bg" content="#fff" />
  20. <meta name="color:footer color" content="#000" />
  21. <meta name="color:footer txt" content="#fff"/>
  22. <meta name="color:navigation bg" content="#fff" />
  23. <meta name="color:navigation txt" content="#000" />
  24. <meta name="color:selection bg" content="ffe8e8" />
  25.  
  26.  
  27. <meta name="if:Show Tags" content="1" />
  28. <meta name="if:400px" content="1" />
  29. <meta name="if:Updatesbox" content="1"/>
  30. <meta name="if:link 1" content="1"/>
  31. <meta name="if:link 2" content="1"/>
  32. <meta name="if:link 3" content="1"/>
  33. <meta name="if:link 4" content="1"/>
  34. <meta name="if:link 5" content="1"/>
  35.  
  36.  
  37. <meta name="if:bgcover" content="1" />
  38.  
  39.  
  40. <meta name="if:sidebarleft" content="1" />
  41.  
  42.  
  43. <meta name="if:Show Album Art on Audio Posts" content="1" />
  44. <meta name="if:Enable Jump Pagination" content="0" />
  45.  
  46. <meta name="text:box" content="put ur counters in here!"/>
  47. <meta name="text:avatar hover" content=""/>
  48. <meta name="text:link 1 title" content=""/>
  49. <meta name="text:link 1 url" content="/"/>
  50. <meta name="text:link 2 title" content=""/>
  51. <meta name="text:link 2 url" content="/"/>
  52. <meta name="text:link 3 title" content=""/>
  53. <meta name="text:link 3 url" content="/"/>
  54. <meta name="text:link 4 title" content=""/>
  55. <meta name="text:link 4 url" content="/"/>
  56. <meta name="text:link 5 title" content=""/>
  57. <meta name="text:link 5 url" content="/"/>
  58. <meta name="text:sidebaropacity" content="1" />
  59. <meta name="text:postopacity" content="1" />
  60.  
  61.  
  62. <meta name="image:Background" content="" />
  63. <meta name="image:avatar" content="" />
  64. <meta name="image:Corner Img left" content=""/>
  65. <meta name="image:Corner Img right" content=""/>
  66.  
  67. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  68.  
  69.  
  70. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  71. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  72. <link rel="shortcut icon" href="{Favicon}" />
  73. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  75. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  76. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  77. <script>
  78. (function($){
  79. $(document).ready(function(){
  80. $("[title]").style_my_tooltips();
  81. });
  82. })(jQuery);
  83. </script>
  84. <style type="text/css">
  85.  
  86.  
  87. ::-webkit-scrollbar{height: 9px; width: 6px; -webkit-border-radius: 0px; background:{color:background};}
  88.  
  89. ::-webkit-scrollbar-thumb{background:#000;}
  90. ::-webkit-scrollbar-track{background:{color:Background};}
  91.  
  92. body {
  93. background: {color:Background} url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;
  94. -webkit-background-size: cover;
  95. -moz-background-size: cover;
  96. -o-background-size: cover;
  97. background-size: cover; {/block:ifbgcover}
  98.  
  99.  
  100. {block:ifnotbgcover} top left fixed repeat {block:ifnotbgcover};
  101. margin: 0;
  102.  
  103. padding: 0;
  104. font-family:consolas;
  105. }
  106.  
  107.  
  108. .clear {
  109. clear: both;
  110. height: 0px;
  111. overflow: hidden;
  112. }
  113.  
  114. a img {
  115. border: none;
  116. }
  117.  
  118. #wrapper {
  119. {block:ifnot400px} width: 845px; {/block:ifnot400px}
  120.  
  121. {block:if400px} width: 745px; {/block:if400px}
  122. margin: 0 auto;
  123. }
  124.  
  125.  
  126. #wrapper #content {
  127.  
  128. margin-top: 50px;
  129. {block:ifnot400px} width: 520px; {/block:ifnot400px}
  130.  
  131. {block:if400px} width: 420px; {/block:if400px}
  132. {block:ifsidebarleft} float: right; {/block:ifsidebarleft}
  133. {block:ifnotsidebarleft} float: left; {/block:ifnotsidebarleft}
  134. }
  135.  
  136. #wrapper #content .post {
  137. {block:ifnot400px} width: 500px; {/block:ifnot400px}
  138.  
  139. {block:if400px} width: 400px; {/block:if400px}
  140. font-family:consolas;
  141. background: rgba(255,255,255,{text:postopacity});
  142. padding: 10px;
  143. position: relative;
  144. border:1px solid #000;
  145. }
  146.  
  147. #wrapper #content .post .media {
  148. text-align: center;
  149. margin-bottom: 10px;
  150. }
  151.  
  152. #wrapper #content .post .quotebg {
  153. font-family: georgia, serif;
  154. font-size: 150px;
  155. color: {color:text};
  156. opacity: 0.2;
  157. filter: alpha(opacity=20);
  158. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  159. position: absolute;
  160. top: 70px;
  161. left: 10px;
  162. }
  163.  
  164. #wrapper #content .post .quote {
  165. color: {color:text};
  166. font-weight: bold;
  167. padding: 20px 20px 5px 20px;
  168. }
  169.  
  170. #wrapper #content .post .quote.short {
  171. font-size: 33px;
  172. line-height: 35px;
  173. }
  174.  
  175. #wrapper #content .post .quote.medium {
  176. font-size: 25px;
  177. line-height: 28px;
  178. }
  179.  
  180. #wrapper #content .post .quote.long {
  181. font-size: 18px;
  182. line-height: 22px;
  183. }
  184.  
  185. #wrapper #content .post .quote_source *:first-child {
  186. margin-top: 0px;
  187. }
  188.  
  189. #wrapper #content .post .quote_source *:last-child {
  190. margin-bottom: 0px;
  191. }
  192.  
  193. #wrapper #content .post .quote *:first-child {
  194. margin-top: 0px;
  195. }
  196.  
  197. #wrapper #content .post .quote *:last-child {
  198. margin-bottom: 0px;
  199. }
  200.  
  201. #wrapper #content .post .copy {
  202. color: {color:text};
  203. padding: 10px;
  204. font-size: 13px;
  205. line-height: 15px;
  206. }
  207.  
  208. #wrapper #content .post .copy a {
  209. color: {color:link};
  210. text-decoration: underline;
  211. }
  212.  
  213. #wrapper #content .post .copy p {
  214. margin: 10px 0 0 0;
  215. padding: 0;
  216. }
  217.  
  218. #wrapper #content .post .copy pre {
  219. margin: 10px 0px 10px 0px;
  220. padding: 10px;
  221. background-color: #e6e6e6;
  222. font: normal 11px Courier, monospace;
  223. overflow: auto;
  224. }
  225.  
  226. #wrapper #content .post .copy > p:first-child {
  227. margin-top: 0;
  228. }
  229.  
  230. #wrapper #content .post .copy img {
  231. max-width: 100%;
  232. }
  233.  
  234. #wrapper #content .post .audio {
  235. background: #eaeaea;
  236. float: left;
  237. padding: 7px;
  238. margin-bottom: 10px;
  239. -moz-border-radius: 4px;
  240. -webkit-border-radius: 4px;
  241. border-radius: 4px;
  242. }
  243.  
  244. #wrapper #content .post .audio .player {
  245. float: left;
  246. }
  247.  
  248. #wrapper #content .post .audio .player .audio_player embed {
  249. border: 1px solid #c8c8c8;
  250. }
  251.  
  252. #wrapper #content .post .audio .meta {
  253. padding: 8px 13px;
  254. height: 13px;
  255. float: left;
  256. color: #666;
  257. font-family:consolas;
  258. font-size: 11px;
  259. text-transform: lowercase;
  260. }
  261.  
  262. #wrapper #content .post .audio .meta a {
  263. color: #666;
  264. text-decoration: none;
  265. }
  266.  
  267. #wrapper #content .post .album_art {
  268. text-align: center;
  269. }
  270.  
  271. #wrapper #content .post .question {
  272. color: #494949;
  273. font-size: 16px;
  274. font-weight: bold;
  275. background: #f1f1f1;
  276. -moz-border-radius: 8px;
  277. -webkit-border-radius: 8px;
  278. border-radius: 8px;
  279. margin: 0 0 15px 0;
  280. padding: 15px 20px;
  281. position: relative;
  282. }
  283.  
  284. #wrapper #content .post .question .nipple {
  285. width: 13px;
  286. height: 7px;
  287. background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  288. position: absolute;
  289. bottom: -7px;
  290. left: 30px;
  291. }
  292.  
  293. #wrapper #content .post .asker_container {
  294. margin: 0 0 20px 24px;
  295. }
  296.  
  297. #wrapper #content .post .asker_container img {
  298. margin: 0 12px -7px 0;
  299. }
  300.  
  301. #wrapper #content .post .asker_container a.asker {
  302. color: {color:Body};
  303. }
  304.  
  305. #wrapper #content .post .title {
  306. color: #494949;
  307. font-size: 16px;
  308. font-weight: bold;
  309. padding: 10px 10px 0 10px;
  310. }
  311.  
  312. #wrapper #content .post img {
  313. max-width: 100%;
  314. }
  315.  
  316. #wrapper #content .post .chat {
  317. background-color: #fff;
  318. border-left: 5px solid #dedddd;
  319. margin: 10px 10px 0 10px;
  320. font-size: 14px;
  321. }
  322.  
  323. #wrapper #content .post .chat .lines {
  324. margin-left: 1px;
  325. }
  326.  
  327. #wrapper #content .post .chat .lines .line {
  328. background-color: #eaeaea;
  329. color: #494949;
  330. margin-bottom: 1px;
  331. padding: 3px 5px;
  332. }
  333.  
  334. #wrapper #content .post .chat .lines .line.even {
  335. background-color: #dedddd;
  336. }
  337.  
  338. #wrapper #content .post .link {
  339. margin: 4px 0 2px 0;
  340. font-size: 16px;
  341. line-height: 25px;
  342. }
  343.  
  344. #wrapper #content .post .link a {
  345. background-color: {color:link};
  346. color: #fff;
  347. padding: 5px 7px;
  348.  
  349. -moz-border-radius: 4px;
  350. -webkit-border-radius: 4px;
  351. border-radius: 4px;
  352. }
  353.  
  354. #wrapper #content .post .link a:hover {
  355. opacity: 0.9;
  356. color: {color:link hover};
  357. background-color: {color:link bg};
  358. filter: alpha(opacity=90);
  359. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  360. transition-duration:.5s;
  361. -o-transition:.5s;
  362. -ms-transition:.5s;
  363. -moz-transition:.5s;
  364. -webkit-transition:.5s;
  365. }
  366.  
  367. #wrapper #content .post .footer {
  368. background: {color:footer color};
  369. -moz-border-radius: 4px;
  370. -webkit-border-radius: 4px;
  371. border-radius: 4px;
  372. font-family:consolas;
  373. font-size: 11px;
  374. color: {color:footer txt};
  375. padding: 5px 10px;
  376. margin-top: 10px;
  377. }
  378.  
  379. #wrapper #content .post .footer.for_permalink:hover {
  380. opacity: 0.9;
  381. filter: alpha(opacity=90);
  382. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  383. }
  384.  
  385. #wrapper #content .post .footer .date {
  386. width: 67%;
  387. float: left;
  388. color: {color:footer txt};
  389. }
  390.  
  391. #wrapper #content .post .footer .notes {
  392. width: 33%;
  393. float: right;
  394. text-align: right;
  395. color: {color:footer txt};
  396. }
  397.  
  398. #wrapper #content .post .footer .notes a {
  399. color: {color:footer txt};
  400. }
  401.  
  402. #wrapper #content .post .footer .tags a {
  403. color: {color:footer txt};
  404. text-decoration: underline;
  405. }
  406.  
  407. #wrapper #content .post .footer .tags .tag-commas:last-child {
  408. display: none;
  409. }
  410.  
  411. #wrapper #content .post .footer.with_source_url .tags {
  412. max-width: 330px;
  413. float: left;
  414. }
  415.  
  416. #wrapper #content .post .footer.with_source_url .source_url {
  417. float: right;
  418. max-width: 160px;
  419. overflow: hidden;
  420. white-space: nowrap;
  421.  
  422. }
  423.  
  424. #wrapper #content .post .footer.with_source_url .source_url img {
  425. vertical-align: top;
  426. -moz-opacity: 0.5;
  427. opacity: 0.5;
  428. }
  429.  
  430. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  431. -moz-opacity: 0.7;
  432. opacity: 0.7;
  433. }
  434.  
  435.  
  436. #wrapper #content .post a {
  437. color: {color:link};
  438.  
  439. text-decoration: none;
  440. }
  441. #wrapper #content .post a:hover {
  442. opacity: 0.9;
  443. color: {color:link hover};
  444. background-color: {color:link bg};
  445. filter: alpha(opacity=90);
  446. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  447. transition-duration:.5s;
  448. -o-transition:.5s;
  449. -ms-transition:.5s;
  450. -moz-transition:.5s;
  451. -webkit-transition:.5s;
  452. }
  453.  
  454.  
  455. #wrapper #content .post .copy blockquote {
  456. margin: 10px 0px 10px 10px;
  457. padding-left: 15px;
  458. border-left: solid 4px #dcdcdc;
  459. }
  460.  
  461. #wrapper #content .post .copy blockquote blockquote {
  462. border-left: solid 4px #cccccc;
  463. }
  464.  
  465. #wrapper #content .post .copy blockquote blockquote blockquote {
  466. border-left: solid 4px #bcbcbc;
  467. }
  468.  
  469. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  470. border-left: solid 4px #acacac;
  471. }
  472.  
  473. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  474. border-left: solid 4px #9c9c9c;
  475. }
  476.  
  477. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  478. border-left: solid 4px #8c8c8c;
  479. }
  480.  
  481. #wrapper #content .bottom {
  482. /* background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;*/
  483. width: 513px;
  484. height: 40px;
  485. margin: 0 auto;
  486. }
  487.  
  488. #wrapper #content #navigation {
  489. text-align: right;
  490. padding-bottom: 35px;
  491. text-transform: lowercase;
  492. }
  493.  
  494. #wrapper #content #navigation a {
  495. background-color: #fff;
  496. color: #000;
  497. padding: 5px 10px;
  498. text-decoration: none;
  499. margin-left: 25px;
  500. }
  501.  
  502. #wrapper #content #navigation a:hover {
  503. opacity: 0.9;
  504. filter: alpha(opacity=90);
  505. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  506. }
  507.  
  508. #wrapper #content #navigation.jump_pagination {}
  509.  
  510. #wrapper #content #navigation.jump_pagination a {
  511. margin: 0 0 0 4px;
  512. }
  513.  
  514. #wrapper #content #navigation.jump_pagination .current_page {
  515. color: #000;
  516. background-color: rgba(255,255,255, 0.1);
  517. border: 2px solid #fff;
  518. padding: 3px 8px;
  519. margin: 0 0 0 4px;
  520. cursor: default;
  521. }
  522.  
  523. #wrapper #content #navigation.jump_pagination .jump_page {}
  524.  
  525. #wrapper #content .post .notecontainer {
  526. background: #eaeaea;
  527. -moz-border-radius: 4px;
  528. -webkit-border-radius: 4px;
  529. border-radius: 4px;
  530. font-family:consolas;
  531. font-size: 11px;
  532. color: #666;
  533. margin-top: 10px;
  534. margin-bottom: -10px;
  535. }
  536.  
  537. #wrapper #content .post .notecontainer a {
  538. color: #666;
  539. text-decoration: underline;
  540. }
  541.  
  542. #wrapper #content .post .notecontainer ol.notes {
  543. padding: 0px 0 10px 0;
  544. list-style-type: none;
  545. font-size: 11px;
  546. }
  547.  
  548. #wrapper #content .post .notecontainer ol.notes li.note {
  549. padding: 10px 10px 0 10px;
  550. }
  551.  
  552. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  553. vertical-align: -4px;
  554. margin-right: 10px;
  555. width: 16px;
  556. height: 16px;
  557. }
  558. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  559. font-weight: normal;
  560. }
  561.  
  562. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  563. font-weight: normal;
  564. }
  565.  
  566. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  567. border-left: 2px solid #666;
  568. padding: 4px 10px;
  569. margin: 10px 0px 0px 25px;
  570. }
  571.  
  572. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  573. text-decoration: none;
  574. }
  575.  
  576. #wrapper #sidebar {
  577. margin-top: 120px;
  578. position: fixed;
  579. width: 200px;
  580. {block:ifsidebarleft}float: left; {/block:ifsidebarleft}
  581. {block:ifnotsidebarleft}
  582. {block:ifnot400px} margin-left: 600px;{/block:ifnot400px}
  583.  
  584. {block:if400px} margin-left:500px; {/block:if400px}
  585.  
  586. float:right; {/block:ifnotsidebarleft}
  587. color: {color:Background};
  588. font-family:consolas;
  589. }
  590.  
  591. #wrapper #sidebar a {
  592. color: {color:Background};
  593. }
  594.  
  595. #wrapper #sidebar #top {
  596. background: rgba(255,255,255,{text:sidebaropacity});
  597. padding: 0 20px;
  598. border:1px solid #000;
  599. }
  600.  
  601. #wrapper #sidebar #top #avatar {
  602. width: 146px;
  603. height: 146px;
  604. padding: 8px 15px 15px 8px;
  605. background: url('http://assets.tumblr.com/themes/redux/avatar-bg.png' ) top left no-repeat transparent;
  606. position: relative;
  607. top: 10px;
  608. left: -5px;
  609.  
  610. }
  611.  
  612. #wrapper #sidebar #top #avatar a:hover {
  613. background: rgba(255,255,255,{text:sidebaropacity});
  614. }
  615.  
  616. #wrapper #sidebar #top #pages {
  617. margin-bottom: 15px;
  618. font-size: 12px;
  619. }
  620.  
  621.  
  622. #wrapper #sidebar #top #description {
  623. color: {color:text};
  624. font-size: 11px;
  625. position: center;
  626. top: -18px;
  627. padding:0 0 15px 0;
  628. }
  629.  
  630. #wrapper #sidebar #top #description a {
  631. color: {color:link};
  632. background-color:{color:link bg};
  633. text-decoration:underline;
  634.  
  635. }
  636. #wrapper #sidebar #top #description a:hover {
  637. color: {color:link hover};
  638. background-color:{color:link bg};
  639. text-decoration:underline;
  640. transition-duration:.5s;
  641. -o-transition:.5s;
  642. -ms-transition:.5s;
  643. -moz-transition:.5s;
  644. -webkit-transition:.5s;
  645. }
  646.  
  647.  
  648. #wrapper #sidebar #top .content {
  649. margin-top: 2px;
  650. padding: 7px 10px;
  651. background: #eaeaea;
  652. color: #666;
  653. font-size: 11px;
  654. overflow: hidden;
  655. }
  656.  
  657. #wrapper #sidebar #top a {
  658. text-decoration: none;
  659. }
  660. ::selection {
  661. background: {color:selection bg};
  662. }
  663.  
  664.  
  665. #s-m-t-tooltip {
  666. z-index: 9999;
  667. background: #fff;
  668. font-size: 10px;
  669. line-height: 11px;
  670. font-family:consolas;
  671. letter-spacing: 1px;
  672. border:solid 1px;
  673. moz-border-radius-bottomright: 5px;
  674. border-bottom-right-radius: 5px;
  675. -moz-border-radius-topleft: 5px;
  676. border-top-left-radius: 5px;
  677. -moz-border-radius-bottomleft: 5px;
  678. border-bottom-left-radius: 5px;
  679. -moz-border-radius-topright: 5px;
  680. border-top-right-radius: 5px;
  681. -o-transition: all 0.3s ease-out;
  682. -webkit-transition: all 0.3s ease-out;
  683. -moz-transition: all 0.3s ease-out;
  684. text-transform: normal;
  685. color: {color:Link Title Text};
  686. max-width: 150px;
  687. word-wrap: break-word;
  688. padding: 2px 5px 2px 6px;
  689. display: block;
  690. margin: 24px 14px 7px 12px;
  691. }
  692.  
  693. a:link {
  694. color: {color:link};
  695. }
  696.  
  697. a:visited {
  698. color: {color:link};
  699. }
  700. a:hover{
  701.  
  702. color: {color:link hover};
  703. background-color: {color:link bg};
  704. transition-duration:.5s;
  705. -o-transition:.5s;
  706. -ms-transition:.5s;
  707. -moz-transition:.5s;
  708. -webkit-transition:.5s;
  709. }
  710.  
  711.  
  712. {ifUpdatesbox}
  713. #box{
  714. position:fixed;
  715. width:100px;
  716. margin-top:10px;
  717. padding-top:7px;
  718. background: rgba(255,255,255,{text:postopacity});
  719. padding-left:7px;
  720. padding-right:7px;
  721. padding-bottom:4px;
  722. font-family:consolas;
  723. font-size:10px;
  724. line-height:12px;
  725. color:#000;
  726. border:1px solid #000;
  727.  
  728. }
  729. {/ifUpdatesbox}
  730.  
  731.  
  732. </style>
  733.  
  734. <style type="text/css">{CustomCSS}</style>
  735. </head>
  736.  
  737. <div id="cornerimgright">
  738. <img src='{image:Corner Img right}' height=500px width=fixed style='z-index:-999; position:fixed;bottom:0px; right:0px; ' />
  739. </div>
  740. <div id="cornerimgleft">
  741. <img src='{image:Corner Img left}' height=500px width=fixed style='z-index:-999; position:fixed;bottom:0px; left:0px; ' />
  742. </div>
  743.  
  744. <body>
  745.  
  746.  
  747.  
  748. <div id="wrapper">
  749.  
  750. <div id="content">
  751.  
  752.  
  753. {block:Posts}
  754. <div class="post">
  755.  
  756. {block:Photo}
  757.  
  758. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="max-width:100%;" />{LinkCloseTag}</div>
  759.  
  760. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  761. {/block:Photo}
  762.  
  763. {block:Photoset}
  764. <div class="media" style="max-width:100%">{LinkOpenTag}{Photoset}{LinkCloseTag}</div>
  765. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} {/block:Photoset}
  766.  
  767.  
  768.  
  769. {block:Video}
  770.  
  771. {block:ifnot400px}
  772. <div class="media">{Video-500}</div> {/block:ifnot400px}
  773.  
  774. {block:if400px}
  775. <div class="media">{Video-400}</div> {/block:if400px}
  776.  
  777.  
  778. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  779. {/block:Video}
  780.  
  781. {block:Audio}
  782.  
  783. {block:AudioEmbed}
  784. {AudioEmbed}
  785. {/block:AudioEmbed}
  786.  
  787. {block:AudioPlayer}
  788. {block:IfShowAlbumArtOnAudioPosts}
  789. {block:AlbumArt}
  790. <div class="album_art">
  791. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  792. </div>
  793. {/block:AlbumArt}
  794. {/block:IfShowAlbumArtOnAudioPosts}
  795.  
  796. <div class="audio">
  797. <div class="player">{AudioPlayerWhite}</div>
  798. <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  799. <div class="clear"></div>
  800. </div>
  801. {/block:AudioPlayer}
  802.  
  803. <div class="clear"></div>
  804.  
  805. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  806.  
  807. {/block:Audio}
  808.  
  809. {block:Quote}
  810. <div class="quote {Length}">{Quote}</div>
  811. <div class="copy">
  812. <div class="quotebg">“</div>
  813. {block:Source}
  814. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  815. <tr>
  816. <td valign="top" style="width:20px;">&mdash;</td>
  817. <td valign="top" class="quote_source">
  818. {Source}
  819. </td>
  820. </tr>
  821. </table>
  822. {/block:Source}
  823. </div>
  824. {/block:Quote}
  825.  
  826. {block:Text}
  827. {block:Title}<div class="title">{Title}</div>{/block:Title}
  828. <div class="copy">{Body}</div>
  829. {/block:Text}
  830.  
  831. {block:Answer}
  832. <div class="question">
  833. <div class="nipple"></div>
  834. {Question}
  835. </div>
  836. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  837. <div class="copy">{Answer}</div>
  838. {/block:Answer}
  839.  
  840. {block:Chat}
  841. {block:Title}<div class="title">{Title}</div>{/block:Title}
  842. <div class="chat">
  843. <div class="lines">
  844. {block:Lines}
  845. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  846. {/block:Lines}
  847. </div>
  848. </div>
  849. <div class="clear"></div>
  850. <div style="height:10px;"></div>
  851. {/block:Chat}
  852.  
  853. {block:Link}
  854. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  855. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  856. {/block:Link}
  857.  
  858. {block:Date}
  859. <a href="{Permalink}">
  860. <div class="footer for_permalink">
  861. <div class="date">
  862. {block:Reblog}
  863. {lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
  864. {/block:Reblog}
  865.  
  866. {block:NotReblog}
  867. {lang:Posted TimeAgo from source}
  868. {/block:NotReblog}
  869. </div>
  870. <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </div>
  871. <div class="clear"></div>
  872. </div>
  873. </a>
  874. {/block:Date}
  875.  
  876. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  877. display:none;
  878. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  879. {block:ContentSource}display:block;{/block:ContentSource}
  880. ">
  881. {block:IfShowTags}
  882. {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  883. {/block:IfShowTags}
  884.  
  885. {block:ContentSource}
  886. <a href="{SourceURL}" class="source_url">
  887. {lang:Source}:
  888. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  889. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  890. </a>
  891. {/block:ContentSource}
  892.  
  893. <div class="clear"></div>
  894. </div>
  895.  
  896. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  897.  
  898.  
  899. </div>
  900. <div class="bottom"></div>
  901. {/block:Posts}
  902.  
  903. {block:Pagination}
  904. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  905. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  906.  
  907. {block:IfEnableJumpPagination}
  908. {block:JumpPagination length="5"}
  909. {block:CurrentPage}
  910. <span class="current_page">{PageNumber}</span>
  911. {/block:CurrentPage}
  912.  
  913. {block:JumpPage}
  914. <a class="jump_page" href="{URL}">{PageNumber}</a>
  915. {/block:JumpPage}
  916.  
  917. {/block:JumpPagination}
  918. {/block:IfEnableJumpPagination}
  919.  
  920. {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  921. </div>
  922. {/block:Pagination}
  923.  
  924. </div>
  925.  
  926. <div id="sidebar">
  927. <div id="top">
  928.  
  929. <div style="margin-left:7px;">
  930. <div id="avatar"><a href="/" title="{text:avatar hover}"><img src="{image:avatar}" height="130px" width="130px" style="border:1px solid #000;" /></a></div> </div>
  931. <div id="description">{Description}</div>
  932. <div id="links">
  933. <center><select onchange='location=this.options[this.selectedIndex].value;' style='width:150px;background-color:{color:navigation bg};color:{color:navigation txt}; font-family:consolas;'>
  934.  
  935. <option>navigate</option>
  936. {block:ifLink1}
  937. <option value="{text:Link 1 Url}">{text:Link 1 Title}</option>
  938. {/block:ifLink1}{block:ifLink2}
  939. <option value="{text:Link 2 Url}">{text:Link 2 Title}</option>
  940. {/block:ifLink1}{block:ifLink3}
  941. <option value="{text:Link 3 Url}">{text:Link 3 Title}</option>
  942. {/block:ifLink3}{block:ifLink4}
  943. <option value="{text:Link 4 Url}">{text:Link 4 Title}</option>
  944. {/block:ifLink4}{block:ifLink5}
  945. <option value="{text:Link 5 Url}">{text:Link 5 Title}</option>
  946. {/block:ifLink5}
  947.  
  948.  
  949. </select></center>
  950. </div><br>
  951.  
  952.  
  953.  
  954. </div>
  955.  
  956.  
  957.  
  958. </div>
  959.  
  960.  
  961. {block:ifUpdatesbox}
  962. <div id="box" style="{block:if400px} margin-left:-290px;{/block:if400px}
  963. {block:ifnot400px}margin-left:-250px;{/block:ifnot400px}">
  964. {text:box}
  965. </div>
  966. {/block:ifUpdatesbox}
  967.  
  968. <div class="clear"></div>
  969. </div>
  970. <div id="credit" style='position:fixed;bottom:0px;right:0px; font-size:15px; padding:15px;' >
  971. <a href="http://jupiter.hacked.jp/" title="theme by naegay">ⓝ</a>
  972. </div>
  973.  
  974.  
  975.  
  976.  
  977. </body>
  978. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement