API tools faq
paste
Advertisement
MarginalSide

Theme 08 - Coconut Water

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