Advertisement
CAMS-1-POETA-BIPOLAR

themed 75 (1-poeta-bipolar)

Jul 28th, 2013
227
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.75 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. <!----- 1-poeta-bipolar + 1-poeta-bipolar + 1-poeta-bipolar ----->
  4.  
  5. <!----- promisse + versificar ----->
  6.  
  7. <!----- fotos c notes hover, estilo de ask simples, foto da side 130x163 n da pra mudar bg no app, n mexe muito galera rere bj ----->
  8.  
  9. <html>
  10.  
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16.  
  17. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  18.  
  19. <!-- DEFAULT VARIABLES -->
  20. <meta name="color:background" content="#fff" />
  21. <meta name="color:text" content="#8f8e8e" />
  22. <meta name="color:post" content="#fff" />
  23. <meta name="color:sidebar" content="#eeeeee" />
  24. <meta name="color:frase" content="#444444" />
  25. <meta name="color:notes" content="#e2dfdf" />
  26.  
  27. <meta name="text:link1" content="/" />
  28. <meta name="text:link1 title" content="link 1" />
  29. <meta name="text:link2" content="/" />
  30. <meta name="text:link2 title" content="link 2" />
  31. <meta name="text:link3" content="/" />
  32. <meta name="text:link3 title" content="link 3" />
  33. <meta name="text:link4" content="/" />
  34. <meta name="text:link4 title" content="link 4" />
  35. <meta name="text:link5" content="/" />
  36. <meta name="text:link5 title" content="link 5" />
  37.  
  38.  
  39. <meta name="image:sidebar" content="http://media.tumblr.com/268634490c1f814d4b5e5e94e2b0cbd2/tumblr_inline_mqd7x66iwA1qz4rgp.png" />
  40. <meta name="image:background" content="" />
  41.  
  42.                       <title>{Title}</title>
  43.         <link rel="shortcut icon" href="{Favicon}">
  44.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45.         {block:Description}
  46.   <meta name="description" content="{MetaDescription}" />
  47.         {/block:Description}
  48.  
  49.     <style type="text/css">
  50.  
  51.  
  52. body {background-color: {color:background};  background-image:url('{image:background}'); color:{color:text}; font-family:cambria; font-size:11px;background-attachment:fixed; background-repeat:repeat; line-height:110%}
  53.  
  54. a { text-decoration:none; color:#696969;}
  55. a:hover {text-decoration:none; color:#C8C4C4;}
  56.  
  57. p {margin: 6px 0 0 0}
  58.  
  59. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:text}; padding-left: 5px; }
  60. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text};}
  61. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text}; }
  62. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text}; }
  63.  
  64. blockquote img{max-width: 370px!important}
  65. blockquote blockquote img{max-width:350px!important}
  66. blockquote blockquote blockquote img{max-width: 300px!important}
  67. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  68.  
  69. #entry {float: left; margin-left: 65px;margin-top: 4px;}
  70.  
  71. .posts {width: 400px; background-color: {color:post};padding: 2px; text-align: justify; font-family: cambria; font-size: 13px;position: relative; border: 1px solid {color:post} ;margin: 2px;opacity: 0.9;border-radius:5px; }
  72.  
  73. .etc {background-color:{color:notes}; height:16px;line-height:15px; color:{color:post};font-size: 9px; font-family: calibri; text-transform:uppercase; text-align: center;}
  74. .etc a {color:{color:post};opacity:;}
  75.  
  76. h1 {font-family: 'calibri'; text-align: left; font-size: 18px; color: {color:text}; font-weight: normal; line-height: 18px; text-transform:uppercase;}
  77. h1 a { text-transform:uppercase;text-align: center; font-size: 18px; color: {color:text}; font-weight: normal; line-height: 18px;}
  78. h1 a:hover {text-align: center; font-size: 18px; color: {color:text}; font-weight: normal; line-height: 18px;}
  79.  
  80. .image {text-align: center; b}
  81. .image img {max-width: 400px; margin-bottom: 1px;}
  82.  
  83. .pquote {font-family: 'cambria'; font-size: 13px; line-height: 16px; letter-spacing:0px; text-align: justify; font-style:italic;color: {color:text};border-top:2px solid #;padding:5px;}
  84. .pquotesource {font-family: 'cambria'; font-size: 12px; text-align: right; text-transform: none; margin-bottom: 3px;color: {color:text};font-weight: none; }
  85. .pquotesource a {font-family: 'cambria'; font-size: 12px; text-align: right; text-transform: none; margin-bottom: 3px;color: {color:text};font-weight: none;}
  86.  
  87. .chat {line-height: 13px; list-style: none ;}
  88. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  89. .person1 {background: {color:background};color: {color:text}; padding: 2px; }
  90. .person1 .label {font-weight: bold;  color:{color:text}}
  91. .person2 {color: {color:text}; padding: 2px;  }
  92. .person2 .label {font-weight: bold;  color:{color:text}}
  93.  
  94. .player {background-color: #000; text-align: left; display:block;}
  95.  
  96. .pergunta {font-size:11px; font-family: 'cambria'; background: #faf8f8; color: {color:text}; text-align: justify;
  97. padding: 10px; margin-bottom: 5px; margin-left: auto; margin-right: auto;}
  98. .pergunta a {text-transform:lowercase; color: {color:text};}
  99. .pergunta g {text-transform:uppercase; color: {color:text};}
  100. .iconeask { height: 64px; float: right; margin-left: 2px; margin-bottom: 3px; border: 1px solid transp;}
  101. .divisoria {display: block; margin-top: 4px; margin-bottom: 4px;}
  102.  
  103. .mayecams {border-radius: 98px; -moz-transition:all 3s;
  104. -o-transition:all 3s; -webkit-transition:all 3s;}
  105.  
  106. .mayecams:hover {opacity:0.5; -moz-transition:all 3s;
  107. -o-transition:all 3s; -webkit-transition:all 3s; }
  108.  
  109.  
  110. #cap {width: 500px; margin-top: -2px;}
  111. .source {display: none;}
  112.  
  113. .notes {width: 416px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 10px; text-align: center;font-family: calibri;color:{color:link};}
  114. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;font-family: calibri;}
  115. ol.notes li {background-color: {color:post}; color:{color:link};margin-bottom: 1px; padding: 5px; font-family: calibri;}
  116. .notes img{display: none; border:0px}
  117.  
  118.  
  119. .photo {z-index: 1;margin-top:50px; margin-left:-100px;position:absolute;}
  120. .photo img {display: block;width:70px;;}
  121.  
  122. #tumblr_controls{position: fixed!important}
  123. #tumblr_controls{position: fixed!important}
  124. #tumblr_controls{position: fixed!important}
  125. #tumblr_controls{position: fixed!important}
  126.  
  127.  
  128. ::-webkit-scrollbar {width: 15px; height: 5px;}
  129. ::-webkit-scrollbar-track-piece {background-color: #fff;}  
  130. ::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: {color:text};}
  131. ::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: {color:text};}
  132. ::moz-selection {color:#fff; background:#1c1c1c;}
  133. ::selection {color:#fff; background:#1c1c1c;}
  134.  
  135. #sidebar {width:114px;font-size:10px; font-family:'calibri'; color:#919191;margin-top:-35px;margin-left: 80px;float: center;text-align: justify; position: fixed ;padding: 5px; margin-bottom:5px; background: #1c1c1c; border: 5px; }
  136.  
  137. ba:link, ba:visited {text-decoration: none}
  138. ba:hover { text-decoration: underline; color: #1c1c1c; }
  139. ba:active {color:#1c1c1c; text-decoration: none}
  140.  
  141. @font-face { font-family: "bubbles"; src: url('http://static.tumblr.com/4yxykdm/fVAlrfkyo/bubblesstandard_1_.ttf'); }
  142.  
  143. #sidebarimage {position:fixed;margin-left:526px;margin-top:450px;height:110px;-webkit-transition: all 1.2s ease-out;  -moz-transition: all 1.2s ease-out;color:{color:frase};border-right:3px;width:150px;}
  144. #sidebarimage img {width:70px; margin-bottom:-1px;height:163px;width:130px;-webkit-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out; border: 3px double {color:notes}}
  145. #sidebarimage img:hover {-webkit-filter: grayscale(1.0) blur(0px);-webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;}
  146.  
  147. .camiloca {width:156px; margin-left:-5px; text-align: center; margin-top:-5px; background-color:transparent; font-size:11px; font-family:'calibri'; color: {color:frase}; padding:-8px;position:fixed;height: 90px; -moz-transition: all .7s ease-in-out; -o-transition-radius: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; overflow:hidden; opacity:0.9; text-transform: uppercase;}
  148. .camiloca a{background-color:transparent; font-size:11px; font-family:'calibri'; color: {color:frase};}
  149. .camiloca a:hover{background-color:{color:notes}; font-size:11px; font-family:'calibri'; color: {color:post};}
  150.  
  151. #oinoin {margin-left:638px; text-align: left; margin-top:75px; background-color: transparent; font-size:11px; font-family:'calibri'; color: {color:frase}; padding:-8px;position:fixed;-moz-transition: all .7s ease-in-out; -o-transition-radius: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; overflow:hidden; opacity:0.9;}
  152.  #oinoin img{width:325px; margin-left:18px; text-align: left; opacity:0.9;}
  153.  
  154. .tumblrAutoPager_page_separator,
  155. .tumblrAutoPager_page_info {display: none;}
  156.  
  157. mila{-moz-transition: all .7s ease-in-out; -o-transition-radius: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;color:{color:frase}; background:{color:background};}
  158. mila:hover {text-decoration:none; color:{color:background}; background:{color:frase};-moz-transition: all .7s ease-in-out; -o-transition-radius: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
  159.  
  160. /******notes hover by mir4gem, do html-party!! não remova essa tag! baseado em um notes hover do tumblrgenerator que não ta funcionando mais*****/ #post-header-a{left: 85%;top:35%;opacity:0; position:ABSOLUTE;display: inline;}.post-header-a {width:20px; height:18px; padding:5px;background: #696969;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;opacity:0;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}.posts:hover .post-header-a, #post-header-a{opacity:1;filter:alpha(opacity = 100)}
  161.  
  162. .credit {position:fixed; bottom:45px; right:15px; font: 8px cambria, sans-serif; background: #fcfcfc; color: #cccccc; border: 1px solid #f2f2f2; text-transform:uppercase; letter-spacing: 0px; padding: 5px; }
  163. .credit a{color:#9b9b9b; opacity:0.8;}
  164. .credit a:hover{color:#575656; opacity:1.0;}
  165. </style>
  166.  
  167.  
  168. <body>
  169. <div class="credit"><a href="http://1-poeta-bipolar.tumblr.com/">Credit △△</a></div>
  170.  
  171. <center><div id="sidebarimage">
  172. <div class="camiloca">
  173. <center>
  174. <a href="{text:Link1}">{text:Link1 Title}</a>
  175.  
  176. <a href="{text:Link2}">{text:Link2 Title}</a>
  177.  
  178. <a href="{text:Link3}">{text:Link3 Title}</a> <br>
  179.  
  180. <a href="{text:Link4}">{text:Link4 Title}</a>
  181.  
  182. <a href="{text:Link5}">{text:Link5 Title}</a>  <br>
  183. </center><br>
  184. </div><br><br><img src="{image:sidebar}"/>
  185. <br>
  186. <br></center></center>
  187.  
  188. </div>
  189. </div>
  190. <div id="oinoin">
  191. <img src="http://25.media.tumblr.com/d253b9001e1e957cc68dac76292e2492/tumblr_mnc5n1qDMU1ssdigko1_500.png"/>
  192. </div>
  193. <div id="entry">
  194. <div class="autopagerize_page_element">
  195. {block:Posts}
  196. <div class="posts">
  197. {block:Text}
  198.  
  199. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  200.  
  201. <div class="etc">
  202. <a href="{Permalink}">{TimeAgo}</a>
  203. <a href="{Permalink}">{NoteCount}</a>
  204. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  205. {block:RebloggedFrom}
  206. <a href="{ReblogParentURL}" target="_blank">(via</a>{/block:RebloggedFrom}
  207. {block:ContentSource}<a href="{SourceURL}" target="_blank">source</a>){/block:ContentSource}
  208. {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  209. </div>
  210. {/block:Text}
  211.  
  212. {block:Photo}
  213. {block:IndexPage}
  214. <div id="post-header-a">
  215. <div class="post-header-a">
  216. {LikeButton color="white"}</div>
  217. <br><div class="post-header-a">
  218. {ReblogButton color="white"}</div>
  219. </div>
  220. {/block:IndexPage}
  221. {LinkOpenTag}
  222. <div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}
  223. {block:permalinkpage}
  224. {block:Caption}{Caption}{/block:Caption}
  225. {/block:permalinkpage}
  226.  
  227. {/block:Photo}
  228.  
  229. {block:Photoset}
  230. {Photoset-400}
  231. {block:Caption}{Caption}{/block:Caption}
  232. <div class="etc">
  233. <a href="{Permalink}">{TimeAgo}</a>
  234. <a href="{Permalink}">{NoteCount}</a>
  235. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  236. {block:RebloggedFrom}
  237. <a href="{ReblogParentURL}" target="_blank">(via</a>{/block:RebloggedFrom}
  238. {block:ContentSource}<a href="{SourceURL}" target="_blank">source</a>){/block:ContentSource}
  239. {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  240. </div>
  241. {/block:Photoset}
  242.  
  243. {block:Quote}
  244. <div class="pquote">“{Quote}”</div>
  245. {block:Source}<div class="pquotesource"> <b> {Source}</b></div>
  246. {/block:Source}
  247. <div class="etc">
  248. <a href="{Permalink}">{TimeAgo}</a>
  249. <a href="{Permalink}">{NoteCount}</a>
  250. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  251. {block:RebloggedFrom}
  252. <a href="{ReblogParentURL}" target="_blank">(via</a>{/block:RebloggedFrom}
  253. {block:ContentSource}<a href="{SourceURL}" target="_blank">source</a>){/block:ContentSource}
  254. {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  255. </div>
  256. {/block:Quote}
  257.  
  258. {block:Link}
  259. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  260. {block:Description}{Description}{/block:Description}
  261. <div class="etc">
  262. <a href="{Permalink}">{TimeAgo}</a>
  263. <a href="{Permalink}">{NoteCount}</a>
  264. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  265. {block:RebloggedFrom}
  266. <a href="{ReblogParentURL}" target="_blank">(via</a>{/block:RebloggedFrom}
  267. {block:ContentSource}<a href="{SourceURL}" target="_blank">source</a>){/block:ContentSource}
  268. {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  269. </div>
  270. {/block:Link}
  271.  
  272. {block:Chat}
  273. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  274. <div class="chat"><ul>{block:Lines}
  275. <li class="person{UserNumber}">{block:Label}
  276. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  277. <div class="etc">
  278. <a href="{Permalink}">{TimeAgo}</a>
  279. <a href="{Permalink}">{NoteCount}</a>
  280. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  281. {block:RebloggedFrom}
  282. <a href="{ReblogParentURL}" target="_blank">(via</a>{/block:RebloggedFrom}
  283. {block:ContentSource}<a href="{SourceURL}" target="_blank">source</a>){/block:ContentSource}
  284. {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  285. </div>
  286. {/block:Chat}
  287.  
  288. {block:Audio}
  289. <div class="player">{AudioPlayerBlack}</div>
  290. <div class="etc">
  291. <a href="{Permalink}">{TimeAgo}</a>
  292. <a href="{Permalink}">{NoteCount}</a>
  293. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  294. {block:RebloggedFrom}
  295. <a href="{ReblogParentURL}" target="_blank">(via</a>{/block:RebloggedFrom}
  296. {block:ContentSource}<a href="{SourceURL}" target="_blank">source</a>){/block:ContentSource}
  297. {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  298. </div>
  299. {/block:Audio}
  300.  
  301. {block:Video}
  302. {Video-400}
  303. {block:Caption}{Caption}{/block:Caption}
  304. <div class="etc">
  305. <a href="{Permalink}">{TimeAgo}</a>
  306. <a href="{Permalink}">{NoteCount}</a>
  307. <a href="{ReblogURL}" target="_blank"><b>reblog</b></a>
  308. {block:RebloggedFrom}
  309. <a href="{ReblogParentURL}" target="_blank">(via</a>{/block:RebloggedFrom}
  310. {block:ContentSource}<a href="{SourceURL}" target="_blank">source</a>){/block:ContentSource}
  311. {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  312. </div>
  313. {/block:Video}
  314.  
  315.  
  316.  {block:Answer}
  317.  
  318. <div class="pergunta"><b> {Asker} sayd:</b> {Question}  </div>
  319. <div class="divisoria"></div>
  320. <div style="font-family: 'calibri'; font-size:10px;color: {color:text};" >{Answer}</div>
  321. <br>
  322. <div class="etc">
  323. <a href="/ask">ask me bitch</a>
  324. <a href="{Permalink}">{NoteCount}</a>
  325. </div>
  326. {/block:Answer}
  327. </div>
  328.  
  329. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  330.       <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  331.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  332. {/block:ContentSource}</div>
  333.  
  334.  {/block:Posts}</div>
  335. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  336.  
  337.  
  338.  
  339.  
  340. </div>
  341. </div>
  342. </div>
  343. </div>
  344. </div>
  345.  
  346.  
  347. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement