API tools faq
paste
Advertisement
clamam

Theme base #03

clamam
Dec 26th, 2015
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"><head><title>{title}</title>
  3.  
  4. <!-- Theme base de três colunas TOTALMENTE desenvolvido por Gabriele com ajuda de DETALHES da base explcativa da Julia (liriadas). Todos os detalhes foram creditados entre os códigos.
  5. ATENÇÃO: Favor, NÃO MUDAR o nome das divs. Serve como uma especie de crédito. -->
  6.  
  7. <!--
  8. Theme por SEU TUMBLR base por clamam.
  9. http://SEU-TUMBLR.tumblr.com/ ©
  10. http://clamam.tumblr.com/ ©
  11. -->
  12.  
  13. <meta name="image:fundo" content=""/>
  14. <meta name="color:fundo" content="#ffffff"/>
  15. <meta name="color:titulo" content="#cd2626"/>
  16. <meta name="color:texto" content="#838282"/>
  17. <meta name="color:link" content="#b8b8b8"/>
  18. <meta name="color:link hover" content="#cd2626"/>
  19. <meta name="color:bordas" content="#eeeeee"/>
  20. <meta name="color:rolagem" content="#cd2626"/>
  21.  
  22. <meta name="text:Link 1 titulo" content="link 1" />
  23. <meta name="text:Link 1" content="/" />
  24. <meta name="text:Link 2 titulo" content="link 2" />
  25. <meta name="text:Link 2" content="/" />
  26. <meta name="text:Link 3 titulo" content="link 3" />
  27. <meta name="text:Link 3" content="/" />
  28. <meta name="text:Link 4 titulo" content="link 4" />
  29. <meta name="text:Link 4" content="/" />
  30. <meta name="text:Link 5 titulo" content="link 5" />
  31. <meta name="text:Link 5" content="/" />
  32.  
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. <link rel="shortcut icon" href="{Favicon}"> {block:Description}
  35. <meta name="description" content="{MetaDescription}" /> {/block:Description}
  36.  
  37. <!-- FONTES GOOGLE -->
  38. <link href='https://fonts.googleapis.com/css?family=Lora:700italic|Baumans|Roboto' rel='stylesheet' type='text/css'>
  39. <style type="text/css">
  40.  
  41. /* CORPO DO THEME */
  42. body{background:{color:fundo}; background-image:url('{image:image background}'); background-attachment:fixed; background-repeat:no-repeat; background-position:center; -o-background-size:cover; -webkit-background-size:cover; color:{color:texto}; font-family: 'Roboto', sans-serif; font-size:12px; line-height:160%;}
  43.  
  44. #gcenter{width:840px; {block:PermalinkPage}width:520px;{/block:PermalinkPage} position:relative; margin-left:auto; margin-right:auto; margin-top:0px; padding-bottom:20px; overflow:hidden; height:100%;}
  45. #gentry{width:900px; margin-left:0px; margin-top:-10px;}
  46. #gpost{top:0px; margin:10px auto 0; padding:10px; float:left; {block:IndexPage}width:250px; position:relative;{/block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  47. .gbox {position:relative;}
  48. .gbox img {display:block; max-width:100%;}
  49. .gbox iframe {max-width:100%;}
  50.  
  51. a{text-decoration:none; color:{color:link}; transition:all 1s ease;}
  52. a:hover{color:{color:link hover}; background-color:transparent; text-decoration:none; cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default!important;}
  53.  
  54. p{margin:6px 0 0 0}
  55. ul{list-style-type:circle;}
  56.  
  57. blockquote{margin:2px 5px 2px 5px; padding:1px 0 3px 6px; border-left:1px solid {color:bordas};}
  58.  
  59. h1{font-family: 'Baumans', cursive; letter-spacing:.5px; text-transform:uppercase; text-align:left; font-size:10.5px; color:{color:titulo}; font-weight: bold; line-height:5px;}
  60. h1 a{color:{color:texto}; text-transform:uppercase; text-align:left; font-size:10.5px; font-weight:bold; line-height:5px;}
  61. h1 a:hover{text-align:left; font-size:12px; color:{color:links hover}; font-weight:normal; line-height:5px; letter-spacing:.5px;}
  62.  
  63. /*thoughtandsoul*/
  64. .chat{line-height:200%; list-style:none}
  65. .chat ul {line-height:200%; list-style:none; padding:0px;}
  66. .person1 {border-bottom:1px dotted {color:bordas}; color:{color:text}; transition:all 1s ease;}
  67. .person1 .label{padding:0px;margin-left:3px;color:{color:titulo}; text-transform:uppercase; font-family:baumans;font-size:10px;letter-spacing:.5px;}
  68. .person1:hover{padding-left:10px; border-bottom:1px solid {color:titulo}; transition:all 1s ease;}
  69. .person2{border-bottom:1px dotted {color:bordas}; color:{color:text};}
  70. .person2 .label{padding:0px; margin-left:0px; color:{color:titulo}; text-transform:uppercase;font-family:baumans;font-size:10px; letter-spacing:.5px;}
  71. .person2:hover{padding-left:10px; border-bottom:1px solid {color:titulo}; transition:all 1s ease;}
  72. /* fim thoughtandsoul*/
  73.  
  74. /*liriadas*/ /* BOTÃO DE CONTROLE */
  75. .tmblr-iframe--desktop-loggedin-controls, .lcredit.icon.theme{position:fixed!important; -webkit-filter:invert(100%); opacity:0.5; top:3px; text-transform:none;}
  76.  
  77. /* ESTILO DE ASK */
  78. .lquestion {padding:5px;}
  79. #lasker {text-align:center; padding:5px; letter-spacing:.5px; border:1px dotted {color:bordas}; text-transform:uppercase; font-size:9.5px; font-family: 'Baumans', cursive;}
  80. .lanswer {line-height:1.8em;}
  81. /*fim liriadas*/
  82.  
  83. /* ESTILO DE NOTES by Clamam*/
  84. #gnotes{opacity:0; position: absolute; text-align:center; height:20px; line-height:20px; text-transform:uppercase; bottom:15px; right:0%; z-index:99; background:{color:fundo}; width:265px; color:{color:texto}; opacity: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;}
  85. #gnotes a{font-family: 'Baumans', cursive; color:{color:texto}; font-size:9.5px; letter-spacing:.5px; text-transform:uppercase; margin-top:20px; padding:5px;}
  86. #gpost:hover #gnotes{opacity:1; bottom:5px;}
  87.  
  88. .greblog{opacity:0; position:absolute; top:0px; right:20px;}
  89. #gpost:hover .greblog{opacity:1; position:absolute; right:20px; top:15px; transition:all 1s ease;}
  90.  
  91. /* QUOTE E SOURCE */
  92. .gquote{font-family: 'Roboto', sans-serif; line-height:150%; text-align:justify; font-size:12px; }
  93. .gsource{text-align:left; font-family: 'Baumans', cursive; letter-spacing:.5px; text-transform:uppercase; font-size:10.5px;}
  94.  
  95. /* CORES */
  96. b, strong{color:{color:titulo};}
  97. i, em{color:{color:titulo}; font-family: 'Lora', serif;}
  98. s{color:{color:titulo};}
  99. u{border-bottom:{color:titulo}; color:{color:titulo};}
  100.  
  101. /* SELEÇÃO DE TEXTOS */
  102. ::selection{background:{color:selecao}; color:{color:titulo};}
  103. ::-moz-selection{background:{color:selecao}; color:{color:titulo};}
  104.  
  105. /* ROLAGEM */
  106. ::-webkit-scrollbar-thumb{background-color: {color:rolagem};border:2px solid {color:fundo} ;height:auto;-moz-border-radius: 10px;border-radius: 10px;}
  107. ::-webkit-scrollbar {height:auto;width:9px;background-color: {color:rolagem};border: 4px solid {color:fundo};}
  108.  
  109. </style>
  110. </head>
  111. <body>
  112.  
  113.  
  114.  
  115. <div id="gcenter"><!-- CENTRALIZAÇÃO DO THEME -->
  116.  
  117.  
  118.  
  119. <div id="gentry">
  120. <div class="vsanna">
  121. {block:RebloggedFrom}
  122. <a href="{ReblogParentURL}">via</a>
  123. {/block:RebloggedFrom}
  124. {block:ContentSource}
  125. <a href="{SourceURL}">source</a>
  126. {/block:ContentSource}</div>
  127. {block:Posts}
  128. <div id="gpost">
  129.  
  130. {block:Text}
  131. {block:IndexPage}
  132. <div id="gnotes">
  133. <div style="float:left;"><a href="{Permalink}"><font color="{color:titulo}">♥</font> {NoteCount} notificações</a>
  134. </div>
  135. <div style="float:right"><a href="{ReblogURL}">reblogar <font color="{color:titulo}">↻</font></a>
  136. </div>
  137. </div>
  138. {/block:IndexPage}
  139. <h1>{block:Title}{Title}{/block:Title}</h1>
  140. {Body}
  141. {/block:Text}
  142.  
  143.  
  144. {block:Photo}
  145. <div class="gbox">
  146. <img src="{PhotoURL-500}" title="{notecountwithlabel}">{block:Caption}{Caption}{/block:Caption}
  147. </div>
  148. {block:IndexPage}
  149. <div class="greblog">{ReblogButton color="white" size="23"}</div>
  150. {/block:indexpage}
  151. {/block:Photo}
  152.  
  153.  
  154. {block:Photoset}
  155. <div class="gbox">
  156. {Photoset}{block:Caption}{Caption}{/block:Caption}
  157. </div>
  158. {block:IndexPage}
  159. <div class="greblog">{ReblogButton color="white" size="23"}</div>
  160. {/block:indexpage}
  161. {/block:Photoset}
  162.  
  163.  
  164. {block:Quote}
  165. {block:IndexPage}
  166. <div id="gnotes">
  167. <div style="float:left;"><a href="{Permalink}"><font color="{color:titulo}">♥</font> {NoteCount} notificações</a>
  168. </div>
  169. <div style="float:right"><a href="{ReblogURL}">reblogar <font color="{color:titulo}">↻</font></a>
  170. </div>
  171. </div>
  172. {/block:IndexPage}
  173. <div class="gquote">{Quote}</div>
  174. {block:Source}
  175. <div class="gsource">{Source}</div>
  176. {/block:Source}
  177. {/block:Quote}
  178.  
  179.  
  180. {block:Link}
  181. {block:IndexPage}
  182. <div id="gnotes">
  183. <div style="float:left;"><a href="{Permalink}"><font color="{color:titulo}">♥</font> {NoteCount} notificações</a>
  184. </div>
  185. <div style="float:right"><a href="{ReblogURL}">reblogar <font color="{color:titulo}">↻</font></a>
  186. </div>
  187. </div>
  188. {/block:IndexPage}
  189. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  190. {block:Description}{Description}{/block:Description}
  191. {/block:Link}
  192.  
  193.  
  194. {block:Chat}
  195. {block:IndexPage}
  196. <div id="gnotes">
  197. <div style="float:left;"><a href="{Permalink}"><font color="{color:titulo}">♥</font> {NoteCount} notificações</a>
  198. </div>
  199. <div style="float:right"><a href="{ReblogURL}">reblogar <font color="{color:titulo}">↻</font></a>
  200. </div>
  201. </div>
  202. {/block:IndexPage}
  203. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  204. <div class="chat"><ul>{block:Lines}
  205. <li class="person{UserNumber}">{block:Label}
  206. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  207. {/block:Chat}
  208.  
  209.  
  210. {block:Audio}
  211. {block:IndexPage}
  212. <div id="gnotes">
  213. <div style="float:left;"><a href="{Permalink}"><font color="{color:titulo}">♥</font> {NoteCount} notificações</a>
  214. </div>
  215. <div style="float:right"><a href="{ReblogURL}">reblogar <font color="{color:titulo}">↻</font></a>
  216. </div>
  217. </div>
  218. {/block:IndexPage}
  219. {AudioPlayerWhite}
  220. {block:Caption}{Caption}{/block:Caption}
  221. {/block:Audio}
  222.  
  223.  
  224. {block:Video}
  225. {block:IndexPage}
  226. <div id="gnotes">
  227. <div style="float:left;"><a href="{Permalink}"><font color="{color:titulo}">♥</font> {NoteCount} notificações</a>
  228. </div>
  229. <div style="float:right"><a href="{ReblogURL}">reblogar <font color="{color:titulo}">↻</font></a>
  230. </div>
  231. </div>
  232. {/block:IndexPage}
  233. <div class="gbox">
  234. {Video}
  235. {block:Caption}{Caption}{/block:Caption}
  236. </div>
  237. {/block:Video}
  238.  
  239. {block:Answer}
  240. {block:IndexPage}
  241. <div id="gnotes">
  242. <div style="float:left;"><a href="{Permalink}"><font color="{color:titulo}">♥</font> {NoteCount} notificações</a>
  243. </div>
  244. <div style="float:right"><a href="{ReblogURL}">reblogar <font color="{color:titulo}">↻</font></a>
  245. </div>
  246. </div>
  247. {/block:IndexPage}
  248. <div class="lquestion">{Question}</div>
  249. <div id="lasker">Questionado por {Asker}</div>
  250. <p class="lanswer">{Answer}</p>
  251. {/block:Answer}
  252. </div>
  253. {/block:Posts}
  254.  
  255. {block:IndexPage}
  256. <div class="column navigation" id="navigation">
  257. {block:Pagination}
  258. {block:PreviousPage}
  259. <a href="{PreviousPage}" class="navigate">
  260. {/block:PreviousPage}
  261. {block:PreviousPage}</a>
  262. {/block:PreviousPage}
  263. {block:NextPage}
  264. <a href="{NextPage}" class="navigate" id="nextPage">
  265. {/block:NextPage}
  266. {block:NextPage}</a>{/block:NextPage}
  267. {/block:Pagination}
  268. </div>
  269. {/block:IndexPage}
  270. </div>
  271.  
  272. </body>
  273.  
  274. <script language="javascript">
  275. function clickIE() {if (document.all) {(mensagem);return false;}}
  276. function clickNS(e) {if
  277. (document.layers||(document.getElementById&&!document.all)) {
  278. if (e.which==2||e.which==3) {alert(mensagem);return false;}}}
  279. if (document.layers)
  280. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  281. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  282. document.oncontextmenu=new Function("return false")
  283. </script>
  284. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  285. <script src="http://static.tumblr.com/stnnkm0/36Hno1p6t/mhinfinitescroll.js"></script>
  286. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  287. <script>
  288. $(function(){
  289. var $container = $('#gentry');
  290. $container.imagesLoaded(function(){
  291. $container.masonry({
  292. itemSelector: '#gpost',
  293. columnWidth: 280
  294. });
  295. });
  296. $container.infinitescroll({
  297. navSelector : "div#navigation",
  298. nextSelector : "div#navigation a#nextPage",
  299. itemSelector : '#gpost',
  300. loadingImg : "http://static.tumblr.com/8yo5xxv/3Dem80mch/loading.gif",
  301. loadingText : " ",
  302. loading: {
  303. finishedMsg: ' ',
  304. img: ' '
  305. }
  306. },
  307. function( newElements ) {
  308. var $newElems = $( newElements ).css({ opacity: 0 });
  309. $newElems.imagesLoaded(function(){
  310. $newElems.animate({ opacity: 1 });
  311. $container.masonry( 'appended', $newElems, true );
  312. });
  313. }
  314. );
  315.  
  316. });
  317. </script>
  318.  
  319. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!