apenassimplesversos

Theme 53

Jul 11th, 2012
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.10 KB | None | 0 0
  1. <html>
  2. <!this theme made by d-esequilibrio!>
  3. <head>
  4. <meta name="color:background" content="#FFF">
  5. <meta name="color:text" content="#000000">
  6. <meta name="color:entry" content="#fff" />
  7. <meta name="color:link" content="#000" />
  8. <meta name="color:link hover" content="#656565" />
  9. <meta name="color:text link" content="#000000" />
  10. <meta name="color:text link hover" content="#fff" />
  11. <meta name="color:bg link" content="#fff" />
  12. <meta name="color:bg link hover" content="#000" />
  13. <meta name="color:paginal" content="#000" />
  14.  
  15. <meta name="image:background" content="" />
  16. <meta name="image:sidebar" content="http://static.tumblr.com/hesl9hk/TZCm3i5t4/540023_3307528201047_1053325328_3105835_1236442508_n_large.jpg"/>
  17.  
  18. <meta name="text:Link1" content="/" />
  19. <meta name="text:Link1 Title" content="link1" />
  20. <meta name="text:Link2" content="/" />
  21. <meta name="text:Link2 Title" content="link2" />
  22. <meta name="text:Link3" content="/" />
  23. <meta name="text:Link3 Title" content="link3" />
  24. <meta name="text:Link4" content="/" />
  25. <meta name="text:Link4 Title" content="link4" />
  26. <meta name="text:Link5" content="/" />
  27. <meta name="text:Link5 Title" content="link5" />
  28. <meta name="text:Link6" content="/" />
  29. <meta name="text:Link6 Title" content="link6" />
  30. <meta name="text:Link7" content="/" />
  31. <meta name="text:Link7 Title" content="link7" />
  32. <meta name="text:Link8" content="/" />
  33. <meta name="text:Link8 Title" content="link8" />
  34. <meta name="text:Link9" content="/" />
  35. <meta name="text:Link9 Title" content="link9" />
  36.  
  37.        
  38.        <title>{Title}</title>
  39.         <link rel="shortcut icon" href="{Favicon}">
  40.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. <style>
  42. Body{background-color: {color:background};font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  43.  
  44. a {color: {color:link}; text-decoration: none; text-transform: none;}
  45. a:hover {color: {color:link hover}; text-decoration: none;}
  46.  
  47. p {margin: 6px 0 0 0}
  48.  
  49. blockquote {margin: 5px 5px 5px 5px; border-left: 5px solid {color:background}; padding-left: 5px; }
  50. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  51. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:sidebar}; }
  52. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  53.  
  54. blockquote img{max-width: 470px!important}
  55. blockquote blockquote img{max-width: 450px!important}
  56. blockquote blockquote blockquote img{max-width: 430px!important}
  57. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  58.  
  59.  
  60. #container {
  61. background-color:transparent;
  62. width: 465px;
  63. position: absolute;
  64. top:29px;
  65. left: 355px;
  66.  
  67. padding-bottom: 5px;
  68. }
  69.  
  70. #entries {margin: -10px 0 0px 0}
  71.  
  72.  
  73. #entry {
  74. width: 500px;
  75.  border-bottom: 2px solid #DADADA;
  76. background-color:{color:entry};
  77. text-align: justify;
  78. padding: 20px;
  79.  margin-bottom:0px;}
  80.  
  81. .image{text-align: center; margin: 0 0 5px 0}
  82. .image img{border: 0px; margin: 0; padding: 0;}
  83.  
  84. #ask_form{width: 500px; }
  85.  
  86. .search_result{font-size: 12px; text-align: center}
  87.  
  88. .source{display:none}
  89.  
  90. h1{
  91. font-family: georgia;
  92. font-size:20px;
  93. letter-spacing: -1px;
  94. line-height: 20px;
  95. text-transform: none;
  96. font-weight: normal;
  97. margin: 0 0 5px 0;
  98. text-align: center
  99. }
  100.  
  101. h1 a{
  102. font-size:20px;
  103. letter-spacing: -1px;
  104. line-height: 20px;
  105. text-transform: none;
  106. font-weight: normal;
  107. margin: 0 0 5px 0;
  108. text-decoration: none;
  109. text-align: center
  110. }
  111.  
  112. .qqmarks{
  113. font-size: 80px;
  114. font-weight: bold;
  115. line-height: 80px;
  116. opacity: 0.2;
  117. filter:alpha (opacity=20)
  118. }
  119.  
  120. .qquote{
  121. font-family:Georgia;
  122. font-size: 20px;
  123. letter-spacing: -1px;
  124. line-height: 30px;
  125. text-transform: none;
  126. margin-top: -70px;
  127. margin-left: 45px
  128. }
  129.  
  130. .qsource{
  131. margin: 5px 15px 0 0;
  132. text-align: right}
  133.  
  134. .chat{
  135. line-height: 12px;
  136. list-style: none
  137. }
  138.  
  139. .chat ul {
  140. line-height: 15px;
  141. list-style: none;
  142. padding: 0px;
  143. line-height: 20px;
  144. background: #000;
  145. }
  146.  
  147. .person1 {
  148. background-color: {color:link};
  149. color: {color:background}
  150. }
  151. .person1 .label {
  152. font-weight: bold;
  153. padding: 0px;
  154. margin-left: 5px;
  155. color: {color: text}
  156. }
  157. .person2 {
  158. background-color: {color:background};
  159. color: {color: text}
  160. }
  161. .person2 .label {
  162. font-weight: bold;
  163. padding: 0px;
  164. margin-left: 5px;
  165. color: {color: text}
  166. }
  167.  
  168. .audioimage{
  169. float:left;
  170. text-align: center;
  171. margin: 0 10px 5px 0;
  172. width: 205px;
  173. border: 15px solid {color:background};
  174. }
  175. .audioimage img{
  176. max-width: 205px;
  177. height: auto;
  178. margin: 0 0 2px 0
  179. }
  180. .playcount {font-style: italic}
  181.  
  182.  
  183. .asker {
  184. -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
  185.  
  186. .asker a{
  187. font-size: 20px;
  188. color:{color:link};
  189. text-transform: lowercase;
  190. line-height: 27px;
  191. padding: 0; margin: 0;
  192. font-family: georgia;
  193. }
  194. .asker a:hover{
  195. font-size: 20px;
  196. color:{color:link};
  197. text-transform: lowercase;
  198. line-height:27px;
  199. padding: 0;
  200. margin: 0;
  201. font-family: georgia;
  202. }
  203. .answer {padding: 5px 0 0 0; }
  204.  
  205. #cap {
  206. padding: 2px 0 0 0;
  207. width: 500px;
  208. margin: 0 0 0 5px
  209. }
  210.  
  211. .info {
  212. margin-top: 10px;
  213. border-left: 0px solid {color:entry};
  214. padding: 5px;
  215. background-color: {color:entry};
  216. text-align: left;
  217. font-size: 9px;
  218. font-family: verdana;
  219. text-transform: lowercase;
  220. }
  221.  
  222. .info a {font-size: 9px;}
  223.  
  224. .info2 {
  225. padding: 2px;
  226. border-bottom: 1px dotted {color:entry};
  227. text-align: right;
  228. }
  229. .tags {
  230. color: {color:text};
  231. font-size: 9px;
  232. font-family: verdana;
  233. display: inline;
  234. list-style: none;
  235. text-transform: none;
  236. }
  237. .tags a {
  238. font-size: 9px;
  239. color: {color:text};
  240. display: inline;
  241. list-style: none;
  242. text-transform: none;
  243. }
  244.  
  245. #nts {
  246. width: 500px;
  247. margin-left: 95px;
  248. padding: 10px;
  249. margin-top: 5px;
  250. font-size: 10px;
  251. text-align: left
  252. }
  253.  
  254. #nts img{display: none; border:0px}
  255.  
  256. #clear{
  257. clear: both;
  258. width: 50px;
  259. height: 0px;
  260. background-color: transparent
  261. }
  262.  
  263. #prevnextlinks{
  264. text-align: center;
  265. width: 500px;
  266. background-color:{color:entry};
  267. padding: 7px 20px 7px 20px;
  268. margin: 0 0 2px 0;
  269. font-size: 10px
  270. }
  271.  
  272. #notes {
  273. width: 500px;
  274. margin: 0px;
  275. margin-left: 0px;
  276. padding: 5px;
  277. text-align: left
  278. }
  279.  
  280. ol.notes {list-style: none; margin: 0 20px 0 10px; padding: 0px}
  281. ol.notes li {margin: 0px; padding: 2px;}
  282.  
  283. #notes img{border:0px}
  284. #notes a{font-size: 10px}
  285.  
  286. #tumblr_controls{position: fixed!important}
  287. ::-webkit-scrollbar{width:5px;height:5px;}
  288.  
  289. ::-webkit-scrollbar-button:start:decrement
  290.  
  291. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  292.  
  293. ::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  294.  
  295. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:rolagem};-webkit-border-radius:px;}
  296.  
  297. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:rolagem};-webkit-border-radius:px;}
  298.  
  299.  
  300.    
  301.      
  302.  
  303. #image{ padding:5px; text-align:center; background-color: {color:sidebar}; margin-top: 1px;margin-left:-894px; }
  304. #image img{width: 200px; height: 258px;  -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
  305.  
  306. #image:hover {z-index: 100; webkit-transition: 0.5s; transition: 0.5s; -moz-transform: scale(0.80) rotate(180deg) translate(0px, 0px) skew(0deg, 10deg);-webkit-transform: scale(0.80) rotate(180deg) translate(0px, 0px) skew(0deg, 10deg);-o-transform: scale(0.80) rotate(180deg) translate(0px, 0px) skew(0deg, 10deg);-ms-transform: scale(0.80) rotate(180deg) translate(0px, 0px) skew(0deg, 10deg);transform: scale(0.80) rotate(180deg) translate(0px, 0px) skew(0deg, 10deg);}
  307. #image img:hover{opacity:0.7;}
  308.  
  309.  
  310. #links {width: 293px; float: left; margin-left:84px; margin-top: 51px; padding: 0px; text-align: center;  }
  311.  
  312. #links a {font-size: 9px; color: {color:text link}; background-color: {color:bg link}; padding: 6px 0px 8px 2px;  display:block; margin-bottom: 1px; height: 0px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; width: 74px; line-height: 1px; border-left: 1px solid {color:background}; float: left}
  313.  
  314. #links  a:hover{text-align: center; color: {color:text link hover}; background-color: {color:bg link hover}; font-weight:bold; }
  315.  
  316. #page{margin-top:90px; background-color: {color:sidebarpage}; link-color: #FFFFFF; float:center; width:75px; height:31px; position:fixed; margin-left: 129px;}
  317.  
  318. .pgs{padding:-5px; font-family: verdana; font-style: none; letter-spacing:-1px; color: #FFFFFF ;font-size: 25px; letter-spacing: -1px;}
  319.  
  320.     .credit {background-color: {color:background}; font-size: 8px; color: #050505; text-align: center; width: 210px; height: auto; position: relative; padding: 2px 5px; text-transform: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-left: 87px; font-family: tinytots; margin-top: 104px; overflow: hidden;}
  321.  
  322. </style>
  323. <body>
  324.  
  325.  <div id="image"><img src="{image:Sidebar}"style="border: 3px solid #000"/></div>
  326.  <div id="links">
  327. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  328. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  329. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  330. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  331. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  332. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  333. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}
  334. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a> {/block:ifLink8}
  335. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a> {/block:ifLink9}</div>
  336.  
  337. <div class="credit">THEME POR <a href="http://d-esequilibrio.tumblr.com/"title="Detalhes Antigo-Brasieiro e Persuadido">D-ESEQUILIBRIO</a> </div>
  338.  
  339. <div id="page"><div class="pgs">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> « </a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}</div></div>
  340.  
  341. </div>
  342. <div id="container">
  343.  
  344. <div id="entry">
  345. {block:IfEnableEndlessScrolling}<div class="autopagerize_page_element">
  346. <script type="text/javascript"
  347.  
  348. src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScrolling}
  349.  
  350.  
  351. {block:SearchPage}<div class="search_result">{SearchResultCount} results</div>{/block:SearchPage}
  352.  
  353.  
  354.  
  355. {block:Posts}
  356.  
  357. <div id="entry">
  358. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  359.  
  360. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}
  361. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  362.  
  363. {block:Photoset}{Photoset-500}
  364. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>
  365. {/block:Photoset}
  366.  
  367. {block:Quote}
  368. <b class="qqmarks">"</b><div class="qquote">{Quote}</div>
  369. {block:Source}<div class="qsource">— {Source}</div>{/block:Source}
  370. {/block:Quote}
  371.  
  372. {block:Link}
  373. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  374. {block:Description}{Description}{/block:Description}
  375. {/block:Link}
  376.  
  377. {block:Chat}
  378. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  379. <div class="chat"><ul>{block:Lines}
  380. <li class="person{UserNumber}">{block:Label}
  381. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  382. {/block:Chat}
  383.  
  384. {block:Audio}
  385. <div class="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  386. {AudioPlayerWhite}
  387. <div class="playcount">{PlayCountWithLabel}</div>
  388. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div>
  389. {/block:Audio}
  390.  
  391. {block:Video}{Video-500}
  392. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  393.  
  394. {block:Answer}
  395. <img src="{AskerPortraitURL-48}" align="left" class="askborder" class="dreamgirl"><div class="bubble"><span></span><b>{Asker} said to me:</b>
  396. {Question}&nbsp;</div><br>{Answer} {/block:Answer}
  397.  
  398. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  399.     <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  400.       {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  401. {/block:ContentSource}</div>
  402.  
  403.  
  404.  
  405. <div id="clear"></div>
  406.  
  407. {block:Date} <div class="info"> <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} . <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{Block:IndexPage}  <a href="{ReblogUrl}" target="_blank"> . <b>r</b>eblog </a> {/Block:IndexPage} {block:RebloggedFrom} . via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  408. <br>
  409. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  410. </div></div>
  411. {/block:Posts}
  412. {block:PostNotes}
  413. <div id="nts"><div id="ntstext"> . {PostNotes}</div></div>
  414. {/block:PostNotes}
  415.  
  416. </center>
  417.  
  418.  
  419.  
  420.  
  421.  
  422. </div>
  423. </div>
  424. </div>
  425. </div>
  426. </body>
  427. </html>
Advertisement
Add Comment
Please, Sign In to add comment