Don't like ads? PRO users don't see any ads ;-)

#7 Broken S2

By: sskateboy on May 5th, 2012  |  syntax: HTML  |  size: 16.62 KB  |  hits: 17  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <! (c)       tumblr theme broken s2 by sskateboy.tumblr.com
  5.               não copie nada aqui, e não disponibilize         !>
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head profile="http://gmpg.org/xfn/11">
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11.  
  12. <meta name="color:background" content="#f5f5f5" />
  13. <meta name="color:link" content="#000000" />
  14. <meta name="color:linkhover" content="#555555" />
  15. <meta name="color:text" content="#000000" />
  16. <meta name="color:post" content="#ffffff" />
  17. <meta name="color:title" content="#ffffff" />
  18. <meta name="color:border" content="#000000" />
  19. <meta name="color:borderlinks" content="#ffffff" />
  20. <meta name="color:sidebar" content="#ffffff" />
  21. <meta name="color:sidebarlinks" content="#ffffff" />
  22. <meta name="color:sidebacklinks" content="#000000" />
  23.  
  24. <meta name="image:background" content="" />
  25. <meta name="image:slide" content="http://28.media.tumblr.com/tumblr_lysetkkDvJ1rn9n8io1_500.jpg" />
  26. <meta name="image:slide1" content="http://www.tumblr.com/photo/1280/ilovephotosofcouples/18322047313/1/tumblr_lzyvrbqx7B1qmy4tb" />
  27. <meta name="image:slide2" content="http://30.media.tumblr.com/tumblr_m08fi7iS201r4ydzeo1_500.jpg" />
  28. <meta name="image:slide3" content="http://www.tumblr.com/photo/1280/ilovephotosofcouples/18678117287/1/tumblr_m0aj80TCdv1rp6lyl" />
  29. <meta name="image:slide4" content="http://30.media.tumblr.com/tumblr_lzo501PYuY1qczc1qo1_500.jpg" />
  30. <meta name="image:marquee" content="http://30.media.tumblr.com/tumblr_m08f4dqiNn1r4ydzeo1_500.jpg" />
  31. <meta name="image:marquee1" content="http://30.media.tumblr.com/tumblr_m08a2ucfhv1r4ydzeo1_500.jpg" />
  32. <meta name="image:marquee2" content="http://24.media.tumblr.com/tumblr_lzkb0k0Qzc1r8h0rlo1_500.jpg" />
  33. <meta name="image:marquee3" content="http://26.media.tumblr.com/tumblr_m08bxwpRr11qim9wko1_500.jpg" />
  34.  
  35. <meta name="text:title" content="You and I always toguether <br>
  36. <small>singing, playing, laughting </small> <br>
  37. <small>and <i>e n j o y ing</i> the life.</small>" />
  38. <meta name="text:Link1" content="/" />
  39. <meta name="text:Link1 Title" content="link" />
  40. <meta name="text:Link2" content="/" />
  41. <meta name="text:Link2 Title" content="link" />
  42. <meta name="text:Link3" content="/" />
  43. <meta name="text:Link3 Title" content="link" />
  44. <meta name="text:Link4" content="/" />
  45. <meta name="text:Link4 Title" content="link" />
  46. <meta name="text:Link5" content="/" />
  47. <meta name="text:Link5 Title" content="link" />
  48. <meta name="text:Link6" content="/" />
  49. <meta name="text:Link6 Title" content="link" />
  50. <meta name="text:Link7" content="/" />
  51. <meta name="text:Link7 Title" content="link" />
  52. <meta name="text:Link8" content="/" />
  53. <meta name="text:Link8 Title" content="link" />
  54.  
  55. <title>{Title}</title>
  56. <link rel="shortcut icon" href="{favicon}" />
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  58.  
  59. <style>
  60.  
  61. /*-- CORPO --*/
  62.  
  63. body {background-color: {color:background}; font-family: verdana, Times new Roman, Georgia; font-size: 11px; color: {color:text}; text-transform: none; text-align:justify; overflow-x:hidden; height:100%;}
  64.  
  65. /*-- PÁGINA --*/
  66.  
  67. #page {width: 960px; margin: 35px auto 20px auto;}
  68.  
  69. #content {width: 516px; text-align: justify; float: right; padding-bottom: 8px; margin-bottom: -20px; margin-right:85px; color:{color:text}; margin-top:-3px;}
  70.  
  71. #content img {max-width: 500px;}
  72.  
  73. #sidebar {width: 280px; float: left; position: fixed; margin: -3px 0px 0px 111px;}
  74.  
  75. .box {padding:10px; line-height: 20px; color: {color:text}; text-align: justify;  background: {color:post}; margin-bottom: 1px;}
  76.  
  77. /*-- FORMATAÇÃO --*/
  78.  
  79. a {color: {color:link}; text-decoration: none; text-transform: none;}
  80. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none;}
  81.  
  82. p {margin: 6px 0 0 0}
  83.  
  84. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:text}; padding-left: 5px; }
  85. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text};}
  86. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text}; }
  87. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:text};}
  88.  
  89. #tumblr_controls{position: absolute!important;}
  90.  
  91. .post img        {border:none; max-width: 500px;}
  92. table, td, tr    {padding:0px; font: italic 11px georgia, verdana, Tahoma;}
  93. table        {padding-left: 8px; font: italic 11px georgia, verdana, Tahoma;}
  94. p        {font-family: verdana; font-size: 11px; color: {color:text}; text-align: justify; line-height:14px;}
  95.  
  96. #espaco {clear: both; margin: 1px 0 0 0;}
  97.  
  98. blockquote {background :#fff; color:{color:text};}
  99.  
  100. ul, ol, li{list-style: square; margin:auto; padding:auto; color:{color:text}; border-bottom:1px solid #f7f7f7;}
  101.  
  102. .audio_player, object    {text-align:left; letter-spacing: 1px;}
  103. ol.notes, .action    {list-style:none; padding:0px; margin:0px; line-height: 13px;}
  104. .notes li{list-style:none; padding:5px; margin:0px; border-bottom: 1px solid {color:border}; line-height: 14px;}
  105. .notes li:hover    {list-style:none; padding:5px; margin:0px; border-bottom: 1px solid {color:border}; line-height: 14px; background: {color:post};}
  106.  
  107. #cap {width: 500px; padding-top: 5px;}
  108.  
  109. #dda {font-size: 9px; font-family: verdana; text-transform: lowercase;}
  110. .dda a {font-size: 9px;}
  111.  
  112. .tags {color: ;  font-size: 9px; font-family: verdana;  display: inline; list-style: none; text-transform: lowercase; color:{color:text};}
  113. .tags a {font-size: 9px; color: verdana; display: inline; list-style: none; text-transform: lowercase;}
  114. .tags b {font-size:9px;}
  115.  
  116. .source{padding-top:-15px;}
  117. .clear {margin-top:-22px;}
  118.  
  119. /*-- TÍTULOS --*/
  120.  
  121. .text {font:italic 22px georgia; color: {color:text};
  122. line-height:25px; font-weight:normal;  text-align:center; letter-spacing: 1px;}
  123.  
  124. .ezeqt {font-size: 130px; font-family: georgia; line-height: 90px; margin-left: 5px; color:{color:text}; padding-top:20px;}
  125.  
  126. .quote {font-family: tahoma; font-size: 16px; line-height: 25px;  margin-top: -109px; margin-left: 55px; padding: 6px; color:{color:text};}
  127.  
  128. .quotesource {float:right; color:{color:text} !important;}
  129.  
  130. /*-- ASK --*/
  131.  
  132. .question {padding: 5px 5px 5px 10px; background: #f1f1f1;}
  133. .resposta {padding-left: 3px; margin: 2px 0px -7px 5px;}
  134.  
  135. /*-- BARRA DE ROLAGEM, PAGINAÇÃO E CRÉDITOS --*/
  136.  
  137. ::-webkit-scrollbar-thumb:vertical {background-color: {color:text}; height: 50px;}
  138. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:text}; height: 10px;}
  139. ::-webkit-scrollbar {height: 5px; width: 4px; background-color: {color:BACKGROUND};}
  140.  
  141. #paginacaoml {margin-top: -1px; font-family: verdana; font-size: 8px; line-height: 21px; }
  142. #paginacaoml a {background: #fff; margin: 0 1px 0 -2px; padding: 2px 4px; color: {color:link}; text-decoration: none;}
  143. #paginacaoml a:hover {background: #fff; color: {color:linkhover}; border: none;}
  144. #paginacaoml span.pagina_atual {background: #fff; margin: 0 1px 0 -2px; padding: 2px 4px; color: #aaa; font-weight: bold; text-decoration: none;}
  145. #paginacaoml span.info {background: #fff; margin: 0 0 0 -2px; padding: 2px 4px; color: {color:link}; text-decoration: none;}
  146.  
  147. .boxpag {margin-top: 119px; height: 18px; width: 127px; margin-left: 120px; position: absolute; background: {color:post}; text-align: center; position:fixed; padding-left:5px;}
  148.  
  149. .credito {text-align: right; font-size: 9px; font-family: verdana; padding: 2px; margin-top: 119px; height: 14px; width: 190px; margin-left: -47px; position: fixed; background: {color:post}; text-align: center; color:{color:text};}
  150.  
  151. /*-- TUDO DA SIDEBAR --*/
  152.  
  153. div.menu {position: relative;  width: 280px; height: 189px; overflow: hidden; padding: 8px; left:-47px; z-index: 100000;}    
  154. div.menu div {position: absolute; top: 0px; left: 0px; -webkit-transition: 1s ease-in-out; background: #fff; padding:7px; z-index: 999999;}
  155. div.menu:hover div.menu1 {-webkit-transition: 2s ease-in-out; z-index: 9999;}
  156.  
  157. #links {width: 280px; margin-right:-27px; margin-top:1px; padding: 0px; text-align: center; float:right;}
  158. #links a {float: left; display: block; letter-spacing: 0px; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 1px; width: 109px; background-color: {color:sidebacklinks}; color:{color:sidebarlinks}; border-left: solid 1px #f8f8f8; text-decoration: none; text-transform: none; line-height: 22px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  159. #links  a:hover{text-align: center; background-color:{color:sidebacklinks}; color:{color:linkhover}; letter-spacing: 2px;}
  160. .espaco {background:{color:post}; width:160px; height:3px; margin-top:200px; margin-right:100px; z-index:100000000}
  161.  
  162. #descri {text-align: center; font-size: 9px; font-family: verdana; position: absolute; margin-left: -47px; width: 280px; height:100px; background-color: {color:post}; color: {color:text}; padding: 7px; margin-top: 8px; background-attachment: fixed; float:left;}
  163.  
  164. .title {width:294px; height:70px; text-align:center; font: 20px Georgia; margin-right:33px; margin-bottom:1px; letter-spacing:1px; background:{color:post}; float:right; padding-bottom:3px;}
  165.  
  166. /* STEP CAROUSEL */
  167.  
  168. .stepcarousel{
  169. background-color: #fff;
  170. position: relative; /*leave this value alone*/
  171. overflow: scroll; /*leave this value alone*/
  172. width: 293px; /*Width of Carousel Viewer itself*/
  173. height: 210px; /*Height should enough to fit largest content's height*/
  174. margin-left: 0px;
  175. margin-top:-484px;}
  176.  
  177. .stepcarousel .roll{
  178. position: absolute; /*leave this value alone*/
  179. left: 0;
  180. top: 0;}
  181.  
  182. .stepcarousel .slide{
  183. background-color: #fff;
  184. float: left; /*leave this value alone*/
  185. overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  186. margin-left: -16px; margin-right:6px; margin-top: 5px; /*margin around each panel*/
  187. width: 325px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }
  188.  
  189. #container {text-align: center; width: 1000px; margin: 25px auto 0px -46px; padding: 0px; z-index: 1}
  190.  
  191. </style>
  192.  
  193. <!--Make sure page contains valid doctype at the very top!-->
  194.  
  195. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  196.  
  197. <script type="text/javascript" src="http://almostfamousfame.webs.com/galleryroll.js">
  198.  
  199. /***********************************************
  200.  
  201. * Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  202. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  203. * This notice must stay intact for legal use
  204.  
  205. ***********************************************/
  206.  
  207. </script>
  208.  
  209. <script type="text/javascript">
  210. stepcarousel.setup({
  211.    
  212.     galleryid: 'pictures', //id of carousel DIV
  213.     beltclass: 'roll', //class of inner "belt" DIV containing all the panel DIVs
  214.     panelclass: 'slide', //class of panel DIVs each holding content
  215.         autostep: {enable:false, moveby:1, pause:3000},
  216.         panelbehavior: {speed:500, wraparound:false, wrapbehavior:'slide', persist:true},
  217.     defaultbuttons: {enable: true, moveby: 1, leftnav: ['http://static.tumblr.com/8ktidkj/J0xm0fu9s/left.png', 250,-25, 268, -31,], rightnav: ['http://static.tumblr.com/8ktidkj/Mjbm0fu9b/right.png', -26,-25, -42, -31]},
  218.     statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
  219.         contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
  220. })
  221.  
  222. </script>
  223.  
  224. <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  225.  
  226. <body>
  227.  
  228. <div id="page">
  229. <div id="sidebar">
  230.  
  231. <div class="title">{text:title}</div>
  232.  
  233. <!--- Fotos da Sidebar --->
  234.  
  235. <div id="container">
  236.  
  237. <div style="margin-top: 278px; height:280px; width:7px;"></div>
  238.  
  239. <div id="pictures" class="stepcarousel"><div class="roll">
  240.  
  241. <div class="slide">
  242. <img src="{image:slide}" width="280" height="200"/>
  243. </div>
  244.  
  245. <div class="slide">
  246. <img src="{image:slide1}" width="280" height="200"/>
  247. </div>
  248.  
  249. <div class="slide">
  250. <img src="{image:slide2}" width="280" height="200"/>
  251. </div>
  252.  
  253. <div class="slide">
  254. <img src="{image:slide3}" width="280" height="200"/>
  255. </div>
  256.  
  257. <div class="slide">
  258. <img src="{image:slide4}" width="280" height="200"/>
  259. </div>
  260.  
  261. </div></div></div>
  262.  
  263. <div id="links">
  264. <a href="{text:Link1}">{text:Link1 Title}</a>
  265. <a href="{text:Link2}">{text:Link2 Title}</a>
  266. <a href="{text:Link3}">{text:Link3 Title}</a>
  267. <a href="{text:Link4}">{text:Link4 Title}</a>
  268. <a href="{text:Link5}">{text:Link5 Title}</a>
  269. <a href="{text:Link6}">{text:Link6 Title}</a>
  270. <a href="{text:Link7}">{text:Link7 Title}</a>
  271. <a href="{text:Link8}">{text:Link8 Title}</a>
  272. </div>
  273.  
  274. <div style="padding: 0px; padding-bottom: 0px; border: solid 5px #fff; overflow: auto; background-color: #fff; margin: -7px auto -7px -46px; width: 65px;"><marquee direction="up" scrollamount="3" height="87px" behavior="alternate"  onmouseover="this.stop()" onmouseout="this.start()">
  275. <img src="{image:marquee}" width= "65px;"><img src="{image:marquee1}"  width= "65px;"><img src="{image:marquee2}"  width= "65px;"><img src="{image:marquee3}"  width= "65px;"></marquee>
  276. </div>
  277.  
  278. <div id="descri">{Description}</div>
  279.  
  280. <div class="boxpag"><div id="paginacaoml">
  281. {block:JumpPagination length="4"}
  282. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  283. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  284. {/block:JumpPagination}
  285.  
  286. </div></div>
  287.  
  288. <div class="credito">theme by <a href="http://freiheita.tumblr.com"><font color="#DBDBDB">freiheita.</font></a> violetbuds copy.</div>
  289.  
  290. </div>
  291.  
  292. <div class="post">
  293. <div id="content">
  294. <div id="main">
  295.  
  296. <!-- POSTS -->
  297.  
  298. {block:Posts}
  299.  
  300. <div class="box">
  301.  
  302. {block:Text}
  303. {block:Title}
  304. <div class="text">{Title}</div>
  305. {/block:Title}
  306. <p>{Body}</p>
  307.  
  308. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  309. {/block:ContentSource}
  310. {/block:Text}
  311.  
  312. {block:Photo}
  313. <img src="{PhotoURL-500}" width="500px" target="_blank" alt="{PhotoAlt}"/>
  314. {block:Caption}
  315. <p>{Caption}</p>
  316. {/block:Caption}
  317. {/block:Photo}
  318.  
  319. {block:Answer}
  320. <img src="{AskerPortraitURL-48}" style="float: left; margin-left: 0px; background: #eee; padding: 5px; margin-top: 5px; border-radius: 9px; /* CSS 3 */ -o-border-radius: 9px; /* Opera */
  321. -ica-border-radius: 9px; /* iCab */ -khtml-border-radius: 9px; /* Konqueror */ -moz-border-radius:9px; /* Firefox */ -webkit-border-radius: 9px; /* Safari */">
  322.  
  323. <div class="question">{Asker} sussurou:
  324. {Question}&nbsp;</div>
  325.  
  326. <div class="resposta">{Answer}</div>
  327. {/block:Answer}
  328.  
  329. {block:Photoset}
  330. {Photoset-500}
  331. {block:Caption}
  332. <p>{Caption}</p>
  333. {/block:Caption}
  334. {/block:Photoset}
  335.  
  336. {block:Quote}
  337. <div class="ezeqt"></div><div class="quote">{Quote}</div>
  338. {block:Source}
  339. <div class="quotesource"><b></b> {Source}</div>
  340. {/block:Source}
  341. {/block:Quote}
  342.  
  343. {block:Link}
  344. <a href="{URL}" target="_blank"><div class="text">{Name}</div></a>
  345. {block:Description}
  346. <p>{Description}</p>
  347. {/block:Description}
  348. {/block:Link}
  349.  
  350. {block:Chat}
  351.  
  352. {block:Title}<div class="text">{Title}</div>{/block:Title}
  353. {block:Lines}
  354. {block:Label}
  355. <span class="label"><b>{Label}</b></span>
  356. {/block:Label}
  357. {Line} <br>
  358. {/block:Lines}
  359. <div class="padding-bottom:-20px;"</div></div>
  360. {/block:Chat}
  361.  
  362. {block:Audio}
  363.         <center><div style="width:400px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  364. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></center><BR>
  365.         {block:Caption}<p<center>{Caption}</center></p>{/block:Caption}
  366. {/block:Audio}
  367.  
  368. {block:Video}
  369. {Video-500}
  370. {block:Caption}
  371. <p>{Caption}</p>
  372. {/block:Caption}
  373. {/block:Video}
  374.  
  375. <div id="cap">
  376.  
  377. <div class="source"></div>
  378.  
  379. {block:Date}<div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}</div>
  380.  
  381. <div id="dda">
  382. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}  · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:IndexPage} · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}
  383. {block:RebloggedFrom}<br>originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  384. {/block:RebloggedFrom}
  385. </div>{/block:Date}
  386. <br clear="all" /></div>
  387.  
  388. <div style="padding-top:-10px;"></div>
  389.  
  390. <div class="clear"></div>
  391. </div>
  392.  
  393.  
  394. <!-- Notes -->
  395.  
  396. {block:PostNotes}
  397. <div class="box">
  398. {PostNotes}</div>
  399. {/block:PostNotes}
  400.  
  401. <!-- Fim dados do post!-->
  402. {/block:Posts}
  403. </div></div>
  404. </div></div>
  405.  
  406. </body>
  407. </head></html>