API tools faq
paste
Advertisement
MarginalSide

Theme 13 - Surf e Vodka ComApparence

MarginalSide
May 6th, 2012
1,347
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.53 KB | None | 0 0
raw download clone embed print report
  1. <!-- Created by Marginal Side - www.ladomarginal.tumblr.com -->
  2. <html>
  3. <!--título da aba-->
  4. <title>{title}</title>
  5. <!--favicon-->
  6. <link rel='shortcut icon'
  7. a href='http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/mini-icone8-1.gif'>
  8.  
  9. <head>
  10.  
  11. <meta name="text:titulo" content="Seu Titulo" />
  12. <meta name="text:frase" content="coloque sua frase aqui" />
  13.  
  14. <meta name="image:sidebar" content=""/>
  15.  
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="color:background" content="#1C1C1C" />
  21. <meta name="color:text" content="#000000" />
  22. <meta name="color:box" content="#1C1C1C" />
  23.  
  24. <meta name="text:Link1" content="" />
  25. <meta name="text:Link1 Title" content="" />
  26. <meta name="text:Link2" content="" />
  27. <meta name="text:Link2 Title" content="" />
  28.  
  29.  
  30.  
  31.  
  32. <script src='http://static.tumblr.com/iihcsbj/QUElox2fq/jquery-1.1.3.1.min.js'type='text/javascript'/></script>
  33. <script src='http://static.tumblr.com/iihcsbj/2Ytlox2g9/jquery.lavalamp.min.js' type='text/javascript'/></script>
  34. <script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script>
  35.  
  36. <script type='text/javascript'>
  37. $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })});
  38. </script>
  39. <script type='text/javascript'>
  40.  
  41. //<![CDATA[
  42. jQuery(document).ready(function($){
  43. $('#top-s').val('').focus(function(){ $(this).val(''); }).blur(function(){ if($(this).val() == '') $(this).val(''); });
  44. $('#searchform').parent().addClass('search-fix');
  45.  
  46. $('.current_page_item').addClass('current');
  47. $('.lavaLampWithImage').lavaLamp({
  48. fx: "backout",
  49. speed: 900
  50. });
  51.  
  52. $('.tagpost').each(function(){
  53. tagPosW = $(this).width();
  54. if(tagPosW > 532) $(this).addClass('longtag');
  55. });
  56. $('.widthfix + .meta .tagpost').each(function(){
  57. tagPosW = $(this).width();
  58. tagPosH = $(this).height();
  59. if((tagPosW > 420) || (tagPosH > 37)) $(this).removeClass('longtag').addClass('tagfix');
  60. });
  61.  
  62. $('#tab-content').tabs({ fxSlide: true });
  63. $('.widget').wrapInner('<div class="inner"></div>');
  64.  
  65. //toggle on sidebar
  66. $('.toggle').each(function() {
  67. $(this).addClass('pointer');
  68. var widgetHeader = $(this).parent();
  69. $(this).toggle(
  70. function() {
  71. $(this).addClass('toggle-down');
  72. widgetHeader.addClass('compact');
  73. },
  74. function() {
  75. $(this).removeClass('toggle-down');
  76. widgetHeader.removeClass('compact');
  77. }
  78. );
  79. });
  80. });
  81. //]]>
  82. </script>
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  94. <script type="text/javascript" src="http://static.tumblr.com/enpbtf0/a8olor0ey/animatedcollapse.js"></script>
  95.  
  96.  
  97. <script type="text/javascript">
  98.  
  99. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  100. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  101. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  102.  
  103. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  104. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  105. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  106.  
  107. animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
  108. //$: Access to jQuery
  109. //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
  110. //state: "block" or "none", depending on state
  111. }
  112.  
  113. animatedcollapse.init()
  114.  
  115. </script>
  116.  
  117.  
  118.  
  119.  
  120. <style type='text/css'>
  121.  
  122.  
  123.  
  124.  
  125.  
  126. html::-webkit-scrollbar {width:22; height:auto;background: #000000;}
  127.  
  128. html::-webkit-scrollbar-corner { background: #000000;}
  129.  
  130. html::-webkit-scrollbar-button:vertical {height:1px;display:block;}
  131.  
  132. html::-webkit-scrollbar-button:horizontal {width:1px;display:block;}
  133.  
  134. html::-webkit-scrollbar-thumb:vertical {background-image: url(https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcRWWPN5fq6wgvx0O6b13_I55Jsw3v9ecBgekA6n3lg6Z9WXpNb-LA);border: 1px solid #000;border-right:none;-webkit-border-radius: 8px;}
  135.  
  136. html::-webkit-scrollbar-thumb:horizontal {background-image: url(https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcRWWPN5fq6wgvx0O6b13_I55Jsw3v9ecBgekA6n3lg6Z9WXpNb-LA);border: 1px solid #000;border-bottom;}
  137.  
  138. html::-webkit-scrollbar-thumb {background-image: url(https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcRWWPN5fq6wgvx0O6b13_I55Jsw3v9ecBgekA6n3lg6Z9WXpNb-LA);}
  139.  
  140. html::-webkit-scrollbar-thumb:hover {background-image: url(https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcRWWPN5fq6wgvx0O6b13_I55Jsw3v9ecBgekA6n3lg6Z9WXpNb-LA);border: 1px solid #000000;}
  141.  
  142. html::-webkit-scrollbar-track-piece {background: none;}
  143.  
  144. html::-webkit-scrollbar:vertical {border-left: 1px solid #CDC9C9;}
  145.  
  146. html::-webkit-scrollbar:horizontal {border-top: 1px solid #fff;}
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153. /*body*/
  154. body {background-color:{color:background}; color:{color:text}; background-image:url(''); background-attachment: absolute; font-size: 13px; font-family: 'arial';}
  155. /*box*/
  156. .box {-moz-border-radius: 10px; -webkit-border-radius: 10px;background:{color:box} ; padding: 7px; }
  157. /*negrito*/
  158. b{color: #fff; }
  159. /*itálico*/
  160. i{color: #fff; }
  161. /*sublinhdo*/
  162. u{color: #fff; }
  163. /*riscado*/
  164. s{color: #fff; }
  165.  
  166. /*links*/
  167. a {color:#696969; text-decoration: none;}
  168. a:hover{color: #FFF5EE; font-style: italic; text-decoration: none;}
  169. /*títulos*/
  170. h1{ color: #FFF5EE; font-size: 20px; font-family: 'arial'; letter-spacing: 0.3px;}
  171.  
  172.  
  173. .sidebardescription{ margin-left: 0px; margin-top: 0px; width: 339px; float: left; position: fixed; height: 250px; padding-bottom:0px; padding:6px; padding-right:6px; overflow: auto; border:1px {color:border} solid; background-color:{color:background}}
  174. .sidebardescr{ text-align: justify; font-size: 11px; font-family: verdana; padding: 3px; color: {color:text}; height: auto; margin-top: -2px; width:338x;}
  175. .sidebardescr a{font-size: 9px; verdana;}
  176.  
  177.  
  178. div.navigate a{
  179.  
  180.  
  181.  
  182. background: #000; color: #1C1C1C; display:block; width: 80px; height: 15px; text-align: center; padding-top:2px; margin-left:2px; margin-top:2px; position:relative; text-align: center; z-index:1; font-weight: bold; -moz-border-radius:7px; -webkit-border-radius:7px; display: inline-block;
  183. }
  184. div.navigate a:hover{
  185. background: #A9A9A9; letter-spacing:1px;
  186. }
  187.  
  188.  
  189. /* scroll by ild */
  190.  
  191. ::-webkit-scrollbar-thumb:vertical {
  192. background-color: #1C1C1C;
  193. height: 50px;
  194. }
  195. ::-webkit-scrollbar-thumb:horizontal {
  196. background-color: #1C1C1C;
  197. height: 10px;
  198. }
  199. ::-webkit-scrollbar {
  200. height: 3px;
  201. width: 3px;
  202. background-color: #000000;
  203. }
  204.  
  205.  
  206. </style>
  207. <!--i-frame-->
  208. <script type="text/javascript">
  209. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  210. </script>
  211.  
  212.  
  213.  
  214. </style>
  215.  
  216. </head>
  217. <body>
  218.  
  219.  
  220.  
  221. <!--sidebar-->
  222.  
  223.  
  224.  
  225. <div style='position: fixed; width: 360px; bottom:30px; left: 50px;'>
  226.  
  227.  
  228. <height=15px><font color=#fff>
  229.  
  230. <center>
  231. <div style="padding: -1px; overflow: ; height: px; background-color: {color:background}; font-family:Edwardian Script ITC; font-size: 30px; color: {color:text} ">
  232.  
  233. {text:titulo}
  234.  
  235. </center></font></height><BR>
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242. <height=10px>
  243.  
  244. <center>
  245. <div style="padding: -1px; overflow: ; height: 20px; background-color: {color:background}; font-family: ariel ; font-size: 13px; color: {color:text} ">
  246. <marquee>
  247. {text:frase}
  248. </marquee>
  249.  
  250.  
  251. </center></font></height><BR>
  252.  
  253.  
  254.  
  255. <div class='box'>
  256.  
  257.  
  258.  
  259.  
  260.  
  261. <center><marquee direction="up" scrollamount="1" height="290px" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">
  262.  
  263.  
  264.  
  265.  
  266. </div></div>
  267.  
  268.  
  269.  
  270.  
  271. <img src="{image:sidebar}"/>
  272.  
  273.  
  274.  
  275. </marquee>
  276.  
  277.  
  278. <div style="padding: 5px; overflow: auto; height: 100px; background-color: #transparent; font-family: arial narrow;">
  279.  
  280.  
  281.  
  282. <div class="sidebardescr">{block:Description}{Description}{/block:Description}</div>
  283.  
  284.  
  285. </div>
  286.  
  287. <center><div class="navigate">
  288. <a href="/"style="text-decoration:none">Home</a>
  289. <a href="/ask"style="text-decoration:none">Ask Me</a>
  290. <a href="{text:Link1}">{text:Link1 Title}</a>
  291. <a href="{text:Link2}">{text:Link2 Title}</a>
  292.  
  293.  
  294.  
  295.  
  296. </div>
  297. </center>
  298. </div>
  299.  
  300. </div>
  301.  
  302. </center>
  303. </div></div>
  304. <!--tag dos posts-->
  305. <center>
  306. <div style=' position: absolute; width:550px; left:470px; top:40px;' >
  307. <font color=#696969>
  308.  
  309. <div id='liuc'>
  310. <font color=#B5B5B5>
  311.  
  312. {block:Posts}
  313. <div class='box'>
  314.  
  315. <!--textos-->
  316.  
  317. {block:Text}
  318.  
  319. {block:Title}<h1>{Title}</h1>{/block:Title}
  320.  
  321. {Body}
  322.  
  323. {/block:Text}
  324.  
  325. <!--photosets-->
  326.  
  327. {block:Photo}
  328.  
  329. {LinkOpenTag}
  330.  
  331. <center><img src='{PhotoURL-500}' alt='{PhotoAlt}'/></center>
  332.  
  333. {LinkCloseTag}
  334.  
  335. {block:Caption}{Caption} {/block:Caption}
  336.  
  337. {/block:Photo}
  338.  
  339. <!--quote-->
  340.  
  341. {block:Quote}
  342. <h1>"{Quote}"</h1>
  343. {block:Source}<b>-{Source}</b><br><br>{/block:Source}
  344.  
  345. {/block:Quote}
  346.  
  347. <!--link-->
  348.  
  349. {block:Link}
  350. <a href='{URL}'><h1>{Name}</h1></a>
  351.  
  352. {block:Description}{Description} {/block:Description}
  353.  
  354. {/block:Link}
  355.  
  356. <!--chats-->
  357.  
  358. {block:Chat}
  359. {block:Title} <h1>{Title}</h1>{/block:Title}
  360.  
  361. {block:Lines}
  362. {block:Label}
  363. <b>{Label}</b>
  364. {/block:Label}
  365. {Line}<br>
  366. {/block:Lines}
  367.  
  368. {/block:Chat}
  369.  
  370. <!--músicas-->
  371.  
  372. {block:Audio}
  373. <center>{AudioPlayerWhite}</center>
  374. {block:Caption}{Caption}{/block:Caption}
  375.  
  376. {/block:Audio}
  377.  
  378. <!--videos-->
  379.  
  380. {block:Video}
  381. <center>{Video-500}</center>
  382.  
  383. {block:Caption}{Caption} {/block:Caption}
  384.  
  385. {/block:Video}
  386.  
  387. <!--asks-->
  388.  
  389. {block:Answer}
  390.  
  391. <center><b>{Question}</b><br>
  392. </center>
  393.  
  394. {Answer}
  395. {/block:Answer}
  396.  
  397. <!--acréscimos b: date, notes-->
  398. <br><hr><center>
  399. <a href='{Permalink}'><b>Post</b></a> date: {DayOfMonth}/{Month}/{Year} as {24Hour}:{24Hour} com {NoteCount}
  400. notes (<a href='{ReblogURL}'><u>Reblog</u></a>)<br>
  401. </center><br></div><br>
  402.  
  403. {/block:Posts}
  404. <div class='box'><center>Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  405. {block:JumpPagination length="8"}
  406. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  407. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  408. {/block:JumpPagination}
  409. </center>
  410.  
  411. <center>Theme feito por <a href="http://ladomarginal.tumblr.com/">Marginal Side</a> ©
  412. </div><br></div></div>
  413.  
  414. </div>
  415. </div>
  416.  
  417. </body>
  418. </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!