apenassimplesversos

Theme 38

Jun 1st, 2012
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.63 KB | None | 0 0
  1. <html>
  2.  
  3.  
  4. <!--------
  5. theme d-esequilibrio
  6. --------!>
  7.  
  8.  
  9. <head>
  10.  
  11. <!-- DEFAULT VARIABLES -->
  12. <meta name="color:background" content="#f8f8f8" />
  13. <meta name="color:post" content="#fff" />
  14. <meta name="color:sidebar" content="#fff" />
  15. <meta name="color:text" content="#949494" />
  16. <meta name="color:link hover" content="#f8f8f8" />
  17.  
  18. <meta name="color:link" content="#696969" />
  19. <meta name="color:linkhover" content="#000000" />
  20.  
  21. <meta name="image:background" content="" />
  22. <meta name="image:sidebar" content="" />
  23.  
  24. <meta name="text:Link1" content="/" />
  25. <meta name="text:Link1 Title" content="link" />
  26. <meta name="text:Link2" content="/" />
  27. <meta name="text:Link2 Title" content="link" />
  28. <meta name="text:Link3" content="/" />
  29. <meta name="text:Link3 Title" content="link" />
  30. <meta name="text:Link4" content="/" />
  31. <meta name="text:Link4 Title" content="link" />
  32. <meta name="text:Link5" content="/" />
  33. <meta name="text:Link5 Title" content="link5" />
  34. <meta name="text:Link6" content="/" />
  35. <meta name="text:Link6 Title" content="link6" />
  36. <meta name="text:Link7" content="/" />
  37. <meta name="text:Link7 Title" content="link7" />
  38. <meta name="text:Link8" content="/" />
  39. <meta name="text:Link8 Title" content="link8" />
  40. <meta name="text:Link9" content="/" />
  41. <meta name="text:Link9 Title" content="link9" />
  42. <meta name="text:Link10" content="/" />
  43. <meta name="text:Link10 Title" content="link10" />
  44.  
  45.  
  46.                       <title>{Title}</title>
  47.         <link rel="shortcut icon" href="{Favicon}">
  48.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49.         {block:Description}
  50.   <meta name="description" content="{MetaDescription}" />
  51.         {/block:Description}
  52.  
  53. <script type="text/javascript" src="http://static.tumblr.com/myqz5da/i75lywtpy/livia-menu1.js"></script>
  54.     <style type="text/css">
  55.  
  56.  
  57. body {background-color: {color:background}; background-image:url('{image:background}'); background-attachment: fixed; font-family: verdana; color: {color:text}; text-align: center; font-size: 10px;  }
  58.  
  59. a {color: {color:text}; text-decoration: none; -webkit-transition:1s; }
  60. a:hover {color: {color:text}; background-color: #trans; text-decoration: none; opacity: 0.5; -webkit-transition-duration:.6s; -moz-transition-duration:.6s }
  61.  
  62. p {margin: 6px 0 0 0}
  63.  
  64. blockquote {margin-left:2px; width:500px; padding-left:3px; border-left:1px solid {color:text};}
  65.  
  66.  
  67. img{
  68. margin: 1px;
  69. border: none;
  70. filter: alpha(opacity=75);
  71. moz-opacity:.80;
  72. opacity:.80 ;
  73. -webkit-transition-duration: .50s;
  74. }
  75. img:hover{
  76. margin: 1px;
  77. border: none;
  78. filter: alpha(opacity=100);
  79. moz-opacity:1.0;
  80. opacity:1.0;
  81. }
  82.  
  83.  
  84. #container { width: 350px;position: fixed;}
  85. #contain_inner {margin-left: 0px; background-color: transparent;}
  86.  
  87. #all {text-align: center;  overflow: none; width: 526px; height: 360px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  88.  
  89. #allboxes {float: left; margin-left: 425px; overflow: none;   margin-top:10px; }
  90.  
  91. .entry {width: 500px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative;}
  92.  
  93. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  94. h1 a {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; font-weight: normal; line-height: 18px;}
  95. h1 a:hover {text-align: center; font-size: 16px; text-transform: none; color: {color:text}; letter-spacing:-1px; line-height: 18px; opacity: 0.5; -webkit-transition-duration:.6s; -moz-transition-duration:.6s }
  96.  
  97. .image {text-align: center; border: 0px}
  98. .image img {max-width: 500px; margin-bottom: 2px }
  99.  
  100. .xquote {font-family: georgia;  text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  101.  
  102. .xquotesource { text-align: center; font-family:sans-serif; font-style:italic; text-transform: none; margin-bottom: 5px; margin-top:10px;}
  103. .xquotesource a, a:hover{text-transform: none;}
  104.  
  105. .chat {line-height: 13px; list-style: none; text-align:center; }
  106. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  107. .person1 {color: {color:text}; padding: 2px; }
  108. .person1 .label {font-weight: bold;  color:{color:text}}
  109. .person2 {color: {color:text}; padding: 2px;  }
  110. .person2 .label {font-weight: bold;  color:{color:text}}
  111.  
  112. .player {background-color: {color:sidebar}; text-align: left; display:block;}
  113.  
  114.  
  115. /* AUDIO POST DE EXTRATREX, NÃO COPIAR  */
  116. #audentryprob {display:block; height:auto; position:relative; min-height:110px;}
  117. .audentry {width:490px; background-color:{color:post}; position:relative;  padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:110px;}
  118.  
  119. .audioplayercircle {
  120. position: absolute;
  121. z-index: 3;
  122. background: white;
  123. -webkit-border-radius: 50px;
  124. -moz-border-radius: 50px;
  125. top: 35px;
  126. left: 35px;
  127. opacity: .8;
  128. filter:alpha(opacity=80)}
  129.  
  130.  
  131. .audioplayer {
  132. width: 20px;
  133. height: 30px;
  134. overflow: hidden;
  135. margin: 17px 24px 13px 16px;
  136. }
  137.  
  138. .audiodata {font:11px verdana; color:{color:text}; text-transform:none; height:15px; padding:0px 7px!important; background-color:{color:background}; float:center; margin-left:55px; text-align:right;}
  139. .audiodata b{color:{color:text};}
  140.  
  141. .aucap {color:{color:quote}; font:11px verdana; line-height:90%; text-align:right; min-height:34px; background-color:#fcfcfc; padding:2px 7px!important;}
  142. #questions {background-color:{color:background}; color: {color:text}; padding:10px; margin-bottom:0px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size:11px}
  143. #questions a {color:{color:link}}
  144.  
  145.  
  146. .caixa {background: {color:sidebar}; padding: 4px;}
  147.  
  148.  
  149. .bubble {
  150.  background: {color:background};  
  151. color: #;
  152. margin-top: 2px;
  153. padding: 12px;
  154. margin-left: 40px;
  155. -webkit-border-top-right-radius: 11px;
  156. -webkit-border-bottom-right-radius: 11px;
  157. -moz-border-radius-topright: 11px;
  158. -moz-border-radius-bottomright: 11px;
  159. border-top-right-radius: 11px;
  160. border-bottom-right-radius: 11px;}
  161.  
  162. .caixa aa
  163. {background: {color:background};
  164.  height: 16px;
  165. font-style: normal;
  166. font-size: 10px;
  167. color: {color:text};
  168. padding-top: 4px;
  169. text-align:justy;
  170. letter-spacing:1px;
  171. padding:3px;  
  172. text-shadow:0 1px 1px {color:sidebar};  
  173. margin-top: 8px;
  174. text-transform:none;
  175. line-height: 14px;
  176. margin-top: 10px;
  177. -webkit-border-top-right-radius: 11px;
  178. -webkit-border-bottom-right-radius: 11px;
  179. -moz-border-radius-topright: 11px;
  180. -moz-border-radius-bottomright: 11px;
  181. border-top-right-radius: 11px;
  182. border-bottom-right-radius: 11px;}
  183.  
  184. .borda {
  185. float: left;
  186. padding: 0px;
  187. margin-top: -1px;
  188. -webkit-border-top-left-radius: 11px;
  189. -webkit-border-bottom-left-radius: 11px;
  190. -moz-border-radius-topleft: 11px;
  191. -moz-border-radius-bottomleft: 11px;
  192. border-top-left-radius: 11px;
  193. border-bottom-left-radius: 11px;
  194. }
  195. #info {background-color:{color:background}; padding:3px; text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11; border-left: 1 solid #ddd; -webkit-transition:1s;}
  196. #info:hover{ background-color: {color:post}; text-align:right;  margin-left:160px;  border-right: 2 solid #ddd;  border-left: 1 solid {color:post};  -webkit-transition-duration:.6s; -moz-transition-duration:.6s }
  197. #info a {font-size: 9px;}
  198.  
  199. .tags {color: {color:text};  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: lowercase;}
  200. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  201.  
  202. #cap {width: 500px; margin-top: -2px;}
  203. .source {display: none;}
  204.  
  205. .notes {width: 530px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align: left}
  206. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  207. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  208. .notes img{display: none; border:0px}
  209.  
  210.  
  211. #td {width: 300px; height: none; margin-left: 8px; background-color: #0;   position: fixed; color: #888;  font-size: 9px; border: px solid #ccc; border-right: 0px solid #eee; margin-top: 97px; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; text-align: right}
  212. #td:hover {margin-left:77px;}
  213.  
  214. #container { width: 350px;position: fixed;}
  215. #contain_inner {margin-left: 0px; background-color: transparent;}
  216.  
  217.  
  218. #tumblr_controls{position: fixed!important}
  219. #tumblr_controls{position: fixed!important}
  220. #tumblr_controls{position: fixed!important}
  221. #tumblr_controls{position: fixed!important}
  222.  
  223. ::-webkit-scrollbar{width:4px;height:5px;}
  224. ::-webkit-scrollbar-button:start:decrement
  225. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  226. ::-webkit-scrollbar-track-piece{background-color: #eee; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  227. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:sidebar};-webkit-border-radius:px;}
  228. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:sidebar};-webkit-border-radius:px;}
  229.  
  230.  #bloc {position:relative;top:1px;left:0px;}
  231.  
  232. .transition{-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  233.  
  234. #picture{width:160px;}
  235. #picture:hover{width:250px;}
  236.  
  237. #picture:hover #description{width:80px;padding:5px 5px 5px 5px;opacity:1;}
  238.  
  239. #picture:hover #left{margin-left:-45px;}
  240.  
  241. #left{float:left;overflow:hidden;width:80px;}
  242.  
  243. #right{overflow:hidden;width:80px;}
  244.  
  245. #description{float:left; width:0px; font-size: 9px; text-align:center; font-family:verdana; overflow:hidden; opacity:0;}
  246.  
  247.  .seta {font-family: georgia; position: fixed; margin-left: 98px; margin-top: 100px; font-size: 38px; z-index: 100; color:paginacao;}
  248.  
  249. .seta a {color:#8A8A8A;}
  250. .seta a:hover {color:#000;}
  251.  
  252. .seta2 {font-family: georgia; position: fixed; margin-left: 98px; margin-top: 260px; font-size: 38px; z-index: 100;  color:paginacao; }
  253.  
  254.  
  255. .seta2 a {color:#8A8A8A;}
  256.  
  257. .seta2 a:hover {color:#000;}
  258. #links2 {width: 509px; float: left; margin-left: 113px; height:40px; margin-top: 43px; padding: 3px; text-align: center; position: fixed; background-color: #transparent; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; }
  259.  
  260. #links2 a {float: left; margin-right: 1px; display: block; width: 40px; letter-spacing: 1px; font-family: tinytots; font-size: 8px; text-align: center; margin-bottom: 1px; background-color: #fff; color: #000; text-decoration: none; text-transform: uppercase; height: 15px; line-height: 10px; padding: 4px;  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; }
  261.  
  262. #links2 a:hover{text-align: center;  line-height: 18px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  }
  263.  
  264.  
  265. #tumblr_controls{position: fixed!important}
  266. #tumblr_controls{position: fixed!important}
  267. #tumblr_controls{position: fixed!important}
  268. #tumblr_controls{position: fixed!important}
  269.  
  270. #pagination{ float: left; bottom: 22px; margin-left: 30px; height: auto; position: fixed; font-size: 10px; font-family:georgia;font-style:italic; }
  271. </style>
  272. <body>
  273.  
  274.  <div id="bloc">
  275. <div id="picture" class="transition">
  276. <div id="left" class="transition">
  277. <img width="160px" src="{image:sidebar}">
  278. </div>
  279. <div id="description" class="transition">{description}</div>
  280. <div id="right" class="transition">
  281. <img width="160px" style="margin-left:-80px;" src="{image:sidebar}">
  282. </div>
  283.  
  284. <div id="meus">
  285. <div id="links">
  286. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}.
  287. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}<font color='#FF85B8'></font></a> {/block:ifLink2}.
  288. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}.
  289. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}.
  290. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}.
  291. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}.
  292. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}.
  293. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a> {/block:ifLink8}.
  294. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a> {/block:ifLink9}.
  295. {block:ifLink10}<a href="{text:Link10}">{text:Link10 Title}</a> {/block:ifLink6}
  296.  
  297.  
  298. </div>
  299. </center>
  300.  
  301.  
  302. <div class="seta2">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>
  303.  
  304. <div class="seta">{block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}</div>
  305. </div>
  306.  
  307. <div id="pagination">
  308.  
  309. <br> <big> <center>theme by<a href="http://d-esequilibrio.tumblr.com/"> d-esequilibrio,</a> <br>dlts :stickyx,tfwar, amor-compulsivo. <a href="http://s-u-s-s-u-r-r-o-u.tumblr.com/"><b>©</b></a></big></center></div>
  310.  
  311. <div id="allboxes">
  312.  
  313.  {block:Posts}
  314. <div class="entry">
  315.  
  316. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  317.  
  318. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  319.  
  320. {block:Photoset}{Photoset-500}{/block:Photoset}
  321.  
  322. {block:Quote}
  323. <div class="xquote">“{Quote}”</div>
  324. {block:Source}<div class="xquotesource"> + {Source}</div>
  325. {/block:Source}
  326. {/block:Quote}
  327.  
  328. {block:Link}
  329. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  330. {block:Description}{Description}{/block:Description}
  331. {/block:Link}
  332.  
  333. {block:Chat}
  334. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  335. <div class="chat"><ul>{block:Lines}
  336. <li class="person{UserNumber}">{block:Label}
  337. <span class="label">-- {label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  338. {/block:Chat}
  339.  
  340.  
  341. <!--- AUDIO POST --->
  342. {block:Audio}
  343. <div id="audentryprob">
  344. <div class="audentry">
  345.  
  346. <img src="http://static.tumblr.com/2lqtwbf/hLRlz1vgy/2.png" alt="default album art" width="120" height="120" style="position:absolute; vertical-align:middle;" />
  347. {block:AlbumArt}
  348. <img width="120" height="120" src="{AlbumArtURL}" style="position:absolute;" />
  349. {/block:AlbumArt}
  350.  
  351. <div class="audioplayercircle"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  352. <div class="something">
  353. <table style="float:right;" width="360px" cellspacing="1px" cellpadding="0">
  354.  
  355. {block:TrackName}
  356. <tr>
  357. <td class="audiodata"><b>Song: </b>{TrackName}</td>
  358. </tr>
  359. {/block:TrackName}
  360.  
  361. {block:Artist}
  362. <tr>
  363. <td class="audiodata"><b>Artist: </b> {Artist}</td>
  364. </tr>
  365. {/block:Artist}
  366. {block:Album}
  367. <tr>
  368. <td class="audiodata"><b>Album: </b>{Album}</td>
  369. </tr>
  370. {/block:Album}
  371. <tr>
  372. <td class="audiodata">Played {FormattedPlayCount} times</td>
  373. </tr>
  374. {block:ExternalAudio}
  375. <tr>
  376. <td class="audiodata"><a href="{ExternalAudioURL}" target="_blank">Source</a></td>
  377. </tr>
  378. {/block:ExternalAudio}
  379. {block:Caption}<tr>
  380. <td class="aucap">{Caption}</td></tr>
  381. {/block:Caption}
  382. </table>
  383. </div></div>
  384. </div>{/block:Audio}
  385.  
  386.  
  387. {block:Video}{Video-500}{/block:Video}
  388.  
  389.  
  390. {block:Answer}
  391. <div class="caixa">
  392. <aa>
  393. ask por: <b>{Asker}</b> em <a href="{Permalink}" target="_blank">{DayOfMonth}/{ShortMonth}/{Year}</a></aa>
  394. <img src="{AskerPortraitURL-40}" class="borda">
  395. <div class="bubble">
  396. {Question}</div>
  397. <div class="clear"></div>
  398. {Answer}
  399. <div class="clear"></div>
  400. </div>
  401. {/block:Answer}
  402.  
  403.  
  404.  
  405.  
  406. <div id="cap">
  407. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  408. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  409. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  410.  
  411. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  412.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  413.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  414. {/block:ContentSource}</div></div>
  415. <br>
  416.  
  417.  
  418. <div id="info">
  419. {block:Date}<div class="tags"><b>tags:</b> {block:HasTags}{block:Tags}@<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  420. ( <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}  · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog </a>{/block:IndexPage} · <a href=http://twitter.com/home?status={block:Title}{Title}{/block:Title}{block:Caption}{PlainTextCaption}{/block:Caption} {ShortURL}”>if you like <b>tweet</b></a> )
  421. {block:RebloggedFrom}<br>postado por <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · reblogado de <a href="{ReblogParentURL}">{ReblogParentName}</a>
  422. {/block:RebloggedFrom}
  423. </div>
  424. </div>{/block:Date}
  425.  
  426.  
  427.  {/block:Posts}
  428. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433.  
  434.  
  435. </body>
  436. </html>
Advertisement
Add Comment
Please, Sign In to add comment