Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme 02

By: principe-ignorado on Jun 20th, 2012  |  syntax: HTML  |  size: 15.34 KB  |  hits: 185  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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 por Principe-ignorado --!>
  6.  
  7. <head>
  8.  
  9. <!-- DEFAULT VARIABLES -->
  10. <meta name="color:background" content="#FFFFFF" />
  11. <meta name="color:side" content="#000" />
  12. <meta name="color:borders" content="#ffffff" />
  13. <meta name="color:text descrip" content="#000000" />
  14. <meta name="color:text" content="#000000" />
  15. <meta name="color:link" content="#000000" />
  16. <meta name="color:title" content="#fff" />
  17. <meta name="color:title bg" content="#000" />
  18. <meta name="color:text links" content="#ffffff"/>
  19. <meta name="color:text links hover" content="#ffffff"/>
  20. <meta name="color:bg text links" content="#000000"/>
  21. <meta name="color:bg text links hover" content="#222222"/>
  22. <meta name="color:post" content="#ffffff" />
  23.  
  24.  
  25. <meta name="image:background" content=""/>
  26. <meta name="image:sidebar 1" content="http://static.tumblr.com/pr1rmqc/F8Nm55mmg/tumblr_m20dcrsroe1rnya6xo5_250.png" />
  27.  
  28. <meta name="text:Title" content="Poucas palavras aqui." />
  29. <meta name="text:Link1" content="/" />
  30. <meta name="text:Link1 Title" content="link" />
  31. <meta name="text:Link2" content="/" />
  32. <meta name="text:Link2 Title" content="link" />
  33. <meta name="text:Link3" content="/" />
  34. <meta name="text:Link3 Title" content="link" />
  35. <meta name="text:Link4" content="/" />
  36. <meta name="text:Link4 Title" content="link" />
  37. <meta name="text:Link5" content="/" />
  38. <meta name="text:Link5 Title" content="link" />
  39. <meta name="text:Link6" content="/" />
  40. <meta name="text:Link6 Title" content="link" />
  41.  
  42.  
  43.  
  44. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  45.                       <title>{Title}</title>
  46.         <link rel="shortcut icon" href="{Favicon}">
  47.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48.         {block:Description}
  49.   <meta name="description" content="{MetaDescription}" />
  50.         {/block:Description}
  51.  
  52. {block:IfEnableEndlessScrolling}
  53. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  54. {/block:IfEnableEndlessScrolling}
  55.  
  56. <style type="text/css">
  57.  
  58. ::-webkit-scrollbar{width:6px;height:6px;}
  59. ::-webkit-scrollbar-button:start:decrement
  60. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  61. ::-webkit-scrollbar-track-piece{background-color:#ffffff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  62. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #000;-webkit-border-radius:px;}
  63. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #000;-webkit-border-radius:px;}
  64.  
  65. body {
  66. background-color: {color:background};
  67. color:{color:text};
  68. font-family: verdana;
  69. font-size: 10px;
  70. text-align: center;
  71. line-height:120%;
  72. margin:0;
  73. padding:0;
  74. background-image:url('{image:background}');
  75. background-attachment: fixed
  76. }
  77.  
  78. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition-duration: .40s;}
  79. a:hover {color: {color:hover}; background-color: {color:bg hover}; text-decoration: none;}
  80.  
  81. p {margin: 6px 0 0 0}
  82.  
  83. blockquote {border-left:2px {color:post} solid; padding-left:5px; margin:0px 2px 0px 10px}
  84.  
  85.  
  86. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:background}}
  87.  
  88. #entries{margin-top:72px; }
  89.  
  90. .post {width: 500px; background-color: {color:post}; padding: 10px; margin-bottom: 0px; text-align: justify; font-family: verdana; font-size: 11px; opacity: 3; position: relative; color:{color:text}; margin-left:440px; border:1px solid {color:borders};}
  91.  
  92. #xright {position: fixed; margin-top: 52px; margin-left: 357px; overflow: auto; width: 524px; height: 703px;}
  93.  
  94.  
  95.  
  96. .tags{font-size: 9px; color:{color:link}; font-family: verdana;  background-color: {color:post};}
  97. .tags a:hover {background-color: {color:post}; color:{linkhover}; -webkit-transition: all .2s linear; -moz-transition:  all .2s linear; transition:  all 0.2s linear;}
  98.  
  99.  
  100. h1 {font-family: georgia; text-align: center; font-size: 16px; color: {color:text}; font-weight: normal; line-height: 18px;}
  101.  
  102. h1 a {text-align: center; font-size: 16px; color: {color:text}; font-weight: normal; line-height: 18px;}
  103.  
  104. h1 a:hover {text-align: center; font-size: 16px; color: {color:text}; font-weight: normal; line-height: 18px;}
  105.  
  106.  
  107.  
  108. .image {text-align: center; border: 0px; }
  109. .image img {max-width: 500px; margin-bottom: 3px }
  110. .markqt {font-size: 90px; font-family: {font:title}; color:{color:text}; line-height: 90px; margin-left: 5px; opacity: 0.1; filter:alpha (opacity=100);}
  111. .qt {font-family: verdana; font-size: 18px; line-height: 23px;  margin-top: -95px; margin-left: 45px; padding: 10px;}
  112. .qsr{margin: 5px 15px 0 0; text-align: right; text-transform: none;}
  113. .qsr a, a:hover{text-transform: none;}
  114.  
  115. .chat {line-height: 12px; list-style: none }
  116. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  117. .person1 {background-color:{color:background}; color: {color:text}; }
  118. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  119. .person2 {color: {color:text}; }
  120. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  121.  
  122. .audio{background-color:black; display:block;}
  123. .source{display:none}
  124.  
  125. #questions {background-color:{color:background}; color: {color:text}; padding:10px; margin-bottom:0px; font-family:verdana; font-size:9px}
  126. #questions a {color:{color:link}}
  127.  
  128.  
  129.  
  130. #cap {width: 500px; margin-top: -2px;}
  131.  
  132. #dda {font-size: 9px; font-family: verdana; text-transform: lowercase;}
  133. .dda a {font-size: 9px;}
  134.  
  135.  
  136.  
  137. .tags {color: {color:text};  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: lowercase;}
  138. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  139.  
  140. .qqmarks{
  141. font-size: 80px;
  142. font-weight: bold;
  143. line-height: 80px;
  144. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  145. opacity: 0.2;
  146. filter:alpha (opacity=20)
  147. }
  148.  
  149.  
  150.  
  151. .qquote {font-family: georgia; text-align: justify; font-size: 13px; line-height: 15px; padding: 3px;}
  152.  
  153. .qsource {text-align: center; text-transform: none; margin-left: 0px; margin-bottom: 5px;}
  154.  
  155. .qsource a, a:hover{text-transform: none;}
  156.  
  157.  
  158. .notes {width: 520px; padding: 0px; margin-top: 0px; margin-bottom: 10px; font-size: 9px; text-align: left; margin-left:440px;}
  159.  
  160. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11; margin-left:440px;}
  161.  
  162. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  163.  
  164. .notes img{display: none; border:0px}
  165.  
  166.  
  167. b{text-transform: block; color:;}
  168. i{text-transform: italic; color:{color:text}}
  169. p{margin:2px 0 2px 0}
  170. u {text-decoration: none; border-bottom: 1px dashed;}
  171. d1 {opacity:0.8}
  172. d2 {opacity:0.6}
  173. d3 {opacity:0.4}
  174. d4 {opacity:0.2}
  175.  
  176.  
  177. #cre{float: left; margin-top: 450px; margin-left:0px; width: 190px; height:10px; background-color: {color:title bg}; color: {color:title}; line-height:13px; font-size: 9px; font-family: tinytots;text-align: -20;-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 0px 0px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; opacity: 1; position :fixed; solid #fff;}
  178.  
  179. #cre a{font-size: 8px; font-family: tinytots; background-color: transparent; color:{color:title};-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;text-transform: uppercase;}
  180. #cre a:hover{opacity:0.5;text-transform: uppercase;}
  181.  
  182.  
  183.  
  184. #paginal {font-ffamily: verdana; font-size: 8px; text-align: center;}
  185. #paginal a {background: {color:title bg}; margin: 0 1px 0 0; padding: 4px 4px; color: {color:title}; }
  186. #paginal a:hover {background: {color:title}; color: {color:title bg}; }
  187. #paginal span.pagina_atual {background: {color:title bg}; margin: 0 1px 0 0; padding: 4px 4px;; color: {color:title}; font-weight: bold; text-decoration: none;}
  188.  
  189. .ps {position: fixed; margin-top: 80px; margin-left: -111px; padding: 4px 4px; width: 194px; height: 10px;  background-color: transparent; color: {color:title}; text-align: center; opacity: 0.9; -webkit-transform:rotate(270deg);}
  190.  
  191.  
  192.  
  193. #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: verdana; 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;}
  194.  
  195.  
  196. #ttc a{font-size: 17px; color:#6D6D6D}
  197.  
  198.  
  199. #tuto {float: lFeft; margin-top: 300px; margin-left: 50px;}
  200.  
  201. .lipedescre {width:187px; height: 130px; margin-left: 1px; margin-top:285px; position:fixed; color:{color:text}; font-family:georgia; font-size:10px; line-height: 10px; background-color:{color:sidebar}; padding:7px; }
  202.  
  203.  
  204.  
  205. .lipelink0 {float: left; position: fixed; margin-top:232px; text-align: center; margin-left: 0px;position:fixed; width:220px; font-family: tinytots; text-transform: uppercase;}
  206.  
  207. .lipelink0 a{float: left; margin-right: 2px; letter-spacing: px; font-family:tinytots; font-size: 8px; text-align: center; text-align: center;  margin-bottom: 2px; width: 37px; background-color: {color:bg text links}; color:{color:text links}; text-decoration: none; text-transform: lowercase; line-height: 0px; ease-out; padding: 12px 14px ; font-family: tinytots;text-transform: uppercase;}
  208.  
  209. .lipelink0 a:hover{letter-spacing: 0px;font-family: tinytots;text-transform: uppercase; background-color:{color:bg text links hover}; color:{color:text links hover};}
  210.  
  211. .lipetitle {z-index: 1; position: fixed; margin-top: -27px; width: 204px; height: 15px; margin-left: -8px; color: {color:title}; background-color: {color:title bg}; padding: 6px; font-size: 20px; font-family: calibri; font-style: italic;  text-shadow: 1px 1px 10px {color:title};}
  212.  
  213. #sid2{position: fixed; top: 100px; width: 199px; height: 229px; background-color: #000;}
  214.  
  215. #sidebar {position: fixed; top: 100px; margin-left:180px; z-index:90000;}
  216.  
  217. #sid{position: fixed; top: 0px; width: 500px; height: auto; background-color: {color:background};}
  218.  
  219.  
  220. #lipedescre { text-align:left; height: 5px; font-size: 11px; font-family: calibri; margin-left:1px; width:185px;  padding: 5px; margin-top: -8px;  }
  221.  
  222. #toptop{position: fixed; margin-top: -100px; margin-left: 260px; width: 522px; height: 73px; background-color:{color:background}; z-index:998; background-image:url('{image:background}'); background-position:bottom left; background-attachment:fixed; background-repeat:repeat; border-bottom:2px solid {color:borders};}
  223.  
  224. #pic {margin-top: -2px; margin-left: 0px; width: 197px; height: 230;
  225.  
  226.  
  227.  
  228.     position: fixed; padding: px;
  229.  
  230.  
  231.  
  232.     background-color: {color:hoverpic}; border:1px {color:borders} solid;}
  233.  
  234.  
  235.  
  236. #pic img{width: 197px; height: 230px; z-index:90000;}
  237.  
  238.  
  239. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  240.  
  241.  
  242.  
  243.  
  244.  
  245. #lipelink0 {margin-top: -212px; margin-left: 135px; position:fixed; width: 25px; z-index:90000}
  246.  
  247. #lipelink0 a{font-size: 8px; color: {color:link sidbar} ; background-color: transparent; padding: 5px 1px 5px 1px;  display:block; margin-bottom: 1px; width: 60px;  height: 6px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; line-height: 6px; font-family: tinytots;text-transform: uppercase; }
  248.  
  249.  
  250. #lipelink0 a:hover{color: {color:link sidbar hover}; background-color: transparent; letter-spacing: 0px; }
  251.  
  252. </style>
  253.  
  254. <body>
  255.  
  256. <div id="sidebar">
  257. <div id="sid">
  258. <div id="sid2">
  259.  
  260. <div class="lipetitle"> {text:title} </div>
  261.  
  262. <div id="toptop"></div>
  263.  
  264. <div id="pic"><img src="{image:sidebar 1}"/></div>
  265.  
  266. <div class="ps"><div id="paginal">
  267. {block:JumpPagination length="5"}
  268. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  269. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  270. {/block:JumpPagination}</div></div>
  271.  
  272.  
  273. <div class="lipelink0">
  274. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  275. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  276. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  277. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  278. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  279. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  280. </div>
  281.  
  282. <div class="lipedescre">{description}</div>
  283.  
  284. <div id="cre"><a href="http://principe-ignorado.tumblr.com/">THEME BY PRINCIPE-IGNORADO. ©</a> <a href="http://principe-vagabund0.com">+</a> </div>
  285.  
  286. </div></div></div>
  287.  
  288.  
  289. <div id="entries">
  290. {block:Posts}
  291. <div class="post">
  292.  
  293. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  294.  
  295. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  296.  
  297. {block:Photoset}{Photoset-500}{/block:Photoset}
  298.  
  299. {block:Quote}
  300. <div class="qquote"><center>“{Quote}”</div>
  301. {block:Source}<div class="qsource">— {Source}</center></div>{/block:Source}
  302. {/block:Quote}
  303.  
  304. {block:Link}
  305. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  306. {block:Description}{Description}{/block:Description}
  307. {/block:Link}
  308.  
  309. {block:Chat}
  310. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  311. <div class="chat"><ul>{block:Lines}
  312. <li class="person{UserNumber}">{block:Label}
  313. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  314. {/block:Chat}
  315.  
  316. {block:Audio}
  317. <br>
  318. <div class="audio">{AudioPlayerBlack}</div>
  319. {block:Caption}{Caption}{/block:Caption}
  320. {/block:Audio}
  321.  
  322. {block:Video}{Video-500}{/block:Video}
  323.  
  324.  
  325.  
  326.  
  327. {block:Answer}<div id="questions">{Asker} gemeu gostoso: "{Question}"</div>
  328. {Answer}{/block:answer}
  329.  
  330. <div id="cap">
  331. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  332. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  333. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  334.  
  335. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  336.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  337.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  338. {/block:ContentSource}</div></div>
  339. <br>
  340. <div class="tags"> {block:HasTags}{block:Tags}<a href="{TagURL}" >  #{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  341.  
  342. <div id="dda">
  343.  
  344.  
  345. <div style="float:left;" class="tags">
  346. {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>
  347. {block:RebloggedFrom} originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  348. </span>{/block:RebloggedFrom} {block:RebloggedFrom} . via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  349. </div>
  350. </ br>
  351. <br clear="all" /></div></div>
  352.  
  353.  
  354.  {/block:Posts}
  355. {block:PostNotes}
  356. <div id="notes"><div id="ntstext">{PostNotes}</div></div>
  357. {/block:PostNotes}
  358.  
  359. </body>
  360. </html>
create a new version of this paste RAW Paste Data