Advertisement
Guest User

numero dos

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