Advertisement
pedrok123

theme 3 by repugnar

May 24th, 2012
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.33 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- THEME BY REPUGNAR SE COPIAR VOU COMER VC --!>
  6.  
  7.  
  8. <head>
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:background" content="#f0f0f0" />
  12. <meta name="color:link" content="#000000" />
  13. <meta name="color:hover" content="#fff" />
  14. <meta name="color:text links" content="#000000"/>
  15. <meta name="color:text links hover" content="#000000"/>
  16. <meta name="color:sidebar" content="#fff" />
  17. <meta name="color:text" content="#000000" />
  18. <meta name="color:post" content="#ffffff" />
  19. <meta name="color:menubg" content="#000000"/>
  20. <meta name="color:menutx" content="#ffffff"/>
  21.  
  22. <meta name="image:background" content="Sorry, i am scum"/>
  23. <meta name="image:sidebar 1" content="http://static.tumblr.com/axgpn27/iQnm2mlci/capturarfc.png" />
  24.  
  25.  
  26. <meta name="text:Link1" content="/" />
  27. <meta name="text:Link1 Title" content="link" />
  28. <meta name="text:Link2" content="/" />
  29. <meta name="text:Link2 Title" content="link" />
  30. <meta name="text:Link3" content="/" />
  31. <meta name="text:Link3 Title" content="link" />
  32. <meta name="text:Link4" content="/" />
  33. <meta name="text:Link4 Title" content="link" />
  34. <meta name="text:Link5" content="/" />
  35. <meta name="text:Link5 Title" content="link" />
  36. <meta name="text:Link6" content="/" />
  37. <meta name="text:Link6 Title" content="link" />
  38. <meta name="text:Link7" content="/" />
  39. <meta name="text:Link7 Title" content="link" />
  40. <meta name="text:Link8" content="/" />
  41. <meta name="text:Link8 Title" content="link" />
  42. <meta name="text:Link9" content="/" />
  43. <meta name="text:Link9 Title" content="link" />
  44.  
  45.  
  46.  
  47. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  48. <title>{Title}</title>
  49. <link rel="shortcut icon" href="{Favicon}">
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51. {block:Description}
  52. <meta name="description" content="{MetaDescription}" />
  53. {/block:Description}
  54.  
  55. {block:IfEnableEndlessScrolling}
  56. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  57. {/block:IfEnableEndlessScrolling}
  58.  
  59. <style type="text/css">
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88. ::-webkit-scrollbar{width:6px;height:6px;}
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101. ::-webkit-scrollbar-button:start:decrement
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127. ::-webkit-scrollbar-track-piece{background-color:#ffffff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  128.  
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #000;-webkit-border-radius:px;}
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #000;-webkit-border-radius:px;}
  154.  
  155.  
  156.  
  157. body {
  158. background-color: {color:background};
  159. color:{color:text};
  160. font-family: verdana;
  161. font-size: 10px;
  162. text-align: center;
  163. line-height:120%;
  164. margin:0;
  165. padding:0;
  166. background-image:url('{image:background}');
  167. background-attachment: fixed
  168. }
  169.  
  170. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition-duration: .40s;}
  171. a:hover {color: {color:hover}; background-color: {color:bg hover}; text-decoration: none;}
  172.  
  173. p {margin: 6px 0 0 0}
  174.  
  175. blockquote {border-left:2px {color:post} solid; padding-left:5px; margin:0px 2px 0px 10px}
  176.  
  177.  
  178. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:background}}
  179.  
  180. #entries{margin-top:30px; }
  181.  
  182. .post {width: 500px; background-color: {color:post}; padding: 10px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative; color:{color:text}; margin-left:273px;}
  183.  
  184. #xright {position: fixed; margin-top: 52px; margin-left: 357px; overflow: auto; width: 524px; height: 703px;}
  185.  
  186.  
  187.  
  188. .tags{font-size: 9px; color:{color:link}; font-family: verdana; background-color: {color:post};}
  189. .tags a:hover {background-color: {color:post}; color:{linkhover}; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all 0.2s linear;}
  190.  
  191.  
  192. h1 {font-family: georgia; text-align: center; font-size: 16px; color: {color:text}; font-weight: normal; line-height: 18px;}
  193.  
  194. h1 a {text-align: center; font-size: 16px; color: {color:text}; font-weight: normal; line-height: 18px;}
  195.  
  196. h1 a:hover {text-align: center; font-size: 16px; color: {color:text}; font-weight: normal; line-height: 18px;}
  197.  
  198.  
  199.  
  200. .image {text-align: center; border: 0px; }
  201. .image img {max-width: 500px; margin-bottom: 3px }
  202. .markqt {font-size: 90px; font-family: {font:title}; color:{color:text}; line-height: 90px; margin-left: 5px; opacity: 0.1; filter:alpha (opacity=100);}
  203. .qt {font-family: verdana; font-size: 18px; line-height: 23px; margin-top: -95px; margin-left: 45px; padding: 10px;}
  204. .qsr{margin: 5px 15px 0 0; text-align: right; text-transform: none;}
  205. .qsr a, a:hover{text-transform: none;}
  206.  
  207. .chat {line-height: 12px; list-style: none }
  208. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  209. .person1 {background-color:{color:background}; color: {color:text}; }
  210. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  211. .person2 {color: {color:text}; }
  212. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  213.  
  214. .audio{background-color:black; display:block;}
  215. .source{display:none}
  216.  
  217. #questions {background-color:{color:background}; color: {color:text}; padding:10px; margin-bottom:0px; font-family:verdana; font-size:9px}
  218. #questions a {color:{color:link}}
  219.  
  220.  
  221.  
  222. #cap {width: 500px; margin-top: -2px;}
  223.  
  224. #dda {font-size: 9px; font-family: verdana; text-transform: lowercase;}
  225. .dda a {font-size: 9px;}
  226.  
  227.  
  228.  
  229. .tags {color: {color:text}; font-size: 9px; font-family: verdana; display: inline; list-style: none; text-transform: lowercase;}
  230. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  231.  
  232. .qqmarks{
  233. font-size: 80px;
  234. font-weight: bold;
  235. line-height: 80px;
  236. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  237. opacity: 0.2;
  238. filter:alpha (opacity=20)
  239. }
  240.  
  241.  
  242.  
  243. .qquote {font-family: georgia; text-align: justify; font-size: 13px; line-height: 15px; padding: 3px;}
  244.  
  245. .qsource {text-align: center; text-transform: none; margin-left: 0px; margin-bottom: 5px;}
  246.  
  247. .qsource a, a:hover{text-transform: none;}
  248.  
  249.  
  250. .notes {width: 520px; padding: 0px; margin-top: 0px; margin-bottom: 10px; font-size: 9px; text-align: left; margin-left:273px;}
  251.  
  252. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11; margin-left:100px;}
  253.  
  254. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  255.  
  256. .notes img{display: none; border:0px}
  257.  
  258.  
  259.  
  260.  
  261. b{text-transform: block; color:;}
  262. i{text-transform: italic; color:{color:text}}
  263. p{margin:2px 0 2px 0}
  264. u {text-decoration: none; border-bottom: 1px dashed;}
  265. d1 {opacity:0.8}
  266. d2 {opacity:0.6}
  267. d3 {opacity:0.4}
  268. d4 {opacity:0.2}
  269.  
  270.  
  271.  
  272. #ser2 {width: 20px; height: 53px; float: left; margin-left:999px; margin-top: 1px; padding: 2px; text-align: center;position: fixed; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;  opacity: 1; border: 1px solid #fff; -webkit-border-radius: 0px 10px 10px 0px;background-attachment: fixed;}
  273.  
  274.  
  275.  
  276.  
  277. #ser2 a {float: left; margin-left: 1px; display: block; letter-spacing: 0px; font-family: verdana; font-size: 9px; text-align: center; margin-left:1px; width: 17px; height: 15px;  color:{color:border}; text-decoration: none; text-transform: none; line-height: 15px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; letter-spacing: 1px; margin-top:2px}
  278.  
  279.  
  280.  
  281.  
  282. #cre{float: left; margin-top: 400px; margin-left:50px; width: 210px; height:14px; background-color: #000; color: #fff; line-height:13px; font-size: 8px; font-family: tinytots;text-align: -20;-webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; position :fixed; border-bottom:2px solid #000; border: 1px solid #fff;}
  283.  
  284. #cre a{font-size: 8px; font-family: tinytots; background-color: transparent; color:#fff;-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;text-transform: uppercase;}
  285. #cre a:hover{opacity:0.5;text-transform: uppercase;}
  286.  
  287.  
  288.  
  289. #paginal {font-family: verdana; font-size: 8px; text-align: center;}
  290. #paginal a {background: #f0f0f0; margin: 0 1px 0 0; padding: 2px 4px; color: #000; border: 1px solid #fff;}
  291. #paginal a:hover {background: #fff; color: #000;}
  292. #paginal span.pagina_atual {background: #fff; margin: 0 1px 0 0; padding: 2px 4px;; color: #000; font-weight: bold; text-decoration: none;}
  293. .ps {position:fixed; width: 210px; height: auto; width: 190px; background-color: #000; color: #fff; padding: 5px; margin-top: 217px; margin-left: 800px; border: 1px solid #fff; }
  294.  
  295.  
  296.  
  297. #ttc {float: left; margin-top: 8px; height:20px; margin-left: 160px; width: 243px; background-color: #000; color: #6D6D6D; padding: 3px; font-size: 14px; font-family: georgia; text-align: center; position:fixed; -webkit-border-radius:0; -webkit-border-bottom-right-radius:0px; -webkit-border-top-left-radius: 10px; position:fixed; letter-spacing: -1px;}
  298.  
  299.  
  300. #ttc a{font-size: 17px; color:#6D6D6D}
  301.  
  302. #lipedescre {float: left; margin-top: 0px; margin-left: 800px; width: 198px; background-color: #000; color: #fff; padding: 1px; font-size: 9px; font-family: verdana; text-align: center; position:fixed; letter-spacing: -1px; height: 210px; z-index:90000; border: 1px solid #fff;}
  303.  
  304. .lipelink {float: left; position: fixed; margin-top:0px; text-align: center; margin-left: 50px;position:fixed; width:320px; font-family: tinytots; text-transform: uppercase;}
  305.  
  306. .lipelink a{float: left; margin-right: 1px; letter-spacing: px; font-family:tinytots; font-size: 8px; text-align: center; text-align: center; margin-bottom: 2px; width: 54px; background-color: #000; color:#fff; text-decoration: none; text-transform: lowercase; line-height: 0px; ease-out; padding: 10px 7px ; font-family: tinytots;text-transform: uppercase; border: 1px solid #fff;}
  307.  
  308. .lipelink a:hover{letter-spacing: 0px;font-family: tinytots;text-transform: uppercase; background-color:#000; color:#fff}
  309.  
  310.  
  311.  
  312. .lipelink2 {float: left; position: fixed; margin-top:23px; text-align: center; margin-left: 50px;position:fixed; width:320px; font-family: tinytots; text-transform: uppercase;}
  313.  
  314. .lipelink2 a{float: left; margin-right: 1px; letter-spacing: px; font-family:tinytots; font-size: 8px; text-align: center; text-align: center; margin-bottom: 2px; width: 54px; background-color: #000; color:#fff; text-decoration: none; text-transform: lowercase; line-height: 0px; ease-out; padding: 10px 7px ; font-family: tinytots;text-transform: uppercase; border: 1px solid #fff;}
  315.  
  316. .lipelink a:hover{letter-spacing: 0px;font-family: tinytots;text-transform: uppercase; background-color:#000; color:#fff}
  317. #lipedescre a{font-size: 9px; color:#6d6d6d}
  318.  
  319.  
  320.  
  321. #pic {margin-top: 47px; margin-left: 50px; width: 210px; height: auto;
  322.  
  323.  
  324.  
  325. position: fixed; padding: px;
  326.  
  327.  
  328.  
  329. background-color: {color:sidebar}; border: 1px solid #fff;}
  330.  
  331.  
  332.  
  333. #pic img{width: 210px; height: 351px;}
  334.  
  335. #pic img:hover{
  336.  
  337.  
  338.  
  339. opacity:1.5;
  340.  
  341.  
  342.  
  343. -webkit-transition: 0.5s ease-in;}
  344.  
  345.  
  346. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  347.  
  348.  
  349. #sidebar {position: fixed; margin: 330px 0px 0px 190px;}
  350.  
  351.  
  352.  
  353.  
  354. .s2 {position: relative; text-align: center; margin-top: 2px; margin-left: 0px; webkit-transform: rotate(-35deg); -moz-transition: rotate(-35deg);}
  355. .s2 a {display: block; font-family: tinytots; font-size: 9px; text-align: center; width: auto; height: 7px;  background-color: transparent; color: {color:menutx}; text-decoration: none; padding: 3px 5px 4px 5px; margin-bottom: 1px; text-transform: uppercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.6s ease-out;}
  356. .s2  a:hover{text-align: center; background-color: transparent; color: {color:menubg}; text-decoration: underline;}
  357.  
  358.  
  359.  
  360.  
  361. .s3 {position: relative; text-align: center; margin-top: 2px; margin-left: 0px; webkit-transform: rotate(-35deg); -moz-transition: rotate(-35deg);}
  362. .s3 a {display: block; font-family: tinytots; font-size: 9px; text-align: center; width: auto; height: 7px;  background-color: transparent; color: {color:menutx}; text-decoration: none; padding: 3px 5px 4px 5px; margin-bottom: 1px; text-transform: uppercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.6s ease-out;}
  363. .s3  a:hover{text-align: center; background-color: transparent; color: {color:menubg}; text-decoration: underline;}
  364. .s4 {position: relative; text-align: center; margin-top: 2px; margin-left: 0px; -webkit-transition: all 4s ease-out; -moz-transition: all 4s ease-out; webkit-transform: rotate(-35deg); -moz-transition: rotate(-35deg);}
  365. .s4 a {display: block; font-family: tinytots; font-size: 9px; text-align: Center; width: auto; height: 7px;  background-color: transparent; color: {color:menutx}; text-decoration: none; padding: 3px 5px 4px 5px; margin-bottom: 1px; text-transform: uppercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.6s ease-out;}
  366. .s4  a:hover{text-align: center; background-color: transparent; color: {color:menubg}; text-decoration: underline;}
  367.  
  368.  
  369.  
  370. </style>
  371.  
  372. <body>
  373.  
  374.  
  375. <div id="pic"><img src="{image:sidebar 1}"/>
  376.  
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388.     </div></div></div></div></div></div>
  389. <div id="lipedescre">
  390. <p><br>{description}
  391.  
  392. </div></div>
  393.  
  394. <div class="ps"><div id="paginal">
  395. {block:JumpPagination length="8"}
  396. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  397. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  398. {/block:JumpPagination}
  399. </div>
  400.  
  401. </div>
  402.  
  403. <div id="sidebar">
  404. <div class="s2"><a href="{text:Link7}">{text:Link7 Title}</a></div>
  405. <div class="s3"><a href="{text:Link8}">{text:Link8 Title}</a></div>
  406. <div class="s4"><a href="{text:Link9}">{text:Link9 Title}</a></div>
  407. </div>
  408.  
  409. <div class="lipelink">
  410. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  411. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  412. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  413. </div></div>
  414.  
  415. <div class="lipelink2">
  416. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  417. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  418. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  419. </div></div>
  420. <div id="cre">THEME BY <a href="http://repugnar.tumblr.com">repugnar</a> ©</b>
  421. </div>
  422. </div></div>
  423. </div>
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430.  
  431.  
  432. <div id="entries">
  433. {block:Posts}
  434. <div class="post">
  435.  
  436. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  437.  
  438. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  439.  
  440. {block:Photoset}{Photoset-500}{/block:Photoset}
  441.  
  442. {block:Quote}
  443. <div class="qquote"><center>“{Quote}”</div>
  444. {block:Source}<div class="qsource">— {Source}</center></div>{/block:Source}
  445. {/block:Quote}
  446.  
  447. {block:Link}
  448. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  449. {block:Description}{Description}{/block:Description}
  450. {/block:Link}
  451.  
  452. {block:Chat}
  453. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  454. <div class="chat"><ul>{block:Lines}
  455. <li class="person{UserNumber}">{block:Label}
  456. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  457. {/block:Chat}
  458.  
  459. {block:Audio}
  460. <br>
  461. <div class="audio">{AudioPlayerBlack}</div>
  462. {block:Caption}{Caption}{/block:Caption}
  463. {/block:Audio}
  464.  
  465. {block:Video}{Video-500}{/block:Video}
  466.  
  467.  
  468.  
  469.  
  470. {block:Answer}<div id="questions">{Asker} gemeu gostoso: "{Question}"</div>
  471. {Answer}{/block:answer}
  472.  
  473. <div id="cap">
  474. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  475. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  476. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  477.  
  478. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  479. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  480. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  481. {/block:ContentSource}</div></div>
  482. <br>
  483. <div class="tags"> {block:HasTags}{block:Tags}<a href="{TagURL}" > #{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  484.  
  485. <div id="dda">
  486.  
  487.  
  488. <div style="float:left;" class="tags">
  489. {block:Date} <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} . <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:IndexPage} . <a href="{ReblogUrl}" target="_blank">reblog this <b>n</b>ow</a>{/block:IndexPage}<br>
  490. {block:RebloggedFrom} originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  491. </span>{/block:RebloggedFrom} {block:RebloggedFrom} . via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  492. </div>
  493. </ br>
  494. <br clear="all" /></div></div>
  495.  
  496.  
  497. {/block:Posts}
  498. {block:PostNotes}
  499. <div id="notes"><div id="ntstext">{PostNotes}</div></div>
  500. {/block:PostNotes}
  501.  
  502. </div>
  503. </div>
  504. </div></div></div>
  505. </div></div>
  506.  
  507. </body>
  508.  
  509. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement