API tools faq
paste
MarginalSide

Theme 08 - Coconut Water ComApparence

MarginalSide
May 6th, 2012
518
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.13 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://i11.photobucket.com/albums/a168/evelynregly/minigifs/minifone.gif'>
  8.  
  9. <head>
  10.  
  11. <meta name="text:titulo" content="Seu Titulo" />
  12.  
  13. <meta name="image:sidebar" content=""/>
  14.  
  15. <meta name="text:Link1" content="" />
  16. <meta name="text:Link1 Title" content="" />
  17. <meta name="text:Twitter" content="" />
  18. <meta name="text:Twitter Title" content="" />
  19.  
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30. <script src='http://static.tumblr.com/iihcsbj/QUElox2fq/jquery-1.1.3.1.min.js'type='text/javascript'/></script>
  31. <script src='http://static.tumblr.com/iihcsbj/2Ytlox2g9/jquery.lavalamp.min.js' type='text/javascript'/></script>
  32. <script src='http://static.tumblr.com/iihcsbj/NTDlox2gu/jquery.easing.min.js' type='text/javascript'/></script>
  33.  
  34. <script type='text/javascript'>
  35. $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })});
  36. </script>
  37. <script type='text/javascript'>
  38.  
  39. //<![CDATA[
  40. jQuery(document).ready(function($){
  41. $('#top-s').val('').focus(function(){ $(this).val(''); }).blur(function(){ if($(this).val() == '') $(this).val(''); });
  42. $('#searchform').parent().addClass('search-fix');
  43.  
  44. $('.current_page_item').addClass('current');
  45. $('.lavaLampWithImage').lavaLamp({
  46. fx: "backout",
  47. speed: 900
  48. });
  49.  
  50. $('.tagpost').each(function(){
  51. tagPosW = $(this).width();
  52. if(tagPosW > 532) $(this).addClass('longtag');
  53. });
  54. $('.widthfix + .meta .tagpost').each(function(){
  55. tagPosW = $(this).width();
  56. tagPosH = $(this).height();
  57. if((tagPosW > 420) || (tagPosH > 37)) $(this).removeClass('longtag').addClass('tagfix');
  58. });
  59.  
  60. $('#tab-content').tabs({ fxSlide: true });
  61. $('.widget').wrapInner('<div class="inner"></div>');
  62.  
  63. //toggle on sidebar
  64. $('.toggle').each(function() {
  65. $(this).addClass('pointer');
  66. var widgetHeader = $(this).parent();
  67. $(this).toggle(
  68. function() {
  69. $(this).addClass('toggle-down');
  70. widgetHeader.addClass('compact');
  71. },
  72. function() {
  73. $(this).removeClass('toggle-down');
  74. widgetHeader.removeClass('compact');
  75. }
  76. );
  77. });
  78. });
  79. //]]>
  80. </script>
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  92. <script type="text/javascript" src="http://static.tumblr.com/enpbtf0/a8olor0ey/animatedcollapse.js"></script>
  93.  
  94.  
  95. <script type="text/javascript">
  96.  
  97. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  98. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  99. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  100.  
  101. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  102. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  103. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  104.  
  105. animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
  106. //$: Access to jQuery
  107. //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
  108. //state: "block" or "none", depending on state
  109. }
  110.  
  111. animatedcollapse.init()
  112.  
  113. </script>
  114.  
  115.  
  116.  
  117.  
  118. <style type='text/css'>
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129. /**** INÍCIO - Menu Lavalamp por MyLoveOnTop.tumblr ****/
  130.  
  131. .lavaLampWithImage {
  132. position: relative;
  133. height: 30px;
  134. width: 340px; /**** ajuste aqui a largura do menu ****/
  135. background: #000; /**** ajuste aqui a cor do fundo do menu ****/
  136. padding: 5px;
  137. margin: 10px 1px 6px 10px;
  138. overflow: hidden;
  139. }
  140.  
  141. .lavaLampWithImage li {
  142. float: left;
  143. list-style: none;
  144. }
  145.  
  146. .lavaLampWithImage li.back {
  147. background:#000; /**** ajuste aqui a cor da "lava" ****/
  148. width: 9px; height: 30px;
  149. z-index: 8;
  150. position: absolute;
  151. }
  152.  
  153. .lavaLampWithImage li.back .left {
  154. background: #000; /**** ajuste aqui a cor da "lava" (a mesma de cima) ****/
  155. height: 30px;
  156. margin-right: 9px;
  157. }
  158.  
  159. .lavaLampWithImage li a{
  160. font: bold 13px georgia;
  161. text-decoration: none;
  162. color: #fff; /**** ajuste aqui a cor da fonte ****/
  163. outline: none;
  164. text-align: center;
  165. top: 7px;
  166. letter-spacing: 0;
  167. z-index: 10;
  168. display: block;
  169. float: left;
  170. height: 30px;
  171. position: relative;
  172. overflow: hidden;
  173. margin: auto 10px;
  174. }
  175.  
  176. .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
  177. color:#D3D3D3;
  178. border: none;
  179. }
  180.  
  181. .lavaLampNoImage {
  182. position: relative;
  183. height: 29px;
  184. width: 421px;
  185. background-color: white;
  186. padding: 15px;
  187. margin: 10px 0;
  188. overflow: hidden;
  189. border: 1px solid gray;
  190. }
  191.  
  192. .lavaLampNoImage li {
  193. float: left;
  194. list-style: none;
  195. }
  196.  
  197. .lavaLampNoImage li.back {
  198. border: 1px solid #000;
  199. background-color: #000;
  200. width: 9px;
  201. height: 30px;
  202. z-index: 8;
  203. position: absolute;
  204. }
  205.  
  206. .lavaLampNoImage li a {
  207. font: bold 14px arial;
  208. text-decoration: none;
  209. color: #000;
  210. outline: none;
  211. text-align: center;
  212. top: 7px;
  213. text-transform: uppercase;
  214. letter-spacing: 0;
  215. z-index: 10;
  216. display: block;
  217. float: left;
  218. height: 30px;
  219. position: relative;
  220. overflow: hidden;
  221. margin: auto 10px;
  222. }
  223.  
  224. .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
  225. border: none;
  226. }
  227.  
  228. .lavaLampBottomStyle {
  229. position: relative;
  230. height: 29px;
  231. width: 421px;
  232. background-color: white;
  233. padding: 15px;
  234. margin: 10px 0;
  235. overflow: hidden;
  236. border: 1px solid gray;
  237. }
  238.  
  239. .lavaLampBottomStyle li {
  240. float: left;
  241. list-style: none;
  242. }
  243.  
  244. .lavaLampBottomStyle li.back {
  245. border-bottom: 5px solid blue;
  246. width: 9px;
  247. height: 30px;
  248. z-index: 8;
  249. position: absolute;
  250. }
  251.  
  252. .lavaLampBottomStyle li a {
  253. font: bold 14px arial;
  254. text-decoration: none;
  255. color: #000;
  256. outline: none;
  257. text-align: center;
  258. top: 7px;
  259. text-transform: uppercase;
  260. letter-spacing: 0;
  261. z-index: 10;
  262. display: block;
  263. float: left;
  264. height: 30px;
  265. position: relative;
  266. overflow: hidden;
  267. margin: auto 10px;
  268. }
  269.  
  270. .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
  271. border: none;
  272. }
  273.  
  274. /**** FIM - Menu Lavalamp por MyLoveOnTop.tumblr ****/
  275.  
  276.  
  277.  
  278.  
  279.  
  280. .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}}
  281. .sidebardescr{ text-align: justify; font-size: 9px; font-family: verdana; padding: 3px; color: {color:text}; height: auto; margin-top: -2px; width:338x;}
  282. .sidebardescr a{font-size: 9px; verdana;}
  283.  
  284.  
  285.  
  286.  
  287.  
  288.  
  289. html::-webkit-scrollbar {width:22; height:auto;background: #000000;}
  290.  
  291. html::-webkit-scrollbar-corner { background: #000000;}
  292.  
  293. html::-webkit-scrollbar-button:vertical {height:1px;display:block;}
  294.  
  295. html::-webkit-scrollbar-button:horizontal {width:1px;display:block;}
  296.  
  297. 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;}
  298.  
  299. 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;}
  300.  
  301. html::-webkit-scrollbar-thumb {background-image: url(https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcRWWPN5fq6wgvx0O6b13_I55Jsw3v9ecBgekA6n3lg6Z9WXpNb-LA);}
  302.  
  303. html::-webkit-scrollbar-thumb:hover {background-image: url(https://encrypted-tbn3.google.com/images?q=tbn:ANd9GcRWWPN5fq6wgvx0O6b13_I55Jsw3v9ecBgekA6n3lg6Z9WXpNb-LA);border: 1px solid #000000;}
  304.  
  305. html::-webkit-scrollbar-track-piece {background: none;}
  306.  
  307. html::-webkit-scrollbar:vertical {border-left: 1px solid #CDC9C9;}
  308.  
  309. html::-webkit-scrollbar:horizontal {border-top: 1px solid #fff;}
  310.  
  311.  
  312.  
  313.  
  314.  
  315.  
  316. /*body*/
  317. body{background-color: #000; background-image:url(''); background-attachment: absolute; font-size: 13px; font-family: 'arial';}
  318. /*box*/
  319. .box {background: #1C1C1C; padding: 7px; }
  320. /*negrito*/
  321. b{color: #fff; }
  322. /*itálico*/
  323. i{color: #fff; }
  324. /*sublinhdo*/
  325. u{color: #fff; }
  326. /*riscado*/
  327. s{color: #fff; }
  328.  
  329. /*links*/
  330. a {color:#696969; text-decoration: none;}
  331. a:hover{color: #FFF5EE; font-style: italic; text-decoration: none;}
  332. /*títulos*/
  333. h1{ color: #FFF5EE; font-size: 20px; font-family: 'arial'; letter-spacing: 0.3px;}
  334.  
  335.  
  336.  
  337.  
  338. /* scroll by ild */
  339.  
  340. ::-webkit-scrollbar-thumb:vertical {
  341. background-color: #fff;
  342. height: 50px;
  343. }
  344. ::-webkit-scrollbar-thumb:horizontal {
  345. background-color: #fff;
  346. height: 10px;
  347. }
  348. ::-webkit-scrollbar {
  349. height: 3px;
  350. width: 3px;
  351. background-color: #000000;
  352. }
  353.  
  354.  
  355. </style>
  356. <!--i-frame-->
  357. <script type="text/javascript">
  358. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  359. </script>
  360.  
  361.  
  362.  
  363. </style>
  364.  
  365. </head>
  366. <body>
  367.  
  368.  
  369.  
  370. <!--sidebar-->
  371.  
  372.  
  373.  
  374. <div style='position: fixed; width: 360px; bottom:30px; left: 50px;'>
  375.  
  376.  
  377. <height=10px><font color=#fff> <center>{text:titulo}</center></font><</height>
  378.  
  379. <div class='box'>
  380. <center><marquee direction="down" scrollamount="2" height="300px" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">
  381.  
  382.  
  383. <!--menu-->
  384. <center>
  385. <ul class='lavaLampWithImage'>
  386. <li><a href="/">Home</a></li>
  387. <li><a href="/ask">Ask Me</a></li>
  388. <li><a href="/submit">Submit</a></li>
  389. <li><a href="{text:Twitter}">{text:Twitter Title}</a></li>
  390. <li><a href="{text:Link1}">{text:Link1 Title}</a></li>
  391.  
  392.  
  393.  
  394.  
  395. </ul>
  396.  
  397.  
  398. </center>
  399. </div></div>
  400.  
  401.  
  402. <img src="{image:sidebar}"/>
  403.  
  404.  
  405.  
  406. </marquee>
  407.  
  408.  
  409. <div style="padding: 5px; overflow: auto; height: 100px; background-color: #transparent; font-family: arial narrow;">
  410.  
  411.  
  412. <div class="sidebardescr">{block:Description}{Description}{/block:Description}</div>
  413.  
  414.  
  415.  
  416. </div>
  417.  
  418.  
  419. </div>
  420.  
  421. </div>
  422.  
  423. </center>
  424. </div></div>
  425. <!--tag dos posts-->
  426. <center>
  427. <div style='position: absolute; width:550px; left:470px; top:40px;' >
  428. <font color=#696969>
  429.  
  430. <div id='liuc'>
  431. <font color=#B5B5B5>
  432.  
  433. {block:Posts}
  434. <div class='box'>
  435.  
  436. <!--textos-->
  437.  
  438. {block:Text}
  439.  
  440. {block:Title}<h1>{Title}</h1>{/block:Title}
  441.  
  442. {Body}
  443.  
  444. {/block:Text}
  445.  
  446. <!--photosets-->
  447.  
  448. {block:Photo}
  449.  
  450. {LinkOpenTag}
  451.  
  452. <center><img src='{PhotoURL-500}' alt='{PhotoAlt}'/></center>
  453.  
  454. {LinkCloseTag}
  455.  
  456. {block:Caption}{Caption} {/block:Caption}
  457.  
  458. {/block:Photo}
  459.  
  460. <!--quote-->
  461.  
  462. {block:Quote}
  463. <h1>"{Quote}"</h1>
  464. {block:Source}<b>-{Source}</b><br><br>{/block:Source}
  465.  
  466. {/block:Quote}
  467.  
  468. <!--link-->
  469.  
  470. {block:Link}
  471. <a href='{URL}'><h1>{Name}</h1></a>
  472.  
  473. {block:Description}{Description} {/block:Description}
  474.  
  475. {/block:Link}
  476.  
  477. <!--chats-->
  478.  
  479. {block:Chat}
  480. {block:Title} <h1>{Title}</h1>{/block:Title}
  481.  
  482. {block:Lines}
  483. {block:Label}
  484. <b>{Label}</b>
  485. {/block:Label}
  486. {Line}<br>
  487. {/block:Lines}
  488.  
  489. {/block:Chat}
  490.  
  491. <!--músicas-->
  492.  
  493. {block:Audio}
  494. <center>{AudioPlayerWhite}</center>
  495. {block:Caption}{Caption}{/block:Caption}
  496.  
  497. {/block:Audio}
  498.  
  499. <!--videos-->
  500.  
  501. {block:Video}
  502. <center>{Video-500}</center>
  503.  
  504. {block:Caption}{Caption} {/block:Caption}
  505.  
  506. {/block:Video}
  507.  
  508. <!--asks-->
  509.  
  510. {block:Answer}
  511.  
  512. <center><b>{Question}</b><br>
  513. </center>
  514.  
  515. {Answer}
  516. {/block:Answer}
  517.  
  518. <!--acréscimos b: date, notes-->
  519. <br><hr><center>
  520. <a href='{Permalink}'><b>Post</b></a> date: {DayOfMonth}/{Month}/{Year} as {24Hour}:{24Hour} com {NoteCount}
  521. notes (<a href='{ReblogURL}'><u>Reblog</u></a>)<br>
  522. </center><br></div><br>
  523.  
  524. {/block:Posts}
  525. <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}
  526. {block:JumpPagination length="8"}
  527. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  528. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  529. {/block:JumpPagination}
  530. </center>
  531.  
  532. <center>Theme feito por <a href="http://ladomarginal.tumblr.com/">Marginal Side</a> ©
  533. </div><br></div></div>
  534.  
  535. </div>
  536. </div>
  537.  
  538. </body>
  539. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!