API tools faq
paste
Joana_darc2

Theme Grunge

Joana_darc2
Jan 21st, 2013
655
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.07 KB | None | 0 0
raw download clone embed print report
  1. <!--------------------------------------------------------------------
  2. Theme por sounds-of-war
  3. Base assombroso + dtl cantinho-html & tbd-themes
  4.  
  5. \\ Não remova os créditos nunca //
  6. --------------------------------------------------------------------->
  7.  
  8.  
  9. <!DOCTYPE html>
  10. <html lang="en">
  11. <head>
  12. <meta charset="UTF-8">
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18.  
  19. <!---images--->
  20. <meta name="image:Background" content""/>
  21. <meta name="image:Sidebar" content""/>
  22.  
  23. <!---links--->
  24. <meta name="text:Link1" content="" />
  25. <meta name="text:Link1 Title" content="" />
  26. <meta name="text:Link2" content="" />
  27. <meta name="text:Link2 Title" content="" />
  28. <meta name="text:Link3" content=""/>
  29. <meta name="text:Link3 Title" content=""/>
  30. <meta name="text:Link4" content=""/>
  31. <meta name="text:Link4 Title" content=""/>
  32. <meta name="text:Link6" content="" />
  33. <meta name="text:Link7" content="" />
  34.  
  35. <!---colors--->
  36. <meta name="color:Background" content="#ffffff"/>
  37. <meta name="color:Sidebar" content="#ffffff"/>
  38. <meta name="color:Barrarolagem" content="#ffffff"/>
  39. <meta name="color:Titulo" content="#ffffff"/>
  40. <meta name="color:Fundodosposts" content="#ffffff"/>
  41. <meta name="color:Fundomenu" content="#ffffff"/>
  42. <meta name="color:Fundomenuhover" content="#ffffff"/>
  43. <meta name="color:Fundodaask" content="#ffffff"/>
  44.  
  45.  
  46. {/block:Description}
  47. <link rel=StyleSheet href="http://assombroso.tumblr.com/fade-in" type="text/css">
  48. <script src="http://assombroso.tumblr.com/basealt"></script>
  49.  
  50. <!--fonts-->
  51. <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Offside' rel='stylesheet' type='text/css'>
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Englebert' rel='stylesheet' type='text/css'>
  56.  
  57. <!--back to top-->
  58. <div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="http://media.tumblr.com/7ff3a91e1b06ae3d4d82c0f9e6c1ad57/tumblr_inline_mgjdbbUvBf1qm0m1c.png" border="0" /></a></div>
  59.  
  60. </script>
  61. </head>
  62. <style>
  63. body{background-color:{color:Background};background-image:url({image:Background});font-family: 'Englebert', sans-serif;font-size:11px;margin:0;background-position:bottom left;background-attachment:fixed;background-repeat:repeat;background-size:100%;color:#636363}
  64. a{color:#636363;text-decoration:none;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;}
  65. a:hover{opacity:.8}
  66. li,ol{list-style:none}
  67. blockquote{border-left: 3px solid #000;padding-left:4px;}
  68. .quotea{text-align:center;font-family: 'Englebert', sans-serif;margin-bottom:5px}
  69. .quotea:before { content: '\201C'; }
  70. .quotea:after { content: '\201D'; }
  71. #posts{width:370px;position:relative;padding:0px;left:210px;margin-top:0;margin-left:100px;z-index:2;}
  72. .chat {line-height: 13px; list-style: none }
  73. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:13px;}
  74. .pessoa1,.pessoa2 {color:#000;padding:5px 0;border:1px solid #222;border-top:0;}
  75. .pessoa1:first-child{border-top:1px solid #222}
  76. .pessoa1 .label,.pessoa2 .label {font-weight: bold;color:#fff;background:#000;padding:5px;position:relative;}
  77.  
  78. /*título*/
  79. h3,.h3{font-size:17px;font-family: 'Englebert', sans-serif;text-transform:uppercase;margin:0;text-align:center;display:block;font-weight:normal}
  80.  
  81. .post{background:{color:Fundodosposts};padding:10px;width:400px;border:1px solid #eee;border-top:0;overflow:hidden}
  82. .post img{max-width:400px}
  83. .photo img{width:400px;}
  84. .playeraudio{background:#fff}
  85. .baixo{position:relative;text-align:center;font-family:calibri;font-size:11px;text-transform:uppercase;top:5px}
  86. .caption{position:relative}
  87. .source{text-align:right;display:none}
  88. .sourcequote{margin-bottom:5px;text-align:right}
  89. .ft{position:relative}
  90. .ft img{width:100%;height:auto;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out}
  91. .ft img:hover{opacity:.7}
  92. .centra{width:733px;margin:auto;z-index:2}
  93. .links{position:relative;text-align:center;top:5px;margin-bottom:8px}
  94. .links a{text-transform:uppercase;font-family:calibri;padding:3px}
  95. .links a:hover{background-color:black;color:white;opacity:.7;text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white, 0 0 40px #4F4F4F;}
  96.  
  97. /*efeito*/
  98. .view {z-index:999;width: 190px;height: 180px;margin: 0px;float: left;overflow: hidden;position: relative;text-align: center;cursor: default;}
  99.  
  100. .view .mask, .view .content {width: 190px;height: 180px;position:absolute;overflow: hidden;top: 0;left: 0;z-index:20;}
  101.  
  102. .view img {display: block;position: relative;z-index:20;}
  103.  
  104. .oefeito img {transition-duration: 60s; -webkit-transition-duration: .60s; -moz-transition-duration: .60s;z-index:20;}
  105.  
  106. .oefeito .mask {z-index:20;cursor:pointer;opacity:1;visibility:visible;
  107. border: 91px solid rgba(0,0,0,0.7);box-sizing:border-box;transition-duration: 60s; -webkit-transition-duration: .60s;-moz-transition-duration: .60s;}
  108.  
  109. .oefeito:hover .mask {z-index:20;border:0px double rgba(0,0,0,0.7);
  110. opacity:0;visibility:hidden;}
  111.  
  112. .oefeito:hover img {opacity:1;}
  113. /*fim do efeito*/
  114.  
  115. /*menu*/
  116. .flip2{background-color:{color:Fundomenu}; color:white; display: inline-block; padding:03px; text-align: center; line-height:16px; float:center; margin:2px 2px 2px 2px; font-family:tahoma; font-size:9px; text-transform: uppercase; letter-spacing: 0.120em; -webkit-transition-timing-function: ease-out(90,90,90,90);}
  117. .flip2:hover {background:{color:Fundomenuhover};transform: rotateX(360deg);-webkit-transform: rotateX(360deg); -webkit-transition-duration: .90s;}
  118.  
  119. .flip3{background-color:{color:Fundomenu}; color:white; display: inline-block; padding:04px; text-align: center; line-height:16px; float:center; margin:2px 2px 2px 2px; font-family:'Englebert', sans-serif; font-size: tamanho da fonte px; text-transform: lowercase; letter-spacing: 0.120em; -webkit-transition-timing-function: ease-out(90,90,90,90);border-radius:6px;z-index:2;}
  120. .flip3:hover {background:{color:Fundomenuhover};transform: rotateX(360deg);-webkit-transform: rotateX(360deg); -webkit-transition-duration: .90s;}
  121. /*fim do menu*/
  122.  
  123. /*corpo*/
  124. #sidebar{position:fixed;margin-left:112px;width:190px;height:180px;background:{color:Sidebar};opacity:1;z-index:2;padding:4.5px;margin-top:250px;}
  125. #sidebar img{width:190px;height:180px;}
  126.  
  127. #mv{position:fixed;display:block;background:transparent;width:199px;height:30px;top:437px;z-index:999;margin-left:110px;}
  128. #mv2{position:fixed;display:block;background:transparent;width:100px;height:30px;top:227px;z-index:0;margin-left:240px;}
  129.  
  130. #tit{display:block;color:{color:Titulo};position:fixed;margin-left:0px;top:210px;width:200px;height:50px;font-style:none;font-family: 'Gloria Hallelujah', cursive;font-size:20px;text-align:center;-webkit-transform: rotate(-20deg);-moz-transform: rotate(-20deg)}
  131. #tit:hover{display:block;color:black;position:fixed;margin-left:-5px;top:300px;width:200px;height:50px;font-style:none;font-family: 'Gloria Hallelujah', cursive;font-size:20px;text-align:center;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transition-duration:0.99s;-moz-transition-duration:0.99s;}
  132.  
  133. #sidesc {display:block;color:black;position:fixed;background:transparent;width:300px;height:90px;top:300px;margin-left:732px;z-index:999;text-align:center;font-family:'Gloria Hallelujah', cursive;font-size:12px;}
  134.  
  135.  
  136.  
  137. /*paginação*/
  138. .paginacao{background:transparent;position:fixed;margin-left:1140px;width:100px;top:250px;z-index:999;font-size:30px;}
  139. .paginacao a{text-shadow:0px 0px 1px #eee;padding:0px 10px 7px 10px;}
  140. .ante{float:left;!important}
  141. .prox{float:right;!important}
  142. ::selection{background:#000;color:#FFF;}
  143.  
  144. /*lala*/
  145. .entry:hover .permalink{opacity: 1; filter: alpha(opacity = 100);-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3;}
  146.  
  147. .photo_perma{position:absolute;margin:5px 0px 0px 5px;background:transparent;padding:10px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;opacity:0;filter: alpha(opacity = 0);-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3;z-index:1;}
  148.  
  149. .entry:hover .photo_perma{margin-left:10px;opacity:0.75;filter: alpha(opacity = 75);-moz-transition: all 0.3s;-webkit-transition: all 0.3s;
  150. -o-transition: all 0.3s;transition: all 0.3;}
  151.  
  152. /*estilo de ask*/
  153. .pergunta {display: block; margin-left: 0px;background:{color:Fundodaask}; padding: 8px;overflow: hidden; text-shadow: 0px 1px 1px #FFE4E1; color:black;}
  154. .resposta {background:gray; padding: 3px; display: block; border-radius:2px;color:white;}
  155. .perguntou {display: block; margin-left: 0px; margin-top: 0px; background:gray ; line-height: 5px; font-style: none; color:white; height: 16px; text-align: left; line-height: 18px; padding-left: 6px; padding-right: 9px; font-family:"04b03", small fonts; font-size:8px; text-transform:uppercase;}
  156. .perguntou a {color: #fff;}
  157. .fotoask {background: #fff; padding: 4px; float: left; margin-right: 4px; margin-top: -5px; margin-left: -5px;-webkit-box-shadow: 0px 0px 3px #fff; -moz-box-shadow: 0px 0px 3px #fff; box-shadow: 0px 0px 3px #fff;border-radius:100%;}
  158. .arrow {position: absolute; background: url('') no-repeat; width: 20px; height: 10px; margin-left: 43px;margin-top: 1px;}
  159. .linha { margin-top: 7px; margin-bottom: 7px;}
  160. @font-face {font-family: "04b03";
  161. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  162. @font-face {font-family: "charnarr";
  163. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  164. .boxask {background : #a1b5cd; margin-bottom: 10px; padding: 5px; text-align: justify; border-radius;}
  165. /* Fim do estilo de ask */
  166.  
  167. /*Barra de rolagem*/
  168. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Barrarolagem};height:5px;}
  169. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Barrarolagem};height:5px}
  170. ::-webkit-scrollbar {height:5px; width:5px; background-color:#F5F0F5;}
  171. /*fim do barra de rolagem*/
  172.  
  173. .cred a{background:white;border:1px solid #E8E8E8;width:80px;border-radius:40px;font-size:9px;font-family:tahoma;position:fixed;left:10px;bottom:30px;-webkit-transition-duration:1s;text-align:center;}
  174.  
  175. </style>
  176. <body>
  177.  
  178. <!-- Paginação -->
  179. <div class="paginacao">
  180. {block:PreviousPage}<a href="{PreviousPage}" class="ante" title="Página anterior">&lsaquo;</a>{/block:PreviousPage}
  181. {block:NextPage}<a href="{NextPage}" class="prox" title="Próxima pagina">&rsaquo;</a>{/block:NextPage}
  182. </div>
  183.  
  184. <!---centralização--->
  185. <div class="centra">
  186.  
  187. <div id="sidesc">
  188. {description}
  189. </div>
  190.  
  191.  
  192. <div id="mv2">
  193. <a href="{text:Link6}" class="flip3"><img src="http://media.tumblr.com/tumblr_m9j3a3icgZ1r8w5aq.png" width="14"></a>
  194. <a href="{text:Link7}" class="flip3"><img src="http://media.tumblr.com/tumblr_marqo0GSPh1r28np7.png" width="14"></a>
  195. </div>
  196.  
  197. <!-- Sidebar -->
  198. <div id="sidebar">
  199. <div class="cred"><a href="http://sounds-of-war.tumblr.com" target="blank" title="Theme by SOUNDS-OF-WAR. Base by Assombroso. Dtls por cantinho-html & tbd-themes. Don't remove the credits,don't copy!">&copy; ALL THEME</a></div>
  200.  
  201. <div class="view oefeito">
  202. <a href="#"><img src="{image:Sidebar}" /></a>
  203. <div class="mask"></div>
  204. </div>
  205. </div>
  206.  
  207. <div id="mv">
  208. <center>
  209. <a href="{text:Link1}" class="flip2">{text:Link1 Title}</a>
  210. <a href="{text:Link2}" class="flip2">{text:Link2 Title}</a>
  211. <a href="{text:Link3}" class="flip2">{text:Link3 Title}</a>
  212. <a href="{text:Link4}" class="flip2">{text:Link4 Title}</a>
  213. </center>
  214. </div>
  215.  
  216. <div id="tit">
  217. {title}
  218. </div>
  219.  
  220. <!-- Posts -->
  221. <ol id="posts">
  222.  
  223. {block:Posts}
  224. <div class="entry">
  225. <div class="photo_perma"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/8yo5xxv/k7rm3zr0o/reblog.png"></a>
  226. </div>
  227.  
  228. <!--text-->
  229. {block:Text}
  230. <li class="post text">
  231. {block:Title}
  232. <h3><a href="{Permalink}">{Title}</a></h3>
  233. {/block:Title}
  234. {Body}
  235. {block:Date}
  236. <div class="baixo">
  237. <a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
  238. {block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  239. </div>
  240. {/block:Date}
  241. </li>
  242. {/block:Text}
  243.  
  244. <!--photo-->
  245. {block:Photo}
  246. <li class="post photo">
  247. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  248. {block:Caption}
  249. <div class="caption">{Caption}</div>
  250. {/block:Caption}
  251. {block:Date}
  252. <div class="baixo">
  253. <a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
  254. {block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  255. </div>
  256. {/block:Date}
  257. </li>
  258. {/block:Photo}
  259.  
  260. <!--photoset-->
  261. {block:Photoset}
  262. <li class="post photoset">
  263. {Photoset-400}
  264. {block:Caption}
  265. <div class="caption">{Caption}</div>
  266. {/block:Caption}
  267. {block:Date}
  268. <div class="baixo">
  269. <a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
  270. {block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  271. </div>
  272. {/block:Date}
  273. </li>
  274. {/block:Photoset}
  275.  
  276. <!--quote-->
  277. {block:Quote}
  278. <li class="post quote">
  279. <div class="quotea">{Quote}</div>
  280. {block:Source}<div class="sourcequote"> — {Source}</div>{block:Source}
  281. {block:Date}
  282. <div class="baixo">
  283. <a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
  284. {block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  285. </div>
  286. {/block:Date}
  287. </li>
  288. {/block:Quote}
  289.  
  290. <!--link-->
  291. {block:Link}
  292. <li class="post link">
  293. <a href="{URL}" class="h3" {Target}>{Name}</a>
  294. {block:Description}
  295. {/block:Description}
  296. {block:Date}
  297. <div class="baixo">
  298. <a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
  299. {block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  300. </div>
  301. {/block:Date}
  302. </li>
  303. {/block:Link}
  304.  
  305. <!--chat-->
  306. {block:Chat}
  307. <li class="post chat">
  308. {block:Title}
  309. <h3><a href="{Permalink}">{Title}</a></h3>
  310. {/block:Title}
  311. <ul class="chat">
  312. {block:Lines}
  313. <li class="pessoa{UserNumber}">
  314. {block:Label}
  315. <span class="label">{Label}</span>
  316. {/block:Label}
  317. {Line}
  318. </li>
  319. {/block:Lines}
  320. </ul>
  321. {block:Date}
  322. <div class="baixo">
  323. <a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
  324. {block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  325. </div>
  326. {/block:Date}
  327. </li>
  328. {/block:Chat}
  329.  
  330. <!--video-->
  331. {block:Video}
  332. <li class="post video">
  333. {Video-500}
  334. {block:Caption}
  335. <div class="caption">{Caption}</div>
  336. {/block:Caption}
  337. {block:Date}
  338. <div class="baixo">
  339. <a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
  340. {block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  341. </div>
  342. {/block:Date}
  343. </li>
  344. {/block:Video}
  345.  
  346. <!--audio-->
  347. {block:Audio}
  348. <li class="post audio">
  349. <div class="playeraudio">{AudioPlayerWhite}</div>
  350. {block:Caption}
  351. <div class="caption">{Caption}</div>
  352. {/block:Caption}
  353. {block:Date}
  354. <div class="baixo">
  355. <a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
  356. {block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  357. </div>
  358. {/block:Date}
  359. </li>
  360. {/block:Audio}
  361.  
  362. <!--asker-->
  363. {block:Answer}
  364. <li class="post answer">
  365. <div class="pergunta">
  366. <img src="{AskerPortraitURL-30}" class="fotoask">
  367. {Question}</div>
  368. <div class="arrow"></div>
  369. <div class="perguntou">Asked by: <g>{Asker}</g> {TimeAgo}</div>
  370. <div class="linha"></div>
  371. <div class="resposta">{Answer}</div>
  372.  
  373. {block:Date}
  374. <div class="baixo">
  375. <a href="{Permalink}">{TimeAgo}</a> <b>-</b> <a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>
  376. {block:RebloggedFrom} <b>-</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> <b>·</b> <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  377. </div>
  378. {/block:Date}
  379. </li>
  380. {/block:Answer}
  381.  
  382. <!--source-->
  383. <div class="source">
  384. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  385. </div></div>
  386. {/block:Posts}
  387. </ol></div>
  388.  
  389.  
  390.  
  391. </body>
  392. </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!