Advertisement
mgallyack

Theme Simple White

May 2nd, 2013
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.17 KB | None | 0 0
  1. <!-----
  2.  
  3. Theme desenvolvido por Anna Gallyack
  4. Não use como base para disponibilizar.
  5. Somente para uso próprio, não repasse.
  6.  
  7. www.mundogallyack.com
  8.  
  9.  
  10. !----->
  11.  
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml">
  15.  
  16. <head>
  17. <script type="text/javascript">function changeNavigation(id)
  18. {document.getElementById('column2').innerHTML=document.getElementById(id).innerHTML}</script>
  19.  
  20. <!-- BEGIN TUMBLR CODE --><iframe src="http://assets.tumblr.com/iframe.html?8&src=http%3A%2F%2FNOMEDOTUMBLR.com%2F&amp;lang=en_US&amp;name=NOMEDOTUMBLR" scrolling="no" width="330" height="25" frameborder="0" style="position:absolute; z-index:1337; top:0px; right:0px; border:0px; background-color:transparent; overflow:hidden;" id="tumblr_controls"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]--><script type="text/javascript">_qoptions={qacct:"p-19UtqE8ngoZbM"};</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><noscript><img src="http://pixel.quantserve.com/pixel/p-19UtqE8ngoZbM.gif" style="display:none; border-width:0px; height:1px; width:1px;" alt=""/></noscript><!-- END TUMBLR CODE --></body>
  21.  
  22.  
  23. <title>{title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here' rel='stylesheet' type='text/css'>
  27.  
  28. <style type="text/css">
  29.  
  30. /*** ask ***/
  31. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  32. .bubble p {margin:1px 0px;}
  33. .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 #eee;}
  34. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  35.  
  36. /*** BODY ***/
  37. body{ background-color: #fff; background-attachment: fixed; font-family: tahoma; color:#000; font-size: 11px; text-align:justify; padding:7px; }
  38.  
  39.  
  40.  
  41.  
  42.  
  43. /*** MENU ***/
  44. .menu{ position: fixed; width: 120px; background-color: #fff; display: block; font-family: 'tahoma'; font-size:11px; color: #000; text-align:center; padding-bottom: 10px; padding: 2px 2px 2px 2px;}
  45.  
  46. .menu:hover{ background-color: #eee; display: block; font-family: 'georgia'; color: #000;}
  47.  
  48. #column1 {position: absolute; top: 50px; left:50px; width: 230px; visibility: visible}
  49. #column2 {position:absolute; top:50px; left:375px; width: 520px ; visibiliy:visible}
  50.  
  51. .box { position: fixed; width: 300px; background-color: #fff; padding: 3px 3px 5px 3px; font-family: 'arial'; font-size:12px; color: #000; height: auto; }
  52.  
  53. .box2 { position: fixed; width: 300px; background-color: #fff; padding: 3px 3px 5px 3px; font-family: 'arial'; font-size:12px; color: #000; height: auto; margin-top: 310px; }
  54.  
  55. .caixa {background-color: #fff; padding-bottom: 25px; background-color: #fff; margin: 0 0px 15px 0; font-family: tahoma; padding: 10px; border-bottom-left: 1px solid #BBBBBB; }
  56.  
  57. .img{ position: fixed; width: 120px; height: 60px; padding: 1px; font-size:11px; color: #000; text-align:center; margin-top: 120px; margin-left: 140px;}
  58.  
  59.  
  60. /****TITULO ****/
  61. h1{ font-family: 'Just Me Again Down Here', cursive; font-size: 20px; color: #000; text-transform:none; text-align:center; line-height: 2px; padding: 7px;}
  62. h2{ font-family: 'georgia'; font-size: 16px; color: #000; text-transform:none; text-align:center; }
  63.  
  64.  
  65.  
  66.  
  67. /**** SELECAO COLORIDA - MADLYLUV.com ****/
  68. ::-moz-selection
  69. {color: #EAAD7E;
  70. background: #19729E;}
  71.  
  72. ::selection
  73. {color: #EAAD7E;
  74. background: #19729E;}
  75.  
  76.  
  77.  
  78. /****** OPACIDADE - MADLYLUV.COM ******/
  79. .opacidade
  80. {filter:alpha(opacity=82);
  81. -moz-opacity:0.82;
  82. opacity:0.82;}
  83.  
  84. .opacidade:hover
  85. {filter:alpha(opacity=100);
  86. -moz-opacity:1.0;
  87. opacity:1.0;}
  88.  
  89.  
  90.  
  91. /**** LINKS ****/
  92. a, a:link, a:visited, a:active{ color: #000; text-decoration:none;}
  93. a:hover:{ color: #eee; text-decoration:none;}
  94.  
  95.  
  96.  
  97. /**** NEGRITO, ITALICO ... ****/
  98. b, strong, bold {color: #000; text-decoration: none;}
  99. u {color: #000; }
  100. i, em {color: #000; text-decoration: none;}
  101. s {color: #000; text-decoration: none;}
  102. ul { color: #000; }
  103.  
  104.  
  105.  
  106. /**** BLOCKQUOTE ****/
  107. blockquote {border-left: 6px solid #000; padding: 2px 2px 2px 20px; margin-left:36px;
  108. margin-right: 36px;
  109. line-height: 14px; }
  110.  
  111.  
  112.  
  113. /**** LINHA ****/
  114. .linha {border-bottom: 1px dashed #5DCEE4; margin-bottom: 4px;}
  115.  
  116.  
  117.  
  118.  
  119.  
  120. #entry {float:right; width: 510px; background-color:#fff; text-align: justify; padding: 5px 0px 0px 0px; margin: 5px 0 0 0; }
  121. #date1{margin-left: 510px; width: 50px; margin-top: -10px; background-color:#fff; text-align:center; color:#000; padding: 1px; position: absolute}
  122. .day{font-size: 25px; font-weight: bold}
  123. .month{font-size: 12px; font-weight: bold; margin: 0 0 0 0; text-transform: uppercase;}
  124. .time{font-size: 10px}
  125.  
  126. #page { font-family:corsiva; font-size: 15px; background: #fff; width:90px; margin-top:460px; margin-left: 100px; position: fixed;}
  127.  
  128.  
  129.  
  130. </style>
  131. </head>
  132.  
  133.  
  134.  
  135.  
  136. <body>
  137.  
  138.  
  139. <div id="column1" class="normal">
  140.  
  141. <p><div class= "box"><h1>{title}</h1>Escreva aqui o que você quer na caixa de cima. Escreva aqui o que você quer na caixa de cima. Escreva aqui o que você quer na caixa de cima. Escreva aqui o que você quer na caixa de cima. Escreva aqui o que você quer na caixa de cima.</p>
  142.  
  143. <a href="/" class="menu" style="color:#888;" title="inicio">home</a><br>
  144.  
  145. <span onClick="changeNavigation('01')" class="menu" style="color:#888;" title="profile">about me</span><br>
  146.  
  147. <a href="/ask" title="ask me" class="menu" style="color:#888;" title="ask me">pergunte me</a><br>
  148.  
  149. <a href="/tagged/SUA_TAG_AQUI" class="menu" style="color:#888;" title="escrito por mim">meus textos</a><br>
  150.  
  151. <a href="/tagged/SUA_TAG_AQUI" class="menu" style="color:#888;" title="escrito por mim">meus textos</a><br>
  152.  
  153. <span onClick="changeNavigation('04')" class="menu" style="color:#888;" title="seguindo">eu sigo</span><br>
  154.  
  155. <a href="/submit" class="menu" style="color:#888;" title="submit">escreva comigo</a><br>
  156.  
  157. <span onClick="changeNavigation('02')" class="menu" style="color:#888;" title="leia a faq">faq</span><br>
  158.  
  159.  
  160.  
  161. <span onClick="changeNavigation('03')" class="menu" style="color:#888;" title="creditos">créditos</span><br>
  162.  
  163.  
  164.  
  165. </div> <div class= "img"> <br><img height="140" width="150" src="http://28.media.tumblr.com/tumblr_lpz9ppE6Qw1qlefrno1_500.gif" /></div>
  166. <div class= "box2">Escreva aqui o que você quer na caixa de baixo. Escreva aqui o que você quer na caixa de baixo. Escreva aqui o que você quer na caixa de baixo. Escreva aqui o que você quer na caixa de baixo. Escreva aqui o que você quer na caixa de baixo. Escreva aqui o que você quer na caixa de baixo. Escreva aqui o que você quer na caixa de baixo.</div></div>
  167. <br><div id="page">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  168.  
  169. {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</big></div>
  170.  
  171.  
  172. <div id="column2" class="normal">
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181. {block:Posts}
  182. <div id="entry">
  183. {block:Date}<div id="date1"><div class="day"><center>{DayOfMonthWithZero}</center></div>
  184. <div class="month"><center>{ShortMonth}</center></div>
  185. <div class="time"><center>{12Hour}:{Minutes}{AmPm}</center>
  186. </div></div></center></div>{/block:Date}
  187.  
  188.  
  189. <div class="caixa">
  190.  
  191. <!-- textos --!>
  192. {block:Text}<div class="boxpost">{block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}{Body}
  193. <br>
  194. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  195. </div> <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"> --------------------------------------------------------------------------------------------------------- reblog this! ♥</a>{/block:Text}
  196.  
  197.  
  198. <!---------- ASK --------------------------->
  199. {block:Answer}
  200. <div class="boxpost">
  201. <img src="{AskerPortraitURL-40}"align="left" class="askborder"/>
  202. <div class="bubble"><b><span></span>{Asker}</b>:
  203. <br>{Question}<br></div>
  204. <i>{Answer} </i>
  205.  
  206. <div style="clear:both;"></div>
  207.  
  208. <BR>
  209.  
  210.  
  211.  
  212. <!---------------- TAGS ------------->
  213. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  214. </div><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"> --------------------------------------------------------------------------------------------------------- reblog this! ♥</a>
  215. {block:Answer}
  216.  
  217. <div style="clear:both;"></div>
  218.  
  219.  
  220.  
  221.  
  222. <!-- fotos --!>
  223. {block:Photo}<div class="boxpost"><img src="{PhotoURL-500}" class="opacidade" alt="{PhotoAlt}"/> {block:Caption}<div>{Caption}</div>{/block:Caption}
  224. <br>
  225. <!---------------- TAGS ------------->
  226. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  227. </div><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"> --------------------------------------------------------------------------------------------------------- reblog this! ♥</a>{/block:Photo}
  228. {block:Photoset}{Photoset-500}{block:Caption}<div>{Caption}</div>{/block:Caption}{/block:Photoset}
  229.  
  230.  
  231.  
  232.  
  233.  
  234. <!-- quote --!>
  235. {block:Quote}<div class="boxpost">"{Quote}"{block:Source}<div>{Source}</div>{/block:Source}
  236. <br>
  237. <!---------------- TAGS ------------->
  238. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  239. </div><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"> --------------------------------------------------------------------------------------------------------- reblog this! ♥</a>{/block:Quote}
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246. <!--links --!>
  247. {block:Link}<div class="boxpost"><a href="{URL}" {Target}><h1>{Name}</h1></a>{block:Description}<div>{Description}</div>{/block:Description}
  248. <br>
  249. <!---------------- TAGS ------------->
  250.  
  251. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  252. </div><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"> --------------------------------------------------------------------------------------------------------- reblog this! ♥</a>{/block:Link}
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259. <!-- chat --!>
  260. {block:Chat}<div class="boxpost">{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<ul>{block:Lines}<livariable" style="outline-color: initial;outline-style: none; outline-width: 0px; ">{Alt} user_{UserNumber}">{block:Label}<span>{Label}</span>{/block:Label}{Line}{/block:Lines}</ul>
  261. <br>
  262. <!---------------- TAGS ------------->
  263.  
  264. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  265. </div><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"> --------------------------------------------------------------------------------------------------------- reblog this! ♥</a>{/block:Chat}
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272. <!-- video --!>
  273. {block:Video}<div class="boxpost">{Video-500}{block:Caption}<div>{Caption}</div>{/block:Caption}
  274. <br>
  275. <!---------------- TAGS ------------->
  276.  
  277. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  278. <div><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"> --------------------------------------------------------------------------------------------------------- reblog this! ♥</a>{/block:Video}
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285. <!-- audio --!>
  286. {block:Audio}<div class="boxpost">{AudioPlayerBlack}{block:Caption}<div>{Caption}</div>{/block:Caption}
  287. <br>
  288. <!---------------- TAGS ------------->
  289.  
  290. <div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div>
  291. </div><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"> --------------------------------------------------------------------------------------------------------- reblog this! ♥</a>{/block:Audio}
  292.  
  293.  
  294. </div>{/block:Posts}</div>
  295.  
  296.  
  297.  
  298.  
  299.  
  300. <div id="01" style="display:none"><div class="caixa">
  301. <h1><P>About me</p></h1><br>
  302. FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ FALE AQUI SOBRE VOCÊ
  303. </div></div>
  304.  
  305. <div id="02" style="display:none"><div class="caixa">
  306. <h1><p> Faq</p></h1><br>
  307. SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI SUA FAQ AQUI
  308. </div></div>
  309.  
  310.  
  311. <div id="03" style="display:none"><div class="caixa">
  312.  
  313. <h1><p>Créditos</p></h1><br>
  314. Theme feito por: <a href="http://mundogallyack.com"> Anna Gallyack </a><br>
  315. Tutoriais de ajuda: <a href="http://tumbletricks.tumblr.com/tutoriais"> TumbleTricks </a><br>
  316. Tutoriais de ajuda: <a href="http://www.oficinadanet.com.br"> Oficina da Net </a><br>
  317. Seleção colorida e opacidade: <a href= "http://madlyluv.com/"> Ana Flávia Cador </a> <br>
  318.  
  319. <center><b>Theme criado para a sua utilização, em hipótese nenhuma retire os créditos. Cópia é crime.
  320. leternitedesign.tumblr.com ®</center></b>
  321. </div></div>
  322.  
  323.  
  324. <div id="04" style="display:none"><div class="caixa">
  325. <h1><p>Seguindo</p></H1><br>
  326. {block:Following}
  327. Blogs I follow:
  328. <ul>
  329. {block:Followed}
  330. <li>
  331. <img src="{FollowedPortraitURL-48}"/>
  332. <a href="{FollowedURL}">{FollowedName}</a>
  333. </li>
  334. {/block:Followed}
  335. </ul>
  336. {/block:Following}
  337.  
  338.  
  339. </div></div>
  340.  
  341.  
  342. </div>
  343. </body>
  344. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement