Advertisement
Guest User

numero dos

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