API tools faq
paste
Advertisement
mgallyack

Theme Masculino

mgallyack
May 2nd, 2013
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.40 KB | None | 0 0
raw download clone embed print report
  1. <!-----
  2.  
  3. Theme desenvolvido por Anna Gallyack
  4. Não use como base para disponibilizar.
  5. Somente para uso próprio, e não repasse.
  6.  
  7. www.mundogallyack.com
  8.  
  9.  
  10. !----->
  11.  
  12.  
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  15. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  16. <html>
  17.  
  18.  
  19. <head>
  20.  
  21. <title>{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="{LINKDESUAFAVICON}">
  24.  
  25. <!---------------- fontes ------>
  26. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  28. </head>
  29.  
  30.  
  31. <script> function changeNavigation(id) {document.getElementById('content') .innerHTML=document.getElementById(id).innerHTML}
  32. </script>
  33.  
  34.  
  35.  
  36. <style type="text/css">
  37.  
  38.  
  39.  
  40.  
  41.  
  42. /****o conteudo inteiro***/
  43. #container{text-align:left; width:800px;margin:0 auto;}
  44.  
  45.  
  46.  
  47. /****conteudo dos postes***/
  48. #content {line-height:1.0; float:right; width:500px; margin-left: 100px;margin-top: 80px;}
  49.  
  50.  
  51.  
  52. /****onde fica o menu, mini descrição...***/
  53. #navigation{background:#; position: fixed; margin-top: 80px; float:left;width:250px; display:inline;}
  54.  
  55.  
  56.  
  57.  
  58.  
  59. /*********************BODY***/
  60. body {background: #eee url(http://static.tumblr.com/akjgncz/cQ9m4c126/04.png) repeat; font-family: georgia, tahoma; color: #2c2c2c; font-size: 11px; background-attachment:fixed; }
  61.  
  62.  
  63.  
  64.  
  65. /*********************LINKS, negrito, italico...***/
  66.  
  67. a {color: #357EC7; text-decoration:none; cursor: help;}
  68. a:hover {color:#38ACEC;}
  69.  
  70. s, strike {color: #357EC7;}
  71. i, em {color: #357EC7;}
  72. b, strong {color: #357EC7; }
  73. u, span.sublinha {text-decoration: none; border-bottom: 1px dotted #38ACEC;}
  74.  
  75.  
  76.  
  77. /*********************TITULOS**/
  78. h1{ font-family: 'cookie', tahoma; font-size:25px; letter-spacing:2px; text-align: center; color: #56A5EC; text-transform:none; line-height: 20px;}
  79.  
  80. h2{ font-family: 'cookie', tahoma; font-size:25px; letter-spacing:2px; text-align: center; color: #000000; text-transform:none; line-height: 20px; background: #357EC7; width: 100%; padding: 7px 0px; margin-top: -10; }
  81.  
  82.  
  83.  
  84.  
  85. /*** ASPAS BY RITAMAFALDA ***/
  86. .aspas{ position:relative; top:-15px; font-size:100px; opacity:0.5; filter: alpha(opacity = 0);color: #56A5EC;}
  87. .quote{ font-family: 'cookie'; font-size: 25px; color: #56A5EC; margin-left:20px; margin-top:-100px; line-height:23px; letter-spacing:-1px;}
  88.  
  89.  
  90.  
  91. /*********************CAIXA DO MENU E POST***/
  92. .boxpost {background: #fff; margin-bottom: 10px; padding: 7px; text-align: justify; width:460px; border-radius: 0px 0px 0px 0px;}
  93.  
  94.  
  95.  
  96.  
  97.  
  98. /******************** barra de rolagem personalizada */
  99. ::-webkit-scrollbar-thumb:vertical {background-color: #25587E; height:10px;}
  100. ::-webkit-scrollbar-thumb:horizontal { background-color: #25587E; height:10px;}
  101. ::-webkit-scrollbar { height:10px; width:10px; background: #eee;}
  102.  
  103.  
  104.  
  105. /************************* NAVS DO MENU ***/
  106. .nav {background:#7e412d; color:#ffffff; font-size:11px; font-family:verdana; padding:5px; width:100px; letter-spacing: 2px;}
  107. .nav1 {background:#; padding:10px; width:210px; letter-spacing: 2px;}
  108.  
  109.  
  110.  
  111. /************************* BLOCKQUOTE ***/
  112. blockquote{background:#ADD8E6; color:#829599; text-align:justify; border-left: 20px solid #41627E;
  113. padding: 3px; }
  114.  
  115. blockquote:hover {
  116. border-left: 20px solid #BDBDBD;
  117. padding: 3px;
  118. -webkit-transition: 1s;
  119. }
  120.  
  121.  
  122. /************************* BOX DAS TAGS E REBLOG ***/
  123. .boxtag {width:98%; background: #F5F4F3; border-right: 5px solid #D3D1CF;
  124. color: #000; text-align: right; letter-spacing:2px; padding:5px; margin-bottom: -10px; margin-left: -3px; margin-top: 3px;}
  125.  
  126. .reblog {width:80%; background: #F5F4F3; border-right: 5px solid #D3D1CF;
  127. color: #000; text-align: left; letter-spacing:2px; padding:3px; margin-bottom: 10px; margin-left: 50px; margin-top: 6px;}
  128.  
  129.  
  130.  
  131. /********************** BORDA DAS IMAGENS ****/
  132. .borda {display: block; margin-left:auto; margin-right:auto; padding: 4px; text-align: center; background: #56A5EC; alpha(Opacity=50); -khtml-opacity: .50; opacity: 0.4;}
  133. .borda:hover {display: block; margin-left:auto; margin-right:auto; padding: 4px; text-align: center; -webkit-transition-duration: .90s; alpha(Opacity=90); -khtml-opacity: .90; border-radius: 5px; opacity: 1;}
  134.  
  135.  
  136.  
  137. /*************************** ASK ****/
  138.  
  139. .borask {
  140. float: left;
  141. padding: 0px;
  142. margin-top: -1px;
  143. border: 1px solid #e5f1d9;
  144. }
  145.  
  146.  
  147. .caixi {background: #; padding: 1px;}
  148.  
  149. .bubble {
  150. background: #41627E;
  151. color: #ffffff;
  152. margin-top: 2px;
  153. padding: 6px;
  154. margin-left: 40px;
  155. }
  156.  
  157. .caixi aa
  158. {background: #41627E;
  159. height: 16px;
  160. font-style: normal;
  161. font-size: 10px;
  162. color: #ffffff;
  163. padding-top: 4px;
  164. text-align:justy;
  165. letter-spacing:2px;
  166. padding:2px;
  167. margin-top: 8px;
  168. text-transform:uppercase;
  169. line-height: 14px;
  170. margin-top: 10px;
  171. }
  172.  
  173.  
  174. /**************************classe do menu ***/
  175. .un {font-size:13px;
  176. letter-spacing:1px;
  177. font-family: georgia;
  178. background: #357EC7;
  179. padding: 5px;
  180. color: #ffffff;
  181. border-radius: 3px;
  182. border-left: 15px solid #000;
  183. display: inline-block;
  184. width: 200px;
  185. border-right: 15px solid #000;}
  186.  
  187. .un:hover {
  188. background: #666666;
  189. color:#fff;
  190. font-size:10px;
  191. letter-spacing:4px;
  192. border-radius:1px;
  193. -webkit-transition-duration: .40s;
  194. }
  195.  
  196.  
  197. /*************************** Linha, só isso ***/
  198. .linha {display : block; line-height: 15px; border-bottom : 1px dashed #67814b; }
  199.  
  200.  
  201.  
  202. /********************** Paginação by madlyluv.com ***/
  203. #paginacaoml {font-size: 12px; line-height: 21px; padding: 3px; }
  204. #paginacaoml a {background: #F5F4F3; margin: 0 1px 0 0; padding: 2px 4px; color: #000; text-decoration: none; padding: 3px; }
  205. #paginacaoml a:hover {background: #56A5EC; border: none; padding: 3px; }
  206. #paginacaoml span.pagina_atual {background: #56A5EC; margin: 0 1px 0 0; padding: 2px 4px; color: #00; text-decoration: none; padding: 3px; }
  207. #paginacaoml span.info {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #000; text-decoration: none; padding: 3px; }
  208.  
  209.  
  210. </style>
  211. </head>
  212.  
  213.  
  214.  
  215.  
  216.  
  217. <body>
  218.  
  219. <div id="header"></div>
  220.  
  221. <div id="container">
  222. <div id="wrapper">
  223. <div id="content">
  224. {block:Posts}
  225.  
  226.  
  227.  
  228.  
  229.  
  230. <!-------------------------------- TEXTOS --------------------->
  231. {block:Text} <div class="boxpost"> {block:Title} <a href="{Permalink}"><h1>{Title}</h1></a> {/block:Title} {Body} <div class="boxtag"><div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div></div>
  232. <div class="reblog">
  233. Postado {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog</a>
  234. </div> </div> {/block:Text}
  235.  
  236.  
  237. <!---------------------------------- ASK ----------------------->
  238. {block:Answer} <div class="boxpost"><img src= "{AskerPortraitURL-40}" class="borask" > </img> <div class="caixi"> <aa> Ask by: <b>{Asker}</b> em <a href="{Permalink}" target="_blank">{DayOfMonth}/{ShortMonth}/{Year}</a> </aa>
  239. <div class="bubble"> {Question}</div> <div class="clear"></div> <br><center>{Answer}</center> <div class="clear"></div> </div><br></div>{/block:Answer}
  240.  
  241.  
  242. <!-------------------------------- FOTOS --------------------->
  243. {block:Photo}<div class="boxpost"> <img src="{PhotoURL-400}" class="borda" alt="{PhotoAlt}"/> {block:Caption} <div class="caption">{Caption}</div>
  244. {/block:Caption} <div class="boxtag"><div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div></div> <div class="reblog">
  245. Postado {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog</a>
  246. </div></div>{/block:Photo}
  247.  
  248.  
  249. <!-------------------------------- PHOTOSET --------------------->
  250. {block:Photoset}<div class="boxpost"><center> {Photoset-400} {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </center> <div class="boxtag"><div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div></div><div class="reblog">
  251. Postado {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog</a>
  252. </div></div>{/block:Photoset}
  253.  
  254.  
  255.  
  256. <!-------------------------------- QUOTES --------------------->
  257. {block:Quote}<div class="boxpost"> <span class="aspas">&#10077;</span> <div class="quote">{Quote}</div></span><br>
  258. <div style="text-align: right"> {block:Source}&mdash;{Source} {/block:Source}</div> <div class="boxtag"><div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div></div><div class="reblog">
  259. Postado {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog</a>
  260. </div> </div>{/block:Quote}
  261.  
  262.  
  263.  
  264. <!-------------------------------- LINKS --------------------->
  265. {block:Link}<div class="boxpost"> <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a> {block:Description} <div class="description">{Description}</div> {/block:Description} <div class="boxtag"><div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div></div><div class="reblog">
  266. Postado {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog</a>
  267. </div></div> {/block:Link}
  268.  
  269.  
  270.  
  271. <!-------------------------------- CHAT --------------------->
  272. {block:Chat}<div class="boxpost"> {block:Title} <h1><a href="{Permalink}">{Title}</a></h1> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} {/block:Lines} </li> </ul> </li> <div class="boxtag"><div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div></div><div class="reblog">
  273. Postado {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog</a>
  274. </div></div> {/block:Chat}
  275.  
  276.  
  277.  
  278. <!-------------------------------- VIDEO --------------------->
  279. {block:Video}<div class="boxpost"> {Video-500} {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} <div class="boxtag"><div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div></div><div class="reblog">
  280. Postado {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog</a>
  281. </div></div> {/block:Video}
  282.  
  283.  
  284.  
  285.  
  286.  
  287. <!-------------------------------- AUDIO --------------------->
  288. {block:Audio}<div class="boxpost"> {AudioPlayerBlack} {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} <div class="boxtag"><div class="tag">{block:HasTags}<center>Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></center></div></div><div class="reblog">
  289. Postado {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} notes | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="blank">Reblog</a>
  290. </div></div> {/block:Audio}
  291.  
  292.  
  293. {/block:Posts}
  294.  
  295. <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}
  296. {block:JumpPagination length="10"}
  297. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  298. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  299. {/block:JumpPagination}
  300. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  301. </div> </center>
  302.  
  303. </div>
  304. </div>
  305. <div id="navigation">
  306.  
  307. <div class="nav1">
  308. <center>
  309.  
  310. <a href="/" class="un">Home</a>
  311.  
  312. <span onClick="changeNavigation('01')" title="Sobre mim e redes sociais" class="un">About</span>
  313.  
  314. <a href="/ask" title="Ask me anything?" class="un">Ask?</a>
  315.  
  316. <span onClick="changeNavigation('02')" title="Sobre meu tumblr, following, recomendo e créditos" class="un">Tumblr</span>
  317.  
  318. <a href="/tagged/suatagaqui" title="Meus Textos" class="un">Meus</a>
  319.  
  320. <a href="http://tumblr.com/dashboard" title="Volte sempre" class="un">Tchau</a>
  321. </center>
  322.  
  323. </div>
  324.  
  325. <img src="http://static.tumblr.com/akjgncz/Z4jm4c11f/carr.png"></img>
  326.  
  327. </div>
  328.  
  329.  
  330.  
  331.  
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340.  
  341. <!-- conteudo -->
  342. </div>
  343.  
  344. <!-- COMEÇA O FALSO IFRAME (MENU), NÃO MODIFIQUE O CÓDIGO PARA NÃO DAR ERROS -->
  345.  
  346. <div id="01" style="display:none">
  347.  
  348.  
  349. <div class="boxpost">
  350.  
  351.  
  352. <h2>About me</H2>
  353.  
  354. <img src="http://assets.tumblr.com/images/default_avatar_48.gif" class="borda" align="right" margin-left="5">
  355.  
  356. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI. ESCREVA SOBRE VOCÊ AQUI.
  357.  
  358. <br><br>
  359.  
  360. </div>
  361.  
  362.  
  363.  
  364. <br><br>
  365.  
  366.  
  367.  
  368. <div class="boxpost">
  369.  
  370. <h2>Redes sociais</h2>
  371.  
  372. <p ><b>Msn?</b> example@hotmail.com
  373.  
  374. <p><b>Twitter?</b> <a class="link2" href="seutwitter">Aqui.</a>
  375.  
  376. <p><b>Facebook?</b> <a href="seuface">Aqui.</a>
  377.  
  378. <p><b>Orkut?</b> <a href="seuorkut">Aqui.</a>
  379.  
  380. <p><b>Formspring?</b> <a href="seuforms">Aqui.</a>
  381.  
  382.  
  383.  
  384. <br><br>
  385.  
  386. </div></div>
  387.  
  388.  
  389.  
  390.  
  391. <div id="02" style="display:none">
  392. <br><br><div class="boxpost">
  393.  
  394. <h2>Sobre meu tumblr</H2>
  395.  
  396. <br>
  397.  
  398. FALE SOBRE SEU TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR. FALE SOBRE TUMBLR.
  399.  
  400.  
  401.  
  402. <br><br>
  403.  
  404. </div>
  405.  
  406.  
  407.  
  408. <br><Br>
  409. <div class="boxpost">
  410. <h2>Following</H2>
  411. {block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedTitle}"><img src="{FollowedPortraitURL-24}" alt="{FollowedTitle}"/></a>{/block:Followed}{/block:Following}
  412.  
  413.  
  414. <br><br>
  415. </DIV>
  416.  
  417. <br><BR>
  418.  
  419.  
  420.  
  421. <div class="boxpost">
  422. <h2>Recomendo</h2>
  423. <a href="http://2g-html.tumblr.com">2G-HTML</a> + <a href="linkdorecomendo">Nome do tumblr</a> + <a href="linkdorecomendo">Nome do tumblr</a> + <a href="linkdorecomendo">Nome do tumblr</a> + <a href="linkdorecomendo">Nome do tumblr</a>
  424.  
  425.  
  426.  
  427. <br><br>
  428. </div>
  429.  
  430. <br><br>
  431.  
  432.  
  433.  
  434.  
  435. <div class="boxpost">
  436. <h2>Créditos</h2>
  437. Theme por: <a href="http://mundogallyack.com">Anna Gallyack</a> ©<br>
  438. Paginação por: <a href="http://madlyluv.com">Ana Flávia</a>.<br>
  439. Tutoriais úteis: <a href="http://ritamalfada.tumblr.com"> Rita Malfada </a><br>
  440. Tutoriais úteis²: <a href="http://things-to-help-you.tumblr.com">Things To Help You</a><br>
  441. Melhor visualização: <a href="http://www.google.com/chrome?hl=pt-BR">Google Chrome</a><br>
  442. Não copie parcial ou totalmente este theme. Jamais retire os créditos. Todos os direitos reservados ©<br>
  443.  
  444. <br>
  445. </div>
  446. <br><br><br>
  447. </div></div>
  448.  
  449.  
  450.  
  451. </div>
  452. </body>
  453. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!