Advertisement
Biih

034, linhas do lado da side

Sep 18th, 2013
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.32 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6. <!-----------------------------------------------------------------------  
  7.  
  8. THEME FEITO POR BIANCA DIAS (I-NDAGAR). É PROIBIDA QUALQUER CÓPIA OU USO   DOS CÓDIGOS CONFORME A LEI PENAL, ARTIGO 184. ©
  9.  
  10. ------------------------------------------------------------------------->
  11.  
  12.  
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  17.  
  18.  
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="image:background" content=""/>
  21. <meta name="text:Link1" content="/" />
  22. <meta name="text:Link1 Title" content="link1" />
  23. <meta name="text:Link2" content="/" />
  24. <meta name="text:Link2 Title" content="linkkk 2" />
  25. <meta name="text:Link3" content="/" />
  26. <meta name="text:Link3 Title" content="linkkk3" />
  27. <meta name="text:Link4" content="/" />
  28. <meta name="text:Link4 Title" content="linkkkkk 4" />
  29. <meta name="text:Link5" content="/" />
  30. <meta name="text:Link5 Title" content="linkkkkk 5" />
  31. <meta name="color:background" content="#FCFCFC" />
  32. <meta name="color:text" content="#000000" />
  33. <meta name="color:link" content="#000000" />
  34. <meta name="color:hover" content="#696969" />
  35. <meta name="color:linksmenu" content="#000000">
  36. <meta name="color:bgask" content="#FF6600">
  37. <meta name="color:bglinks" content="#bddccd">
  38. <meta name="color:frase" content="#000000">
  39. <meta name="text:frase" content="frasezinha aq">
  40. <meta name="if:Hidden Tags" content="1"/>
  41. <meta name="if:Rolagem infinita" content="1"/>
  42.  
  43.  
  44.  
  45.  
  46.         <title>{Title}</title>
  47.  
  48.         <link rel="shortcut icon" href="{Favicon}">
  49.  
  50.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51.  
  52.         {block:Description}
  53.  
  54.             <meta name="description" content="{MetaDescription}" />
  55.  
  56.         {/block:Description}
  57.        
  58.        
  59.         <style type="text/css">
  60.                
  61. body {background-color: {color:background}; background-image:url('{image:background}'); color: {color:text}; font:11px calibri; text-align: center;}
  62.  
  63. a {color: {color:link}; text-decoration: none; text-transform: none;}
  64. a:hover {color: {color:hover};}
  65.  
  66. p {margin: 6px 0 0 0}
  67.  
  68. blockquote {margin: 3px; border-left: 3px solid #eee; padding-left: 5px; }
  69. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #eee;}
  70. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #eee; }
  71. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid #eee; }
  72.  
  73. blockquote img{max-width: 470px!important}
  74. blockquote blockquote img{max-width: 450px!important}
  75. blockquote blockquote blockquote img{max-width: 430px!important}
  76. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  77.  
  78. #container {width: 400px; margin:50px auto: 50px auto;}
  79.  
  80. #entry {float:left; margin-left:200px; width:500px;}
  81.  
  82. .posts {width: 400px;background-color: {color:post}; padding: 2px; text-align: justify; margin-bottom:0px; position: relative; font-family:calibri; font-size:12px;border-bottom: 0px solid #eee;}
  83.  
  84. h1 {font-family: Calibri; font-size: 16px; line-height: 18px; text-align: left; font-weight: normal;}
  85. h1 a {color: {color:link};}
  86. h1 a:hover {color: {color:hover};}
  87.  
  88. .image {
  89.     text-align: center;
  90.     border: 2px
  91.     }
  92. .image img {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
  93.     max-width: 400px;
  94.     margin-bottom: 2px
  95.     }
  96. .image img:hover {
  97.     opacity:0.9;
  98.     -webkit-transition: all 0.3s ease-out;
  99.     -moz-transition: all 0.3s ease-out;
  100.     }
  101.  
  102. .quote {font-family: tahoma; text-align: justify; font-size: 11px; line-height:15px; padding: 0px; border-top: 0px solid #eee;}
  103. .quotesource {text-align:center; text-transform: none; margin-top: 2px;font-family:tahoma; font-size: 11px;}
  104.  
  105.  /**chat por dropred **/
  106. .chat {line-height: 13px; list-style: none }
  107. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  108. .person1 {color: {color:text}; padding: 2px; }
  109. .person1 .label {font-weight: bold;  color:{color:text}}
  110. .person2 {color: {color:text}; padding: 2px;  }
  111. .person2 .label {font-weight: bold;  color:{color:text}}
  112.  
  113. .chat {background: #fff; margin: 0; font-size: 12px; font-family: 'Play';}
  114. .chat .lines {font-family: 'Play'; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f0f0f0; padding: 5px; margin-bottom: 2px; font-size: 12px; color: #888888; text-shadow: 1px 1px 0px #eee; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s;}
  115. .chat .lines:hover {background: #e0e0e0; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s;}
  116. .chat .lines span {font-weight: bold;}
  117.  
  118. /** estilo de ask #04 - bombasticdesign.tumblr.com **/
  119. .askfoto{border-radius: 50px;border:2px solid {color:bgask};margin-left:10px;margin-top:-10px;}
  120. .perguntou{background:{color:bgask};padding:4px;color:#fff;}
  121. .perguntou a {color:#fff; font-family:'tahoma'}
  122. .perguntou:hover a {color:#fff;font-family:'tahoma'}
  123. .resposta{background-color:#fff;padding:7px;font-family:'tahoma', sans-serif; font-size: 9pt;color:{color:text};text-align: left;border-radius:0px 0px 5px 5px}
  124. .pergunta{ margin-left: 50px;
  125. font-family: 'Sintony', sans-serif;}
  126. .perguntas{background-color:#fff;padding:7px;font-family:'tahoma', sans-serif; font-size: 9pt;color:{color:text};text-align: left;border-radius:5px 5px 0px 0px;}
  127.  
  128.  
  129. #photoset {width: 450px; margin-top: -2px;}
  130. .source {display: none;}
  131.  
  132. .posts:hover .tags{opacity:0.8;}
  133. .tags {position:absolute; width:150px; text-align:right; font: 10px calibri; font-style:none; text-transform: lowercase; margin-left:-155px; -webkit-transition-duration: 0.2s; opacity:0;}
  134. .tags a {font-size: 10px; text-transform: lowercase;}
  135.  
  136. #info {text-align: right; margin-top:0px;; font-style:italic; font-size: 9px; font-family: cambria; z-index: 11; letter-spacing:1px;  margin-left:0px; width:398px; margin-bottom: -18px; color:{color:text};-webkit-transition-duration: 0.4s;  -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;opacity:0;}
  137. #info a {font-size:9px; text-transform: lowercase; color:{color:text}; -webkit-transition-duration: 0.4s;}
  138. #info a:hover {background-color:transparent; border-radius: 100px; }
  139. #info:hover {color:{color:text}}
  140. .posts:hover #info {opacity:9; padding-top:4px;  margin-bottom:0px;}
  141.  
  142.  
  143.  
  144. .notes {width:520px; padding:0px; margin-top:1px; margin-bottom:1px; font-size:11px; text-align:center;} ol.notes {list-style: none; margin: 0 20px 0 0px; padding:0px; border-bottom: 1px solid #ccc; z-index:11;} ol.notes li {background-color:{color:post};margin-bottom:1px; padding:5px;}.notes img{display:none; border:0px}
  145.  
  146.  
  147. ::-webkit-scrollbar{width:5px;height:5px;}
  148. ::-webkit-scrollbar-button:start:decrement
  149. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  150. ::-webkit-scrollbar-track-piece{background-color:transparent;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  151. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #000;-webkit-border-radius:0px;}
  152. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: #000;-webkit-border-radius:0px;}
  153.  
  154. #sidebar {width: 150px; height: 150px; top: 180px; left: 625px; padding: 0px; position: fixed;text-align: center;background:transparent;border: }
  155.  
  156. .imagesdbr img {display: inline;width:120px;height:170px;opacity:1;-webkit-transition-duration: 0.4s;}
  157. .imagesdbr img:hover {-webkit-filter: grayscale(20%);-webkit-transition-duration: 0.4s;}
  158.  
  159. #frase {position: fixed; width:120px;height:relative; z-index:9; margin-left:15px; margin-top:0px;background:transparent;line-height:12px;border-top:solid 2px #ccc;padding-top:3px;color:{color:frase};font-family: 'Poiret One', cursive;text-align:center; font-size:14px;-webkit-transition-duration: 0.9s;}
  160.  
  161.  
  162. #sidebar:hover #frase{margin-top:70px;}
  163.  
  164. #menu{position: fixed; width:120px;height:relative; z-index:9; margin-right:150px; margin-top:0px;background:transparent;text-align:left; opacity:0;padding-left:5px;font-family: calibri;color:{color:linksmenu};font-size:11px;-webkit-transition-duration: 0.9s; }
  165.  
  166. #sidebar:hover #menu{position: fixed; width:120px;height:relative; z-index:9; margin-left:15px; margin-top:0px;background:transparent;text-align:left; opacity:1;padding-left:5px;-webkit-transition-duration: 0.9s;}
  167.  
  168. #menu a{color:{color:linksmenu}; font-style:italic;}
  169. #menu a:hover{font-style:normal;}
  170.  
  171. #linha {width:3px;height:110%;background:#ccc;left:618px;position:fixed;top:-10px}
  172. #linha2 {width:3px;height:110%;background:#ccc;left:623px;position:fixed;top:-10px}
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180. #tumblr_controls{position: fixed!important}
  181. #tumblr_controls{position: fixed!important}
  182. #tumblr_controls{position: fixed!important}
  183.  
  184.  
  185. </style>
  186.    
  187. </head>
  188.  
  189. <!--THEME POR I-NGAGAR, não copie, plagio é crime-->
  190.  
  191.  
  192. <body onkeydown="return false">
  193.  
  194.  
  195. <!-- Não tira essa merda aqi valeu, se vc tirar eu vou jogar uma praga tão forte em vc que tu vai se arrepender de ter tirado, e tenho dito!--->
  196. <div style="position:fixed;z-index:1338; !important;bottom:30px;right:5px;font-style:italic;font-family:calibri;font-size:11px;"><a href="http://i-ndagar.tumblr.com" >@i-ndagar</a></script></div>
  197. <!--- daqi pra baixo tire e mude o que quiser, só pra uso próprio--->
  198.  
  199.  <div id="linha"></div>
  200.  <div id="linha2"></div>
  201. <div id="sidebar">
  202. <div class="imagesdbr"><a href="/"><img src="{image:sidebar}"></a>
  203.  
  204.  
  205. <div id="frase">{text:frase}</div>
  206.  
  207. <div id="menu">
  208. <b>refresh:</b> <a href="{text:link1}">{text:link1 title}</i></a><br>
  209.  <b>message:</b> <a href="{text:link2}">{text:link2 title}</i></a><br>
  210.  <b>written:</b> <a href="{text:link3}">{text:link3 title}</i></a><br>
  211.  <b>my love:</b> <a href="{text:link4}">{text:link4 title}</i></a><br>
  212.  <b>see more:</b> <a href="{text:link5}">{text:link5 title}</i></a>  
  213.  
  214.  
  215.         </div></div>
  216.        
  217.        
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225. </div></div></div></div></div></div></div></div></div></div></div></div>
  226.  
  227.  
  228.  
  229. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  230. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  231. <div id="entry">
  232.  
  233.  <!--THEME POR I-NGAGAR, não copie, plagio é crime-->
  234.  
  235. {block:Posts}
  236. <div class="posts">
  237.  
  238. <div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a><br>{/block:Tags}{/block:HasTags}</div>
  239.  
  240. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  241.  
  242. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  243.  
  244. {block:Photoset}{Photoset-400}{/block:Photoset}
  245.  
  246. {block:Quote}
  247. <div class="quote">{Quote}</div>
  248. {block:Source}<div class="quotesource"><b>{Source}</b></div>
  249. {/block:Source}
  250. {/block:Quote}
  251.  
  252. {block:Link}
  253. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  254. {block:Description}{Description}{/block:Description}
  255. {/block:Link}
  256.  
  257. {block:Chat}
  258. {block:Title}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}<div class="chat"><ul>{block:Lines}<div class="chat"><div class="lines">{block:Label}<span>{Label}</span>{/block:Label}{Line}</div></div>{/block:Lines}</ul></div>
  259. {/block:Chat}
  260.  
  261. {block:Audio}
  262. <div class="player">{AudioPlayerBlack}</div>
  263. {block:Caption}{Caption}{/block:Caption}
  264. {/block:Audio}
  265.  
  266. {block:Video}{Video-400}{/block:Video}
  267.  
  268.  
  269. {block:Answer}<div class="perguntas">{Question}</div><div class="perguntou"><img src="{AskerPortraitURL-30}" align="left" class="askfoto"><div class="pergunta"><b>{Asker}</b> asked:</div></div><div class="resposta">{Answer}</div>
  270. {/block:Answer}
  271.  
  272.  
  273. <div id="photoset">
  274. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  275. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  276. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  277.  
  278. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  279.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  280.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  281. {/block:ContentSource}</div></div>
  282. <br>
  283.  
  284. <div class="creditoaokaique">
  285. {block:Date}<div id="info">
  286. <left> <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a> {block:Date}{block:NoteCount} · <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}· <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  287. </div></left>{/block:IfShowTags}{/block:Date}</div>
  288. </div>
  289.  
  290.  
  291.  {/block:Posts}
  292. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  293. </div></div></div></div></div></div></div>
  294. </body>
  295.  
  296. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement