API tools faq
paste
soliloquiar

theme 83 (com 2 colunas) por drunkhern

soliloquiar
Aug 3rd, 2013
377
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.81 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!-- theme had been made by drunkhern.tumblr.com -->
  4.  
  5.  
  6.  
  7. <title>{Title}</title><link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml">
  11. <head profile="http://gmpg.org/xfn/11">
  12.  
  13.  
  14.  
  15.  
  16. <meta name="color:background" content="#fff"/>
  17. <meta name="color:pst borda" content="#fff"/>
  18. <meta name="color:posts" content="#fff"/>
  19. <meta name="color:textos" content="#000"/>
  20. <meta name="color:balao ask" content="#eee"/>
  21. <meta name="color:scrollbar" content="#000"/>
  22.  
  23. <meta name="color:bordas" content="#000" />
  24. <meta name="color:links" content="#fff" />
  25. <meta name="color:wlinks" content="#000" />
  26. <meta name="color:symbols" content="#000" />
  27.  
  28. <meta name="text:symbols" content="♡ ♡ ♡ ♡" />
  29.  
  30. <meta name="font:posts" content= "georgia" />
  31.  
  32. <meta name="if:Rolagem infinita" content="1"/>
  33. <meta name="if:monocromia" content="1"/>
  34.  
  35. <meta name="image:sidebar" content="http://media.tumblr.com/0e7d214dd8265f1d578289405520e688/tumblr_inline_mpdtxfXNVa1qz4rgp.png"/>
  36. <meta name="image:background" content=""/>
  37.  
  38. <meta name="text:Link1" content="" />
  39. <meta name="text:Link1 Title" content="" />
  40. <meta name="text:Link2" content="" />
  41. <meta name="text:Link2 Title" content="" />
  42. <meta name="text:Link3" content="" />
  43. <meta name="text:Link3 Title" content="" />
  44. <meta name="text:Link4" content="" />
  45. <meta name="text:Link4 Title" content="" />
  46.  
  47.  
  48. <link href='http://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic' rel='stylesheet' type='text/css'>
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53. /*** corpo básico ***/
  54.  
  55. body {opacity:1.0;text-align:justify;font-family:{font:posts}; font-size: 11PX; background-attachment: fixed;background:{color:background};background-image:url('{image:background}'); color: {color:textos};}
  56.  
  57. blockquote {color:{color:text}; background-color:transparent}
  58.  
  59. b, strong{color:{color:textos}}
  60. i, em{color:{color:textos}}
  61. s{color:{color:textos}}
  62. u{border-bottom: {color:textos}; color: {color:textos};} a:link, a:active, a:visited{ color:{color:textos}; text-decoration:none; -webkit-transition-duration: 0.4s; }
  63.  
  64. /*** posts e container ***/
  65.  
  66. #entryys {position:absolute; margin:auto; margin-top:20px; margin-bottom:30px; margin-left:440px; width:550px;}
  67.  
  68. #everytg {margin:0px auto 20px auto; margin-left:250px; width:AUTO;}
  69.  
  70. .posts {width: 250px;overflow: hidden; float:left; position:relative; margin: 1px; -webkit-transition: opacity 1.55s linear;-moz-transition: opacity 1.55s linear;-webkit-transition: all 1.55s ease-in-out;-moz-transition: all 1.55s ease-in-out;-o-transition: all 1.55s ease-in-out; width: 250px; padding:5px;background:{color:posts}; border:1px solid {color:pst borda}; {block:IfSombra} box-shadow:0px 5px 15px -3px rgba(0, 0, 0, 0.47){/block:IfSombra};width: 250px;}
  71. .posts:hover {width:250px;color:#666; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  72.  
  73. .bpostx {overflow: hidden; float:left; position:relative; -webkit-transition: opacity 1.55s linear;-moz-transition: opacity 1.55s linear;-webkit-transition: all 1.55s ease-in-out;-moz-transition: all 1.55s ease-in-out;-o-transition: all 1.55s ease-in-out; width: 250px; }
  74. .bpostx:hover {width:250px; color:#666; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear;}
  75.  
  76. .source {display: none;}
  77. .imagem {text-align: cent-radius:1px;border-radius:1px; width:250px; text-align:justify;border-right: 7px solid {color:quote}; color:{color:textos};{block:IfMonocromia} -webkit-filter: grayscale(80%);{/block:IfMonocromia}}
  78.  
  79. .image img {width: 250px;color:{color:textos};{block:IfMonocromia} -webkit-filter: grayscale(80%);{/block:IfMonocromia}}
  80.  
  81. #photoset {width: 250px; margin-top: -2px; {block:IfMonocromia} -webkit-filter: grayscale(80%);{/block:IfMonocromia}}}
  82. .photoset {{block:IfMonocromia} -webkit-filter: grayscale(80%);{/block:IfMonocromia}};} .source {display: none;}
  83.  
  84. h1 {font-family:cambria;text-align:center; font-size: 16px; font-weight: normal; font-style:italic; line-height: 16px;color: {color:text};}
  85. h1 a {text-align: center;font-weight: normal; line-height: 16px;color: {color:text}; }
  86.  
  87. .chat { margin: 0; font-size: 11px; font-family:{font:posts};background: {color:posts};}
  88. .chat .lines {padding: 0px 0px 0px 0px; background: {color:postss}; color: {color:sidebar};}
  89. .chat .lines span{font-style: italic;}
  90. .person1 {color: {color:text}; padding: 2px; }
  91. .person1 .label {font-style: italic; color:{color:text}}
  92. .person2 {color: {color:text}; padding: 2px; }
  93. .person2 .label {font-style: italic; color:{color:text}}
  94. .player {background-color: #000; text-align: left; display:block;}
  95.  
  96. .quote {background-color:{color:posts}; border-radius:3px;text-align:justify; font-family:{font:posts};font-size:12px; line-height:15px; padding:3px;margin-left:-2px;margin-bottom:3px; margin-top:2px;}
  97. .quote:First-letter { font-size:13px;}
  98. .sc {font-family:{font:posts};float:right;font-size:11px; margin-top:1px;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;color:{color:textos};}
  99.  
  100. #balaoask{width:240px;padding:5px;background-color:{color:balao ask};-webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;}
  101. #balaoaskk {margin-top:-0px;margin-left:18px;width: 0;height: 0;border-top: 17px solid {color:balao ask};border-left: 17px solid transparent;}
  102. #askker{text-align: left; vertical-align:bottom;margin-top:-24px;margin-left:20px;font-size:10px;font-family:{font:posts};}
  103. #askker img{vertical-align:center;float:left; max-height:35px;margin-left: 20px;margin-right: 5px;}
  104.  
  105. /*** info e tags ***/
  106.  
  107. .infotxt {margin-left: 0px; bottom: 0px;position: absolute; opacity:0; z-index: 400; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear; font-family:cambria; width: 245px; font-family:{font:posts}; font-size:9px; color:#000; background-color:#fff; padding:3px;text-align:center; border-top: 1px solid #eee;}
  108. .posts:hover .infotxt {bottom: 0px; opacity:1; z-index:99999999;}
  109.  
  110. .infoimg {margin-left: 190px;position: absolute; opacity:0; z-index: 400; -webkit-transition:all 0.66s linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear; margin-top: 3px; max-width: 130px;font-family:cambria; font-size:9px; font-color:#000; background-color:#fff; padding:10px;text-align:center; border-radius: 50px; border: 1px solid #eee;}
  111. .posts:hover .infoimg {margin-left: 190px; linear;-moz-transition:all 0.66s linear;transition:all 0.66s linear; opacity:0.9}
  112.  
  113. .vsanna{display: none;}
  114.  
  115.  
  116. /*** barra de rolagem ***/
  117.  
  118. ::-webkit-scrollbar-thumb:vertical {background: {color:scrollbar}; border: 1px solid #bgh; height:50px;}
  119. ::-webkit-scrollbar {height:10px;width:10px; background: transparent; border: 1px solid #bgh; }.imagem img {max-width: 250px;}
  120.  
  121. iframe#tumblr_controls { position:fixed;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.3;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  122.  
  123. #sidebar {position:fixed; width: 220px; height:195px; margin-left:270px;margin-top:5px; -webkit-transition-duration: 0.4s;}
  124.  
  125. #frufru {height:200px; margin-top:20px; margin-left:0px; position:fixed; text-align:left;}
  126. #frufru img {width:150px; height:auto; padding-top:5px; border-top: 3px solid {color:bordas};}
  127.  
  128. #amy{ color:{color:symbols}; z-index:9999 ; font-family: cambria; text-transform: uppercase; font-size:12px;background-color:transparent; position: fixed;height:auto; margin-top:5px; display: block;letter-spacing:3px; margin-left:0px; text-align: center; width: 150px; }
  129.  
  130. #links {width:150px;margin-top:245px;margin-left:0px;text-align:center;font-size:9px;font-family:cambria;background-color:transparent;position:fixed; height:auto; line-height:10px;}
  131. #links a{padding:2px; letter-spacing:1px; color:{color:links}; background-color:{color:wlinks};}</style><body>
  132.  
  133.  
  134. <div id="sidebar"><div id="amy">{text:symbols}</div>
  135.  
  136. <div id="frufru"><img src="{image:sidebar}"></div>
  137.  
  138. <div id="links"><a href="{text:Link1}">{text:Link1 Title}</a><a href="{text:Link2}">{text:Link2 Title}</a><a href="{text:Link3}">{text:Link3 Title}</a><a href="{text:Link4}">{text:Link4 Title}</a><a href="{text:Link5}">{text:Link5 Title}</a><a href="http://drunkhern.tumblr.com/">cred</a></div></div>
  139.  
  140. <div id="entryys">{block:Posts}<div class="posts"><div class="bpostx">
  141.  
  142. <!-- postagem texto-->{block:Text}{block:IndexPage}
  143. <div class="infotxt">{DayOfWeek} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>
  144. {/block:IndexPage}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  145.  
  146. <!--postagem foto--><div id="cap">{block:Photo}{block:IndexPage}<div class="infoimg"> {DayOfMonth}/{MonthNumber}/{ShortYear}{block:ContentSource} <br> <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} <br> <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{block:IndexPage}<img src="{PhotoURL-250}">{/block:IndexPage}{/block:Photo}
  147.  
  148. <!--postagem photoset-->
  149. {block:Photoset}{block:IndexPage}<div class="infotxt">{DayOfWeek} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  150.  
  151. <!--postagem quote-->{block:Quote}{block:IndexPage}<div class="infotxt">{DayOfWeek} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}<div class="quote">"{Quote}"</div> <div class="sc"><span></span>– {Source}</div> {/block:Quote}
  152.  
  153. <!--postagem links-->{block:Link}{block:IndexPage}<div class="infotxt">{DayOfWeek} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  154.  
  155. <!--chat-->{Block:chat}{block:IndexPage}<div class="infotxt">{DayOfWeek} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{block:lines}<div class="chat"><div class="lines">{block:Label}<span>{Label}</span>{/block:Label} {Line}</div></div>{/block:lines}{/block:chat}
  156.  
  157. <!--musica-->{block:Audio}{block:IndexPage}<div class="infotxt">{DayOfWeek} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}<div class="player">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  158.  
  159. <!--video-->{block:Video}{block:IndexPage}<div class="infotxt">{DayOfWeek} {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}{block:IndexPage} / <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage}</div>{/block:IndexPage}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  160.  
  161. <!--ask-->{block:Answer}<div id="balaoask">{Question}</div><div id="balaoaskk"></div><br><div id="askker"><img src="{AskerPortraitURL-24}">{Asker}</div>{Answer}{/block:answer}</div>
  162.  
  163. <div class="vsanna"></div></div></div>{/block:Posts}
  164.  
  165.  
  166.  
  167.  
  168. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  169. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  170. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  171. <script type="text/javascript">
  172. $(window).load(function(){
  173. var $wall = $('#entryys');
  174. $wall.imagesLoaded(function(){
  175. $wall.masonry({
  176. itemSelector: '.posts',
  177. isAnimated : true
  178. });
  179. });
  180. $wall.infinitescroll({
  181. navSelector : "div#navigation",
  182. nextSelector : "div#navigation a#nextPage",
  183. itemSelector : '.posts',
  184. loadingImg : "http://static.tumblr.com/8yo5xxv/3Tum7rjpo/loader.gif",
  185. loadingText : "",
  186. donetext : " ",
  187. extraScrollPx : 1000,
  188. bufferPx : 10100,
  189. debug : false,
  190. errorCallback: function() {
  191. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  192. }},
  193. function( newElements ) {
  194. var $newElems = $( newElements );
  195. $newElems.hide();
  196. $newElems.imagesLoaded(function(){
  197. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 25, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  198. });
  199. }); $('#entryys').show(500);
  200. });
  201. </script>
  202. <div class="column navigation" id="navigation">
  203. {block:Pagination}
  204. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  205. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  206. </div>
  207. {/block:IndexPage}
  208.  
  209. </div></div></div></div></div>
  210. </div></div></div></div></div></div></div></div></div>
  211. </body>
  212. </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!