API tools faq
paste
Advertisement
fn-themes

theme-50

fn-themes
Dec 3rd, 2012
638
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 34.35 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6.  
  7.  
  8.  
  9. <!---------------  THEME DESIGNER
  10.                          PR-INCESO©  ----------->
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  26.  
  27.  
  28.  
  29.  <!-- DEFAULT VARIABLES -->
  30.  
  31. <meta http-equiv=RefreshCONTENT="5; URL=http://mortifero-sexy.tumblr.com">
  32.  
  33.  
  34.  
  35.  
  36. <!---------------------------------------fonts------------>
  37. <link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
  38. <link href='http://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'>
  39. <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'>        
  40. <link href='http://fonts.googleapis.com/css?family=Qwigley' rel='stylesheet' type='text/css'>        
  41. <link href='http://fonts.googleapis.com/css?family=ABeeZee|Kameron|Muli|Almendra' rel='stylesheet' type='text/css'>
  42. <link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
  43. <link href='http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo' rel='stylesheet' type='text/css'>
  44.  <link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  45. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  46. <link href='http://fonts.googleapis.com/css?family=Oregano' rel='stylesheet' type='text/css'>
  47.  <link href='http://fonts.googleapis.com/css?family=Quantico' rel='stylesheet' type='text/css'>
  48.  <link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
  49.  <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'>
  50.  <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
  51.  
  52. <!------------------------- SCRIPTS ---------------------------->
  53. <script type="text/javascript"
  54. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55.  
  56. <script>
  57.  
  58.  
  59.  
  60. $(document).ready(function() {
  61.  
  62.     //
  63.  
  64.  
  65.  
  66. //When you click on a link with class of poplight and the href starts with a #
  67.  
  68. $('a.poplight[href^=#]').click(function() {
  69.  
  70.     var popID = $(this).attr('rel'); //Get Popup Name
  71.  
  72.     var popURL = $(this).attr('href'); //Get Popup href to define size
  73.  
  74.  
  75.  
  76.     //Pull Query & Variables from href URL
  77.  
  78.    var query= popURL.split('?');
  79.  
  80.     var dim= query[1].split('&');
  81.  
  82.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  83.  
  84.  
  85.  
  86.     //Fade in the Popup and add close button
  87.  
  88.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  89.  
  90.  
  91.     //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
  92.  
  93.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  94.  
  95.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  96.  
  97.  
  98.  
  99.     //Apply Margin to Popup
  100.  
  101.     $('#' + popID).css({
  102.  
  103.         'margin-top' : -popMargTop,
  104.  
  105.         'margin-left' : -popMargLeft
  106.  
  107.     });
  108.  
  109.  
  110.  
  111.     //Fade in Background
  112.  
  113.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  114.  
  115.     $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  116.  
  117.  
  118.  
  119.     return false;
  120.  
  121. });
  122.  
  123.  
  124.  
  125. //Close Popups and Fade Layer
  126.  
  127. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  128.  
  129.     $('#fade , .popup_block').fadeOut(function() {
  130.  
  131.         $('#fade, a.close').remove();  //fade them both out
  132.  
  133.     });
  134.  
  135.     return false;
  136.  
  137. });
  138.  
  139. });
  140.  
  141. </script>
  142.  
  143.  
  144. <script language="javascript">
  145. var mensagem="click direito do mouse bloqueado.";
  146. function clickIE() {if (document.all) {(mensagem);return false;}}
  147. function clickNS(e) {if
  148. (document.layers||(document.getElementById&&!document.all)) {
  149. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  150. if (document.layers)
  151. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  152. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  153. document.oncontextmenu=new Function("return false")
  154. </script>
  155.  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  156.  
  157. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  158.  
  159. <script type="text/javascript">
  160. $(window).load(function(){
  161. var $wall = $('#xpost');
  162. $wall.imagesLoaded(function(){
  163. $wall.masonry({
  164. itemSelector: '.xxpost',
  165. isAnimated : true
  166. });
  167. });
  168. $wall.infinitescroll({
  169. navSelector : "div#navigation",
  170. nextSelector : "div#navigation a#nextPage",
  171. itemSelector : '.post',
  172. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  173. loadingText : " ",
  174. donetext : " ",
  175. extraScrollPx : 9000,
  176. bufferPx : 10000,
  177. debug : false,
  178. errorCallback: function() {
  179. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  180. }},
  181. function( newElements ) {
  182. var $newElems = $( newElements );
  183. $newElems.hide();
  184. $newElems.imagesLoaded(function(){
  185. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  186. });
  187. }); $('#box').show(500);
  188. });
  189. </script>
  190.  
  191.  
  192. <!-- VALORES PROPOSTOS. MUDE NO APPARENCE -->
  193.  
  194. <meta name="color:background" content="#696969" />
  195. <meta name="color:link" content="#fff" />
  196. <meta name="color:text" content="#fff" />
  197. <meta name="color:ask" content="#696969" />
  198. <meta name="color:bgnotes" content="#000" />
  199. <meta name="color:borda" content="#1d1d1d" />
  200. <meta name="color:bordadescr" content="#fff" />
  201. <meta name="color:scrollbar" content="#000" />
  202. <meta name="color:descr" content="#fff" />
  203. <meta name="color:notes" content="#fff">
  204. <meta name="color:sombra do link" content="#fff">
  205.  
  206. <meta name="image:sidebar" content="http://static.tumblr.com/yhfuno6/umumehdbb/_14.jpg" />
  207. <meta name="image:background" content="http://static.tumblr.com/yhfuno6/ZK6meh7xc/14.png" />
  208.  
  209. <meta name="text:frase" content="nosso amor nao vai morrer" />
  210. <meta name="text:Link1" content="/" />
  211. <meta name="text:Link1 Title" content="link" />
  212. <meta name="text:Link2" content="/" />
  213. <meta name="text:Link2 Title" content="link" />
  214. <meta name="text:Link3" content="/" />
  215. <meta name="text:Link3 Title" content="link" />
  216. <meta name="text:Link4" content="/" />
  217. <meta name="text:Link4 Title" content="link" />
  218. <meta name="text:Link5" content="/" />
  219. <meta name="text:Link5 Title" content="link" />
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227.                    <title>{Title}</title>
  228.         <link rel="shortcut icon" href="{Favicon}">
  229.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  230.         {block:Description}
  231.   <meta name="description" content="{MetaDescription}" />
  232.         {/block:Description}
  233.  
  234.     <style type="text/css">
  235.  
  236.  
  237. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed;}
  238.  
  239. a {color: {color:link}; text-decoration: none; text-transform: none;}
  240. a:hover {color: {color:link hover}; background-color: transparent; text-decoration: none;}
  241.  
  242. p {margin: 6px 0 0 0}
  243.  
  244.  
  245. blockquote {margin: 0px 8px 8px 0px; border-left: 1px solid {color:background}; padding-left: 5px; }
  246. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 1px solid {color:background};}
  247. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  248. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  249.  
  250. blockquote img{max-width: 470px!important}
  251. blockquote blockquote img{max-width: 450px!important}
  252. blockquote blockquote blockquote img{max-width: 430px!important}
  253. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  254.  
  255. /********** POSTS, IMAGES E REBLOGS *************/
  256.  
  257. #xpost{margin-left:400px;padding:0px;width:861px;margin-top:0px;}
  258.  
  259. .xxpost{position: fixed;width:250px;float:left;margin:3px;text-align:left; background:transparent; padding:7px;background-color:}
  260. .xxpost img{max-width:250px;opacity:.8}
  261.  
  262. .xxxpost {font-size: 10px;position: absolute;text-align: center;width:auto;font-family:'calibri';text-transform:uppercase;opacity: 0;margin-top: 5px;padding: 3px;line-height:12px;-webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in;  -webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in; border-radius:10px; margin-left:30px; color:{color:notes};background-color:{color:bgnotes};}
  263. .xxxpost a{color:{color:notes};line-height:12px;text-transform:uppercase;-webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in;}
  264. .xxxpost a:hover{text-transform:uppercase;-webkit-transition: 0.5s ease-in;-moz-transition: 0.5s ease-in;}
  265. .xxpost:hover .xxxpost{opacity:.2;filter:alpha(opacity = 100);z-index:4;opacity: .8;-webkit-transition: 0.5s ease-in;-moz-transition: .5s ease-in;; -webkit-transition: .5s ease-in;-moz-transition: .5s ease-in; margin-left:-5px;}
  266. .perm a {color:{color:text};text-transform:uppercase;}
  267.  
  268.  
  269.  
  270.  
  271.  
  272. h1 {font-family: 'calibri';text-align: center; font-size: 14px; color: {color:text};  border-bottom:1px solid {color:bordaquote};line-height: 18px;text-transform:}
  273. h1 a {text-align: center; font-size: 14px; color: {color:text}; line-height: 18px;text-transform:}
  274.  
  275. .image {text-align: center; border: 0px}
  276. .image img {max-width: 250px; margin-bottom: 1px; border:5px solid transparent;;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out; border-radius:2%;box-shadow:0px 0px 3px {color:text};}
  277. .image img:hover {opacity: 0.7; -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
  278.  
  279.  /************ QUOTES ***************/
  280. .xquote { text-align: center;; font-size: 10px; font-family: 'muli'; line-height: 15px; padding: 8px;margin-left: 2px;margin-bottom:3px;padding-top:5px;}
  281. .xqsource {text-align: center;; text-transform: none; margin-bottom: 3px; font-size: 14px; font-family:annie use your telescope; margin-right:4px;}
  282. .xqsource a, a:hover{text-transform: none;}
  283.  
  284.  
  285. /************ CHAT DESIGN POR PR-INCESO *******************/
  286. .chat {line-height: 13px; list-style: none }
  287. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  288. .person1 {font-family: average sans; font-size:10px;color:{color:text};text-transform:uppercase;; padding: 2px; background-color:#ddd;border-right:3px double {color:text};; border-left:3px double {color:text};opacity:.8;
  289. }
  290. .person1 .label {font-family: average sans; color:{color:text};text-transform:uppercase;font-size:10px}
  291. .person2 {font-family: average sans; color:{color:text};text-transform:uppercase;opacity:.8;; padding: 2px;  font-size:10px;background-color:#eee;border-right:3px double {color:text};; border-left:3px double {color:text}}
  292. .person2 .label {font-family: average sans; color:{color:text};text-transform:uppercase;font-size:10px;}
  293.  
  294.  
  295. /********** PLAY, ASK E NOTES ***********/
  296. .player {background-color: #e3e3e3; text-align: left; display:block;}
  297.  
  298. .askme {align:right;background: {color:ask};; margin:7px 0px 5px 66px;padding:10px;position: relative;font-size: 9px; font-family: verdana; text-align: justify;}
  299. .askme a{color:{color:texto} ;}
  300. .askme p {margin:1px 0px;}
  301.  
  302. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: {color:post};-webkit-filter: grayscale(100%);}
  303. .askmeresposta {font-size: 9px;text-align: center;  font-family: verdana; }
  304.  
  305. .notes {width: 350px; padding: 0px; margin-bottom: 0px; font-size: 12px; text-align: left;font-family:'Century Gothic';background-color:{color:background}; margin-left: 361px; padding-top: 10px;}
  306. ol.notes {list-style: none; margin: 0px 20px 0px 0px; padding: 0px; z-index: 11;}
  307.  
  308. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px;}
  309. .notes img{display: none; border:0px}
  310.  
  311. #cap {width: 250px; margin-top: -2px; position: relative;}
  312. .source {display: none;}
  313.  
  314. /*************** SCROLL BAR AND TUMBLR CONTROLS ***************/
  315. ::-webkit-scrollbar{width:4px;height:4px;}
  316. ::-webkit-scrollbar-button:start:decrement
  317. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  318. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  319. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scrollbar};-webkit-border-radius:px;border:3px solid transparent;}
  320. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scrollbar};-webkit-border-radius:px;}
  321. #tumblr_controls{position: fixed!important}
  322. #tumblr_controls{position: fixed!important}
  323. #tumblr_controls{position: fixed!important}
  324. #tumblr_controls{position: fixed!important}
  325.  
  326.  
  327. #tumblr_controls{position: fixed!important}
  328. #tumblr_controls{position: fixed!important}
  329. #tumblr_controls{position: fixed!important}
  330. #tumblr_controls{position: fixed!important}
  331. #tumblrcontrols2 {position:fixed; top:25px; right:5px;  z-index:999;}
  332. #tumblrcontrols2 a {opacity:1;}
  333. #tumblrcontrols2 a:hover {opacity:1;}
  334. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; right:15px;bottom:25px;}  
  335.  
  336.  
  337. /****************** LINKS POR PR-INCESO ******************/
  338. #links {width: 70px;line-height:15px; margin-top: 283px; text-align: right;; position: fixed; margin-left:6px;z-index:0; color:{color:linktext};background-color:;border-radius:3px;opacity:.8;-webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out}
  339. #links a {font-family:"muli"; font-size:8px; opacity:1;z-index:0;;  -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; ;color:{color:linktext};margin-bottom:1px;}
  340. #links a:hover {text-decoration:underline;color:{color:linktextbg};}
  341.  
  342. #links img {width:30px; height:30px; background-color:transparent;border-radius:50%; box-shadow:0px 0px 4px {color:sombra do link};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;z-index:0}
  343. #links img:hover{box-shadow:0px 0px 11px {color:sombra do link};}
  344.  
  345.  
  346. /*******************************************************/
  347. #links2 {width: 70px;line-height:15px; margin-top: 283px; text-align: center;; position: fixed; margin-left:76px;z-index:0; color:{color:linktext};background-color:;border-radius:3px;opacity:.8;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out}
  348. #links2 a {font-family:"muli"; font-size:8px; opacity:1;z-index:0;;  -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; ;color:{color:linktext};margin-bottom:1px;}
  349. #links2 a:hover {text-decoration:underline;color:{color:linktextbg};}
  350. #links2 img {width:30px; height:30px; background-color:transparent;border-radius:50%; box-shadow:0px 0px 4px {color:sombra do link};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;z-index:0}
  351. #links2 img:hover{box-shadow:0px 0px 11px {color:sombra do link};}
  352.  
  353.  
  354. /***************************************************************/
  355. #links3 {width: 70px;line-height:15px; margin-top: 283px; text-align: left; position: fixed; margin-left:146px;z-index:0; color:{color:linktext};background-color:;border-radius:3px;opacity:.8;-webkit-transition: all 1.3s ease-out; -moz-transition: all 1.3s ease-out}
  356. #links3 a {font-family:"muli"; font-size:8px; opacity:1;z-index:;;  -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; ;color:{color:linktext};margin-bottom:1px;}
  357. #links3 a:hover {text-decoration:underline;color:{color:linktextbg};}
  358.  
  359. #links3 img {width:30px; height:30px; background-color:transparent;border-radius:50%; box-shadow:0px 0px 4px {color:sombra do link};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;z-index:0}
  360. #links3 img:hover{box-shadow:0px 0px 11px {color:sombra do link};}
  361.  
  362.  
  363. /***************************************************************/
  364. #linksx {width: 70px;line-height:15px; margin-top: 133px; text-align: left; position: fixed; margin-left:192px;z-index:0; color:{color:linktext};background-color:;border-radius:3px;opacity:.8;-webkit-transition: all 2.3s ease-out; -moz-transition: all 2.3s ease-out}
  365. #linksx a {font-family:"muli"; font-size:8px; opacity:1;z-index:;;  -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; ;color:{color:linktext};margin-bottom:1px;}
  366. #linksx a:hover {text-decoration:underline;color:{color:linktextbg};}
  367.  
  368. #linksx img {width:30px; height:30px; background-color:transparent;border-radius:50%; box-shadow:0px 0px 4px {color:sombra do link};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;z-index:0}
  369. #linksx img:hover{box-shadow:0px 0px 11px {color:sombra do link};}
  370.  
  371.  
  372. /***************************************************************/
  373. #linksx2 {width: 70px;line-height:15px; margin-top: 213px; text-align: left; position: fixed; margin-left:192px;z-index:0; color:{color:linktext};background-color:;border-radius:3px;opacity:.8;-webkit-transition: all 1.3s ease-out; -moz-transition: all 1.3s ease-out}
  374. #linksx2 a {font-family:"muli"; font-size:8px; opacity:1;z-index:;;  -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; ;color:{color:linktext};margin-bottom:1px;}
  375. #linksx2 a:hover {text-decoration:underline;color:{color:linktextbg};}
  376.  
  377. #linksx2 img {width:30px; height:30px; background-color:transparent;border-radius:50%; box-shadow:0px 0px 4px {color:sombra do link};-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;z-index:0}
  378. #linksx2 img:hover{box-shadow:0px 0px 11px {color:sombra do link};}
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386. /************** DESCRIÇÃO POR PR-INCESO ********************/
  387.  .teamomoh {text-align: center; height: auto; font-size: 10px; font-family: muli; position: fixed; margin-left:17px; line-height: 12px; width:192px; ;padding:3px;margin-top: 211px; background-attachment: fixed;z-index:9999999999999;color: {color:descr};opacity:.8;}
  388.      
  389.      
  390. /**************************** FRASE POR PR-INCESO ***********/
  391. .chupajo {text-align: center;; font-size: 21px; font-family: Wire One; position: fixed; margin-left:17px; width:198px;line-height: px; ;padding:px;margin-top: 187px; background-attachment: fixed;z-index:99999999999;text-transform:uppercase;letter-spacing:1px;;color: {color:descr};opacity:.8;border-bottom:2px solid {color:bordadescr};}
  392.  
  393.  
  394.  
  395.  
  396. /* IMAGEM DA SIDE POR PR-INCESO */
  397. #imagevi1{float: left; margin-top: 104px; margin-left: 95px; padding: 0px; width: 220px; height:340px; position: fixed; -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out;z-index:0;}
  398. #imagevi1 a {background-attachment: absolute;}
  399. #imagevi2 {margin-top: 0px; margin-left: 0px; position: fixed;}
  400. #imagevi2 img{width: 220px; z-index:999999999999999;height:310px;position: absolute; opacity:1; border:6px solid {color:borda};-webkit-transition: all 1.3s ease-out; -moz-transition: all 1.1s ease-out}
  401. #imagevi2 img:hover{opacity:.8;}
  402.  
  403. #imagevi1:hover #links{margin-top:330px;-webkit-transition: all .7s ease-out; -moz-transition: all .1s ease-out}
  404. #imagevi1:hover #links2{margin-top:330px;-webkit-transition: all 1s ease-out; -moz-transition: all .1s ease-out}
  405. #imagevi1:hover #links3{margin-top:330px;-webkit-transition: all 1.3s ease-out; -moz-transition: all .1s ease-out}
  406. #imagevi1:hover #linksx{margin-left:237px;-webkit-transition: all 2.3s ease-out; -moz-transition: all 2.1s ease-out}
  407. #imagevi1:hover #linksx2{margin-left:237px;-webkit-transition: all 1.3s ease-out; -moz-transition: all .1s ease-out}
  408.  
  409.  
  410.  
  411.  
  412. /****** SIDE, PAGINAÇÃO E CREDITOS POR PR-INCESO. ************/
  413.  
  414. #sidet {margin-top:200px; margin-left: -850px;  -webkit-border-radius: 0px 0px 0px 0px; font-size: 9px; font-family: verdana; position: absolute; color: {color:textdesc};  background-attachment: fixed; width:1000px; height: 3px;left:53px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; letter-spacing: 1px; font-style: normal; line-height: 8px; text-transform: normal; -webkit-transform: rotate(90deg); background-color: {color:borda};}
  415.  
  416. .pag {width:198px;position:absolute; bottom:-15px; left:0px; z-index:99999999999;}
  417.      
  418.      
  419.     .active_page {font-size:8px; letter-spacing:px;line-height:15px;padding:3px; font-family:verdana; opacity:1; background-color:transparent; color:{color:descr};z-index:99999999999;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  420.      
  421.     .jump_page {font-size:8px; font-weight:bold;letter-spacing:px;line-height:15px;padding:3px; font-family:verdana; opacity:1; background-color:transparent; color:{color:descr};z-index:99999999999;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  422.     .jump_page:hover {opacity:0.8;}
  423.  
  424.  
  425. #crd {width: 30px;; height:40px;;padding:0px; margin-top:-10px; margin-left:-15px; position: fixed;z-index: 3;background-color:#000;-webkit-border-radius: 1px 1px 20px 20px;box-shadow: 0px 0px 4px #000;}
  426. #crd a { top:10px;font-family: calibri; font-size: 15px; text-align: center; padding:3px;text-transform:uppercase;background-color: transparent; color:#fff;-webkit-border-radius: 10px 10px 10px 10px;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
  427. #crd a:hover {opacity: .8;}
  428.  
  429. /******************** LIKED ******************/
  430. .my-like {
  431.     height:17px;
  432.     width:19px;
  433.     cursor:pointer;
  434.     display:inline-block;
  435.     vertical-align:top;
  436.     color:#000
  437. }
  438. .my-liked, .my-like:hover {
  439.    
  440.     height:17px;
  441.     width:19px;
  442.     cursor:pointer;
  443.     display:inline-block;
  444.     vertical-align:top;
  445.     color:#ff0000
  446. }    
  447.    
  448.   a.dcontexto{
  449.   position:relative;
  450.   font:12px arial;
  451.   padding:0;
  452.   color:#039;
  453.   text-decoration:none;
  454.   z-index:99999999999999999999999999999999999;
  455.   }
  456.   a.dcontexto:hover{
  457.   background:transparent;
  458.   color:#fff;
  459.   z-index:999999999999999999999999;
  460.   }
  461.   a.dcontexto span{display: none;}
  462.   a.dcontexto:hover span{
  463.   display:block;
  464.   position:absolute;
  465.   width:73px;
  466.   top:2em;
  467.   text-align:center;
  468.   left:0;
  469.   font: 12px calibri;
  470.   padding:5px 10px;
  471.   background:#000;
  472.   color:#fff;
  473.   border-radius:20px;  z-index:9999999999999999999999;
  474.   }    
  475.  
  476.  /************** MENU POP *****************/
  477.  
  478.  
  479. #fade { /*--Transparent background layer--*/
  480.     display: none; /*--hidden by default--*/
  481.     background: #000;
  482.     position: fixed; left: 0; top: 0;
  483.     width: 100%; height: 100%;
  484.     opacity: .80;
  485.     z-index: 999999;
  486. }
  487. .popup_block{
  488.     display: none; /*--hidden by default--*/
  489.     background: #fff;
  490.     padding: 20px;
  491.     border: 10px double #bebebe;
  492.     float: left;
  493.     font-size: 12px;
  494.     position: fixed;
  495.     top: 50%; left: 50%;
  496.     z-index: 9999999999999999999999999999999999;
  497.     color:#000;
  498.     text-align:left;
  499.     font-family:calibri;
  500.     /*--CSS3 Box Shadows--*/
  501.     -webkit-box-shadow: 0px 0px 20px #000;
  502.     -moz-box-shadow: 0px 0px 20px #000;
  503.     box-shadow: 0px 0px 20px #000 inset;
  504.     /*--CSS3 Rounded Corners--*/
  505.     -webkit-border-radius: 10px;
  506.     -moz-border-radius: 10px;
  507.     border-radius: 10px;
  508. }
  509. .popup_block a{color:#000;}
  510. img.btn_close {
  511.     float: right;
  512.     margin: -55px -55px 0 0;
  513. }
  514. /*--Making IE6 Understand Fixed Positioning--*/
  515. *html #fade {
  516.     position: absolute;
  517. }
  518. *html .popup_block {
  519.     position: absolute;
  520. }
  521. .tchutchuca {display : block; font-family: calibri; font-size: 12px; line-height: 15px; margin-bottom : 1px;  vertical-align : middle; text-indent : 0px; padding: 2px 2px 2px 6px;  background: #eee; border-left: 3px double #bebebe; border-right: 3px double #bebebe; color: #666; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; text-align: left; }
  522.  
  523. .tchutchuca1 a{color: #57768e;}
  524.  
  525.  
  526. /**************************************************/
  527.    
  528.    
  529.    
  530.    
  531. </style>
  532.  
  533.  
  534.  
  535.    
  536. </head>
  537.  
  538. <div id="tumblrcontrols2">
  539. <a href="http://pr-inceso.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png"/></a>
  540. </div>
  541.  
  542.  
  543. <body>
  544. <body onkeydown="return false">
  545.  
  546.  
  547.  
  548.  
  549. </div></div>
  550.  
  551.  
  552. <div id="tudoaqui">
  553. <div id="sidebarbi">
  554. <div id="sidet"></div>
  555. <div id="imagevi1"><div id="links">
  556.   <a href="{text:Link1}" title=""class="dcontexto"><img src="http://static.tumblr.com/yhfuno6/Pnimeh2pu/in__cio.png"><span>{text:Link1 Title}</span></div></a>
  557.  
  558. <div id="links2">
  559. <a href="{text:Link2}" title="" class="dcontexto"><img src="http://static.tumblr.com/yhfuno6/Vfumeh2xa/message2.png"><span>{text:Link2 Title}</span></div></a>
  560.  
  561. <div id="links3">
  562. <a href="{text:Link3}" title=""class="dcontexto"><img src="http://static.tumblr.com/yhfuno6/Dtcmeh33r/clipe.png" ><span>{text:Link3 Title}</span></div></a>
  563.  
  564. <div id="linksx">
  565. <a href="{text:Link4}" title="" class="dcontexto"><img src="http://static.tumblr.com/yhfuno6/kmfmeh71p/heart2.png"><span>{text:Link4 Title}</span></div></a>
  566.  
  567. <div id="linksx2">
  568. <a href="{text:Link5}" title="" class="dcontexto"><img src="http://static.tumblr.com/yhfuno6/fGameh7an/presente.png"><span>{text:Link5 Title}</span></a>
  569.     </div></a>
  570.  
  571. <div id="imagevi2">
  572.  <img src="{image:sidebar}"><div class="teamomoh">{Description}<div class="pag">
  573.     {block:JumpPagination length="5"}{block:CurrentPage}<span><a href="#" class="active_page">{PageNumber}</a></span> {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}                                
  574. </div></div>                                
  575. </div><div class="chupajo">{text:frase}</div>
  576.  
  577.  
  578.  
  579.    
  580. </div></div>
  581.  
  582.  
  583.  
  584.  
  585. <!-----------------------------THEMES-------------------------------->
  586. <div id='theme' class='popup_block' style="background-image: url('http://static.tumblr.com/yhfuno6/o3gmeher5/14.png') ;">
  587.  
  588. <center><div style="color:#fff; font-family:Qwigley; font-size:39px;">Creditos.</div></center>
  589.  
  590. <div class="tchutchuca"style="opacity:.8;background-color:transparent;color:#fff;">all theme por vasculhos.</li><br></div>
  591.  
  592. <div class="tchutchuca"style="opacity:.8;background-color:transparent;color:#fff;">botoes: tthy.</li><br></div>
  593.  
  594.  
  595. <div class="tchutchuca"style="opacity:.8;background-color:transparent;color:#fff;">clique <a href="http://vasculhos-themes.tumblr.com" title="clica"><u>aqui</u></a> para ver todos os themes.</li><br></center></div>
  596. </div></div>
  597.  
  598.  
  599.  
  600.  
  601.  
  602.  
  603. </div>
  604.  
  605.  
  606.  
  607.  
  608.  
  609.    
  610. </div>
  611.      
  612.    
  613. </div>
  614. </div>
  615. <div>
  616. </div>
  617. <ul>
  618.  
  619.  
  620. </div>
  621. </div></div></div>
  622.  
  623.  
  624.  
  625. </div></div>
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633. </div>
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642. </div>
  643.  
  644.  
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651. </div>
  652.  
  653.  
  654. </div>
  655. </div>
  656. </div>
  657.  
  658. </div>
  659.  </div>
  660.  
  661.  
  662.  
  663. </div>
  664.  
  665.  
  666. <div id="crd"><a href='#?w=500' rel='theme' class='poplight' title="clica pra ver os creditos.">©</a></div>
  667.  
  668.  
  669.  
  670. </div>
  671.  
  672.  
  673.  
  674.  
  675. </div>
  676.  
  677.  
  678.  
  679.  
  680. </div>
  681.  
  682.  
  683.  
  684.  
  685.  
  686.  
  687.  
  688.  
  689. </div>
  690.  
  691.  
  692.  
  693.  
  694.  
  695.  
  696.  
  697.  
  698. </div>
  699.  
  700.  
  701. </div>
  702. </div>
  703. </div>
  704.  
  705. </div>
  706.  
  707. <div id="xpost">
  708. {block:Posts}
  709. <div class="xxpost">
  710.  
  711. {block:Text}
  712. <span class="xxxpost">
  713. <a href="{Permalink}" >{TimeAgo}</a> ·
  714.  
  715. <a href="{Permalink}" > {NoteCount} notes</a> ·
  716.  
  717. {block:RebloggedFrom}<a href="{ReblogParentURL}" class="dcontexto"> via</a> ·{/block:RebloggedFrom}
  718.  
  719. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}"> source</b></a> ·{/block:ContentSource}
  720.  
  721. <a href="{ReblogURL}" target="_blank"> Reblog</a>
  722.  
  723. {block:HasTags}<div style="height:2px; width: 10px;"></div>{block:Tags}<a href="{TagURL}"><img src="http://static.tumblr.com/yhfuno6/yZqmehacd/notes2.png" style="width:14px; height:14px;border-radius:50%;margin-top:3px;"> {Tag}</a> {/block:Tags}{/block:HasTags}</span>
  724.  
  725. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  726. {/block:Text}
  727.  
  728. {block:Photo}
  729. <span class="xxxpost">
  730. <a href="{Permalink}" >{DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a> ·
  731.  
  732. <a href="{Permalink}" > {NoteCount} notes</a> ·
  733.  
  734. {block:RebloggedFrom}<a href="{ReblogParentURL}"> via</a> ·{/block:RebloggedFrom}
  735.  
  736. {block:ContentSource}<a href="{SourceURL}" title="originally by {SourceTitle}"> source</b></a> ·{/block:ContentSource}
  737.  
  738. <a href="{ReblogURL}" target="_blank"> Reblog</a>
  739.  
  740. {block:HasTags}<div style="height:2px; width: 10px;"></div>{block:Tags}<a href="{TagURL}"><img src="http://static.tumblr.com/yhfuno6/yZqmehacd/notes2.png" style="width:14px; height:14px;border-radius:50%;margin-top:3px;"> {Tag}</a> {/block:Tags}{/block:HasTags}</span>
  741.  
  742.  
  743. {LinkOpenTag}<div class="image"><img src="{PhotoURL-250}"></div>{LinkCloseTag}
  744. {block:Caption}{Caption}{/block:Caption}
  745. {/block:Photo}
  746.  
  747.  
  748. {block:Photoset}
  749.  
  750. <span class="xxxpost">
  751. <a href="{Permalink}" >{DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a> ·
  752.  
  753. <a href="{Permalink}" > {NoteCount} notes</a> ·
  754.  
  755. {block:RebloggedFrom}<a href="{ReblogParentURL}"> via</a> ·{/block:RebloggedFrom}
  756.  
  757. {block:ContentSource}<a href="{SourceURL}" title="originally by {SourceTitle}"> source</b></a> ·{/block:ContentSource}
  758.  
  759. <a href="{ReblogURL}" target="_blank"> Reblog</a>
  760.  
  761. {block:HasTags}<div style="height:2px; width: 10px;"></div>{block:Tags}<a href="{TagURL}"><img src="http://static.tumblr.com/yhfuno6/yZqmehacd/notes2.png" style="width:14px; height:14px;border-radius:50%;margin-top:3px;"> {Tag}</a> {/block:Tags}{/block:HasTags}</span>
  762.  
  763. <div class="image">{Photoset-250}</div>
  764. {block:Caption}{Caption}{/block:Caption}
  765. {/block:Photoset}
  766.  
  767.  
  768. {block:Quote}
  769. <span class="xxxpost">
  770. <a href="{Permalink}" >{TimeAgo}</a> ·
  771.  
  772. <a href="{Permalink}" > {NoteCount} notes</a> ·
  773.  
  774. {block:RebloggedFrom}<a href="{ReblogParentURL}"> via</a> ·{/block:RebloggedFrom}
  775.  
  776. {block:ContentSource}<a href="{SourceURL}" title="originally by {SourceTitle}"> source</b></a> ·{/block:ContentSource}
  777.  
  778. <a href="{ReblogURL}" target="_blank"> Reblog</a>
  779.  
  780. {block:HasTags}<div style="height:2px; width: 10px;"></div>{block:Tags}<a href="{TagURL}"><img src="http://static.tumblr.com/yhfuno6/yZqmehacd/notes2.png" style="width:14px; height:14px;border-radius:50%;margin-top:3px;"> {Tag}</a> {/block:Tags}{/block:HasTags}</span>
  781.  
  782. <div class="xquote">“{Quote}”</div>
  783. {block:Source}<div class="xqsource">{Source}</div>
  784. {/block:Source}
  785.  {/block:Quote}
  786.  
  787.  
  788. {block:Link}
  789. <span class="xxxpost">
  790. <a href="{Permalink}" >{TimeAgo}</a> ·
  791.  
  792. <a href="{Permalink}" > {NoteCount} notes</a> ·
  793.  
  794. {block:RebloggedFrom}<a href="{ReblogParentURL}"> via</a> ·{/block:RebloggedFrom}
  795.  
  796. {block:ContentSource}<a href="{SourceURL}" title="originally by {SourceTitle}"> source</b></a> ·{/block:ContentSource}
  797.  
  798. <a href="{ReblogURL}" target="_blank"> Reblog</a>
  799.  
  800. {block:HasTags}<div style="height:2px; width: 10px;"></div>{block:Tags}<a href="{TagURL}"><img src="http://static.tumblr.com/yhfuno6/yZqmehacd/notes2.png" style="width:14px; height:14px;border-radius:50%;margin-top:3px;"> {Tag}</a> {/block:Tags}{/block:HasTags}</span>
  801.  
  802. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  803. {block:Description}{Description}{/block:Description}
  804. {/block:Link}
  805.  
  806.  
  807. {block:Chat}
  808. <span class="xxxpost">
  809. <a href="{Permalink}" >{TimeAgo}</a> ·
  810.  
  811. <a href="{Permalink}" > {NoteCount} notes</a> ·
  812.  
  813. {block:RebloggedFrom}<a href="{ReblogParentURL}"> via</a> ·{/block:RebloggedFrom}
  814.  
  815. {block:ContentSource}<a href="{SourceURL}" title="originally by {SourceTitle}"> source</b></a> ·{/block:ContentSource}
  816.  
  817. <a href="{ReblogURL}" target="_blank"> Reblog</a>
  818.  
  819. {block:HasTags}<div style="height:2px; width: 10px;"></div>{block:Tags}<a href="{TagURL}"><img src="http://static.tumblr.com/yhfuno6/yZqmehacd/notes2.png" style="width:14px; height:14px;border-radius:50%;margin-top:3px;"> {Tag}</a> {/block:Tags}{/block:HasTags}</span>
  820.  
  821. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  822. <div class="chat"><ul>{block:Lines}
  823. <li class="person{UserNumber}">{block:Label}
  824. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  825. {/block:Chat}
  826.  
  827.  
  828. {block:Audio}
  829. <span class="xxxpost">
  830. <a href="{Permalink}" >{TimeAgo}</a> ·
  831.  
  832. <a href="{Permalink}" > {NoteCount} notes</a> ·
  833.  
  834. {block:RebloggedFrom}<a href="{ReblogParentURL}"> via</a> ·{/block:RebloggedFrom}
  835.  
  836. {block:ContentSource}<a href="{SourceURL}" title="originally by {SourceTitle}"> source</b></a> ·{/block:ContentSource}
  837.  
  838. <a href="{ReblogURL}" target="_blank"> Reblog</a>
  839.  
  840. {block:HasTags}<div style="height:2px; width: 10px;"></div>{block:Tags}<a href="{TagURL}"><img src="http://static.tumblr.com/yhfuno6/yZqmehacd/notes2.png" style="width:14px; height:14px;border-radius:50%;margin-top:3px;"> {Tag}</a> {/block:Tags}{/block:HasTags}</span>
  841.  
  842. <div class="player">{AudioPlayerGrey}</div>
  843.  {/block:Audio}
  844.  
  845.  
  846. {block:Video}
  847. <span class="xxxpost">
  848. <a href="{Permalink}" >{TimeAgo}</a> ·
  849.  
  850. <a href="{Permalink}" > {NoteCount} notes</a> ·
  851.  
  852. {block:RebloggedFrom}<a href="{ReblogParentURL}"> via</a> ·{/block:RebloggedFrom}
  853.  
  854. {block:ContentSource}<a href="{SourceURL}" title="originally by {SourceTitle}"> source</b></a> ·{/block:ContentSource}
  855.  
  856. <a href="{ReblogURL}" target="_blank"> Reblog</a>
  857.  
  858. {block:HasTags}<div style="height:2px; width: 10px;"></div>{block:Tags}<a href="{TagURL}"><img src="http://static.tumblr.com/yhfuno6/yZqmehacd/notes2.png" style="width:14px; height:14px;border-radius:50%;margin-top:3px;"> {Tag}</a> {/block:Tags}{/block:HasTags}</span>
  859.  
  860. {Video-250}
  861. {block:Caption}{Caption}{/block:Caption}
  862. {/block:Video}
  863.  
  864.  
  865.  
  866. {block:Answer}<span class="xxxpost">
  867.  <a href="/ask">message</a></span><img src="{AskerPortraitURL-48}" align="left" class="askborder">
  868.  
  869. <div class="askme"><span></span>{Asker}: {Question}&nbsp;</div><div class="askmeresposta">{Answer}</div>{/block:Answer}
  870. </div>
  871.  
  872. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  873.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  874.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  875. {/block:ContentSource}</div>
  876.  
  877.  {/block:Posts}
  878. {block:PostNotes}<div class="notes"><div style="top:33;">{PostNotes}</div></div>{/block:PostNotes}
  879.  
  880.  
  881.  
  882.  
  883. </div>
  884. </div>
  885. </div>
  886. </div>
  887. </div>
  888.  
  889.  
  890.  
  891. </body>
  892.  
  893.    
  894. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!