goxtosura

Theme Confident

Dec 30th, 2013
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.36 KB | None | 0 0
  1. <!--T H E ME B Y G O X T O S U R A .T U M B L R . C OM NUNCA RETIRE OS CRÉDITOS.
  2.  
  3. siga meus outros tumblrs: gifs-icons e wayforlife -->
  4.  
  5.  
  6. <html>
  7.  
  8. <script type=”text/javascript”>
  9.  
  10. //desabilita menu de opcoes ao clicar no botao direito
  11.  
  12. function desabilitaMenu(e)
  13.  
  14. {
  15.  
  16. if (window.Event)
  17.  
  18. {
  19.  
  20. if (e.which == 2 || e.which == 3)
  21.  
  22. return false;
  23.  
  24. }
  25.  
  26. else
  27.  
  28. {
  29.  
  30. event.cancelBubble = true
  31.  
  32. event.returnValue = false;
  33.  
  34. return false;
  35.  
  36. }
  37.  
  38. }
  39.  
  40. //desabilita botao direito
  41.  
  42. function desabilitaBotaoDireito(e)
  43.  
  44. {
  45.  
  46. if (window.Event)
  47.  
  48. {
  49.  
  50. if (e.which == 2 || e.which == 3)
  51.  
  52. return false;
  53.  
  54. }
  55.  
  56. else
  57.  
  58. if (event.button == 2 || event.button == 3)
  59.  
  60. {
  61.  
  62. event.cancelBubble = true
  63.  
  64. event.returnValue = false;
  65.  
  66. return false;
  67.  
  68. }
  69.  
  70. }
  71.  
  72. //desabilita botao direito do mouse
  73.  
  74. if ( window.Event )
  75.  
  76. document.captureEvents(Event.MOUSEUP);
  77.  
  78. if ( document.layers )
  79.  
  80. document.captureEvents(Event.MOUSEDOWN);
  81.  
  82. document.oncontextmenu = desabilitaMenu;
  83.  
  84. document.onmousedown = desabilitaBotaoDireito;
  85.  
  86. document.onmouseup = desabilitaBotaoDireito;
  87.  
  88. </script>
  89.  
  90. <script type="text/javascript">
  91. //desabilita menu de opcoes ao clicar no botao direito
  92. function desabilitaMenu(e)
  93. {
  94. if (window.Event)
  95. {
  96. if (e.which == 2 || e.which == 3)
  97. return false;
  98. }
  99. else
  100. {
  101. event.cancelBubble = true
  102. event.returnValue = false;
  103. return false;
  104. }
  105. }
  106. document.oncontextmenu = desabilitaMenu;
  107. document.onmousedown = desabilitaBotaoDireito;
  108. document.onmouseup = desabilitaBotaoDireito;
  109. </script>
  110.  
  111.  
  112. <head>
  113.  
  114. <!-- opções bunitas pelo appearance -->
  115. <meta name="color:background" content="#ffffff" />
  116. <meta name="color:post" content="#ffffff" />
  117. <meta name="color:tags" content="#fcfcfc"/>
  118. <meta name="color:tagshover" content="#fcfcfc"/>
  119. <meta name="color:scrollbar" content="#dfdfdf" />
  120. <meta name="color:text" content="#363636" />
  121. <meta name="color:frase" content="#000000"/>
  122.  
  123. <meta name="color:link" content="#1c1c1c" />
  124.  
  125.  
  126. <meta name="text:frase" content="sei q vc gosta muito ♡" />
  127.  
  128. <meta name="if:Rolagem infinita" content="1"/>
  129.  
  130.  
  131. <meta name="image:sidebar" content="http://static.tumblr.com/e4090da16efc5a9d236c99264a02876f/qkqoe1x/vIgmylfgy/tumblr_static_8e295ef2206f11e3879522000a1fbdb8_7.png"/>
  132. <meta name="image:background" content=""/>
  133.  
  134. <meta name="text:Link1" content="url" />
  135. <meta name="text:Link1 titulo" content="o q vai aparecer quando o mouse passar" />
  136. <meta name="text:Link1 nome" content="nome" />
  137.  
  138. <meta name="text:Link2" content="url" />
  139. <meta name="text:Link2 titulo" content="o q vai aparecer quando o mouse passar" />
  140. <meta name="text:Link2 nome" content="nome" />
  141.  
  142. <meta name="text:Link3" content="url" />
  143. <meta name="text:Link3 titulo" content="o q vai aparecer quando o mouse passar" />
  144. <meta name="text:Link3nome" content="nome" />
  145.  
  146. <meta name="text:Link4" content="url" />
  147. <meta name="text:Link4 titulo" content="o q vai aparecer quando o mouse passar" />
  148. <meta name="text:Link4 nome" content="nome " />
  149.  
  150. <meta name="text:Link5" content="urlurl" />
  151. <meta name="text:Link5 titulo" content="o q vai aparecer quando o mouse passar" />
  152. <meta name="text:Link5 nome" content="nome" />
  153.  
  154.  
  155. <meta name="text:Link6" content="url" />
  156. <meta name="text:Link6 titulo" content="o q vai aparecer quando o mouse passar" />
  157. <meta name="text:Link6 nome" content="nome" />
  158.  
  159.  
  160. <title>{Title}</title><link rel="shortcut icon" href="{FavIcon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  161.  
  162. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  163.  
  164. <style type="text/css">
  165.  
  166.  
  167.  
  168.  
  169.  
  170. /*** corpo básico ***/
  171.  
  172. body {background-color: {color:background}; background-image:url('{image:background}'); color: #363636; font:12px calibri; text-align: center;}
  173.  
  174. a {color:{color:text}; text-decoration: none; text-transform: none;}
  175. a:hover {color: {color:text};}
  176.  
  177. p {margin: 6px 0 0 0}
  178.  
  179. blockquote {margin: 0px; padding-left: 0px; }
  180. blockquote img{max-width: 570px!important; text-align:center;}
  181.  
  182. /*** posts e container ***/
  183.  
  184. #container {width: 510px; margin:50px auto: 50px auto;}
  185. #entry {float:left; margin-left:520px; width:400px; margin-bottom:30px;}
  186.  
  187. #post {float:left; margin-left:530px;}
  188.  
  189. #postbox {width:400px; background-color:{color:post}; padding:1px; text-align: justify; position: relative;}
  190.  
  191. #postbox:hover .botoes2 {opacity:1;}
  192.  
  193. .botoes2 {position:absolute; font:10px cambria; text-transform:lowercase; color:#eee; margin-left:407px; opacity:0; height:auto; width: 80px; margin-bottom:0px; margin-top:1px; background-color:{color:background}; display:block; text-align:left; padding:4px; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
  194.  
  195. .botoes2 a {text-transform:lowercase; color:{color:linkpost};display:block;font-style:italic}
  196.  
  197. .botoes2 a:hover{text-align: left; background-color: transparent; color:{color:linkshover}; letter-spacing: 0px;}
  198.  
  199.  
  200. h1 {color:#1c1c1c; font-family:georgia; font-size:14px; line-height:16px; text-align:left; font-weight:normal; font-style: italic; }
  201. h1 a {color:{color:link}}
  202. h1 a:hover {color:{color:link hover}}
  203.  
  204. .image {text-align: center; border: 0px}
  205. .image img {max-width: 400px; margin-bottom: 2px }
  206.  
  207. .quote {font-family:cambria;text-align:justify;font-size:14px; line-height: 16px;padding:3px;}
  208. .quotesource {text-align:center;margin-bottom:5px;font-style:italic;font-family:calibri;font-size:11px;}
  209.  
  210. .chat {line-height: 13px; list-style: none }
  211. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  212. .person1 {color: {color:text}; padding: 2px; }
  213. .person1 .label {font-weight: bold; color:{color:text}}
  214. .person2 {color: {color:text}; padding: 2px; }
  215. .person2 .label {font-weight: bold; color:{color:text}}
  216.  
  217. .player {background-color:#000; text-align: left; display:block;}
  218.  
  219. #asker {font-size:11px;font-family:cambria;text-align:left;}
  220. .answer {padding:2px;font-size:11px;font-family:cambria;}
  221. .answer img {max-width:400px;}
  222.  
  223. #date {text-align:center;font-size:10px;font-family:cambria;z-index:11;letter-spacing:0px;font-style:italic;}
  224.  
  225. .tags {color:{color:text};font-size:10px;font-family:cambria;display: inline;list-style:none;letter-spacing:0px;}
  226. .tags a {color:{color:text};display:inline;list-style:none;font-style:italic;}
  227.  
  228. #cap {width:400px; margin-top: -2px;}
  229. .source {display: none;}
  230.  
  231. .notes {width:400px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 11px; text-align:center;}
  232. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  233. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  234. .notes img{display: none; border:0px}
  235.  
  236. #foto {width:140px;padding:1px;margin-top:50px;margin-left:340px;float: center;text-align: justify; position: fixed;}
  237.  
  238. .menu {width:27px;margin-top:193px;margin-left:342px;background:#eee;position:fixed;font-family:calibri;font-size:10px;letter-spacing:0px;text-align:center;padding:3px;color;height:53px;display:block;outline-offset: -3px;outline: 2px solid #fff;}
  239. .menu a {display:block}
  240.  
  241. .text {width:98px;margin-top:193px;margin-left:377px;background:transparent;position:fixed;font-family:cambria;font-size:9px;text-align:justify;letter-spacing:0px;padding:3px;height:53px}
  242. /*** barra de rolagem ***/
  243.  
  244. ::-webkit-scrollbar{width:5px;height:5px;} ::-webkit-scrollbar-button:start:decrement ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;} ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;} ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;} ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  245.  
  246. .tumblrAutoPager_page_separator, .tumblrAutoPager_page_info {display: none;} #tumblr_controls{position: fixed!important} #tumblr_controls{position: fixed!important} #tumblr_controls{position: fixed!important} #tumblr_controls{position: fixed!important}
  247.  
  248. /*** sidebar ***/
  249.  
  250. #sidebar {position:fixed; width: 220px; height:195px; margin-left:100px;margin-top:-10px; -webkit-transition-duration: 0.4s;}
  251.  
  252. #frufru {height:130px; margin-top:2px; margin-left:0px; position:fixed; text-align:center;}
  253. #frufru img {width:160px; height:auto; padding:20px; }
  254.  
  255. #links {width:196px; height:23px;padding: 3px; margin-top:4px; margin-left: 0px; text-align:center; background: transparent; font:10px cambria; font-style:; letter-spacing: 0px;line-height:20px;}
  256. #links a{padding: 1px; color:{color:link};}
  257.  
  258.  
  259.  
  260.  
  261.  
  262. .transition
  263. {-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;}
  264.  
  265.  
  266. #links {width: 110px; position: fixed; background-color: transparent; font-size: 7px; font-family: tinytots; padding: 3px; margin-top: 65px;margin-left: 95px;}
  267.  
  268. .links a{ width: 10px; height: 58px; font-size: 7px; background-color: {color:linkss}; padding: 3px; text-transform: uppercase; display: table-cell; text-align: center; border-right: 1px solid {color:sidebar}; color: {color:links}; font-family: tinytots; font-size: 8px; }
  269. .links a:hover {background-color: {color:bglinksshover}; color: {color:linksshover}}
  270.  
  271. #descripxoxo {text-align: justify; margin-top:-270px; margin-left: 154px; overflow: hidden; -webkit-border-radius: 0px 0px 0px 0px; font-size: 9px; font-family: consolas; position: fixed; color: {color:textsidebar}; padding: 10px; background-attachment: fixed; width:97px; height: 51px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; font-style: normal; line-height: 8px; text-transform: uppercase; background-color: {color:sidebar};}
  272. #kidrauhl{font-size: 9px; font-family: verdana; letter-spacing: -1px; text-transform: none; line-height: 10px; letter-spacing: -1px; width: 65px;}
  273.  
  274. #detalhe {text-align: justify; overflow: hidden; height:7px; -webkit-border-radius: 0px 0px 0px 0px; font-size: 8px; font-family: tinytots; position: fixed; margin-left: 120px; width: 100px; background-color: transparent; color: #000; padding: 5px; margin-top: 340px; background-attachment: fixed; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; ; letter-spacing: 0px; text-transform: uppercase; }
  275.  
  276. #detalhe a:hover{background-color:transparent; color:#000; text-transform: uppercase; }
  277.  
  278.  
  279.  
  280. #justin {text-align: justify; margin-top:316px; margin-left: 135px; overflow: hidden; -webkit-border-radius: 0px 0px 0px 0px; font-size: 9px; font-family: consolas; position: fixed; color: {color:frase}; padding: 10px; background-attachment: fixed; width:250px; height: 200px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; letter-spacing:-10px; font-style: normal; line-height: 8px; text-transform: uppercase; -webkit-transform: rotate(0deg);}
  281. #bieber{font-size: 20px; font-family: georgia; letter-spacing: -1px; text-transform: none; line-height: 20px; font-style: italic;}
  282.  
  283. #linhas {width: 279px; margin-left:146px; margin-top: 245px; background-color: {color:sidebar}; height: 3px; position: fixed; }
  284.  
  285. #linhas1 {width: 115px; margin-left:154px; margin-top: 55px; background-color: {color:sidebar}; height: 1px; position: fixed; }
  286.  
  287.  
  288. .oizinho {font-family: georgia; position: fixed; margin-left: 800px; margin-top: -110px; font-size: 38px; z-index: 0;}
  289. .oizinho a {color:#B5B5B5 ; background-color: transparent;}
  290. .oizinho a:hover {color: {color:link} ;}
  291.  
  292. .oizinho2 {font-family: georgia; position: fixed; margin-left: 800px; margin-top: -50px; font-size: 38px; z-index: 0;}
  293. .oizinho2 a {color:#B5B5B5 ; background-color: transparent;}
  294. .oizinho2 a:hover {color: {color:link} ;}
  295.  
  296. #picture
  297. {width:250px;}
  298.  
  299. #picture:hover
  300. {width:340px;}
  301.  
  302. #left
  303. {float:left;
  304. overflow:hidden;
  305. width:125px;}
  306.  
  307. #right
  308. {overflow:hidden;
  309. width:125px;}
  310.  
  311. #about
  312. {float:left;
  313. width:0px;
  314. height:0px;
  315. opacity:0;}
  316.  
  317.  
  318. #picture:hover #about
  319. {width:125px;
  320. padding:20px 10px 20px 10px;
  321. opacity:1;}
  322.  
  323. #picture:hover #left
  324. {margin-left:-65px;}
  325.  
  326.  
  327. .links1 {position: absolute; width: 55px; padding: 0px; text-align: center; z-index:3; margin-left: 80px; margin-top: -90px;}
  328.  
  329. .links1 a {float: left; display: block; letter-spacing: 1px; font-family: georgia; font-style: italic; font-size: 9px; text-align: center; width: 45px; background-color: transparent; color:{color:link}; text-decoration: none; text-transform: lowercase; line-height:18px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  330. .links1 a:hover{text-align: center; background-color: transparent; color:#000; letter-spacing: 3px;}
  331.  
  332. .credits { background: #fff; color: #363636; font-style: italic; font-family: 'georgia', sans-serif; font-size: 8px; position: fixed; width: 40px; padding: 3px; border-radius: 2px; text-align: center; z-index: 100;}
  333. .credits a{ color: #363636;}
  334.  
  335.  
  336. </style>
  337.  
  338.  
  339. <body>
  340. <div id="container">
  341.  
  342.  
  343.  
  344. <div id="sidebar">
  345.  
  346. <div id="justin"><div id="bieber"> {text:frase}</div></div>
  347.  
  348.  
  349. <div id="links">
  350.  
  351. <div id="picture" class="transition">
  352. <div id="left" class="transition">
  353.  
  354.  
  355. <img src="{image:sidebar}" width="250px; height="250px;></a>
  356. </div>
  357. <div id="about" class="transition">
  358.  
  359. <div id="kidrauhl">{description}</div>
  360.  
  361.  
  362. <div class="links1">
  363. <a href="{text:Link1}" title="{text:Link1 titulo}">{text:Link1 nome}</a>
  364. <a href="{text:Link2}" title="{text:Link2 titulo}">{text:Link2 nome}</a>
  365. <a href="{text:Link3}" title="{text:Link3 titulo}">{text:Link3 nome}</a>
  366. <a href="{text:Link4}" title="{text:Link4 titulo}">{text:Link4 nome}</a>
  367. <a href="{text:Link5}" title="{text:Link5 titulo}">{text:Link5 nome}</a>
  368. <a href="{text:Link6}" title="{text:Link6 titulo}">{text:Link6 nome}</a>
  369. </div><br><br><br><br>
  370. <div class="credits"> <a href="http://wayforlife.tumblr.com">©credits</a> </div>
  371. </div>
  372. <div id="right" class="transition">
  373. <div style="margin-left:-125px;"> <img src="{image:sidebar}" width="250px; height="250px;></a></a></div>
  374. </div>
  375.  
  376. </div>
  377.  
  378.  
  379. </div>
  380. </div>
  381.  
  382.  
  383.  
  384.  
  385.  
  386. </div>
  387. </div>
  388.  
  389.  
  390.  
  391.  
  392.  
  393. {block:IfRolagemInfinita}<div class="autopagerize_page_element">
  394. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfRolagemInfinita}
  395.  
  396. <div id="post">
  397. <div class="autopagerize_page_element">
  398.  
  399. {block:Posts}
  400. <div id="postbox">
  401. {block:Text}<span class="botoes2">
  402. <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"></a><a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>{/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank">reblog</a>
  403. </span>{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  404.  
  405. {block:Photo}<span class="botoes2">
  406. <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"></a><a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>{/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank">reblog</a>
  407. </span>{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  408.  
  409. {block:Photoset}<span class="botoes2">
  410. <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"></a><a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>{/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank">reblog</a>
  411. </span>{Photoset-400}{/block:Photoset}
  412.  
  413. {block:Quote}<span class="botoes2">
  414. <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"></a><a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>{/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank">reblog</a>
  415. </span>
  416. <div class="quote">“{Quote}”</div>
  417. {block:Source}<div class="quotesource">{Source}</div>
  418. {/block:Source}
  419. {/block:Quote}
  420.  
  421. {block:Link}<span class="botoes2">
  422. <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"></a><a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>{/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank">reblog</a>
  423. </span>
  424. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  425. {block:Description}{Description}{/block:Description}
  426. {/block:Link}
  427.  
  428. {block:Chat}<span class="botoes2">
  429. <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"></a><a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>{/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank">reblog</a>
  430. </span>
  431. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  432. <div class="chat"><ul>{block:Lines}
  433. <li class="person{UserNumber}">{block:Label}
  434. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  435. {/block:Chat}
  436.  
  437. {block:Audio}<span class="botoes2">
  438. <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"></a><a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>{/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank">reblog</a>
  439. </span>
  440. <div class="player">{AudioPlayerBlack}</div>
  441. {block:Caption}{Caption}{/block:Caption}
  442. {/block:Audio}
  443.  
  444. {block:Video}<span class="botoes2">
  445. <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}"></a><a href="{ReblogRootURL}" title="{ReblogRootTitle}"></a>{/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank">reblog</a>
  446. </span>{Video-400}{/block:Video}
  447.  
  448.  
  449. {block:Answer}
  450. <div id="asker"><b><img src="{AskerPortraitURL-30}"> <i> {Asker} </i> disse: </b> {Question}</div>
  451. <div class="answer"><i><b>eu falei:</b> {Answer}</i></div>
  452. {/block:Answer}
  453. </div>
  454.  
  455. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  456. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  457. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  458. {/block:ContentSource}</div>
  459.  
  460. {/block:Posts}</div>
  461. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  462. </div>
  463. </div>
  464. </div>
  465. </div>
  466. </body>
  467. </html>
Advertisement
Add Comment
Please, Sign In to add comment