Advertisement
clamam

Theme #039

Jul 11th, 2015
790
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.01 KB | None | 0 0
  1. <html><head><title>{Title}</title>
  2. <link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  3.  
  4.  
  5. <!--
  6. Theme by clamam ❥
  7. http://clamam.tumblr.com/
  8. Preserve a ética da internet, não retire os créditos!
  9. -->
  10.  
  11. <meta name="image:image background" content="" />
  12. <meta name="image:image sidebar" content=""/>
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:post header" content="#ffffff"/>
  15. <meta name="color:posts" content="#eeeeee"/>
  16. <meta name="color:border" content="#eeeeee"/>
  17. <meta name="color:text" content="#666666"/>
  18. <meta name="color:links" content="#666666"/>
  19. <meta name="color:links hover" content="#cd2626"/>
  20. <meta name="color:blockquote" content="#eeeeee"/>
  21. <meta name="color:scrollbar" content="cd2626"/>
  22. <meta name="color:selection" content="#000000"/>
  23. <meta name="color:audio" content="#fafafa"/>
  24.  
  25. <meta name="if:background repeat" content="0"/>
  26. <meta name="if:post justify" content="1"/>
  27. <meta name="if:photos black white" content="0"/>
  28. <meta name="if:photos vintage" content="0"/>
  29. <meta name="if:photos fade" content="0"/>
  30.  
  31. <meta name="text:post size" content="13" />
  32. <meta name="text:links size" content="13" />
  33.  
  34. <meta name="text:Link 1 Title" content="link 1" />
  35. <meta name="text:Link 1" content="/" />
  36. <meta name="text:Link 2 Title" content="link 2" />
  37. <meta name="text:Link 2" content="/" />
  38. <meta name="text:Link 3 Title" content="link 3" />
  39. <meta name="text:Link 3" content="/" />
  40. <meta name="text:Link 4 Title" content="link 4" />
  41. <meta name="text:Link 4" content="/" />
  42.  
  43. <style type="text/css">
  44. body {background:{color:background}; color:{color:text}; font-family:georgia; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} -webkit-animation:Fade 5s; font-size:{text:post size}px; background-image:url('{image:image background}'); background-attachment:fixed; background-repeat: no-repeat; background-size:100% 100%; line-height:140%;
  45. cursor: url('https://31.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default!important;}
  46. {block:Ifbackgroundrepeat} body {background:{color:background}; color: {color:text}; font-family:georgia; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} -webkit-animation:Fade 5s; font-size:{text:post size}px; background-image:url('{image:image background}'); background-attachment:fixed; background-repeat: repeat; line-height:140%;
  47. cursor: url('https://31.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default!important;}{/block:Ifbackgroundrepeat}
  48. a {color:{color:text}; text-decoration:none; text-transform:none;}
  49. a:hover {color: {color:text}; background-color:transparent; text-decoration:none; cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default!important;} p { margin:6px 0 0 0 }
  50. blockquote{margin:2px 5px 2px 5px; padding: 1px 0 3px 6px; border-left:
  51. 1px solid {color:blockquote};}
  52.  
  53. #center {width:670px; position:relative; margin-left:auto; margin-right:auto; margin-top:0px; overflow:hidden; {block:PermalinkPage}height:1000px;{/block:PermalinkPage}}
  54. #entry {width:400px; margin-top:0px; margin-left:240px; padding-bottom:30px;}
  55. .posts {top:0px; margin:25px auto 0; border:2px solid {color:border}; float:left; {block:Ifonecolumn}width: 400px;{/block:Ifonecolumn}width:400px; padding:10px; {block:IndexPage} width:400px;{block:Ifonecolumn}width:400px;{/block:Ifonecolumn} position:relative; {/block:IndexPage} {block:PermalinkPage}width: 400px;{/block:PermalinkPage};}
  56.  
  57. h1 {font-family:calibri; text-align:center; font-size:15px; color:{color:title}; text-transform:uppercase; font-weight: normal; line-height: 15px;}
  58. h1 a {color:{color:title}; text-transform:uppercase; text-align:center; font-size:15px; font-weight: normal; line-height: 15px;}
  59. h1 a:hover {text-align:right; font-size:13px; color: {color:links hover}; font-weight:normal; line-height:20px; letter-spacing:.5px;}
  60.  
  61. .source {display: none;}
  62. .but {border-radius:5px; padding:0px; overflow: hidden; float:left; position:relative; margin:1px; {block:indexpage} width:450px; {/block:indexpage}{block:PermalinkPage}width:400px;{/block:PermalinkPage};}
  63. .extra1 {width:400px; text-indent:5px; margin-bottom:2px; padding-left:0px; padding-top:5px; padding-bottom:4px; padding-right:0px; margin-left:0px; margin-right:0px; border-bottom:1px {color:border} solid; line-height:15px;}
  64.  
  65. .caixinha {opacity:0; position:absolute; padding-right:5px; text-align:center; height:20px; line-height:20px; text-transform:uppercase; bottom:0px; left:-0px; z-index:99; background:{color:post header}; width:200px; opacity: 0.0; -webkit-transition-duration: 0.9s; -webkit-transition: opacity 0.5s linear; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -webkit-transition: all 0.6s ease-out; -o-transition:All 1s ease;}
  66. .posts:hover .caixinha {opacity:1; bottom:0px; margin-left:25%;}
  67. .caixinha a {font-family:calibri; font-size:10px; text-transform:uppercase; bottom:0px; margin-left:5px;}
  68. .posts .pupu {width:240px; height: 16px; font-family:calibri; font-size: 10px; text-transform:uppercase; position: absolute; line-height: 15px; text-align:center; opacity:.8; text-decoration: none;}
  69. .posts:hover .pupu {bottom:5px; opacity:1;-webkit-transition: all 0.5s linear; -webkit-transition: all 0.5s linear;-moz-transition: all 0.1s linear;}
  70.  
  71. .posts .pupu {width:200px; height: 16px; font-family:calibri; font-size: 10px; text-transform:uppercase; position: absolute; line-height: 15px; text-align:center; opacity:.8; text-decoration: none;}
  72. .posts:hover .pupu {bottom:5px; opacity:1;-webkit-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.1s linear;}
  73.  
  74. .psiu {position: absolute; text-align:right; height:5px; line-height:5px; bottom:0px; right:2%; z-index:99; font-family:calibri; font-size:{text:source size}px; background:{color:center}; width:auto; position:right;position:right; padding:2px; text-decoration: none;}
  75. .psiu a{position:right; font-family:calibri; font-size:{text:source size}px; color:{color:links}; font-style:normal;}
  76.  
  77. ol.notes {list-style: none; width:400px; margin-left:-40px;}
  78. ol.notes li.note {margin-bottom: 2px; padding-left: 7px; padding-top: 5px; padding-bottom: 4px; padding-right: 5px;text-transform: lowercase; line-height: 25px; border-bottom:1px {color:border}; width:400px;}
  79. ol.notes li.note img.avatar {display:inline; width:16px; height:16px; border-radius:30px;}
  80. ol.notes li.note .answer_content {font-weight: normal;}
  81. ol.notes li.note blockquote {display: none;}
  82.  
  83. .questao {padding: 5px; text-align:left; z-index: 1; font-family:georgia; font-size: {text:post size}px;}
  84. .pergunta {font-size: 13px; font-family:calibri; right:-3px; margin-top:-10px; text-align:right; border-bottom:1px solid {color:border}; text-decoration:none; text-transform:none;important}
  85. .resposta { width:98%; padding: 2px; font-size:{text:post size}px; margin-top:-20px;}
  86.  
  87. #s-m-t-tooltip {position:absolute; height:15px; width:auto; padding:5px; line-height:15px; z-index:999999999; font-size:10px; color:{color:text}; text-align:center; font-family:calibri; margin-top:15px; text-transform:uppercase; letter-spacing:.5px; background:{color:background};}
  88. #s-m-t-tooltip:after {content: ''; position: absolute; display:block; z-index:9;}
  89.  
  90. /*liriadas*/.audio-box {float:right; text-align:right; display:inline-block; margin-top:-4px;}
  91. .audio {font-family:calibri; font-size:10px; letter-spacing:.1em; text-transform:uppercase; padding:5px; margin-bottom:1px; width:95%; background:{color:audio}; font-style:normal;}
  92. #music-holder {float:left; width:90px; height:90px;}
  93. #album-art {position:absolute; overflow:hidden; float:left; width:90px; height:90px;}
  94. #album-art img {width:100px; position:absolute; float:left;}
  95. #music-art {position:absolute; float:left; width:90px; height:90px;}
  96. #music-circle {position:absolute; width:46px; height:46px; border-radius:23px; background-color:white; z-index:999999; margin:20px; opacity:.5;}
  97. #music-circle:hover {opacity:1;}
  98. #audio-player {position:absolute; overflow:hidden; height:28px; width:28px; margin:9px;}
  99. iframe#tumblr_controls, .lcredit.icon.theme {position:fixed!important; -webkit-filter:invert(100%); opacity:0.5; top:3px; text-transform:none;}
  100. iframe#tumblr_controls {position:fixed!important; -webkit-filter:invert(100%); margin-right:67px; opacity:.5; top:0px; text-transform:none;}/*fim liriadas*/
  101.  
  102. #sidebar {width:170px; font-size:12px; margin-top:130px; margin-left:10px; float:left; text-align:left; position:fixed; margin-bottom:10px; border:2px solid {color:border}; padding:10px;}
  103.  
  104. #foto {margin-bottom:5px;}
  105. #foto img {height:150px; width:150px; border:10px solid {color:posts};}
  106.  
  107. #links {top:5px; font-family:Istok Web, sans-serif;}
  108. #links a {display:block; font-size:{text:links size}px; margin-top:6px; background:{color:posts}; padding:5px; text-align:center;}
  109. #links a:hover{background:{color:background};}
  110.  
  111. b, strong {color:;}
  112. i, em {color:{color:title}; font-family:'Lora', serif;}
  113. s {color:;}
  114. u {border-bottom:; color:;}
  115. a:link,a:active,a:visited {color:{color:links}; -webkit-transition-duration: .90s;} a:hover {color:{color:links hover};} .vsanna {display:none;}
  116.  
  117. #scrollToTop:link,#scrollToTop:visited {color: transparent; background-color: transparent; display: none; position: fixed; bottom: 15px; right: 15px; opacity:.5;}
  118. #captions {font-size:10px; font-familY:calibri; letter-spacing:1px; text-align:center; background:{color:border}; padding:10px; margin-top:10px; margin-bottom:10px; color:{color:text};}
  119.  
  120. /*thoughtandsoul*/.chat{line-height:200%; list-style:none}
  121. .chat ul {line-height:200%; list-style:none; padding: 10px;}
  122. .person1 {background-color:{color:chat}; color:{color:text};}
  123. .person1 .label {padding:0px; margin-left:3px; color:{color:title}; text-transform:uppercase; font-family:calibri; letter-spacing:.1em;}
  124. .person2 {background-color:transparent; color:{color:text};}
  125. .person2 .label {padding:0px; margin-left:3px; color:{color:title}; text-transform:uppercase; font-family:calibri; letter-spacing:.1em;}/* fim thoughtandsoul*/
  126.  
  127. {block:Ifphotosfade} img{opacity:0.7;-webkit-transition:all 0.9s linear; -moz-transition:all 0.9s linear; -webkit-filter:grayscale(10%);} img:hover{opacity:0.9; -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}{/block:Ifphotosfade}
  128. {block:Ifphotosblackwhite} img{-webkit-filter: grayscale(80%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;} img:hover{ -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  129. -o-transition:All 1s ease;}{/block:Ifphotosblackwhite}
  130. {block:Ifphotosvintage}img{-webkit-filter:grayscale.300; -webkit-filter: grayscale(40%); transition:all 1s ease;} img:hover{ -webkit-filter:grayscale(0);}{/block:Ifphotosvintage}
  131.  
  132. .quote {font-family:Istok Web, sans-serif; line-height:23px; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} font-size:{text:post size}px; background:{color:posts}; padding:15px;}
  133. .quotesource {font-family:Istok Web, sans-serif; text-align:right; margin-top:5px; font-size:{text:posts size}px; padding-bottom:15px;}
  134.  
  135. ::selection {background: {color:selection}; color: {color:title};}
  136. ::-moz-selection {background: {color:selection};color: {color:title};}
  137. @-webkit-keyframes Fade {0% {opacity:0;} 100% {opacity:1;}}
  138. ::-webkit-scrollbar {background-color:transparent; height:1px; width:3px}
  139. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px;border-radius:0px;}
  140. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:1px!important}
  141.  
  142. </style>
  143. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("a[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:90, tip_fade_speed:600, attribute:"title"});});})(jQuery);</script>
  144.  
  145. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/a3buyye/sUzngt46k/arrows-back-icon.png" border="0"></a>
  146. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  147. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/Jbxnhk8nn/lcredit.css">
  148. <link href='http://fonts.googleapis.com/css?family=Arvo|Lora:700italic|Baumans' rel='stylesheet' type='text/css'>
  149. </head>
  150. <body>
  151.  
  152.  
  153. <div id="center">
  154. <div id="sidebar">
  155. <div id="foto"><img src="{image:image sidebar}" title="{title}"></div>
  156. <div id="links">
  157. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  158. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  159. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  160. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  161. </div>
  162. </div>
  163.  
  164. <div id="entry">
  165. {block:Posts}
  166. <p>
  167. <div class="posts">
  168.  
  169. {block:Text}
  170. <div class="caixinha">
  171. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  172. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  173. <a href="{ReblogURL}"> reblogar</a>
  174. </div>
  175. {block:Title}
  176. <h1>{Title}</h1>
  177. {/block:Title}
  178. {Body}
  179. {/block:Text}
  180.  
  181. <div id="cap">
  182. {block:Photo}
  183. <div class="parol">
  184. {LinkOpenTag}
  185. <a href="{permalink}">
  186. <div class="photo"><a href="{ReblogURL}" title="reblogar">
  187. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  188. {LinkCloseTag}</div>
  189. {/block:Photo}
  190.  
  191. {block:Photoset}
  192. <center>{Photoset-400}</center>
  193. {block:IndexPage}
  194. <div class="caixinha">
  195. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  196. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  197. <a href="{ReblogURL}"> reblogar</a>
  198. </div>
  199. {block:IndexPage}
  200. {/block:Photoset}
  201.  
  202. {block:Quote}
  203. <div class="caixinha">
  204. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  205. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  206. <a href="{ReblogURL}"> reblogar</a>
  207. </div>
  208. <div class="quote">{Quote}</div>
  209. {block:Source}
  210. <div class="quotesource">{Source}</div>
  211. {/block:Source}
  212. {/block:Quote}
  213.  
  214. {block:Link}
  215. <div class="caixinha">
  216. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  217. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  218. <a href="{ReblogURL}"> reblogar</a>
  219. </div>
  220. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  221. {block:Description}{Description}{/block:Description}
  222. {/block:Link}
  223.  
  224. {Block:chat}
  225. <div class="caixinha">
  226. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  227. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  228. <a href="{ReblogURL}"> reblogar</a>
  229. </div>
  230. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  231. <div class="chat"><ul>{block:Lines}
  232. <li class="person{UserNumber}">{block:Label}
  233. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  234. {/block:chat}
  235.  
  236. {block:Audio}
  237. <div class="caixinha">
  238. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  239. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  240. <a href="{ReblogURL}"> reblogar</a>
  241. </div>
  242. <div class="text">
  243. <div id="music-holder">
  244. <div id="album-art">
  245. <img src="http://static.tumblr.com/5u1fog0/FH8n72jmn/music.jpg">
  246. {block:AlbumArt}<div id="music-art"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  247. <div id="music-circle"><div id="audio-player">{AudioPlayerWhite}</div></div></div></div>
  248. <div class="audio-box">
  249. {block:TrackName}<div class="audio">{TrackName}.</div>{/block:TrackName}
  250. {block:Artist}<div class="audio">{Artist}.</div>{/block:Artist}
  251. {block:PlayCount}<div class="audio"><b>{PlayCount}</b> plays.</div>{/block:PlayCount}</div>
  252. {/block:Audio}
  253.  
  254. {block:Video}
  255. {block:IndexPage}
  256. <div class="caixinha">
  257. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  258. <a href="{Permalink}">{NoteCountWithLabel}</a> .
  259. <a href="{ReblogURL}"> reblogar</a>
  260. </div>
  261. {/block:IndexPage}
  262. <center>{Photoset-400}</center>
  263. {/block:Video}
  264.  
  265. {block:Answer}
  266. <div class="questao">{Question}</div>
  267. <p>
  268. <div class="pergunta">— {asker}</div><br>
  269. <div class="resposta">{Answer}</div>
  270. <div class="caixinha">
  271. <a href="/">{24Hour}:{Minutes}{AmPm} </a> .
  272. <a href="{Permalink}">{NoteCount} .</a>
  273. <a href="/ask"> send me messages</a>
  274. </div>
  275. {/block:Answer}</div>
  276.  
  277. <div class="vsanna">
  278. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  279. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  280. {/block:RebloggedFrom}
  281. </div>
  282. {block:PostNotes}
  283. {block:PermalinkPage}
  284. <!---cojuntar--->
  285. <div class="posts">
  286. <div class="but">{block:Date}
  287. <div class="extra1">
  288. <a> Posted on: {Month} {DayOfMonth}, {Year}</div>{/block:Date}{block:RebloggedFrom}
  289. <div class="extra1">
  290. <a> Shared: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>.</div>
  291. <div class="extra1">
  292. <a> Source: {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>
  293. <div class="extra1">
  294. <a> With: {NoteCountWithLabel}.</div>
  295. {/block:RebloggedFrom}{/block:PermalinkPage}{PostNotes}</div></div>{/block:PostNotes}{/block:Posts}
  296. </div></div>
  297. {block:IndexPage}
  298. <div class="column navigation" id="navigation">
  299. {block:Pagination}
  300. {block:PreviousPage}
  301. <a href="{PreviousPage}" class="navigate">
  302. {/block:PreviousPage}
  303. {block:PreviousPage}</a>
  304. {/block:PreviousPage}
  305. {block:NextPage}
  306. <a href="{NextPage}" class="navigate" id="nextPage">
  307. {/block:NextPage}
  308. {block:NextPage}</a>{/block:NextPage}
  309. {/block:Pagination}
  310. </div>
  311. {/block:IndexPage}
  312.  
  313. <a class="lcredit icon theme" href="http://clamam.tumblr.com" target="_blank">Install</a>
  314.  
  315. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  316. </body>
  317.  
  318. <script language="javascript">
  319. function clickIE() {if (document.all) {(mensagem);return false;}}
  320. function clickNS(e) {if
  321. (document.layers||(document.getElementById&&!document.all)) {
  322. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  323. if (document.layers)
  324. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  325. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  326. document.oncontextmenu=new Function("return false")
  327. </script>
  328. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  329. <script src="http://static.tumblr.com/stnnkm0/36Hno1p6t/mhinfinitescroll.js"></script>
  330. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  331. <script>
  332. $(function(){
  333. var $container = $('#entry');
  334. $container.imagesLoaded(function(){
  335. $container.masonry({
  336. itemSelector: '.posts',
  337. columnWidth: 220
  338. });
  339. });
  340. $container.infinitescroll({
  341. navSelector : "div#navigation",
  342. nextSelector : "div#navigation a#nextPage",
  343. itemSelector : '.posts',
  344. loading: {
  345. finishedMsg: ' ',
  346. img: ' '
  347. }
  348. },
  349. function( newElements ) {
  350. var $newElems = $( newElements ).css({ opacity: 0 });
  351. $newElems.imagesLoaded(function(){
  352. $newElems.animate({ opacity: 1 });
  353. $container.masonry( 'appended', $newElems, true );
  354. });
  355. }
  356. );
  357.  
  358. });
  359. </script>
  360. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement