API tools faq
paste
beats4u

#6 - T u r n i n g P a g e

beats4u
Dec 20th, 2011
3,575
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.14 KB | None | 0 0
raw download clone embed print report
  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. <!-- t h e m e #6 - ( t u r n i n g p a g e )
  6. B E A T S 4 U . T U M B L R . C O M
  7. be original! do not copy and do not remove the credits. thank you! --!>
  8.  
  9. <script type="text/javascript">
  10. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  11. function tb8_makeArray(n){this.length = n; return this.length}
  12. tb8_messages = new tb8_makeArray(1);
  13. tb8_messages[0] = "{Title}";
  14. tb8_rptType = 'infinite';
  15. tb8_rptNbr = 5;
  16. tb8_speed = 100;
  17. tb8_delay = 2000;
  18. var tb8_counter=1;
  19. var tb8_currMsg=0;
  20. var tb8_tekst ="";
  21. var tb8_i=0;
  22. var tb8_TID = null;
  23. function tb8_pisi(){
  24. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  25. document.title = tb8_tekst;
  26. tb8_sp=tb8_speed;
  27. tb8_i++;
  28. if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay}
  29. if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID); return} tb8_counter++; tb8_currMsg = 0}
  30. tb8_TID = setTimeout("tb8_pisi()", tb8_sp)}
  31. tb8_pisi() </script>
  32.  
  33. <script>
  34. function bloqueio()
  35. {alert(mensagem);}
  36. document.onkeydown=bloqueio;
  37. </script>
  38.  
  39. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  40. <script type="text/javascript">
  41. //desabilita menu de opcoes ao clicar no botao direito
  42. function desabilitaMenu(e)
  43. {if (window.Event)
  44. {if (e.which == 2 || e.which == 3)
  45. return false;}
  46. else{
  47. event.cancelBubble = true
  48. event.returnValue = false;
  49. return false}}
  50. document.oncontextmenu = desabilitaMenu;
  51. document.onmousedown = desabilitaBotaoDireito;
  52. document.onmouseup = desabilitaBotaoDireito;
  53. </script>
  54.  
  55. <script language="JavaScript1.2">
  56. function disableselect(e){
  57. return false}
  58. function reEnable(){
  59. return true}
  60. //if IE4+
  61. document.onselectstart=new Function ("return false")
  62. //if NS6
  63. if (window.sidebar){
  64. document.onmousedown=disableselect
  65. document.onclick=reEnable}
  66. </script>
  67.  
  68. <script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script>
  69. <script src="http://static.tumblr.com/ourf1ma/MmUlthg9c/arsenale-white.cufonfonts.js" type="text/javascript"></script>
  70.  
  71. <script type="text/javascript"> Cufon.replace('.cufon'); </script>
  72.  
  73. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  74.  
  75. <head> <!-- DEFAULT VARIABLES -->
  76.  
  77. <meta name="if:Show tags" content="1"/>
  78.  
  79. <meta name="color:background" content="#F6F6F6"/>
  80. <meta name="color:entry" content="#FFFFFF"/>
  81. <meta name="color:body" content="#000000"/>
  82. <meta name="color:body title" content="#000000"/>
  83. <meta name="color:links" content="#696969"/>
  84. <meta name="color:bold" content="#000000"/>
  85. <meta name="color:italic" content="#000000"/>
  86. <meta name="color:scrollbar" content="#000000"/>
  87. <meta name="color:bg phrases" content="#9C9C9C"/>
  88. <meta name="color:phrases" content="#FFFFFF"/>
  89. <meta name="color:sidelinks" content="#FFFFFF"/>
  90. <meta name="color:bg sidelinks" content="#C2C2C2"/>
  91.  
  92. <meta name="image:background" content=""/>
  93. <meta name="image:pic1" content="http://media.tumblr.com/tumblr_lwa63dDm1r1qcnk68.png"/>
  94. <meta name="image:pic2" content="http://media.tumblr.com/tumblr_lwa6a4YlPV1qcnk68.png"/>
  95. <meta name="image:pic3" content="http://media.tumblr.com/tumblr_lwa6b40eZC1qcnk68.png"/>
  96. <meta name="image:pic4" content="http://media.tumblr.com/tumblr_lwa6be9CY71qcnk68.png"/>
  97. <meta name="image:pic5" content=""/>
  98.  
  99. <meta name="text:frase1" content="aqui voce pode colocar uma frase, trecho de musicas..."/>
  100. <meta name="text:frase2" content="...ou sei la o que. voce decide, o que achar melhor."/>
  101. <meta name="text:title" content="o titulo vem aqui">
  102.  
  103. <meta name="text:link1" content="http://"/>
  104. <meta name="text:link1 title" content="link1"/>
  105. <meta name="text:link2" content="http://"/>
  106. <meta name="text:link2 title" content="link2"/>
  107. <meta name="text:link3" content="http://"/>
  108. <meta name="text:link3 title" content="link3"/>
  109. <meta name="text:link4" content="http://"/>
  110. <meta name="text:link4 title" content="link4"/>
  111. <meta name="text:link5" content="http://"/>
  112. <meta name="text:link5 title" content="link5"/>
  113. <meta name="text:link6" content="http://"/>
  114. <meta name="text:link6 title" content="link6"/>
  115. <meta name="text:link7" content="http://"/>
  116. <meta name="text:link7 title" content="link7"/>
  117.  
  118. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  119.  
  120. <title>{Title}</title>
  121. <link rel="shortcut icon" href="{Favicon}">
  122. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  123. {block:Description}
  124. <meta name="description" content="{MetaDescription}" />
  125. {/block:Description}
  126.  
  127. <style type="text/css">
  128.  
  129. body {background-color:{color:background}; color:{color:background}; background-image:url('{image:background}'); background-attachment:fixed; font-family:georgia; font-size:11px; line-height:110%; margin:0 auto 0 auto; text-align:center}
  130.  
  131. a {color:{color:links}; text-decoration:none}
  132. a:hover {text-decoration: none; opacity:0.7}
  133. p {margin:2px 0 2px 0}
  134. b {font-weight:bold; color:{color:bold}}
  135. i {font-style:italic; color:{color:italic}}
  136. d1 {opacity:0.8}
  137. d2 {opacity:0.6}
  138. d3 {opacity:0.4}
  139.  
  140. #all{width:950px; text-align: center; background-color:transparent; color:{color:body}; padding:0px; margin: 0 auto 0 auto}
  141.  
  142. #sidebar{width:420px; float:left; background-color:transparent; padding:0px; margin-top:80px; position:fixed}
  143.  
  144. #phrases{color:{color:phrases}; font-family:verdana; font-size:10px; letter-spacing:1px}
  145. .phr{background-color:{color:bg phrases}; -moz-border-top-left-radius:22px; border-top-left-radius:22px; -moz-border-top-right-radius:22px; border-top-right-radius:22px; padding:2px}
  146. .ase{background-color:{color:bg phrases}; opacity:0.6; padding:2px}
  147.  
  148. #side{position:relative; background-color:{color:entry}; padding:2px; height:356px}
  149. .picts{float:left; padding:2px; border:1px solid {color:bg phrases}; background-color:{color:entry}; height:350px; width:100px}
  150.  
  151. .ttl{float:right; width:305px; color:{color:body}; text-align:center; padding:5px 5px 15px 0; font-family:Rochester; font-size:25px; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out; text-transform:lowercase}
  152. .ttl:hover{font-style:italic; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out; letter-spacing:3px}
  153.  
  154. .descrip{float:right; padding:3px; border:1px solid {color:bg phrases}; background-color:#f8f8f8; height:190px; width:300px; overflow:auto; font-size:10px; text-align:justify; line-height:110%; color:{color:body}; font-family:verdana}
  155.  
  156. #sidelinks{float:right; background-color:{color:entry}; width:308px; padding-top:2px; margin-right:1px; padding-bottom:5px}
  157. .slinks{background-color:{color:entry}}
  158. .slinks a{ margin-bottom:2px; margin-right:-1px; background-color:{color:bg sidelinks}; color:{color:sidelinks}; display:inline-block; width:147px; text-transform:lowercase; text-decoration:none; font-family:verdana; font-size: 10px; padding:2px; text-align:center; border:1px solid {color:bg phrases}}
  159. .slinks a:hover{letter-spacing:1px; opacity:0.9}
  160.  
  161. .details{text-align:center; color:{color:body}; font-family:verdana; font-size:20px; letter-spacing:5px}
  162.  
  163. #cred{float:right; width:305px; background-color:color{entry}; font-family: verdana; z-index:3; font-size:9px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out}
  164.  
  165. #auau {text-align: center; background-color:{color:entry}; z-index: 91}
  166. ul#miau {padding: 0px; list-style: none; margin-bottom: 1px; z-index: 90; background-color: transparent}
  167. ul#miau li.xu {position: relative; background-color:transparent}
  168. li.xu ul {position:absolute; display:none; width:auto; left:65px; top:0; opacity:1}
  169. li.xu:hover ul, li.over ul {display:block; background-color:transparent}
  170.  
  171. #fli {color:{color:body}; font-size:9px; font-family:verdana; text-align:center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; padding-bottom:5px}
  172. .cka {z-index: 102; background-color:{color:bg phrases}; color:{color:phrases}; border:1px solid {color:minipics border}; padding:2px}
  173. .cka a{color:{color:entry}}
  174.  
  175. #pagin{width:420px; float:left; background-color:{color:entry}; margin-top:5px}
  176. .ation{background-color:{color:entry}; margin:0 5px 0 5px; padding:2px; font-size:10px; font-family:verdana; text-align:center; font-weight: bold; text-shadow: 0 1px 1px #fff; text-align:center}
  177.  
  178. #entries{float:right; background-color:transparent; text-align:center; margin-top:10px; margin-bottom:5px; font-family:verdana}
  179. .post{width:500px; padding:10px; text-align:justify; background-color:{color:entry}; margin-bottom:5px}
  180. .post img{margin:0 0 2px 0}
  181. h1{font-family:georgia; font-size:18px; line-height:18px; text-align:center; color:{color:body title}; font-style:none; font-weight:normal}
  182. h1 a{font-size:18px; line-height:18px; text-align:center}
  183. .image{text-align:center; height:auto; margin-bottom:3px; border:0px}
  184.  
  185. .qqmarks{font-size:80px; font-family:georgia; font-weight:bold; line-height:60px; color:{color:body title}; opacity:0.4}
  186. .qquote{font-family:georgia; font-size:18px; line-height:18px; margin-top:-50px; text-indent:45px; text align:justify; color:{color:body}}
  187. .qsource{margin-top:5px; margin-right:10px; text-align:right}
  188.  
  189. .chat{line-height:12px; list-style:none}
  190. .chat ul {line-height:15px; list-style:none; padding:0px; line-height:20px;}
  191. .person1 {color:{color:body}; background-color:{color:background};}
  192. .person1 .label {font-weight:bold; padding:0px; margin-left:5px; color:{color:body}}
  193. .person2 {color:{color:body}}
  194. .person2 .label {font-weight:bold; padding:0px; margin-left:5px; color:{color:body}}
  195.  
  196. .iaudio{text-align:left; margin-bottom:0px; width:100%; background-color:{color:entry}}
  197. .iaudio img{max-width:0; height:auto; padding:0 20px 0 20px; display:inline;}
  198. .icap{margin-top:1px}
  199. .source{display:none}
  200.  
  201. .asker {font-size:20px; width:100%; background-color:{color:background}; color:{color:link}; text-transform:uppercase; line-height:30px}
  202. .asker a, a:hover{color:{color:link}}
  203. .asker img{margin-top:3px; margin-bottom:-3px; margin-left:3px}
  204. .q {padding:10px; font-style:italic; text-indent:20px}
  205. .a {padding-top:3px}
  206. .cap {padding-top:5px; width:500px;}
  207.  
  208. .info{margin:15px 20px 0 20px; background-color:{color:background}; font-size:9px; font-family:verdana; text-align:center; text-transform:lowercase}
  209.  
  210. #notes {width: 500px; padding: 5px; margin: 0px; font-size: 9px; text-align: left; color:{color:body}}
  211. ol.notes {list-style: none; margin: 0 20px 0 0; padding: 0px}
  212. ol.notes li {margin: 0px; padding: 2px;}
  213. #notes img{border:0px}
  214.  
  215. #tumblr_controls{position: fixed!important}
  216.  
  217. ::-webkit-scrollbar{width:4px;height:4px}
  218. ::-webkit-scrollbar-button:start:decrement
  219. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent}
  220. ::-webkit-scrollbar-track-piece{background-color:#ffffff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px}
  221. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbar};-webkit-border-radius:px}
  222. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbar};-webkit-border-radius:px}
  223.  
  224. {CustomCSS}
  225. </style></head>
  226.  
  227. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  228.  
  229. <div id="all">
  230. <div id="sidebar">
  231.  
  232. <div id="phrases">
  233. <div class="phr">{text:frase1}</div>
  234. <div class="ase">{text:frase2}</div>
  235. </div>
  236.  
  237. <div id="side">
  238.  
  239. <div class="picts"><marquee direction="left" scrollamount="2" behavior="alternate" onmouseout="this.start()">
  240. {block:ifpic1image}<img src="{image:pic1}" height="350px">{/block:ifpic1image}
  241. {block:ifpic2image}<img src="{image:pic2}" height="350px">{/block:ifpic2image}
  242. {block:ifpic3image}<img src="{image:pic3}" height="350px">{/block:ifpic3image}
  243. {block:ifpic4image}<img src="{image:pic4}" height="350px">{/block:ifpic4image}
  244. {block:ifpic5image}<img src="{image:pic5}" height="350px">{/block:ifpic5image}
  245. </marquee></div>
  246.  
  247. <div class="ttl">{text:title}</div>
  248.  
  249. <div class="descrip">{block:Description}{Description}{/block:Description}</div>
  250.  
  251. <div id="sidelinks"><span class="slinks">
  252. {block:ifLink1}<a href="{text:Link1}" style="width:302px">{text:Link1 Title}</a>{/block:ifLink1}
  253. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  254. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  255. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  256. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  257. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  258. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  259. </span></div>
  260.  
  261. <div class="details">•<d1>•</d1><d2>•</d2><d3>•</d3><d2>•</d2><d1>•</d1>•</div>
  262.  
  263. <div id="cred">
  264. <div id="auau"><ul id="miau"><li class="xu">
  265. <div id="fli">see the credits...</div>
  266. <ul id="miau"><li class="xu">
  267. <div class="cka">design, base e theme por <a href="http://beats4u.tumblr.com/">beats4u</a>
  268. </div></li></ul></li></ul></div>
  269. </div>
  270.  
  271. </div>
  272.  
  273. {block:Pagination}<div id="pagin"><div class="ation">{block:PreviousPage}<a href="{PreviousPage}">&laquo; </a>{/block:PreviousPage}{/block:Pagination}
  274. {block:JumpPagination length="10"}{block:CurrentPage}{PageNumber} {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber} </a>{/block:JumpPage}{/block:JumpPagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</div></div>{/block:Pagination}
  275.  
  276. </div>
  277.  
  278. <div id="entries">
  279.  
  280. {block:Posts}
  281. <div class="post">
  282.  
  283. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  284.  
  285. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  286.  
  287. {block:Photoset}{Photoset-500}{/block:Photoset}
  288.  
  289. {block:Quote}
  290. <b class="qqmarks">“</b><div class="qquote">{Quote}</div>
  291. {block:Source}<div class="qsource">~ {Source}</div>{/block:Source}
  292. {/block:Quote}
  293.  
  294. {block:Link}
  295. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  296. {block:Description}{Description}{/block:Description}
  297. {/block:Link}
  298.  
  299. {block:Chat}
  300. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  301. <div class="chat"><ul>{block:Lines}
  302. <li class="person{UserNumber}">{block:Label}
  303. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  304. {/block:Chat}
  305.  
  306. {block:Audio}
  307. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  308. {AudioPlayerGrey}
  309. <div class="icap">{block:Caption}{Caption}{/block:Caption}</div>
  310. {/block:Audio}
  311.  
  312. {block:Video}{Video-500}{/block:Video}
  313.  
  314. {block:Answer}
  315. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  316. <div class="q">{Question}</div>
  317. <div class="a">{Answer}</div>
  318. {/block:Answer}
  319.  
  320. <div class="cap">
  321. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  322. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  323. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  324.  
  325. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  326. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  327. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  328. {/block:ContentSource}</div></div>
  329.  
  330. <div class="info">
  331. {block:Date} Posted {DayOfMonth} {Month} {Year}, <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{Block:IndexPage} | <a href="{ReblogUrl}" target="_blank">reblog this post</a>{/Block:IndexPage}
  332. {block:RebloggedFrom}<br>(originally <a href="{ReblogRootURL}">{ReblogRootName}</a> / {/block:RebloggedFrom}{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  333. {block:IfShowTags}{block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  334. </div></div>
  335.  
  336. {/block:Posts}
  337. {block:PostNotes}
  338. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  339. {/block:PostNotes}
  340. </div></div>
  341. </body>
  342. </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!