API tools faq
paste
apenassimplesversos

Theme 7

apenassimplesversos
Mar 22nd, 2012
126
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.84 KB | None | 0 0
raw download clone embed print report
  1. MÃO LIVRE
  2.                     NÃO COPIE PARCIALMENTE OU TOTALMENTE ESSE THEME,
  3.          OU TE DENUNCIO AO SUPPORT TUMBLR, ENTRE OUTRAS CONSEQUENCIAS GRAVES.
  4.  
  5.                                               NÃO COPIE, CRIE!
  6.  
  7.  
  8.  
  9. ---------->
  10.  
  11. <!--- Apparence --->
  12.  
  13. <meta name="color:background" content="#ccc" />
  14.  
  15. <meta name="color:link" content="#696969" />
  16.  
  17. <meta name="color:title" content="#707070" />
  18.  
  19. <meta name="color:post" content="#ffffff" />
  20.  
  21. <meta name="color:sidebar" content="#ffffff" />
  22.  
  23. <meta name="color:negrito" content="#575757" />
  24.  
  25. <meta name="color:italico" content="#575757" />
  26.  
  27. <meta name="color:sublinhado" content="#575757" />
  28.  
  29. <meta name="image:sidebar" content="http://27.media.tumblr.com/tumblr_lw9n0rSNcx1r1v5u9o1_500.jpg"/>
  30.  
  31. <meta name="image:background" content=""/>
  32.  
  33. <meta name="color:menu" content="#000" />
  34.  
  35. <meta name="color:font menu" content="#fff" />
  36.  
  37. <meta name="color:menu:hover" content="#696969" />
  38.  
  39. <meta name="color:font menu:hover" content="#fff" />
  40.  
  41. <meta name="text:Link1 Title" content="link 01" />
  42.  <meta name="text:Link2 Title" content="link 02" />
  43.  
  44.  <meta name="text:Link1" content="/" />
  45.  <meta name="text:Link2" content="/" />
  46.  
  47. <!--- Fim de apparence --->
  48.  
  49.  
  50.  
  51. <!--- Titulo da página --->
  52.  
  53. <title>{title}</title>
  54.  
  55. <!--- Fim de título da página --->
  56.  
  57.  
  58.  
  59. <!--- Favicon --->
  60.  
  61. <link rel="shortcut icon" href="{favicon}" />
  62.  
  63. <!--- Fim de favicon --->
  64.  
  65.  
  66.  
  67.  
  68. <!--- CSS --->
  69. <style>
  70. #sideimg {display: block; margin-left: 264px; float: right; margin-top: 0px; width: auto; height: auto; background-color: transparent; position: fixed; -webkit-transition: all 2.0s ease-out; -moz-transition: all 2.0s ease-out;}
  71.  
  72. .simg1 img {width: 120px; height: 117px; margin-bottom: 2px; border: 0px solid ; -webkit-transition: all 2.0s ease-out; -moz-transition: all 2.0s ease-out;}
  73.  
  74. .simg1 img:hover {-webkit-transition: all 2.0s ease-out; -moz-transition: all 2.0s ease-out; opacity: 0.0}
  75.  
  76.  
  77.  
  78. #sidebardescri{
  79.  
  80. left: 172px;
  81.  
  82. margin-top: 0px;
  83.  
  84. width: 120px;
  85.  
  86. float: left;
  87.  
  88. background-color: #ffffff;
  89.  
  90. padding: 0px;
  91.  
  92. position: fixed;
  93.  
  94. height: 117px;
  95.  
  96. }
  97.  
  98.  
  99.  
  100. .sidebardescri1{
  101.  
  102. margin: 4px;
  103.  
  104. padding: 3px;
  105.  
  106. text-align: justify;
  107.  
  108. margin-top: 3px;
  109.  
  110. font-size: 9px;
  111.  
  112. font-family: verdana;
  113.  
  114. border: 0px solid #fff;
  115.  
  116. padding: 1px;
  117.  
  118. background-color: #ffffff;
  119.  
  120. color: #000000;
  121.  
  122. overflow: auto;
  123.  
  124. height: 110px;
  125.  
  126. }
  127.  
  128.  
  129.  
  130. .sidebardescri1 a{
  131.  
  132. font-size: 9px; font-family:verdana;
  133.  
  134. }
  135.  
  136. /* body */
  137.  
  138. body {background: {color:background} url('{image:background}'); font: 11px tahoma; text-align:justify; color: #666;}
  139.  
  140.  
  141. /* page */
  142.  
  143. #content {width: 900px; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto;}
  144.  
  145.  
  146. /* posts */
  147.  
  148. #post {top: 90px; left: 450px; width:562px; position: absolute;}
  149.  
  150.  
  151. /* sidebar */
  152.  
  153. #sidebar {width:300px; text-align: justify; float: left; position: absolute; margin-top: 10px; left:50px;}
  154.  
  155.  
  156. /* caixas */
  157.  
  158. .caixa {background: {color:post}; padding: 5px; margin-bottom: 1px; left:110px;}
  159. .caixasidebar {background: {color:sidebar}; padding: 5px; margin-bottom: 7px; left:10px;}
  160.  
  161.  
  162. /* formatação */
  163.  
  164. b, strong, bold {color: {color:negrito};}
  165. u, underline {color: {color:sublinhado}; border-bottom: 1px dashed #000;text-decoration:none;}
  166. i, em {color: {color:italico};}
  167. s, strike {color: #000;}
  168.  
  169.  
  170. /* links */
  171.  
  172. a {color: {color:link}; -webkit-transition-duration: .99s; text-decoration:none;}
  173. a:hover, div.permalink p a:hover {color: #000;border: 0px;margin: 0px;filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 10; -webkit-transition-duration: .99s; text-decoration:none;}
  174.  
  175.  
  176. /* blockquote */
  177.  
  178. blockquote {border-left: 5px solid #707070; font-family: tahoma; color: #666; padding: 2px 2px 2px 6px; margin: 2px; line-height: 14px; background: #fff;}
  179.  
  180.  
  181. /* data dos posts */
  182.  
  183. .datadosposts {background: #eee; color: #696969;font-size: 10px;padding: 3px 5px;text-shadow: 0 0 0;
  184. -moz-border-radius: 0px 0px 2 2px;-webkit-border-radius: 0px 0px 2px 2px;border-radius: 0px 0px 2px 2px;margin:-5px}
  185.  
  186.  
  187. /* titulos */
  188.  
  189. h1 {color: {color:title}; font-family: 'Tahoma'; font-size:25px; line-height:21px; letter-spacing:3px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; text-align:right;}
  190.  
  191.  
  192. /* menu */
  193.  
  194. .menu { background: {color:menu}; text-align: center; font-size: 11px; font-family: tahoma; letter-spacing: 0px; color: {color:font menu}; width: 290px; height: 20px; float: center; margin:2px 2px 2px 2px; -webkit-border-radius: 111px; -moz-border-radius: 111px; border-radius: 111px;}
  195.  
  196.  
  197. /* menu:hover */
  198.  
  199. .menu:hover { background: {color:menu:hover}; text-align: center; font-size: 11px; font-family: tahoma; letter-spacing: 0px; color: {color:menu:hover font}; width: 290px; height: 20px; float: center; margin:2px 2px 2px 2px; -webkit-border-radius: 111px; -moz-border-radius: 111px; border-radius: 111px;}
  200.  
  201.  
  202. /* box */
  203.  
  204. .box {background: {color:post}; margin-bottom: 10px;  border: 0px Solid #E1E1E1; -moz-box-shadow: 0 0 0em #eee; -webkit-box-shadow: 0 0 0em #eee; box-shadow: 0 0 0em #eee; padding: 5px; }
  205.  
  206.  
  207. /* wishlist */
  208.  
  209. .heart {display : block; font-size: 8pt; font-family: tahoma; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background: url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px; padding-bottom: 2px;}
  210.  
  211.  
  212. /* wishlist:hover */
  213.  
  214. .heart:hover {display : block; font-size: 8pt; font-family: tahoma; line-height: 15px; border-bottom : 1px dashed #E0DCD6; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  215.  
  216.  
  217. /* divdade */
  218.  
  219. .divdate {border-bottom: 1px dashed #eee; margin: 7px 0px 7px 0px;}
  220.  
  221.  
  222. /* bubble's */
  223.  
  224. .bubble {align:right;background: #e5e3e3; margin:1px 0px 3px 63px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  225.  
  226. .bubble p {margin:1px 0px;}
  227.  
  228. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #e5e3e3;}
  229.  
  230.  
  231.  
  232. </style>
  233. <!--- Fim do CSS --->
  234.  
  235. <script type="text/javascript">
  236. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  237. </script>
  238.  
  239.  
  240. </head>
  241.  
  242.  
  243. <body>
  244.  
  245. <div id="content">
  246. <div id="sidebar">
  247. <div class="caixasidebar">
  248.  
  249. <img src="{image:sidebar}" width="290">
  250.  
  251. {description}
  252. <br>
  253.  
  254.  
  255. <!--- Menu --->
  256.  
  257. <div class="menu"><a href="/">home</a></div>
  258. <div class="menu"><span onClick="changeNavigation('01')">about me</span></div>
  259. <div class="menu"><span onClick="changeNavigation('02')">tumblr</span></div>
  260. <div class="menu"><span onClick="changeNavigation('03')">ask me</span></div>
  261. <div class="menu"><a href="{text:Link1}">{text:Link1 Title}</a></div>
  262. <div class="menu"><a href="{text:Link2}">{text:Link2 Title}</a></div>
  263.  
  264. <!--- Fim de menu --->
  265. </div>
  266. </div>
  267.  
  268.  
  269.  
  270. <!--------------- TAGS DOS POSTS ------------>
  271. <div id="post">
  272. <div id="liuc">
  273. {block:Posts}
  274. <div class="caixa">
  275.  
  276. <!--------------- TEXT ------------->
  277.  
  278. {block:Text}
  279. {block:Title}
  280. <h1>{Title}</h1>
  281. <div class="divdate"></div>
  282. {/block:Title}
  283. {Body}
  284. {/block:Text}
  285.  
  286.  
  287. <!------------ PHOTO ---------------->
  288.  
  289. {block:Photo}
  290. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=550px"/></center>
  291. {block:Caption}
  292. <div class="caption">{Caption}</div>
  293. {/block:Caption}
  294. {/block:Photo}
  295.  
  296. {block:Photoset}
  297. <center>{Photoset-500}</center>
  298. {block:Caption}
  299. <div class="caption">{Caption}</div>
  300. {/block:Caption}
  301. {/block:Photoset}
  302.  
  303.  
  304. <!--------------- QUOTE ----------->
  305.  
  306. {block:Quote}
  307. {Quote}
  308. {block:Source}
  309. <div class="source"><div style="text-align: right">— {Source}
  310. <div class="divdate"></div></div></div>
  311. {/block:Source}
  312. {/block:Quote}
  313.  
  314.  
  315. <!----------------- LINK -------------->
  316.  
  317. {block:Link}
  318. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  319. <div class="divdate"></div>
  320. {block:Description}
  321. <div class="description">{Description}</div>
  322. {/block:Description}
  323. {/block:Link}
  324.  
  325.  
  326. <!--------------- CHAT ----------------->
  327.  
  328. {block:Chat}
  329. {block:Title}
  330. <h1>{Title}</h1>
  331. <div class="divdate"></div>
  332. {/block:Title}
  333. <ul class="chat">
  334. {block:Lines}
  335. {block:Label}
  336. <span class="label"><b>{Label}</b></span>
  337. {/block:Label}
  338. {Line}<br>
  339. {/block:Lines}
  340. </ul>
  341. {/block:Chat}
  342.  
  343.  
  344. <!---------------- VIDEO -------------->
  345.  
  346. {block:Video}
  347. {Video-500}
  348. {block:Caption}
  349. <div class="caption">{Caption}</div>
  350. {/block:Caption}
  351. {/block:Video}
  352.  
  353.  
  354. <!-------------- AUDIO --------------->
  355.  
  356. {block:Audio}
  357. {AudioPlayerBlack}
  358. {block:Caption}
  359. <div class="caption">{Caption}</div>
  360. {/block:Caption}
  361. {/block:Audio}
  362.  
  363.  
  364. <!---------------- ASK ---------------->
  365.  
  366. {block:Answer}
  367. <img src="{AskerPortraitURL-48}" align="left">
  368. <div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}
  369. {/block:Answer}
  370.  
  371. <!------------------- DATA DOS POSTS ----------------->
  372.  
  373. <div class="datadosposts">
  374. <center><b>{</b><a href="{Permalink}">Posted</a> in {DayOfMonth}-{MonthNumberWithZero}, with {NoteCount} notes. | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">reblog this!</a><b>}</b></center></div>
  375. </div><br>
  376. {/block:Posts}<center>
  377. <div id="paginacaoml"><span class="info" style="font-weight: normal;">Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  378. {block:JumpPagination length="10"}
  379. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  380. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  381. {/block:JumpPagination}
  382. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  383. </div></center><br>
  384. </div></div></div></div></div>
  385.  
  386. <!------------------ FIM DE TAGS DOS POSTS -------------->
  387.  
  388. </body>
  389.  
  390. <!--- Inicio dos i-frames --->
  391.  
  392. <div id="01" style="display:none"> <div class="box">
  393. <h1>About me</h1>
  394. <div class="divdate"></div><br>
  395. <br>
  396. <img src="{PortraitURL-96}" align="right" class="borda" style="max-width: 100px;">
  397.  
  398. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você. Sobre você.
  399.  
  400. </div>
  401.  
  402. <div class="box">
  403. <h1>Wishlist</h1>
  404. <div class="divdate"></div><br>
  405. <br>
  406.  
  407. <div class="heart"><s>O que você fez</s></div>
  408. <div class="heart">O que você não fez </div>
  409. <div class="heart"><s>O que você fez</s></div>
  410. <div class="heart">O que você não fez </div>
  411. <div class="heart"><s>O que você fez</s></div>
  412. <div class="heart">O que você não fez </div>
  413. <div class="heart"><s>O que você fez</s></div>
  414. <div class="heart">O que você não fez </div>
  415.  
  416.  
  417. </div>
  418.  
  419. <div id="02" style="display:none"> <div class="box">
  420. <h1>Sobre meu tumblr</h1>
  421. <div class="divdate"></div><br>
  422.  
  423.  
  424. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr. Sobre seu tumblr.
  425.  
  426. </div>
  427.  
  428. <div class="box">
  429. <h1>Créditos</h1>
  430. <div class="divdate"></div>
  431. <br>
  432.  
  433. <div class="heart">Theme por <a href="http://d-esequilibrio.tumblr.com/.tumblr.com" title="clique aqui rs">D-esequilibrio</a></div>
  434.  
  435. <div class="heart">Theme base por <a href="alonein-wordeland.tumblr.com" title="clique aqui rs">Julia Gomes</a></div>
  436.  
  437. <div class="heart">Menu base por <a href="htmland.tumblr.com">Laura Fernandes/HtmLand</a></div>
  438.  
  439. </div>
  440.  
  441.  
  442.  
  443. <div id="03" style="display:none"> <div class="box">
  444. <h1>Ask me!</h1>
  445. <div class="divdate"></div><br>
  446.  
  447. <div class="heart">regra da ask</div>
  448. <div class="heart">regra da ask</div>
  449. <div class="heart">regra da ask</div>
  450. <div class="heart">regra da ask</div><br>
  451.  
  452. <iframe frameborder="0" scrolling="no" width="100%" height="150px" src="http://www.tumblr.com/ask_form/SEUTUMBLR.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe> <!—[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]—></div>
  453.  
  454. </div>
  455.  
  456.  
  457. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!