TattyRM

theme 38

Jul 15th, 2016
152
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.19 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!-- START OF SCRIPT TOOLTIP AND RETURN FALSE -->
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  5. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  6. <script>
  7. (function($){
  8. $(document).ready(function(){
  9. $("[title]").style_my_tooltips({
  10. tip_follows_cursor:true,
  11. tip_delay_time:20,
  12. tip_fade_speed:400,
  13. attribute:"title"
  14. });
  15. });
  16. })(jQuery);
  17. </script>
  18. <script>
  19. function click() {
  20. if (event.button==2||event.button==3) {
  21. oncontextmenu='return false';
  22. }
  23. }
  24. document.onmousedown=click
  25. document.oncontextmenu = new Function("return false;")
  26. </script>
  27.  
  28. <!-- ★ --------------------------------- ★ @ BASE TOTALMENTE CODIFICADA POR USMODEL
  29. NÃO COPIE, NÃO SE INSPIRE E NÃO RETIRE CRÉDITOS
  30. @ THEME FEITO POR "SUA URL AQUI"
  31. ★ --------------------------------- ★ -->
  32.  
  33. <!-- FAVICON AND TITLE -->
  34. <link rel="shortcut icon" href="{favicon}">
  35. <script type="text/javascript"> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "{title}"; tb8_messages[1] = "{title}"; tb8_messages[2] = "{title}"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>
  36.  
  37.  
  38. <!-- APPEARANCE -->
  39.  
  40. <!-- IMAGENS-->
  41. <meta name="image:sidebar" content=""/>
  42. <meta name="image:background" content=""/>
  43.  
  44. <!-- CORES -->
  45. <meta name="color:background" content="#000"/>
  46. <meta name="color:barra" content="#ccabab"/>
  47. <meta name="color:texto" content="#fff"/>
  48. <meta name="color:link" content="#fff"/>
  49. <meta name="color:link hover" content="#ccabab"/>
  50. <meta name="color:postagens" content="#333333"/>
  51. <meta name="color:borda" content="#000"/>
  52. <meta name="color:detalhes" content="#ccabab"/>
  53.  
  54. <meta name="text:link1" content="" />
  55. <meta name="text:link1 nome" content="" />
  56. <meta name="text:link2" content="" />
  57. <meta name="text:link2 nome" content="" />
  58. <meta name="text:link3" content="" />
  59. <meta name="text:link3 nome" content="" />
  60. <meta name="text:link4" content="" />
  61. <meta name="text:link4 nome" content="" />
  62.  
  63. </head>
  64. <link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
  65.  
  66. <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  67.  
  68. <style>
  69. body{background:{color:background};
  70. background-image:url('{image:background}');
  71. background-attachment:fixed;}
  72.  
  73. a, a:link, a:active, a:visited {color:{color:link};
  74. text-decoration:none}
  75. a:hover {color:{color:links hover};
  76. text-decoration:none}
  77.  
  78. titulo{text-decoration:none;}
  79.  
  80. blockquote {margin:0px;}
  81.  
  82. /* BARRA DE ROLAGEM */
  83. ::-webkit-scrollbar-thumb{background-color: {color:barra};
  84. border: 1px solid {color:background};
  85. height:auto;}
  86. ::-webkit-scrollbar {height:7px;
  87. width:7px;
  88. background-color: {color:barra};
  89. border: 3px solid {color:background};}
  90.  
  91. #align{float:left;
  92. margin-top:-5px;
  93. margin-left:300px;
  94. width:1000px;
  95. color:{color:texto};
  96. font-family: 'Cuprum';
  97. font-size: 12px;
  98. text-align:left;}
  99.  
  100. .posts{position:relative; float:left;
  101. display:inline-block;
  102. width:200px;
  103. background:{color:postagens};
  104. padding:10px 10px 8px 10px;
  105. border:1px solid #000;
  106. margin:5px;
  107. border-radius:1px;}
  108. .posts {{block:PermalinkPage}width:250px;
  109. {/block:PermalinkPage} }
  110. .posts img{max-width:200px;}
  111. .imgpost img{width:200px;}
  112. .photoset{max-width:200px;}
  113.  
  114. .vsanna{display:none;}
  115.  
  116. /* CURSOR PERSONALIZADO */
  117. html {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  118. a, a:hover{cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  119.  
  120. #tumblr_controls{position: fixed!important;
  121. z-index:15;}
  122. iframe#tumblr_controls {right:3px !important;
  123. position: fixed !important;
  124. -webkit-transition: opacity 0.5s linear;
  125. opacity: 0.6;
  126. -webkit-transition: all 0.8s ease-out;
  127. -moz-transition: all 0.8s ease-out;
  128. transition: all 0.8s ease-out;}
  129. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear;
  130. opacity: 1;
  131. -webkit-transition: all 0.4s ease-out;
  132. -moz-transition: all 0.4s ease-out;
  133. transition: all 0.4s ease-out;}
  134.  
  135. .posts .its{margin-top:-10px;
  136. margin-left:0px;
  137. width:auto;
  138. height:13px;
  139. line-height:30px;
  140. text-align:right;
  141. color:{color:links};
  142. font-size:6.5px;
  143. background:transparent;
  144. font-family:'helvetica';
  145. letter-spacing:1px;
  146. text-transform:uppercase;
  147. opacity:0;
  148. transform:rotatex(180deg);
  149. transition:.0s;}
  150. .posts:hover .its{opacity:1;
  151. margin-top:-5px;
  152. transform:rotatex(0deg);
  153. transition:.3s;}
  154.  
  155. .posts .sex{display:block;
  156. left:25%;
  157. bottom:47%;
  158. position:absolute;}
  159. .posts .sex a{width:160px;
  160. height:auto;
  161. padding:10px;
  162. line-height:12px;
  163. text-align:center;
  164. font-size:12px;
  165. color:#eee;
  166. background:rgba(233,150,122, 0.5);
  167. font-family:'helvetica';
  168. letter-spacing:1px;
  169. text-transform:uppercase;
  170. margin:1px; opacity:0;
  171. -webkit-transition-duration: .6s;
  172. -moz-transition-duration: .6s;
  173. -o-transition-duration: .6s;
  174. -webkit-transform: scale(0.6);
  175. -o-transform: scale(0.6);
  176. -moz-transform: scale(0.6);
  177. transition:all 0.6s;
  178. border-radius:2px;}
  179. .posts:hover .sex a{opacity:100;
  180. -moz-transition:all 0.6s linear;
  181. -moz-transform: scale(1.0);
  182. -o-transform: scale(1.0);
  183. transition:all 0.6s linear;
  184. -webkit-transform: scale(1.0);}
  185.  
  186. .icon {margin-right:4px;
  187. float: left;
  188. margin-left:0px;
  189. margin-top:0px;
  190. border-radius:30px;}
  191. .pergunta{margin-top:-6px;
  192. height:auto; width:187px;
  193. text-align:left;
  194. padding:6px;
  195. font-family:'Share Tech Mono';
  196. font-size:9px;
  197. text-align:left;
  198. border-bottom:2px solid {color:borda};
  199. background:;text-transform:uppercase;}
  200. .perguntou{display:inline-block;
  201. padding:3px;font-style:bold;}
  202. .resposta{margin-left:2px;
  203. margin-top:0px; width:auto;
  204. height:auto; padding:0px;
  205. font-family:'Share Tech Mono';
  206. font-size:9px; text-align:left;
  207. text-transform:uppercase}
  208.  
  209. /* CHAT POR HTMLUV TOTALMENTE
  210. MODIFICADO POR USMODEL */
  211. .chat {margin: 0;
  212. font-size: 11px;
  213. font-family: 'courier';
  214. text-align: left;}
  215. .chat .lines {font-family: 'courier';
  216. font-size: 11px;
  217. color: {color:text};}
  218. .chat .lines span {font-family:'courier';
  219. font-size:11px;}
  220. #laudio-caption {margin-top:10px;}
  221. #laudio-caption p {padding:5px;
  222. margin-bottom:1px;
  223. background:#f5f5f5; }
  224. #lalbum-art {display:inline-block; float:left;}
  225. #laudio-player {display:inline-block;}
  226.  
  227. #s-m-t-tooltip {-webkit-animation: CH 600ms;
  228. max-width:150px;
  229. margin:20px 20px 20px 8px;
  230. background: rgba(0, 0, 0, .4);
  231. color:#fff;
  232. z-index:9999;
  233. font-family:'Share Tech Mono';
  234. font-size:10px;
  235. text-align:center;
  236. text-transform: uppercase;
  237. border-radius:3px;
  238. padding:4px;}
  239.  
  240. .sidebar{position:fixed;
  241. width:200px;
  242. height:190px;
  243. top:100px;
  244. left:100px;
  245. background:#888;
  246. box-shadow:5px 5px 0 #ddd;}
  247.  
  248. .titulo{position:fixed;
  249. width:auto;
  250. margin-top:5px;
  251. margin-left:40px;
  252. font-family:'Sacramento';
  253. text-shadow:1px 1px 0 #ddd;
  254. text-align:left;
  255. color:#b9959f;
  256. font-size:33px;}
  257.  
  258. .description{position:fixed;
  259. width:200px;
  260. margin-top:45px;
  261. margin-left:5px;
  262. font-family:'Share Tech Mono';
  263. text-align:left;
  264. color:{color:texto};
  265. text-transform: uppercase;
  266. font-size:9px;}
  267.  
  268. /* SIDEBAR,MENU,IMAGEM FEITO POR DRESSBY */
  269.  
  270. #links {width: 96px; float: left; margin-left:150px; height:85px; margin-top: 160px; padding: 0px; text-align: center; position: fixed; background-color: transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;z-index:9; border:4px solid #000; -webkit-border-top-right-radius: 30px;
  271. -webkit-border-bottom-right-radius: 30px;
  272. -moz-border-radius-topright: 30px;
  273. -moz-border-radius-bottomright: 30px;
  274. border-top-right-radius: 30px;
  275. border-bottom-right-radius: 30px;background-color:{color:detalhes}}
  276.  
  277. #links a {float: left; margin-right: 0px; width: 55px; letter-spacing: 0px; font-family: 'arial', sans-serif; font-size: 12px; text-align: right; color: {color:links}; text-decoration: none; line-height: 15px; padding:3px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999;background-color:{color:detalhes}; border-right:1px dashed #fff;}
  278.  
  279. #links a:hover{color:#000;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.4s ease-out; }
  280.  
  281. .imagem {position: absolute; width:100px; height:100px; margin-left:60px; margin-top: 150px;position:fixed; padding:2px;background-color:{color:background};z-index:10000; border:4px solid #000; -webkit-border-radius: 10px;
  282. -moz-border-radius: 10px;
  283. border-radius: 10px;}
  284. .imagem img {position:fixed; -webkit-transition: all 1s ease-in-out;-webkit-border-radius: 0px 0px 0px 0px; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; height:100px; width: 100px;margin-left:0px; margin-top:0px; opacity:1;z-index:100000;-webkit-border-radius: 10px;
  285. -moz-border-radius: 10px;
  286. border-radius: 10px; }
  287. .imagem img:hover {opacity:0.2;}
  288. .imagem img.top { opacity:1;}
  289. .imagem:hover img.top, .cf4.hover_effect img.top {opacity:0;}
  290. .imagem:hover img.bottom, .cf4.hover_effect img.bottom {filter:gray}
  291.  
  292.  
  293.  
  294. /**CÓDIGO FEITO POR LUXUOSEI****/
  295. #FAIXA{MARGIN-LEFT:-160PX ;MARGIN-TOP:-550PX;background:{color:detalhes}; ;HEIGHT:9000PX;WIDTH:55PX;POSITION:FIXED;}
  296. #FAIXA2{MARGIN-LEFT:1160PX ;MARGIN-TOP:-550PX;background:{color:detalhes}; ;HEIGHT:9000PX;WIDTH:55PX;POSITION:FIXED;z-index:-99999999999999999999999;}
  297.  
  298. .flor {color:#000;position:fixed; width:10px; margin-left:68px;height:20px; line-height:20px; margin-top:12px;font-family: 'Great Vibes', cursive;
  299. text-align:center; font-size:20px; ;opacity: 10;transition:0.9s; transform : rotateX(360deg);}
  300.  
  301. .flores {color:#000;position:fixed; width:10px; margin-left:1165px;height:20px; line-height:20px; margin-top:-160px;font-family: 'Great Vibes', cursive;
  302. text-align:center; font-size:20px; ;opacity: 10;transition:0.9s; transform : rotateX(360deg);padding:5px;letter-spacing:10px;}
  303.  
  304.  
  305. </style>
  306. <link href='https://fonts.googleapis.com/css?family=Squada+One|Nova+Mono|Signika|Montez|Cookie|BenchNine|Oswald|Sacramento|Share+Tech+Mono|Ubuntu+Condensed|Cuprum' rel='stylesheet' type='text/css'>
  307. <body>
  308. <!-- SIDEBAR -->
  309.  
  310. <div id="center">
  311. <div class="imagem" class="hover">
  312. <img class="bottom shadow" src="{image:sidebar}"style="-webkit-filter: grayscale(100%);" >
  313. <img class="top shadow" src="{image:sidebar}" /></div>
  314.  
  315. <div id="links">
  316. <a href="{text:Link1}" >{text:Link1 nome}</a>
  317. <a href="{text:Link2}" >{text:Link2 nome} </a>
  318. <a href="{text:Link3}" >{text:Link3 nome}</a>
  319. <a href="{text:Link4}" >{text:Link4 nome} </a>
  320.  
  321. <div class="flor"> ✿ ✿ ✿ </div>
  322. <div class="flores"> ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿</div>
  323.  
  324.  
  325.  
  326. <DIV ID="FAIXA"></DIV>
  327. <DIV ID="FAIXA2"></DIV>
  328.  
  329.  
  330.  
  331.  
  332.  
  333.  
  334. </div>
  335.  
  336. </div>
  337.  
  338. <!-- FINAL DA SIDEBAR -->
  339. <div id="align">
  340. {block:Posts}
  341. <div class="posts">
  342.  
  343. {block:Text}
  344. {block:Title}<div style="font-family:'Courier'; text-align:cente; font-size:12px; lihe-height:0px;"><center>{Title}</center></div>{/block:Title}
  345. {body}
  346. {block:indexpage}
  347. <div class="its"><a href="{permalink}">{NoteCount} Notes</a> + <a href="{ReblogURL}">Reblog</a>
  348. </div>
  349. {/block:indexpage}
  350. {/block:Text}
  351.  
  352. {block:Quote}
  353. {Quote}<br>
  354. <div style="margin-top:5px; padding-top:1px; font-family:calibri; font-size:8px; line-height:6px; text-transform: uppercase; padding:2px; text-align:right; font-weight:bold;">{block:Source}{Source}{/block:Source}</div>
  355. <div class="its"><a href="{permalink}">{NoteCount} Notes</a> + <a href="{ReblogURL}">Reblog</a>
  356. </div>
  357. {/block:indexpage}
  358. {/block:Quote}
  359.  
  360. {block:Chat}
  361. {block:Lines}
  362. <div class="chat">
  363. <div class="lines">{block:Label}
  364. <span>{Label}</span>
  365. {/block:Label}
  366. {Line}</div></div>
  367. {/block:Lines}
  368. {block:indexpage}
  369. <div class="its"><a href="{permalink}">{NoteCount} Notes</a> + <a href="{ReblogURL}">Reblog</a>
  370. </div>
  371. {/block:indexpage}
  372. {/block:Chat}
  373.  
  374. {block:Link}
  375. <a href="{URL}" target="{Target}"><div style="font-size:10px; padding:2px; text-align:center; text-transform: uppercase;"><titulo><u>{Name}</u></titulo></div></a>
  376. {block:Description}{Description}{/block:Description}
  377. <div class="its"><a href="{permalink}">{NoteCount} Notes</a> + <a href="{ReblogURL}">Reblog</a>
  378. </div>
  379. {/block:indexpage}
  380. {/block:Link}
  381.  
  382. {block:Audio}
  383. <div class="text">
  384. {block:AlbumArt}<div id="lalbum-art"><img src="{AlbumArtURL}" style="border-radius:100%; width:35px; height:35px;"></div>{/block:AlbumArt}
  385. <div style="margin-left:38px; margin-top:5px; text-transform: uppercase;">{AudioPlayerWhite}</div>
  386. <div id="laudio-caption">
  387. <p>Track: {block:TrackName}<i>{TrackName}</i>{/block:TrackName}.</p>
  388. <p>Artist: {block:Artist}<i>{Artist}</i>{/block:Artist}.</p>
  389. <p>Album: {block:Album}<i>{Album}</i>{/block:Album}.</p>
  390. <p>Plays: <i>{FormattedPlayCount}</i>.</p>
  391. </div></div>
  392. <div class="its"><a href="{permalink}">{NoteCount} Notes</a> + <a href="{ReblogURL}">Reblog</a>
  393. </div>
  394. {/block:Audio}
  395.  
  396. {block:Photo}
  397. {LinkOpenTag}
  398. <div class="imgpost"><center><img src="{PhotoURL-400}"></center></a></div>
  399. {block:indexpage}
  400. <div class="sex">
  401. <a href="{permalink}"title="{DayOfMonth}, {ShortMonth}">🕥</a> <a href="{permalink}"title="{NoteCount} Notes">❤</a> <a href="{ReblogURL}"title="Reblog">🔃</a>
  402. </div>
  403. {/block:indexpage}
  404. {/block:Photo}
  405.  
  406. {block:Photoset}
  407. <div class="imgpost"><center>{Photoset}</center></div>
  408. {block:indexpage}
  409. <div class="sex">
  410. <a href="{permalink}"title="{DayOfMonth}, {ShortMonth}">🕥</a> <a href="{permalink}"title="{NoteCount} Notes">❤</a> <a href="{ReblogURL}"title="Reblog">🔃</a>
  411. </div>
  412. {/block:indexpage}
  413. {/block:Photoset}
  414.  
  415. {block:Video}
  416. {block:Indexpage}{Video-250}{/block:IndexPage}
  417. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  418. {block:indexpage}
  419. <div class="sex">
  420. <a href="{permalink}"title="{DayOfMonth}, {ShortMonth}">🕥</a> <a href="{permalink}"title="{NoteCount} Notes">❤</a> <a href="{ReblogURL}"title="Reblog">🔃</a>
  421. </div>
  422. {/block:indexpage}
  423. {/block:Video}
  424.  
  425. {block:Answer}
  426. <img src="{AskerPortraitURL-30}" class="icon">
  427. <div class="pergunta">
  428. <div class="perguntou">{Asker} asked:</div><br> {Question}</div>
  429. <div class="resposta">{Answer}</div>
  430. {block:indexpage}
  431. <div class="its"><a href="{permalink}">{NoteCount} Notes</a> + <a href="{ReblogURL}">Reblog</a>
  432. </div>{/block:indexpage}{/block:Answer}
  433.  
  434. <div class="vsanna">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  435. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div></div>
  436.  
  437. {/block:Posts}
  438.  
  439. {block:IndexPage}
  440. <div class="column navigation" id="navigation">
  441. {block:Pagination}
  442. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  443. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  444. </div>
  445. {/block:IndexPage}
  446. </div></div>
  447.  
  448. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  449. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  450. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  451. <script type="text/javascript">
  452. $(window).load(function () {
  453. $('#align').masonry(),
  454. $('.masonryWrap').infinitescroll({
  455. navSelector : "div#navigation",
  456. nextSelector : "div#navigation a#nextPage",
  457. itemSelector : ".posts",
  458. bufferPx : 10000,
  459. extraScrollPx: 11000,
  460. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  461. loadingText : "",
  462. },
  463. // call masonry as a callback.
  464. function() { $('#align').masonry({ appendedContent: $(this) }); }
  465. );
  466. });
  467. </script>
  468.  
  469.  
  470. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  471. <div style="position:fixed; bottom:20px; left:70px;border:3px double #ccabab;background:{color:background};font-family: 'Bad Script', cursive;font-size:10px">
  472. <font color="#4682B4"><small></small></font>
  473. <a href="http://dressby.tumblr.com" title="Theme por dressby + Base por Usmodel">Dressby</a>
  474. <font color="#ccabab"><small> ✿ </small></font>
  475. </div>
  476. <!-- SE TIRAR ESSE CARALHO VAI TER TRETA PRO SEU LADO -->
  477.  
  478. </body>
  479. </html>
Advertisement
Add Comment
Please, Sign In to add comment