Advertisement
proezas

Theme 10

Aug 16th, 2015
1,800
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.72 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----
  9.  
  10. THEME POR PROEZAS.
  11. POR FAVOR, NÃO COPIE.
  12.  
  13. --->
  14.  
  15. <meta name="image:Background" content=""/>
  16.  
  17. <meta name="if:Imagens Redondas" content="1"/>
  18. <meta name="if:Balao Verde" content="0"/>
  19. <meta name="if:Balao Amarelo" content="0"/>
  20. <meta name="if:Balao Azul" content="1"/>
  21. <meta name="if:Balao Vermelho" content="0"/>
  22. <meta name="if:Rolagem Suave" content="1"/>
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Text" content="#838282"/>
  26. <meta name="color:Link" content="#838282"/>
  27. <meta name="color:Hover" content="#000000"/>
  28. <meta name="color:Navigation" content="#ddf2e8"/>
  29. <meta name="color:Navigation Hover" content="#eeeeee"/>
  30. <meta name="color:Title" content="#78c9a1"/>
  31. <meta name="color:Scroll" content="#dfdfdf"/>
  32. <meta name="color:Ask" content="#ddf2e8"/>
  33.  
  34. <meta name="text:Titulo" content="Seu título aqui"/>
  35. <meta name="text:Titulo Balao" content="Seu título aqui"/>
  36. <meta name="text:Link1" content=""/>
  37. <meta name="text:Link1 Title" content="link"/>
  38. <meta name="text:Link2" content=""/>
  39. <meta name="text:Link2 Title" content="link"/>
  40. <meta name="text:Link3" content=""/>
  41. <meta name="text:Link3 Title" content="link"/>
  42. <meta name="text:Link4" content=""/>
  43. <meta name="text:Link4 Title" content="link"/>
  44. <meta name="text:Link5" content=""/>
  45. <meta name="text:Link5 Title" content="link"/>
  46. <meta name="text:Link6" content=""/>
  47. <meta name="text:Link6 Title" content="link"/>
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet' type='text/css'>
  50. <link href="http://static.tumblr.com/sas2ex2/7gen6r4rm/same.css" rel='stylesheet' type='text/css'>
  51.  
  52. <link href='http://fonts.googleapis.com/css?family=Pompiere' rel='stylesheet' type='text/css'>
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Italianno' rel='stylesheet' type='text/css'>
  55. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  56. <link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
  57. <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
  58. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  59. <link href='http://fonts.googleapis.com/css?family=Amatic+SC|Alex+Brush|Archivo+Narrow|Bad+Script|Baumans|Bonbon|Butterfly+Kids|Cedarville+Cursive|Carrois+Gothic|Cookie|Cedarville+Cursive|Dancing+Script|Dosis|Electrolize|Euphoria+Script|Gloria+Hallelujah|Handlee|Italianno|Kaushan+Script|Leckerli+One|Lora:400italic|Lobster+Two|Medula+One|Miniver|Muli|Niconne|Open+Sans:400,300|Orienta|Patrick+Hand+SC|Pacifico|Playball|Pompiere|Ropa+Sans|Rouge+Script|Roboto+Condensed|Sacramento|Satisfy|Tangerine|Ubuntu|Vampiro+One|Wellfleet|Yanone+Kaffeesatz|Yesteryear' rel='stylesheet' type='text/css'>
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Loved+by+the+King' rel='stylesheet' type='text/css'>
  62.  
  63. <script type="text/javascript">
  64. //dsblt
  65. function desabilitaMenu(e)
  66. {
  67. if (window.Event)
  68. {
  69. if (e.which == 2 || e.which == 3)
  70. return false;
  71. }
  72. else
  73. {
  74. event.cancelBubble = true
  75. event.returnValue = false;
  76. return false;
  77. }
  78. }
  79.  
  80. //dsblt
  81. function desabilitaBotaoDireito(e)
  82. {
  83. if (window.Event)
  84. {
  85. if (e.which == 2 || e.which == 3)
  86. return false;
  87. }
  88. else
  89. if (event.button == 2 || event.button == 3)
  90. {
  91. event.cancelBubble = true
  92. event.returnValue = false;
  93. return false;
  94. }
  95. }
  96.  
  97. //dsblt
  98. if ( window.Event )
  99. document.captureEvents(Event.MOUSEUP);
  100. if ( document.layers )
  101. document.captureEvents(Event.MOUSEDOWN);
  102.  
  103. document.oncontextmenu = desabilitaMenu;
  104. document.onmousedown = desabilitaBotaoDireito;
  105. document.onmouseup = desabilitaBotaoDireito;
  106. </script>
  107.  
  108.  
  109. <style type="text/css">
  110.  
  111. /* SELEÇÃO DE TEXTO */
  112.  
  113. ::-moz-selection {
  114. background: #eee;
  115. color: {color:Texto}; }
  116.  
  117. ::selection {
  118. background: #eee;
  119. color:{color:Texto}; }
  120.  
  121. /* FIM DA SELEÇÃO */
  122.  
  123.  
  124. /* ROLAGEM */
  125.  
  126. ::-webkit-scrollbar{width:7px;height:5px;}
  127. ::-webkit-scrollbar-button:start:decrement
  128. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:{color:Background};}
  129. ::-webkit-scrollbar-track-piece{background-color:{color:Background} ; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  130. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:Scroll}; -webkit-border-radius:px;}
  131. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:Scroll}; -webkit-border-radius:px;}
  132. iframe#tumblr_controls {
  133. right:3px !important;
  134. position: fixed !important;
  135. -webkit-filter:invert(100%);
  136. }
  137.  
  138.  
  139. /* FIM DA ROLAGEM */
  140.  
  141.  
  142. iframe#tumblr_controls {
  143. right:6px !important;
  144. position: fixed !important;
  145. -webkit-filter:invert(100%);
  146. }
  147.  
  148.  
  149. /*main structure*/
  150.  
  151.  
  152. body {
  153. background:{color:background};
  154. margin:0px;
  155. color:{color:text};
  156. font-family:'garamond';
  157. font-size:14px;
  158. line-height:150%;
  159. text-align:justify;
  160. background-image: url('{image:background}');
  161. background-attachment:fixed;
  162. background-repeat:no-repeat;
  163. }
  164.  
  165. a {
  166. text-decoration:none;
  167. outline:none;
  168. -moz-outline-style:none;
  169. color:{color:link};
  170. -webkit-transition: 0.3s ease-in; transition: 0.8s ease-in-out;-moz-transition: 0.8s ease-in-out;-o-transition: 0.8s ease-in-out;-webkit-transition: 0.8s ease-in-out;
  171. }
  172.  
  173. a:hover {
  174. color:{color:hover};
  175. -webkit-transition: 0.3s ease-in; transition: 0.8s ease-in-out;-moz-transition: 0.8s ease-in-out;-o-transition: 0.8s ease-in-out;-webkit-transition: 0.8s ease-in-out;
  176. }
  177.  
  178. img {
  179. max-width:400px;
  180. border:none;
  181. }
  182.  
  183. #efeitos img { -webkit-filter:grayscale(.6); transition:all 1s ease; }
  184.  
  185. #efeitos img:hover { -webkit-filter:grayscale(0); }
  186.  
  187. blockquote {
  188. padding-left:5px;
  189. border-left:0px solid;
  190. max-width:390px;
  191. }
  192.  
  193. blockquote blockquote {
  194. padding-left:5px;
  195. border-left:0px solid;
  196. max-width:380px;
  197. }
  198.  
  199. #posttitle {
  200. width:400px;
  201. font-family:'Pompiere', cursive;
  202. font-size:25px;
  203. line-height:130%;
  204. padding:8px 0;
  205. }
  206.  
  207. #text{
  208.  
  209. }
  210.  
  211. #entries {
  212. padding:30px 50px;
  213. width:400px;
  214. margin-top:215px;
  215. margin-left:400px;
  216. }
  217.  
  218. #post {
  219. position:relative;
  220. max-width:400px;
  221. width:100%;
  222. margin-bottom:20px;
  223. -ms-word-break: break-all;
  224. word-break: break-all;
  225. word-break: break-word;
  226. -webkit-hyphens: auto;
  227. -moz-hyphens: auto;
  228. -ms-hyphens: auto;
  229. hyphens: auto;
  230. }
  231.  
  232.  
  233.  
  234. /*post info and tags*/
  235.  
  236.  
  237. #info {
  238.  
  239. margin-top:15px;
  240. font-size:8px;
  241. text-align:center;
  242. text-transform:uppercase;
  243. padding:8px;
  244. line-height:150%;
  245. font-family:lato;
  246. opacity:0;
  247. -webkit-transition: all 1s ease-in-out;
  248. -moz-transition: all 1s ease-in-out;
  249. -o-transition: all 1s ease-in-out;
  250. -ms-transition: all 1s ease-in-out;
  251. transition: all 1s ease-in-out;
  252. }
  253.  
  254. #post:hover #info { opacity:10; }
  255.  
  256.  
  257. /*quote*/
  258.  
  259.  
  260. .quote {
  261. text-align:justify;
  262. font-size:14px;
  263. line-height:150%;
  264. margin-top:15px;
  265. letter-spacing:0px;
  266. font-family:'garamond';
  267. }
  268.  
  269. .quote:first-letter { font-family:georgia; font-size:20px; }
  270.  
  271. .source {
  272. text-align:right;
  273. font-size:12px;
  274. padding:5px 0;
  275. font-weight:bold;
  276. }
  277.  
  278.  
  279. /*chat*/
  280.  
  281. .chat ol {
  282. padding:0;
  283. line-height:150%;
  284. list-style:none;
  285. }
  286.  
  287. .line {
  288. border-bottom:1px solid #e6e6e6;
  289. padding:8px 10px;
  290. }
  291.  
  292. .label {
  293. padding-right:3px;
  294. text-transform:uppercase;
  295. font-family:times;
  296. font-size:10px;
  297. font-weight:bold;
  298. }
  299.  
  300.  
  301. /*audio*/
  302.  
  303.  
  304. .cover {
  305. width:134px;
  306. position:relative;
  307. z-index:1
  308. }
  309.  
  310. .playbutton {
  311. width:20px;
  312. height:30px;
  313. overflow:hidden;
  314. position:relative;
  315. z-index:1000;
  316. margin:10px 19px 8px 11px;
  317. }
  318.  
  319. .playbox {
  320. background-color:#000;
  321. position:absolute;
  322. z-index:1000;
  323. margin-top:45px;
  324. margin-left:42px;
  325. -webkit-border-radius:50px;
  326. -moz-border-radius:50px;
  327. border-radius:50px;
  328. opacity:.8;
  329. }
  330.  
  331. .audioinfo {
  332. width:246px;
  333. display:inline-block;
  334. line-height:130%;
  335. position:absolute;
  336. margin-left:20px;
  337. }
  338.  
  339. .track {
  340. font-size:8px;
  341. text-transform:uppercase;
  342. border:1px solid #e6e6e6;
  343. padding:5px 0 5px 10px;
  344. margin-bottom:10px;
  345. }
  346.  
  347.  
  348. /* ask por conjuntar */
  349.  
  350. .admirando01 {
  351. position:absolute;
  352. width:0;
  353. height:0;
  354. border-top:9px solid transparent;
  355. border-bottom:9px solid transparent;
  356. margin:8px 0 0 0;
  357. margin-left:330px;
  358. border-left:9px solid {color:Ask}; }
  359.  
  360. .admirando02 {
  361. width:55px;
  362. border-radius:100px; }
  363.  
  364. .admirando03 {
  365. min-height:30px;
  366. padding:5px 10px;
  367. border-radius:5px;
  368. width:310px;
  369. margin:0 0 3px;
  370. background:{color:Ask}; }
  371.  
  372. .admirando03:first-letter {
  373. text-transform:uppercase; }
  374.  
  375. .admirando04 {
  376. font-family:'Lora';
  377. font-style:italic;
  378. font-size:12px;
  379. text-align:left; }
  380.  
  381. .admirando04 a {
  382. color:{color:Link}; }
  383.  
  384. .admirando04 r {
  385. color:{color:Link}; }
  386.  
  387. .admirando05 {
  388. margin-top:-10px;
  389. margin-bottom:-10px;
  390. text-align:left; }
  391.  
  392. /* fim da ask */
  393.  
  394.  
  395. /*permalinks page*/
  396.  
  397.  
  398. ol.notes {
  399. padding-left:6%;
  400. padding-bottom:2%;
  401. width:90%;
  402. text-align:center;
  403. list-style-type:decimal-leading-zero;
  404. }
  405.  
  406. ol.notes li.note{
  407. padding:2%;
  408. }
  409.  
  410. ol.notes li.note img.avatar{
  411. width:0px;
  412. height:0px;
  413. }
  414.  
  415. #titulobalao {
  416. position:absolute;
  417. font-size:30px;
  418. text-align:center;
  419. color:white;
  420. width:100px;
  421. font-family:'Amatic SC';
  422. line-height:100%;
  423. height:0px;
  424. margin-top:-175px;
  425. margin-left:900px; -webkit-transform: rotate(-15deg);
  426. }
  427.  
  428. #balao {
  429. opacity:0.8;
  430. position:absolute;
  431. margin-left:880px;
  432. margin-top:-200px;
  433. }
  434.  
  435. #balao img {
  436. width:150px;
  437. }
  438.  
  439. #header {
  440. width:400px;
  441. position:absolute;
  442. margin-top:-170px;
  443. margin-left:445px;
  444. }
  445.  
  446. #titulo {
  447. text-align:center;
  448. font-size:30px;
  449. font-family: 'Loved by the King', cursive;
  450. color:{color:Title};
  451. }
  452.  
  453. #titulo a {
  454. color:{color:Title};
  455. }
  456. #titulo a:hover {
  457. color:{color:Hover};
  458. }
  459.  
  460. #description {
  461. padding-top:20px;
  462. color:{color:Text};
  463. }
  464.  
  465. #links {
  466. text-align:center;
  467. padding-top:15px;
  468. }
  469.  
  470. #links a {
  471. padding:3px;
  472. margin:3px;
  473. background:{color:Navigation};
  474. color:{color:Link};
  475. border-radius:3px;
  476. }
  477.  
  478. #links a:hover {
  479. background:{color:Navigation Hover};
  480. color:{color:Hover};
  481. }
  482.  
  483. #barra {
  484. text-align:center;
  485. padding-top:25px;
  486. }
  487.  
  488. /* MENU POP-UP */
  489.  
  490. #fade {display:none; background:#fff; opacity:.7; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;} .popup_block { border-radius:10px; display:none; background:#fff; padding:0px; float:left; position:fixed; top:60%; left:51%; z-index:99999; -webkit-box-shadow: 0px 0px 15px #000;
  491. -moz-box-shadow: 0px 0px 15px #000;
  492. box-shadow: 0px 0px 15px #000;
  493. -webkit-animation:ScrollDown 1s;} .titlee {font-family: 'Loved by the King', cursive; font-size:25px; margin-left:10px; text-shadow:1px 1px 1px #fff; border-top-left-radius:5px; border-top-right-radius:5px; text-align:left; padding:8px; color:{color:Text};} .descriptionn {font-family:'garamond'; font-size:14px; text-align:justify; line-height:1.8em; padding:6px;} img.btn_close {float: right; margin: 0px 10px 0 0;} *html #fade {position:absolute;} *html .popup_block {position:absolute;}
  494.  
  495. @-webkit-keyframes ScrollDown {0% {opacity:0; -webkit-transform:translateY(-2000px);} 100% {opacity:1; -webkit-transform:translateY(-0);}}
  496.  
  497. /* FIM DO MENU POP-UP */
  498.  
  499.  
  500. {CustomCSS}
  501.  
  502. </style>
  503.  
  504. <script type="text/javascript"
  505. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  506.  
  507. <script type="text/javascript" src="http://static.tumblr.com/dxaermv/g53naojb1/rolageminfinita.js"></script>
  508.  
  509. </head>
  510.  
  511.  
  512. <body ondragstart='return false'>
  513.  
  514.  
  515.  
  516. {block:IfBalaoAmarelo}<div id="balao"><img src="http://static.tumblr.com/dxaermv/HuIn7lqja/amarelo.png"></div>
  517. {/block:IfBalaoAmarelo}
  518.  
  519. {block:IfBalaoVermelho}
  520. <div id="balao"><img src="http://static.tumblr.com/dxaermv/S2Sn7lmup/15.png"></div>
  521. {/block:IfBalaoVermelho}
  522.  
  523. {block:IfBalaoVerde}
  524. <div id="balao"><img src="http://static.tumblr.com/dxaermv/yn8n7lqrf/verde.png"></div>
  525. {/block:IfBalaoVerde}
  526.  
  527. {block:IfBalaoAzul}
  528. <div id="balao"><img src="http://static.tumblr.com/dxaermv/7HMn7lqli/azul.png"></div>
  529. {/block:IfBalaoAzul}
  530.  
  531. <div id="titulobalao">{text:Titulo Balao}</div>
  532.  
  533.  
  534. <div id="header">
  535. <div id="titulo"><a href="/">{text:Titulo}</a></div>
  536. <div id="description">{Description}</div>
  537.  
  538. <div id="links">
  539. {block:IfLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:IfLink1}
  540. {block:IfLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:IfLink2}
  541. {block:IfLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:IfLink3}
  542. {block:IfLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:IfLink4}
  543. {block:IfLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:IfLink5}
  544. {block:IfLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:IfLink6}
  545. </div>
  546.  
  547. <div id="barra"><img src="http://static.tumblr.com/dxaermv/ts8n7lpgs/4.png"></div>
  548.  
  549.  
  550. </div>
  551.  
  552.  
  553. <div id="entries">
  554.  
  555. <div class = "autopagerize_page_element" >{block:Posts}
  556.  
  557. <div id="post">
  558.  
  559. {block:Text}{block:Title}<div id="posttitle">{Title}</div>{/block:Title}<div id="text">{Body}</div>{/block:Text}
  560.  
  561. <div id="efeitos">{block:Photo}
  562. {block:IfnotImagensRedondas}{LinkOpenTag}<img src="{PhotoURL-400}">
  563. {LinkCloseTag}{/block:IfnotImagensRedondas}
  564. {block:ifImagensRedondas}
  565. {LinkOpenTag}
  566. <img src="{PhotoURL-400}" style="border-radius:5px">
  567. {LinkCloseTag}
  568. {/block:ifImagensRedondas}
  569.  
  570. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  571. {/block:Photo}
  572.  
  573. {block:Photoset}
  574. {Photoset-400}{block:Caption}{Caption}{/block:Caption}
  575. {/block:Photoset}</div>
  576.  
  577. {block:Quote}
  578. <div class="quote">{Quote}</div>
  579. {block:Source}<div class="source">—&nbsp;&nbsp;{Source}</div>{/block:Source}
  580. {/block:Quote}
  581.  
  582. {block:Link}<div id="posttitle"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  583.  
  584. {block:Chat}
  585. {block:Title}<div id="posttitle">{Title}</div>{/block:Title}
  586. <div class="chat"><ol>{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>
  587. {/block:Chat}
  588.  
  589. {block:Video}
  590. {Video-400}{block:Caption}{Caption}{/block:Caption}
  591. {/block:Video}
  592.  
  593. {block:Answer}
  594. <div class="admirando01"></div>
  595. <img class="admirando02" src="{AskerPortraitURL-64}" align="right">
  596. <div class="admirando03"><div class="admirando04"><r>{Asker}</r> disse:</div>{Question}</div>
  597. <br><div class="admirando05">{Answer}</div>
  598. {/block:Answer}
  599.  
  600. {block:Audio}
  601. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  602. {block:AlbumArt}
  603. <img src="{AlbumArtURL}" class="cover">
  604. {/block:AlbumArt}
  605. <div class="audioinfo">
  606. {block:TrackName}<div class="track">{TrackName}</div>{/block:TrackName}
  607. {block:Artist}<div class="track">{Artist}</div>{/block:Artist}
  608. {block:Album}<div class="track">{Album}</div>{/block:Album}
  609. <div class="track">{FormattedPlayCount}</div>
  610. </div>
  611. {/block:Audio}
  612.  
  613. <div id="info">
  614. {block:IndexPage}<a href="{Permalink}"><font color="#dcecf5">♥&nbsp;</font> {NoteCount}</a> &nbsp;&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}
  615. </div>
  616. </div>
  617.  
  618. {block:PostNotes}
  619. {block:PermalinkPage}<center>{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  620. {block:ContentSource}<a href="{SourceURL}">/ source</a>{/block:ContentSource}</center>{/block:PermalinkPage}{PostNotes}{/block:PostNotes}
  621. {/block:Posts}</div>
  622.  
  623.  
  624. </div>
  625.  
  626. <!--- CRÉDITOS --->
  627.  
  628. <a style="position:fixed; color:#fff; left:5px;background:rgba(0,0,0,0.2);border-radius:40px;width:20px;height:20px;line-height:20px;text-align:center;top:5px;font-family:georgia;font-weight:bold;font-size:10px;" href="http://proezas.tumblr.com" rel="creditos" class="poplight" title="Theme por Proezas.">P</a>
  629. {block:IfRolagemSuave}<script type='text/javascript' src='http://static.tumblr.com/dxaermv/Pp0n930hq/scroll_suave.js'></script>{/block:IfRolagemSuave}
  630.  
  631. <!--- FIM DOS CRÉDITOS --->
  632.  
  633. <div style="bottom:0px; right:-10px; position:fixed; opacity:0;">
  634. <script language="JavaScript">
  635. var ref = (''+document.referrer+'');
  636. var w_h = window.screen.width + " x " + window.screen.height;
  637. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3881250&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  638. </script>
  639. </div>
  640.  
  641. </body>
  642. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement