diariodeumjudas

Theme 27

Oct 11th, 2012
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.46 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <! theme by IMATU-RO
  6. DONT COPY BABY, be original (c) !>
  7.  
  8. <head>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Dosis|Inconsolata' rel='stylesheet' type='text/css'>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Engagement' rel='stylesheet' type='text/css'>
  14.  
  15. <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  18.  
  19. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  20. <script type="text/javascript">
  21. function slideSwitch() {
  22. var $active = $('#slideshow2 img.active');
  23.  
  24. $active.addClass('last-active');
  25.  
  26. // verifica se existe um próximo objeto na div #slideshow2, caso ele nao exista, retorna para o primeiro
  27. var $next = $active.next().length ? $active.next() : $('#slideshow2 img:first');
  28.  
  29. $next.css({opacity: 0.0})
  30. .addClass('active')
  31. .animate({opacity: 1.0}, 1000, function() {
  32. $active.removeClass('active last-active');
  33. });
  34. }
  35.  
  36. $(function() {
  37. //Executa a função a cada 2 segundos
  38. setInterval( "slideSwitch()", 2500 );
  39. });
  40. </script>
  41. <script type="text/javascript">
  42. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  43.  
  44. function tb8_makeArray(n){
  45. this.length = n;
  46. return this.length;
  47. }
  48. tb8_messages = new tb8_makeArray(1);
  49. tb8_messages[0] = "{Title}";
  50. tb8_rptType = 'infinite';
  51. tb8_rptNbr = 5;
  52. tb8_speed = 100;
  53. tb8_delay = 2000;
  54. var tb8_counter=1;
  55. var tb8_currMsg=0;
  56. var tb8_tekst ="";
  57. var tb8_i=0;
  58. var tb8_TID = null;
  59. function tb8_pisi(){
  60. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  61. document.title = tb8_tekst;
  62. tb8_sp=tb8_speed;
  63. tb8_i++;
  64. if (tb8_i==tb8_messages[tb8_currMsg].length){
  65. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  66. }
  67. if (tb8_currMsg == tb8_messages.length){
  68. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  69. clearTimeout(tb8_TID);
  70. return;
  71. }
  72. tb8_counter++;
  73. tb8_currMsg = 0;
  74. }
  75.  
  76. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}
  77. tb8_pisi()
  78.  
  79. </script>
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  82.  
  83. <!-- DEFAULT VARIABLES -->
  84.  
  85. <meta name="font:text" content="verdana" />
  86. <meta name="font:title" content="georgia" />
  87. <meta name="color:background" content="#f8f8f8" />
  88. <meta name="color:link" content="#000000" />
  89. <meta name="color:text" content="#000000" />
  90. <meta name="color:post" content="#ffffff" />
  91. <meta name="color:frase" content="#ffffff" />
  92. <meta name="color:scroll" content="#000000" />
  93. <meta name="color:ask" content="#ebebeb" />
  94. <meta name="color:textdescription" content="#000" />
  95. <meta name="color:links" content="#000" />
  96. <meta name="color:tags" content="#000" />
  97. <meta name="color:linkbg" content="#ffffff" />
  98. <meta name="color:linktext" content="#000" />
  99. <meta name="color:linkbghover" content="#000" />
  100. <meta name="color:linktexthover" content="#fff" />
  101. <meta name="color:bgpage" content="#EEEEEE" />
  102. <meta name="color:border" content="#EEEEEE" />
  103. <meta name="color:fundo" content="#ffffff" />
  104.  
  105. <meta name="image:background" content="" />
  106. <meta name="image:sidebar" content="http://24.media.tumblr.com/tumblr_mamp904K9L1rzamyno1_500.jpg"/>
  107.  
  108.  
  109.  
  110. <meta name="text:frase" content="Love Me?" />
  111. <meta name="text:titulo" content="So come back to the light" />
  112.  
  113. <meta name="text:link1" content="/" />
  114. <meta name="text:Link1 Title" content="link" />
  115. <meta name="text:Link2" content="/" />
  116. <meta name="text:Link2 Title" content="link" />
  117. <meta name="text:Link3" content="/" />
  118. <meta name="text:Link3 Title" content="link" />
  119. <meta name="text:Link4" content="/" />
  120. <meta name="text:Link4 Title" content="link" />
  121. <meta name="text:Link5" content="/" />
  122. <meta name="text:Link5 Title" content="link" />
  123.  
  124.  
  125. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  126.  
  127.  
  128.  
  129. <title>{Title}</title>
  130. <link rel="shortcut icon" href="{Favicon}">
  131. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  132. {block:Description}
  133. <meta name="description" content="{MetaDescription}" />
  134. {/block:Description}
  135.  
  136. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  137.  
  138. <style type="text/css">
  139.  
  140.  
  141. body {background-color: {color:background}; font-family: georgia; color: {color:text}; text-align: center; font-size: 9px; background-image:url('{image:background}'); background-attachment: fixed; }
  142.  
  143. a {color: {color:link}; text-decoration: none; text-transform: none; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out;}
  144.  
  145. p {margin: 6px 0 0 0}
  146.  
  147. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:background}; padding-left: 4px; }
  148. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:post};}
  149. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  150. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  151.  
  152. blockquote img{max-width: 470px!important}
  153. blockquote blockquote img{max-width: 450px!important}
  154. blockquote blockquote blockquote img{max-width: 430px!important}
  155. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  156. .qquote{font-family: Georgia; font-size: 15px; letter-spacing: 0px; line-height: 18px; text-transform: none; text-align: center;
  157.  
  158. }
  159. .qsource{margin-top: 5px; margin-right: 15px;text-align: right}
  160.  
  161. #tudo {text-align: center; margin: 20px auto 20px auto; z-index: 1; width:400px; position:fixed; }
  162.  
  163.  
  164. #entries{float: left; margin-left:490px; margin-top: 20px; position: relative; border-left: 0px solid {color:background}; z-index:1000; }
  165.  
  166.  
  167. #msd {width: 350px; height: 350px; margin-left:-180px; margin-top: 30px; position:fixed; overflow:hidden; padding:3px; background-color: {color:sidebar};}
  168.  
  169.  
  170.  
  171.  
  172. .danpost {width: 400px; background-color: {color:post}; padding: 15px; margin-bottom: 1px; text-align: justify; font-family: tahoma; font-size: 11px;}
  173.  
  174. .danpost:hover #info {opacity:0.9; margin-left:140px; margin-top:0px;}
  175. .danpost:hover #infu {opacity:1}
  176.  
  177. #infu {text-align: center; font-size: 9px; font-family: tahoma; text-transform: lowercase; z-index: 11; margin-top:10px}
  178. #infu a {font-size: 9px;}
  179.  
  180. h1 {font-family: georgia; text-align: center; font-size: 16px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 18px;}
  181. h1 a {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:link}; font-weight: normal; line-height: 18px;}
  182. h1 a:hover {text-align: center; font-size: 16px; text-transform: uppercase; color: {color:linkhover}; font-weight: normal; line-height: 18px;}
  183.  
  184. .image {text-align: center; border: 0px}
  185. .image img {max-width: 400px; margin-bottom: 2px }
  186.  
  187. .oiqqtt {font-family: georgia; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  188. .oiqqtts {text-align: center; text-transform: none; margin-bottom: 5px;}
  189. .oiqqtts a, a:hover{text-transform: none;}
  190.  
  191. .chat {line-height: 13px; list-style: none }
  192. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  193. .person1 {color: {color:text}; padding: 2px; }
  194. .person1 .label {font-weight: bold; color:{color:text}}
  195. .person2 {color: {color:text}; padding: 2px; }
  196. .person2 .label {font-weight: bold; color:{color:text}}
  197.  
  198. .player {background-color: #000; text-align: left; display:block;}
  199.  
  200. /* asker */
  201.  
  202. .asker {width: 480px; background-color: transparent; color:#969696; padding: 5px;}
  203. .asker img{float: left; padding: 0px 5px 0px 0px}
  204. .asker a{font-size: 11px; font-weight: bold; color:#969696; text-transform: lowercase; line-height: 11px; padding: 0; margin: 0}
  205. .asker a:hover{font-size: 11px; font-weight: bold; color:#969696; background-color: transparent; text-transform: uppercase; line-height:11px; padding: 0; margin: 0}
  206. .question {font-size: 10px;}
  207. .answer {padding: 4px}
  208. .answer img {max-width: 470px;}
  209.  
  210. .bg {width: 480px; background-color: {color:entrie}; color:{color:text}; margin-top: 5px; padding-right: 10px; padding-left: 5px; padding-top: 2px; padding-bottom: 3px; border-radius:8px;}
  211.  
  212.  
  213.  
  214. .source{display:none}
  215.  
  216. #oidata {text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11;}
  217. #oidata a {font-size: 9px;}
  218.  
  219. #oidata2 {text-align: right; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11; margin-top:-24px;}
  220. #oidata2 a {font-size: 9px;}
  221.  
  222. #oidata3 {text-align: right; font-size: 9px; font-family: verdana; text-transform: lowercase; z-index: 11; margin-top:-14px; }
  223. #oidata3 a {font-size: 9px;}
  224.  
  225. .tags {color: {color:text}; font-size: 9px; font-family: {font:text}; display: inline; list-style: none; margin-left: 100px; text-transform: lowercase;}
  226. .tags a {font-size: 9px; color: {color:links}; display: inline; list-style: none; text-transform: lowercase; opacity: 0.7;}
  227.  
  228. .pquote {font-family: tahoma; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  229. .pquotesource {text-align: right; text-transform: none; margin-bottom: 5px;}
  230. .pquotesource a, a:hover{text-transform: none;}
  231.  
  232. #cap {width: 400px; margin-top: -2px;}
  233. .source {display: none;}
  234.  
  235. .notes {width: 530px; padding: 0px; margin-top: 5px; margin-bottom: 10px; font-size: 9px; text-align: left}
  236. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  237. ol.notes li {background-color: {color:post}; margin-bottom: 5px; padding: 5px; }
  238. .notes img{display: none; border:0px}
  239.  
  240.  
  241. .question {
  242. color:{color:text};
  243. font-size: 11px;
  244. font-weight: normal;
  245. font-family: verdana;
  246. line-height:95%;
  247. background: {color:background};
  248. position: relative;
  249. min-height:70px;
  250. padding:10px 15px;
  251. margin-bottom:2px;
  252. margin-right:-10px;}
  253.  
  254. .questionarrow {
  255. font-size:30px;
  256. color:{color:background};
  257. vertical-align:middle;
  258. margin-left:-5px!important;}
  259.  
  260. .asker {width:500px; text-align:right; text-transform:lowercase; color:{color:text};}
  261. .asker a {color:{color:text};}
  262. .asker img {float:left; margin-left:500px; vertical-align:top; margin-right:3px; max-height:15px;}
  263.  
  264. .asking {text-align:center; color:{color:text}; font:9px verdana; text-transform:none;}
  265. .asking a{color:{color:text};}
  266. .asking img {width:58px; vertical-align:middle; background-color:{color:background}; padding:3px;}
  267.  
  268. .arrow {padding-top:11px; color:{color:question background}; font-size:30px;}
  269.  
  270.  
  271.  
  272.  
  273.  
  274. .fj {font-size: 130px; font-family: arial; line-height: 95px; margin-left: 5px; color: {color: titulos posts}; opacity:0.15; -moz-opacity: 0.15; filter: alpha(opacity=15);}
  275. .jf {font-size: 19px; font-family: Euphemia; letter-spacing: -1px; line-height: 20px; color: {color: titulos posts}; margin-left: 35px; margin-top: -92px; }
  276.  
  277. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  278.  
  279.  
  280.  
  281. #upupup {margin-top:400px; margin-left: 140px; position:fixed; background-color:{color:background};}
  282.  
  283.  
  284. #tchetche {width:80px; height:12px; margin-top:344px; margin-left: 120px; background-color: transparent; position:fixed; color: {color:text}; font-size: 13px; font-family: give you glory; text-transform: lowercase; text-align: center; z-index:1000; -webkit-transform: rotate(-270deg); }
  285. #tchetche2 {width:80px; height:12px; margin-top:373px; margin-left:142px; background-color: transparent; position:fixed; color: {color:text}; font-size: 13px; font-family: give you glory; text-transform: lowercase; text-align: center; z-index:1000 }
  286.  
  287. #chupa {width:1px; height:102px; margin-top:67px; margin-left: 80px; background-color: transparent; position:fixed; color: {color:text}; font-size: 13px; font-family: give you glory; text-transform: lowercase; text-align: center; z-index:1000 }
  288.  
  289.  
  290.  
  291. #barra3 {width:10px; height:12px; margin-top:88px; margin-left: 145px; background-color: transparent; position:fixed; padding:4px; font-size: 40px; font-family: Give You Glory; text-transform: lowercase; color: {color:text}; text-align: right; -moz-transform: rotate(-25deg);-webkit-transform: rotate(-25deg);-o-transform: rotate(-25deg);-ms-transform: rotate(-15deg);transform: rotate(-10deg);}
  292.  
  293.  
  294. #sideimg {display: block; margin-left: 202px; float: right; margin-top: 19px; width: auto; height: auto; background-color: transparent; position: fixed; z-index:30;}
  295. .simg1 img {width: 135px; height: 160px; margin-bottom: 2px; border: 4px solid {color:fundinho};}
  296.  
  297. #pag {width: 15px; padding:1px; background-color: {color:bgpage}; position:fixed; text-align: center; margin-top: 100px; margin-left: 119px;}
  298.  
  299. #cruz {position: fixed; margin: 200px 0px 0px 60px; }
  300.  
  301. #acruz {width: 39px; position: absolute; margin-left: -92px; margin-top: -365px; color: {color:cruz}; font-size: 60px; -webkit-transform: rotate(-20deg);}
  302. #acruz:hover { -webkit-transform: rotate(0deg);}
  303.  
  304. #home {width: 24px; position: fixed; float: left; font-size: 9px; font-family: tahoma; color: {color:cruz}; padding: 5px; height: 24px; margin-left: 110px; rotation: 10px; margin-top: 280px; margin-top: 185px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; z-index: 20;}
  305.  
  306.  
  307. #pgs {text-align: center; font-family: verdana; font-size: 8px; line-height: 15px; -moz-border-bottom-left-radius: 10px; border-top-left-radius: 10px; z-index: 1}
  308. #pgs a {background: #000; margin: 30 0px 0 0; padding: 2px 4px; color: {color:background}; text-decoration: none;}
  309. #a:hover {background: {color:sidebar}; color: {color:link hover}; border: none;}
  310. #pgs span.pagina_atual {background: {color:border}; padding: 2px 4px; color: {color:text}; font-weight: bold; text-decoration: none;}
  311. .pg { position:fixed !important; clear: both; float: left; margin-top: 120px; margin-left: 100px; width: 207px; height: 15; font-size: 9px; padding: 2px; background-color: {color:sidebar}; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 1;}
  312.  
  313. #pagina{ margin-top: 430px; margin-left: 200px; width: 100px; float: right; background-color: transparent; position: fixed; height: 24px; -webkit-border-radius: 0px 0px 0px 0px; z-index:1000000 }
  314.  
  315. /*** Paginação by madlyluv.com ***/
  316. #paginacaoml {font-size: 26px; font-family: tahoma; line-height: 24px;}
  317. #paginacaoml a {font-size: 26px; font-family: tahoma; background: transparent; margin: 0 1px 0 0; padding: 2px 2px; color: {color:tags}; text-decoration: none;}
  318. #paginacaoml a:hover {font-size: 26px; font-family: tahoma; background: transparent; border: none;}
  319. #paginacaoml span.pagina_atual {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: {color:link}; text-decoration: none; font-weight: bold;}#paginacaoml span.info {background: {color:link}; margin: 0 1px 0 0; padding: 1px 2px; color: #cor da fonte; text-decoration: none;}
  320.  
  321.  
  322. #pagination {width:240px; font-family:georgia; text-align:right; font-size:15px; padding:4px; font-style:italic}
  323.  
  324.  
  325. #frase {width:185px; height:40px; margin-top:75px; margin-left: 110px; position:fixed; padding:4px; font-size: 25px; overflow:hidden; font-family: megrim; text-transform: uppercase; color: {color:frase}; text-shadow: -2px 0px #E86060, 2px 0px #54d2cb; transition: all .5s ease-in-out!important; -webkit-transition: all .5s ease-in-out!important;line-height: 50px; text-align: center; z-index:10000000}
  326.  
  327. #celular {width:183px; height: 115px; border-width: 1px;border-style: dotted;border-color: {color:text}; margin-top: 225px; margin-left: 146px; position:fixed; }
  328.  
  329.  
  330. #frase:hover {text-shadow: 0px 0px {color:text links}, 0px 0px {color:text links};transition: all .5s ease-in-out!important; -webkit-transition: all .5s ease-in-out!important;}
  331.  
  332. #side {position: fixed; width:800px; margin-left:100px; margin-top:90px; z-index:100}
  333.  
  334. .photo {-webkit-transition: 0.9s ease-in; -moz-transition: 0.9s ease-in; transition: 0.9s ease-in; position:absolute; padding:0px; background-color:{color:sidebar}; overflow: hidden; -webkit-transition: all 0.6s ease; margin-top:50px; border:6px solid {color:border}; }
  335.  
  336. .photo img:hover {-moz-opacity: 0.97;filter: url(filters.svg#grayscale);filter: gray;-webkit-filter: grayscale(1); -moz-opacity: 0.83; filter: alpha(opacity=83); }
  337.  
  338. .photo img {display: block;width:200px; height:225px; -webkit-transition: 0.9s ease-in; -moz-transition: 0.9s ease-in; transition: 0.9s ease-in; }
  339.  
  340. #textlinks {width:120px; height: 10px; margin-left:99px; margin-top:477px; position:fixed; color: {color:frase};opacity:0.8; z-index: 000; font-family: tahoma; text-align: center; font-size:9px; line-height: 10px; text-transform: lowercase; border-left:0px solid; border-right:0px solid; padding:3px; width: 70px; height:20px; position: absolute; border: 0px solid {color:border}; background-color: {color:border}; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; -webkit-transition: opacity .9s ease-in-out; opacity: 1; -webkit-transition: 1.3s ease-in;
  341. -moz-transition: 1.3s ease-in;position:fixed; transition: 1.3s ease-in;
  342.  
  343. }
  344.  
  345. #upupup {width: 220px; float: left; margin-left:280px; margin-top: -6px; padding: 0px; text-align: center; position: absolute; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; -webkit-transition: opacity .9s ease-in-out; opacity: 1; -webkit-transition: 1.3s ease-in; height:26px;
  346. -moz-transition: 1.3s ease-in; transition: 1.3s ease-in;}
  347.  
  348. #upupup a {float: left; padding: 1px; margin-top:6px; display: block; letter-spacing: 0px; font-family: 'homenaje'; font-size: 12px; text-align: center; width: 58px; background-color: {color:linkbg}; color: {color:textlink}; text-decoration: none; text-transform: uppercase; line-height: 18px; height: 18px; overflow: hidden; border:1px solid {color:background}; margin-left:-2px; }
  349.  
  350. #upupup a:hover{text-align: center; background-color: {color:background}; color: {color:linktexthover};}
  351.  
  352. #upupup2 {width: 220px; float: left; margin-left:-190px; margin-top: 200px; padding: 0px; text-align: center; position: absolute; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; -webkit-transition: opacity .9s ease-in-out; opacity: 1; -webkit-transition: 1.3s ease-in; height:26px;
  353. -moz-transition: 1.3s ease-in; transition: 1.3s ease-in; }
  354.  
  355. #upupup2 a {float: left; padding: 1px; margin-top:6px; display: block; letter-spacing: 0px; font-family: 'homenaje'; font-size: 12px; text-align: center; width: 42px; background-color: {color:linkbg}; color: {color:textlink}; text-decoration: none; text-transform: uppercase; line-height: 18px; height: 18px; overflow: hidden; border:1px solid {color:background}; margin-left:-2px; }
  356.  
  357. #upupup2 a:hover{text-align: center; background-color: {color:background}; color: {color:linktexthover};}
  358.  
  359. #upupup3 {width: 220px; float: left; margin-left:2px; margin-top: -50px; padding: 0px; text-align: center; position: absolute; -moz-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; -moz-border-top-right-radius: 60px; border-top-right-radius: 60px; z-index: 1; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; -webkit-transition: opacity .9s ease-in-out; opacity: 1; -webkit-transition: 1.3s ease-in; height:26px;
  360. -moz-transition: 1.3s ease-in; transition: 1.3s ease-in; }
  361.  
  362. #upupup3 a {float: left; padding: 1px; margin-top:6px; display: block; letter-spacing: 0px; font-family: 'homenaje'; font-size: 12px; text-align: center; width: 20px; background-color: {color:linkbg}; color: {color:textlink}; text-decoration: none; text-transform: uppercase; line-height: 18px; height: 20px; overflow: hidden; border:1px solid {color:background}; margin-left:-2px; }
  363.  
  364. #upupup3 a:hover{text-align: center; background-color: {color:background}; color: {color:linktexthover};}
  365.  
  366.  
  367. #beeijo {width: 220px; float: left; margin-left:2px; margin-top: -50px; padding: 0px; text-align: center; position: absolute; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; -webkit-transition: opacity .9s ease-in-out; opacity: 1; -webkit-transition: 1.3s ease-in; height:26px;
  368. -moz-transition: 1.3s ease-in; transition: 1.3s ease-in; }
  369.  
  370. #beeijo a {float: left; padding: 1px; margin-top:6px; display: block; letter-spacing: 0px; font-family: 'homenaje'; font-size: 12px; text-align: center; width: 15px; background-color: {color:linkbg}; color: {color:textlink}; text-decoration: none; text-transform: uppercase; line-height: 18px; height: 20px; overflow: hidden; border:1px solid {color:background}; margin-left:-2px; }
  371.  
  372. #beeijo a:hover{text-align: center; background-color: {color:background}; color: {color:linktexthover};}
  373.  
  374.  
  375.  
  376.  
  377.  
  378. .li {opacity: 1}
  379. .li2 {opacity: 0.8}
  380. .li3 {opacity: 0.6}
  381. .li4 {opacity: 0.8}
  382. .li5 {opacity: 1}
  383.  
  384. #kitty {width: 160px; text-align: center; margin-top:137px; margin-bottom: -2px; font-family: verdana; font-size: 9px; color: {color:text}; letter-spacing: 0px; text-transform: none; -webkit-transition: 0.4s ease-in;-moz-transition: 0.4s ease-in; transition: 0.4s ease-in; margin-left: 15px;}
  385.  
  386. #kitty a:hover{ opacity: 0.8; }
  387.  
  388.  
  389. #faixa {margin-top: 50px; margin-left: -10px; position: fixed; background-color: {color:bobsponja}; height: 140px; width:354px; }
  390.  
  391. #faixa2 {margin-top: -50px; margin-left: 50px; position: fixed; background-color: {color:bobsponja}; height: 2000px; width:30px; }
  392.  
  393. @font-face {
  394. font-family: 'Give You Glory';
  395. font-style: normal;
  396. font-weight: norAmal;
  397. src: local('Give You Glory'), local('GiveYouGlory'), url('http://themes.googleusercontent.com/font?kit=DFEWZFgGmfseyIdGRJAxuJre1ArFO0nxyUXZnjCjpOg') format('woff');
  398. }
  399.  
  400.  
  401.  
  402. @font-face{
  403. font-family: 'MyWebFont';
  404. src: url('WebFont.eot');
  405. src: url('WebFont.eot?#iefix') format('embedded-opentype'),
  406. url('WebFont.woff') format('woff'),
  407. url('WebFont.ttf') format('truetype'),
  408. url('WebFont.svg#webfont') format('svg');
  409. }
  410.  
  411. #ttle {width:150px; height: 20px; margin-left:110px; margin-top:107px; position:fixed; overflow:hidden; color: {color:frase}; z-index: 0; font-family:"discoverbeauty"; font-size:18px;text-transform:none; border-left:0px solid; border-right:0px solid; padding:3px; z-index: 1000; text-align:left; width:290px; height:33px; line-height: 26px; z-index:10000000; border: 0px solid {color:border}; }
  412.  
  413. #ttledosis {width:150px; height: 20px; margin-left:150px; margin-top:117px; position:fixed; overflow:hidden; color: {color:frase}; opacity: 0.7; z-index: 0; font-family:dosis; font-size:13px;text-transform:none; border-left:0px solid; border-right:0px solid; padding:3px; z-index: 1000; text-align:left; width:290px; height:33px; line-height: 26px; z-index:10000000; border: 0px solid {color:border}; }
  414.  
  415. @font-face {font-family: "discoverbeauty";src: url('http://static.tumblr.com/nf5qb3y/3ptm2vwot/discoverbeauty.ttf') format("truetype");}
  416.  
  417. #ttle5 {position: fixed; margin-left:188px; margin-top:325px; padding:5px; line-height:15px; font-size:20px; background-color:transparent; font-family: times new roman; text-align:center; width: 150px; -webkit-transform: rotate(4deg); z-index:0000000; color: {color:frase}; }
  418.  
  419. #ttle5:hover { color:transparent; }
  420.  
  421. #textv {width:98px; height: 50px; margin-left:100px; margin-top:372px; position:fixed; color: {color:frase}; z-index: 0; font-family: tahoma; font-size:10px;text-transform: none; border-left:0px solid; border-right:0px solid; z-index:0; padding:3px; width: 206px; z-index:100000; height:50px; border: 0px solid {color:border}; background-color: {color:border}; }
  422.  
  423. #themex {width:150px; height: 130px; background-color: {color:border}; margin-top: 200px; margin-left: 772px; position:fixed; color: {color:frase}; z-index: 0; font-family:dosis; font-size:24px;text-transform:uppercase;z-index: 1000; text-align:center; line-height: 30px; border-width: 1px;border-style: dotted;border-color: {color:text}; }
  424.  
  425. /** estilo de ask by htmland **/
  426. @font-face {font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
  427. .hlanswer {background: #bebebe color: {color:text}; background: {color:ask}; width: 385px; font: normal 10px arial; margin-bottom: 2px; padding-top: 8px; padding-left: 13px; padding-bottom: 13px; text-align: justify; display: block; overflow: hidden; border-top: 2px solid #bebebe;}
  428. .hlanswer img {border: 2px solid #bebebe; float: right; margin-top: -15px; margin-left: 13px; margin-bottom: -13px; opacity: 0.8; }
  429. .hlanswer img:hover {opacity: 1.0}
  430. .hlanswerinfo {background: transparent; padding: 3px; float: left; display: inline-block; width: auto; color: {color:text}; font: normal 10px "tahoma"; text-transform: none; margin-bottom: -1px}
  431. .hlanswerinfo a {color: {color:text};}
  432.  
  433. #emcima {z-index: 90; margin-top: 900px; background-color:{color:background}; width: 1320px; height: 50px; padding: 0px; position: fixed; margin-left: 100px;}
  434. #emcima2 { width: 696px; -webkit-border-radius: 0px 0px 0px 0px; margin-left: 261px; height: 1px; margin-top: 0px; float:left; text-align: right; background-color: {color:sidebar}; font-size: 9px; position:fixed; padding: 5px; color: {color:text}; font-family: {font:text}}
  435.  
  436. #oie {position: fixed; margin-left: 0px; margin-top: 100px; display: none;}
  437.  
  438. #bebezinha {position: absolute; width: 200px; margin-left: -10px; margin-top: -176px; padding: 0px; text-align: center; z-index:3;}
  439. #bebezinha a {float: left; display: block; letter-spacing: 0px; font-family: tinytots; font-size: 8px; text-align: center; margin-right: 0px; margin-bottom: 0px;margin-top: 247px; width: 46px; background-color: {color:lin}; color: {color:linktext}; text-decoration: none; text-transform: uppercase; height: 18px; line-height: 20px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  440. #bebezinha a:hover{text-align: center; background-color: {color:linkbghover}; color: {color:linksshover};text-shadow:6px 5px 9px #000;}
  441.  
  442. #entry {float: left; margin-left: 350px; margin-top:0px; opacity:0.9; }
  443.  
  444. .posts { width: 400px; background-color: {color:post}; padding: 10px; margin-bottom: 1px; text-align: justify; font-family: verdana; font-size: 11px; position: relative; }
  445.  
  446.  
  447.  
  448.  
  449. ::-webkit-scrollbar{width:5px;height:5px;}
  450. ::-webkit-scrollbar-button:start:decrement
  451. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  452. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  453. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  454. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  455.  
  456. #tumblr_controls{position: fixed!important}
  457. #tumblr_controls{position: fixed!important}
  458. #tumblr_controls{position: fixed!important}
  459. #tumblr_controls{position: fixed!important}
  460.  
  461.  
  462. #sbar1 { opacity:1.1; width:205px; height: 310px; margin-left:136px;
  463. top:56px; bottom:25px; position:fixed; overflow:hidden; background-color:{color:border}; padding:3px; }
  464.  
  465. #sbar1:hover {opacity: 0.9; color:{color:border};}
  466.  
  467. #textv {margin-left:150px; margin-top:265px; position:fixed; z-index: 0; font-family: tahoma; font-size:9px;text-transform: none; border-left:0px solid; border-right:0px solid; z-index:0; padding:3px; width: 177px; height:33px; border: 0px solid ; text-align: center; z-index:100000; color: {color:frase}; background-color:transparent; }
  468.  
  469. #ttle {width:140px; height: 31px; position: fixed; margin-left:141px; margin-top:230px; text-align: center; position:fixed; overflow:hidden; z-index: 0; font-family: dosis; font-size:31px;text-transform: uppercase; border-left:0px solid; border-right:0px solid; padding:3px; z-index: 100000; width: 196px; height:50px; border: 0px solid; color: {color:frase};}
  470.  
  471. #titulo { opacity:0.8; text-align: center; overflow: auto; height: 14px; -webkit-border-radius: 0px 0px 0px 0px; font-size: 12px; font-family: verdana; position: fixed; top:372px; margin-left: 136px; width: 201px; padding: 5px; background-attachment: fixed; line-height: 11px; -webkit-transition: all 1.9s ease-out; -moz-transition: all 1.9s ease-out; background-color:{color:linkbg}; color:{color:linktext};}
  472.  
  473. #sbar7 { opacity:0.8; width:209px;height: 20px; margin-left:136px; top:396px; position:fixed; overflow:hidden; background-color:{color:linkbg}; padding:1px }
  474.  
  475. .links a{width: 65px; display: block; background-color: transparent; margin-left: -8px; text-align: center; padding: 4px 4px 4px 4px; font-family:calibri; font-size: 9px; text-transform: uppercase; color: {color:linktext};}
  476. .links a:hover{background-color:transparent; opacity:0.7; text-decoration:underline; font-weight:bold; -webkit-transform: rotate(-4deg); color:{color:linktext}; }
  477.  
  478. .links2 {width: 80px; padding:0px;background-color:transparent; margin-top: -19px; margin-left: 56px; }
  479.  
  480. .links3 {width: 80px; padding:0px;background-color:transparent; margin-top: -19px; margin-left: 104px; }
  481.  
  482. .links4 {width: 260px; padding:0px;background-color:transparent; margin-top: -19px; margin-left: 150px; }
  483.  
  484.  
  485. .linka a{width: 203px; height: 14px; display: block; margin-left: -8px; text-align: center; padding: 4px 4px 4px 4px; font-family:calibri; font-size: 11px; text-transform: uppercase; position:fixed; opacity:0.7; margin-left:136px; top:36px; color: {color:linktext}; background-color:{color:linkbg}; }
  486. .linka a:hover{ text-decoration:underline; font-weight:bold; -webkit-transform: rotate(-4deg); background-color:{color:linkbg}; color: {color:linktext};}
  487.  
  488. #sbar5 { width:35px; height: 14px; margin-left: 300px; top:58px; position:fixed; overflow:hidden; background-color:transparent; border-left:0px solid; border-right:0px solid; padding:3px }
  489.  
  490. .pag {font-size: 11px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  491. .pag a {background: {color:linkbg}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:linktext}; text-decoration: none;}
  492. .pag a:hover {background: {color:linkbg}; border: none;}
  493. .pag span.pagina_atual {background: {color:linkbg}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:linktext}; text-decoration: none;}
  494. .pag span.info {background: {color:linkbg}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:linktext}; text-decoration: none;}
  495.  
  496. </style>
  497. </head>
  498.  
  499. <body>
  500.  
  501. <div id="sbar1">
  502. <img src="{image:sidebar}" height= "310px;" width= "205px;">
  503. </div>
  504.  
  505. <div id="textv">{description}</div>
  506. <div id="ttle">{text:frase}</div>
  507. <div id="titulo">{text:titulo}</div>
  508.  
  509. <div id="sbar7">
  510. <div class="links">
  511. <a href="{text:Link2}">{text:Link2 Title}</a>
  512. <div class="links2">
  513. <a href="{text:Link3}">{text:Link3 Title}</a></div>
  514. <div class="links3">
  515. <a href="{text:Link4}">{text:Link4 Title}</a></div>
  516. <div class="links4">
  517. <a href="{text:Link5}">{text:Link5 Title}</a></div>
  518. </div></div>
  519.  
  520. <div class="linka">
  521. <a href="{text:Link1}">{text:Link1 Title}</a>
  522. </div>
  523.  
  524. <div style="display:block;bottom:5px;left:15px;font-size:9px;font-family:georgia;position:fixed;background-color:#fff; color: #000; padding:3px;border-radius:10px;z-index:55554235555;opacity:0.75;">design by <a href="http://imatu-ro.tumblr.com" title= "">imatu-ro</a> <font color="#776e56">©</font></a></div>
  525.  
  526.  
  527. <div id="sbar5"><div class="pag">
  528. {block:JumpPagination length="2"}
  529. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  530. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  531. {/block:JumpPagination}
  532. {block:Pagination}{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}{/block:Pagination}
  533. </div></div>
  534.  
  535. <div id="entry">
  536.  
  537. {block:Posts}
  538. <div class="posts">
  539.  
  540. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  541.  
  542. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{/block:Photo}
  543.  
  544. {block:Photoset}{Photoset-400}{/block:Photoset}
  545.  
  546. {block:Quote}
  547. <div class="pquote">“{Quote}”</div>
  548. {block:Source}<div class="pquotesource"> <font color="(color:tags)"> — </font></a> {Source}</div>
  549. {/block:Source}
  550. {/block:Quote}
  551.  
  552. {block:Link}
  553. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  554. {block:Description}{Description}{/block:Description}
  555. {/block:Link}
  556.  
  557. {block:Chat}
  558. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  559. <div class="chat"><ul>{block:Lines}
  560. <li class="person{UserNumber}">{block:Label}
  561. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  562. {/block:Chat}
  563.  
  564. {block:Audio}
  565. <div class="player">{AudioPlayerBlack}</div>
  566. {block:Caption}{Caption}{/block:Caption}
  567. {/block:Audio}
  568.  
  569. {block:Video}{Video-400}{/block:Video}
  570.  
  571.  
  572. {block:Answer}
  573. <table width="400px" cellspacing="0" cellpadding="0">
  574. <tr>
  575. <td width="415px" class="question">{Question}</td>
  576. <td width="30px"><span class="questionarrow">◤</span></td>
  577. <td width="64px" class="asking"><img src="{AskerPortraitURL-64}"><br>{Asker}</td>
  578. </tr>
  579. </table>
  580. <div class="answer">{Answer}</div>
  581. {/block:answer}
  582.  
  583.  
  584. <div id="cap">
  585. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  586. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  587. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  588.  
  589. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  590. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  591. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  592. {/block:ContentSource}</div></div>
  593. <br>
  594.  
  595. <div class="credito">
  596. {block:Date}<div id="infoa">
  597. <center> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount} · <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom} · <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} · <a href="{SourceURL}">source</a>{/block:ContentSource} {block:IndexPage}· <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</center> </div>{block:IfShowTags}<center><div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  598. </div></center>{/block:IfShowTags}{/block:Date}</div>
  599. <div class="tags">{block:HasTags}{block:Tags} <font color="{color:tags}">#</font><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags} </div>
  600. </div>
  601.  
  602.  
  603. {/block:Posts}
  604. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  605.  
  606.  
  607.  
  608.  
  609.  
  610.  
  611.  
  612.  
  613. </div>
  614. </div>
  615. </div>
  616. </div>
  617.  
  618. </body>
  619. </html>
Advertisement
Add Comment
Please, Sign In to add comment