Advertisement
clamam

Theme #008

Apr 29th, 2015
1,033
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.08 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!--
  5. Theme by clamam ❥
  6. http://clamam.tumblr.com/
  7. -->
  8.  
  9. <meta name="image:image sidebar" content="" />
  10. <meta name="image:image background" content="" />
  11. <meta name="color:background" content="#ffffff"/>
  12. <meta name="color:title" content="#000000"/>
  13. <meta name="color:text" content="#505050"/>
  14. <meta name="color:blockquote" content="#eeeeee"/>
  15. <meta name="color:links" content="#000000"/>
  16. <meta name="color:links hover" content="#eeeeee"/>
  17. <meta name="color:border sidebar" content="#eeeee"/>
  18. <meta name="color:border" content="#eeeee"/>
  19. <meta name="color:scrollbar" content="#000000"/>
  20. <meta name="color:selection" content="#000000"/>
  21. <meta name="color:audio" content="#fafafa"/>
  22. <meta name="color:heart" content="#cd2626"/>
  23. <meta name="color:background askbox" content="#fafafa"/>
  24.  
  25. <meta name="if:background repeat" content="1"/>
  26. <meta name="if:post justify" content="0"/>
  27. <meta name="if:photos black white" content="0"/>
  28. <meta name="if:photos vintage" content="1"/>
  29.  
  30. <meta name="text:subtitle" content="subtitle" />
  31.  
  32. <meta name="text:Link 1 Title" content="Título 1" />
  33. <meta name="text:Link 1" content="url" />
  34. <meta name="text:Link 2 Title" content="Título 2" />
  35. <meta name="text:Link 2" content="url" />
  36. <meta name="text:Link 3 Title" content="Título 3" />
  37. <meta name="text:Link 3" content="url" />
  38. <meta name="text:Link 4 Title" content="Título 4" />
  39. <meta name="text:Link 4" content="url" />
  40. <meta name="text:Link 5 Title" content="créditos" />
  41. <meta name="text:Link 5" content="http://clamam.tumblr.com" />
  42.  
  43. <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}
  45. <meta name="description" content="{MetaDescription}"/>{/block:Description}
  46. <style type="text/css">
  47.  
  48. body{ background:{color:background}; color: {color:text}; font-family:calibri; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} -webkit-animation:Fade 5s; font-size:13px; background-image:url('{image:image background}'); background-attachment:fixed; background-repeat: no-repeat; background-size:100% 100%; line-height: 16px;
  49. cursor: url('https://31.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default!important;}
  50. {block:Ifbackgroundrepeat}
  51. body{ background:{color:background}; color: {color:text}; font-family:cambria; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} -webkit-animation:Fade 5s; font-size:12px; background-image:url('{image:image background}'); background-attachment:fixed; background-repeat: repeat; line-height: 16px;
  52. cursor: url('https://31.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), default!important;}
  53. {/block:Ifbackgroundrepeat}
  54. a {color:{color:text}; text-decoration:none; text-transform:none;}
  55. 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 }
  56. blockquote{margin:2px 5px 2px 5px; padding: 1px 0 3px 6px; border-left:
  57. 1px solid {color:blockquote};}
  58.  
  59. #entry{width:400px; margin-left:400px; margin-top:0px;}
  60. .posts { top:0px; overflow:hidden; margin:15px 0 auto; float:left; width:350px; padding:10px; {block:IndexPage} width:400px; position:relative; {/block:IndexPage} {block:PermalinkPage} width: 400px; {/block:PermalinkPage};}
  61. h1 { font-family:cambria; text-transform:uppercase; text-align: center; font-size:13px; color: {color:title}; font-weight: normal; line-height: 15px;} h1 a { color: {color:title}; text-align:left; font-size:13px; font-weight: normal; line-height: 20px; text-transform:uppercase;}
  62. h1 a:hover { text-align: left; font-size:13px; color: {color:links hover}; font-weight: normal; line-height:15px; text-transform:uppercase;}
  63.  
  64. .source {display: none;}
  65. .but { border-radius:5px; padding:0px; overflow: hidden; float:left; position:relative; margin:1px; {block:indexpage} width:400px; {/block:indexpage}{block:PermalinkPage}width:400px;{/block:PermalinkPage};}
  66. .extra1 { width: 400px; text-indent: 5px; margin-bottom: 2px; padding-left: 7px; padding-top: 5px; padding-bottom: 4px; padding-right: 5px; margin-left:-4px; margin-right:-2px; border-bottom:1px {color:border}; solid; line-height:30px;}
  67.  
  68. .caixinha { opacity:0; position: absolute; text-align: center; height:50px; line-height:50px; text-transform:uppercase; bottom:-20px; left:40%; transition:all 1s ease; font-family:calibri; font-size:9px; background:; width:80px; position:left;position:left; padding-bottom:-20px;}
  69. .posts:hover .caixinha{opacity:1; bottom:-20px; border-radius:2px; position:left;}
  70. .caixinha a{position:right; font-family:calibri, 'source sans pro', 'trebuchet ms', sans-serif; font-size:9px; text-transform:uppercase; color:{color:text}; font-style:normal;}
  71. .posts .pupu{ width:240px; height: 16px; font-family:calibri, 'source sans pro', 'trebuchet ms', sans-serif; font-size: 9px; text-transform:uppercase; position: absolute; line-height: 15px; text-align:right; opacity:.8; background-color:#ffffff;padding:10px;}
  72. .posts:hover .pupu{ bottom:-10px; opacity:1; transition:all 1s ease;}
  73. .rebutton{opacity:0; position: absolute; background:; border-radius:3px; padding:5px 5px 5px; transition:all 1s ease; top:15px; left:15px;}
  74. .posts:hover .rebutton{opacity:1; position:absolute; left:15px; top:20px; transition:all 1s ease; }
  75. .heart{ opacity:0; position: absolute; background:; border-radius:3px; padding:3px 5px 3px; transition:all 1s ease; top:15px; left:40px;}
  76. .posts:hover .heart {opacity:1; position:absolute; left:40px; top:20px; transition:all 1s ease;}
  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. .fundo {background:{color:background askbox}; padding: 10px; font-family:cambria; font-size:13px; text-align:left; z-index: 1;}
  84. .pergunta {font-size: 15px; font-family:'Lora', serif; margin-left: 0px; margin-top:-10px; text-align:left; padding-bottom:5px;}
  85. .resposta {width:98%; padding: 2px; margin-top:-20px; font-family:cambria; font-size:13px; padding-top:5px}
  86. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 15px; right: 15px;}
  87.  
  88. /*liriadas*/.audio-box {float:right; text-align:right; display:inline-block; margin-top:-4px;}
  89. .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;}
  90. #music-holder {float:left; width:90px; height:90px;}
  91. #album-art {position:absolute; overflow:hidden; float:left; width:90px; height:90px;}
  92. #album-art img {width:100px; position:absolute; float:left;}
  93. #music-art {position:absolute; float:left; width:90px; height:90px;}
  94. #music-circle {position:absolute; width:46px; height:46px; border-radius:23px; background-color:white; z-index:999999; margin:20px; opacity:.5;}
  95. #music-circle:hover {opacity:1;}
  96. #audio-player {position:absolute; overflow:hidden; height:28px; width:28px; margin:9px;}
  97. iframe#tumblr_controls, .lcredit.icon.theme {position:fixed!important; -webkit-filter:invert(100%); opacity:0.8; top:3px;}
  98. iframe#tumblr_controls {position:fixed!important; -webkit-filter:invert(100%); margin-right:67px; opacity:.8; top:0px;}
  99. /*fim liriadas*/
  100.  
  101. .chat {background:transparent; margin:0; font-size:12px; font-family:cambria;}
  102. .chat .lines {margin-left: 0; background: transparent; color:
  103. {color:text}; margin-bottom: 1px; padding: 4px 5px 4px 5px;}
  104. .chat .lines span{font-weight: bold;}
  105. .person1 {color: {color:text}; padding: 2px; }
  106. .person1 .label {font-weight: bold; color:{color:text}}
  107. .person2 {color: {color:text}; padding: 2px; }
  108. .person2 .label {font-weight: bold; color:{color:text}}
  109.  
  110. {block:Ifphotosblackwhite}
  111. img{-webkit-filter: grayscale(80%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;}
  112. img:hover{ -webkit-filter: grayscale(0%); transition:All 1s ease; -webkit-transition:All 1s ease; -moz-transition:All 1s ease;
  113. -o-transition:All 1s ease;}
  114. {/block:Ifphotosblackwhite}
  115. {block:Ifphotosvintage}
  116. img{-webkit-filter:grayscale.300; -webkit-filter: grayscale(40%); transition:all 1s ease;}
  117. img:hover{ -webkit-filter:grayscale(0);}
  118. {/block:Ifphotosvintage}
  119.  
  120. b, strong{color:{color:title};}
  121. i, em{color: {color:title}; font-family: 'Lora', serif;}
  122. s{color: {color:title};}
  123. u{border-bottom: {color:title}; color: {color:title};}
  124. a:link,a:active,a:visited {color: {color:links}; text-decoration: none;
  125. -webkit-transition-duration: .90s;} a:hover { color: {color:links hover};} .vsanna {display:none;}
  126.  
  127. .quote {font-family:calibri, 'source sans pro', 'trebuchet ms', sans-serif; line-height:160%; {block:Ifpostjustify}text-align:justify;{/block:Ifpostjustify} font-size:13px;}
  128. .quotesource {font-family:calibri; text-align:right; margin-top: 10px; font-size:13px; font-style:bold; color: {color:text}; border-top: 1px solid {color:border sidebar}; padding-top:10px;}
  129.  
  130. #sidebar { text-align:justify; position:fixed; margin-left:160px; bottom:50px; width:233px; padding-bottom:30px; border-right:1px solid {color:border sidebar}; height:auto;}
  131. #foto {margin-bottom:10px;}
  132. #foto img {margin-left:120px; height:90px; width:90px; border-radius:100%; transition-duration:0.4s; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  133. #foto img:hover { opacity:0.8; border-radius:0%; transition-duration:0.4s; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  134.  
  135. #description { position:relative; text-align: right; font-family:calibri; line-height:20px; font-size:13px; font-style:none; width:180px; margin-top:5px; margin-left:30px; color:#505050; border-bottom:1px solid {color:border sidebar}; padding:5px;}
  136. #description a { color:#505050; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  137.  
  138. #titulo { position:center; width:170px; margin-left:45px; text-align:right; font-family:'source sans pro', arial, sans-serif; font-size:18px; color:{color:title};}
  139.  
  140. #kaka { position:fixed; margin-top:5px; margin-left:50px; -webkit-transition: all 0.4s ease-out; width:170px; text-align:right; height:100px; line-height:20px; overflow:hidden;}
  141. #kaka a {font-family:calibri; font-size:13px; padding:5px; color:#505050; transition:all 1s ease;}
  142. #kaka a:hover {color:{color:links hover};}
  143.  
  144. ::selection {background: {color:selection}; color: {color:titulo};}
  145. ::-moz-selection {background: {color:selection};color: {color:titulo};}
  146. @-webkit-keyframes Fade {0% {opacity:0;} 100% {opacity:1;}}
  147. ::-webkit-scrollbar {background-color:transparent; height:1px; width:3px}
  148. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px;border-radius:0px;}
  149. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:1px!important}
  150.  
  151. </style>
  152. <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/5u1fog0/9KNmunmb6/white.png" border="0"></a>
  153. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  154. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/5u1fog0/Jbxnhk8nn/lcredit.css">
  155. <link href='http://fonts.googleapis.com/css?family=Lora:400italic|Meie+Script' rel='stylesheet' type='text/css'>
  156. <link href='http://fonts.googleapis.com/css?family=Rouge+Script|Dancing+Script' rel='stylesheet' type='text/css'>
  157. </head>
  158.  
  159. <div id="sidebar">
  160. <div id="foto"><img src={image:image sidebar}></div>
  161. <div id="titulo">{text:subtitle};</div>
  162. <div id="description">{description}</div>
  163. <div id="kaka">
  164. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  165. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  166. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  167. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  168. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  169. </div></div>
  170. </div>
  171.  
  172.  
  173. <div id="entry">
  174. {block:Posts}
  175. <div class="posts">
  176.  
  177.  
  178. {block:Text}
  179. <div class="caixinha">
  180. <a href="{Permalink}">{NoteCount} <font color={color:heart}>♥</font></a>
  181. <a href="{ReblogURL}"> reblog</a>
  182. </div>
  183. {block:Title}
  184. <h1>{Title}</h1>
  185. {/block:Title}
  186. {Body}
  187. {/block:Text}
  188.  
  189.  
  190. <div id="cap">
  191. {block:Photo}
  192. <div class="parol">
  193. {block:IndexPage}
  194. {LinkOpenTag}
  195. <a href="{permalink}">
  196. <div class="photo"><a><a href="{permalink}" title="{NoteCount} ♥">
  197. <img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%" title="{NoteCount} ♥"/></a>
  198. </div>
  199. {LinkCloseTag}
  200. {/block:IndexPage}
  201. {block:PermalinkPage}
  202. {LinkOpenTag}
  203. <a href="{permalink}"><img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}" width="495" title="{NoteCount} ♥"/></a>
  204. {LinkCloseTag}
  205. {/block:PermalinkPage}
  206. {block:caption}{caption}{/block:caption}
  207. {block:IndexPage}
  208. <center><div class="heart">{LikeButton color="white" size="13"}</div></center>
  209. <center><div class="rebutton">{ReblogButton color="white" size="13"}</div></center>
  210. {/block:indexpage}
  211. </div> {/block:Photo}
  212.  
  213.  
  214. {block:Photoset}
  215. {/block:PermalinkPage} {Photoset-400} {/block:PermalinkPage}
  216. {block:IndexPage}
  217. <center><div class="heart">{LikeButton color="white" size="13"}</div></center>
  218. <center><div class="rebutton">{ReblogButton color="white" size="13"}</div></center>
  219. {/block:indexpage}
  220. {/block:Photoset}
  221.  
  222.  
  223. {block:Quote}
  224. <div class="caixinha">
  225. <a href="{Permalink}">{NoteCount} <font color={color:heart}>♥</font></a>
  226. <a href="{ReblogURL}"> reblog</a>
  227. </div>
  228. <div class="quote">{Quote}</div>
  229. {block:Source}
  230. <div class="quotesource"> {Source}</div>
  231. {/block:Source}
  232. {/block:Quote}
  233.  
  234.  
  235. {block:Link}
  236. <div class="caixinha">
  237. <a href="{Permalink}">{NoteCount} <font color={color:heart}>♥</font></a>
  238. <a href="{ReblogURL}"> reblog</a></div>
  239. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  240. {block:Description}{Description}{/block:Description}
  241. {/block:Link}
  242.  
  243.  
  244. {Block:chat}
  245. <div class="caixinha">
  246. <a href="{Permalink}">{NoteCount} <font color={color:heart}>♥</font></a>
  247. <a href="{ReblogURL}"> reblog</a>
  248. </div>
  249. {block:lines}
  250. <div class="chat">
  251. <div class="lines">{block:Label}<span>{Label}</span>
  252. {/block:Label}{Line}</div></div>
  253. {/block:lines}
  254. {/block:chat}
  255.  
  256. {block:Audio}
  257. <div class="caixinha">
  258. <a href="{Permalink}">{NoteCount} <font color={color:heart}>♥</font></a>
  259. <a href="{ReblogURL}"> reblog</a>
  260. </div>
  261. <div class="text">
  262. <div id="music-holder">
  263. <div id="album-art">
  264. <img src="http://static.tumblr.com/5u1fog0/FH8n72jmn/music.jpg">
  265. {block:AlbumArt}<div id="music-art"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  266. <div id="music-circle"><div id="audio-player">{AudioPlayerWhite}</div></div></div></div>
  267. <div class="audio-box">
  268. {block:TrackName}<div class="audio">{TrackName}.</div>{/block:TrackName}
  269. {block:Artist}<div class="audio">{Artist}.</div>{/block:Artist}
  270. {block:PlayCount}<div class="audio"><b>{PlayCount}</b> plays.</div>{/block:PlayCount}</div>
  271. {/block:Audio}
  272.  
  273.  
  274. {block:Video}{block:IndexPage}
  275. <div class="caixinha">
  276. <a href="{Permalink}">{NoteCount} <font color={color:heart}>♥</font></a>
  277. <a href="{ReblogURL}"> reblog</a>
  278. </div>{/block:IndexPage}
  279. {Video-400}{/block:Video}
  280.  
  281.  
  282. {block:Answer}{block:IndexPage}
  283. <div class="pergunta"><i>{Asker}:</i></div>
  284. <div class="fundo">{Question}</div>
  285. <br>
  286. <div class="resposta">{Answer}</div>
  287. {/block:IndexPage}{block:PermalinkPage}
  288. <div class="posts2">
  289. <div class="pergunta"><i>{Asker}:</i></div>
  290. <div class="fundo">{Question}</div>
  291. <br>
  292. <div class="resposta">{Answer}</div>
  293. {/block:PermalinkPage}
  294. <div class="caixinha">
  295. <a href="{Permalink}">{NoteCount} <font color={color:heart}>♥</font></a>
  296. </div>{/block:Answer}</div>
  297.  
  298.  
  299. <div class="vsanna">
  300. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  301. {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  302. {/block:RebloggedFrom}
  303. </div>
  304. {block:PostNotes}
  305. {block:PermalinkPage}
  306. <!---cojuntar--->
  307. <div class="posts">
  308. <div class="but">{block:Date}
  309. <div class="extra1">
  310. <img src="http://static.tumblr.com/cdfpv33/5oymjxo65/cal.png"> Postado no dia {DayOfMonth},<b> de {Month}</b> de {Year}.</div>{/block:Date}{block:RebloggedFrom}
  311. <div class="extra1">
  312. <img src="http://static.tumblr.com/cdfpv33/XOomjxo5e/perman.png"> Compartilhado de: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>.</div>
  313. <div class="extra1">
  314. <img src="http://static.tumblr.com/wa79tuo/LApm1iuqc/user.png"> Autoria de: {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>
  315. <div class="extra1">
  316. <img src="http://static.tumblr.com/cdfpv33/2L0mjxo4l/coracao.png"> Com {NoteCountWithLabel}.</div>
  317. {/block:RebloggedFrom}{/block:PermalinkPage}{PostNotes}</div></div>{/block:PostNotes}{/block:Posts}
  318. </div></div>
  319. {block:IndexPage}
  320. <div class="column navigation" id="navigation">
  321. {block:Pagination}
  322. {block:PreviousPage}
  323. <a href="{PreviousPage}" class="navigate">
  324. {/block:PreviousPage}
  325. {block:PreviousPage}</a>
  326. {/block:PreviousPage}
  327. {block:NextPage}
  328. <a href="{NextPage}" class="navigate" id="nextPage">
  329. {/block:NextPage}
  330. {block:NextPage}</a>{/block:NextPage}
  331. {/block:Pagination}
  332. </div>
  333. {/block:IndexPage}
  334.  
  335. <a class="lcredit icon theme" title="Clamam Themes" href="http://clamam.tumblr.com" target="_blank">Install</a>
  336.  
  337. </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>
  338. </body>
  339.  
  340. <script language="javascript">
  341. function clickIE() {if (document.all) {(mensagem);return false;}}
  342. function clickNS(e) {if
  343. (document.layers||(document.getElementById&&!document.all)) {
  344. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  345. if (document.layers)
  346. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  347. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  348. document.oncontextmenu=new Function("return false")
  349. </script>
  350. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  351. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  352. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  353. <script>
  354. $(function(){
  355. var $container = $('#entry');
  356. $container.imagesLoaded(function(){
  357. $container.masonry({
  358. itemSelector: '.posts',
  359. columnWidth: 300
  360. });
  361. });
  362. $container.infinitescroll({
  363. navSelector : "div#navigation",
  364. nextSelector : "div#navigation a#nextPage",
  365. itemSelector : '.posts',
  366. loading: {
  367. finishedMsg: ' ',
  368. img: ' '
  369. }
  370. },
  371. function( newElements ) {
  372. var $newElems = $( newElements ).css({ opacity: 0 });
  373. $newElems.imagesLoaded(function(){
  374. $newElems.animate({ opacity: 1 });
  375. $container.masonry( 'appended', $newElems, true );
  376. });
  377. }
  378. );
  379.  
  380. });
  381. </script>
  382. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement