API tools faq
paste
Advertisement
joicealmeida

theme simples!

joicealmeida
Jul 21st, 2013
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.51 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
  6.  
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Share' rel='stylesheet' type='text/css'>
  9.  
  10. <script type="text/javascript">
  11. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  12. </script>
  13.  
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17.  
  18.  
  19.  
  20. <title>{Title}</title>
  21. <link href='http://fonts.googleapis.com/css?family=Arbutus+Slab|Ubuntu+Mono|Carrois+Gothic|Port+Lligat+Slab|Carrois+Gothic+SC|Scada' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  24.  
  25.  
  26. </head>
  27. <style>
  28.  
  29.  
  30. /********** Fundo do Theme */
  31. body {
  32. background-image: url();
  33. background-attachment: fixed;
  34. background-color: #fff;
  35. font-family: tahoma;
  36. font-size: 8pt;
  37. color: gray;
  38. text-align: justify;
  39. }
  40.  
  41. /* Titulo dos posts */
  42. .h1 {font: 25px 'georgia'; color:#000; text-align:center;;}
  43.  
  44. /***caixas***/
  45. .box {background-color: #fff; color:#6b6b6b; margin-bottom: 10px; padding: 8px;
  46. }
  47.  
  48.  
  49. /* Página */
  50. #pagina {width: 700px; top:300px; padding-top:-230px;}
  51.  
  52. #centraliza {width: 780px; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 40px;}
  53.  
  54.  
  55. /* Sidebar */
  56. #sidebar {text-align: juste4b5b9ify; float: left; width: 110px; top:14px; padding-top:41px; font-family: play; font-size: 12px; position: fixed; margin-left: 60px;}
  57.  
  58. /* Posts */
  59. #posts {width: 530px; text-align: justify; float: right; padding-bottom: 8px; font-family: verdana; font-size: 11px; margin-top: -25px;}
  60.  
  61.  
  62. .linha{margin: 2px;
  63. border-bottom:1px dashed #ccc; padding: 2px 0px 5px 0px;}
  64.  
  65. /* Chat por Anna *********/
  66. .chat {background: #fff; margin: 0; font-family: 'Ubuntu Mono'; font-size:9px; text-transform: uppercase;}
  67. .chat .chat1 {margin-left: 0px;}
  68. .chat .chat1 .chat2 {background:#6b6b6b; color: #fff; margin-bottom: 1px; padding: 4px 5px 4px 5px;}
  69. .chat .chat1 .chat2.even {background: #000; color: #fff;}
  70. .chat .chat1 .chat2 span{font-weight: bold;}
  71.  
  72. .wisha{background:#f7f7f7; padding:4px 10px 4px 5px; margin-bottom:1px; width: 460px; text-align:left; font-family:'Carrois Gothic'; color:#3d3d3d; border-left: 8px solid #ededed; }
  73.  
  74. .titlems {text-align: justy; display: block; font: 25px 'georgia'; color:#000; text-align:center; line-height: 21px; padding: 5px; margin-top: -50px; margin-left: 20px;}
  75. .quotems {text-align: justy; color: #ffffff; display: block; font: normal 50px georgia;vertical-align: middle; padding: 5px; line-height: 50px; margin-top: -5px; opacity: 0.2}
  76.  
  77. /***negrito, itálico e blabla***/
  78. b, strong {color: #000; text-decoration: none; cursor: help;}
  79. s {color: #000;cursor: help;}
  80. i {color: #000; text-decoration: none;cursor: help;}
  81. u, underline {color: #000; text-decoration: none; border-bottom: 1px dashed #000;cursor: help;}
  82.  
  83. -moz-box-shadow: 2px 2px 2px 2px #eee;
  84. -webkit-box-shadow: 2px 2px 2px 2px #eee;
  85. -khtml-box-shadow: 2px 2px 2px 2px #eee;
  86.  
  87. /** LNKS**/
  88. a:link {color: #000; text-decoration: none;}
  89. a:active {color: #000; text-decoration: none;}
  90. a:visited {color: #000;; text-decoration: none;}
  91. a:hover { color: #000;}
  92.  
  93.  
  94. a:link,a:active,a:visited { color: #000; text-decoration: none; -webkit-transition-duration: .50s;}
  95. a:hover { color: #000;}
  96.  
  97. .desc{margin-top: 360px; margin-left: -73px; font-family: 'Ubuntu Mono'; font-size:9px; text-transform: uppercase; color:#dddddd;}
  98.  
  99. blockquote{padding-left: 6px;
  100. background:#f3f3f3;
  101. padding-bottom : 3px;
  102. border-left: 6px solid #000;
  103. margin: 5px 6px 0px 17px;
  104. color:#bbbbbb;
  105. font-family: 'Ubuntu Mono'; font-size:9px; text-transform: uppercase;
  106. padding-right:6px;
  107. padding-top:3px;
  108. text-shadow: 1px 1px 0px #fff}
  109.  
  110. fundo {text-align: center; font-family:'Ubuntu Mono';
  111. font-size:11px;
  112. text-transform: uppercase; osition: relative; margin-left: -70px;width:134px; background-color:#e9e9e9; color: #000; padding: 4px; margin-top: 1px; opacity: 0.3;}
  113. fundo {-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; position: absolute;}
  114.  
  115. .imagemdaside {background:url('http://static.tumblr.com/drl2z9y/wt4mqabgg/tipo.png'); width:142px; height: 146px; position:absolute; -webkit-transition-duration: 1.90s; margin-left: -53px; margin-top: 210px;}
  116. .imagemdaside:hover {background:url('http://static.tumblr.com/drl2z9y/sMAmqabgq/tipo2.png'); width:142px; height: 146px; position:absolute; -webkit-transition-duration: 2.20s;}
  117.  
  118. .titlers {text-align:left; margin-bottom:5px; font-family:times, serif; font-size:10px; line-height:9px; letter-spacing:2px; text-transform:uppercase; margin-top: 190px; margin-left:-60px; position:absolute; width:182px;}
  119.  
  120. .menu {word-spacing: 1px;z-index;0;letter-spacing: 0px;font-size: 12px;padding: 3px;line-height: 12px;display: inline-block;width:auto;margin: 3px;text-align: center;left: 100px;z-index: 8;background-color: transparent;}
  121. a.menu {color:#dddddd;}
  122. .menu:hover {z-index;1;letter-spacing: 1px;font-size: 12px;line-height: 12px;display: inline-block;width:auto;margin: 3px;text-align: center;-webkit-transition-duration: .99s;color: #dddddd;background-color: transparent;}
  123.  
  124. .info{margin: 15px 20px 0 20px; margin-left: 5px; border-left: 4px solid {color:linkbackground}; padding-left: 5px; font-family: verdana, helvetica}
  125. .tags{font-size:7px; display: inline}
  126. .origin{font-size:7px}
  127. .ibottom{margin-top: -2px; font-family: verdana, helvetica}
  128. .date{float:left; padding-left: 30px; text-transform: uppercase; font-size: 7px}
  129. .permalink{float:right; padding-right: 10px; text-transform: uppercase; font-size: 7px}
  130.  
  131. /*** Paginação by madlyluv.com ***/
  132. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; font-family: verdana;}
  133. #paginacaoml a {background: #ffffff; margin: 0 1px 0 0; padding: 2px 4px; color: #000000; text-decoration: none;}
  134. #paginacaoml a:hover {background: #bbb;}
  135. #paginacaoml span.pagina_atual {background: #ffffff; margin: 0 1px 0 0; padding: 2px 4px; color: #000000; text-decoration: none;}
  136. #paginacaoml span.info {background: #cor de fundo; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  137.  
  138. .boxcred {background-color: #eee; color:#6b6b6b; margin-bottom: 10px; padding: 8px; width:60px;padding: 3px;font-family:'Ubuntu Mono';
  139. font-size:11px;color: #000;margin-left: 53px;
  140. text-transform: uppercase; position:absolute;
  141. }
  142.  
  143. /* --- QUESTIONS --- */
  144.  
  145. #questions {padding:0px; text-align:justify; font-size:10px; line-height:14px; text-transform:none;}
  146.  
  147. #q, #a {margin-right:5px; font-family:Oswald; font-size:15px; font-weight:bold}
  148.  
  149. #question {background-color:#000; color:#ffffff; padding:10px; text-transform:none; font-family:cambria; text-shadow: 1px 1px 0px #000;}
  150.  
  151. #answer {background-color:#fff; padding:10px; text-transform:none; font-family:cambria; text-shadow: 1px 1px 0px #eee;}
  152.  
  153. .question {font-size:9px; text-transform:lowercase; line-height:7px; letter-spacing:0px; font-style:italic;}
  154.  
  155. </style>
  156. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  157.  
  158. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
  159. <body onkeydown="return false">
  160.  
  161. <center>
  162.  
  163.  
  164. <div id="pagina">
  165.  
  166. <div id="sidebar"><div class="titlers">{title}</div>
  167.  
  168.  
  169. <div class="imagemdaside"><fundo>Renda-se, como eu me rendi. Mergulhe no que você não conhece como eu mergulhei. Não se preocupe em entender, viver ultrapassa qualquer entendimento.Renda-se, como eu me rendi. Mergulhe no que você não conhece como eu mergulhei..omo eu mergulhei..</fundo>
  170. </div>
  171.  
  172. <div class="desc">
  173.  
  174. <a class="menu" href="/">Home</a>
  175. <a class="menu" href="/ask">Box</a>
  176. <a class="menu" href="/tagged/textos">textos</a>
  177.  
  178. <center><div class="boxcred">theme <a href="http://he4rtle-s.tumblr.com/">(c)</a></div></center>
  179.  
  180. {block:PermalinkPage} <div id="prevnextlinks">{block:PermalinkPagination}{block:PreviousPost}<a
  181.  
  182. href="{PreviousPost}">previous post</a>{/block:PreviousPost}&nbsp;&nbsp;&nbsp;&nbsp;{block:NextPost}<a href="{NextPost}">next
  183.  
  184. post</a>{/block:NextPost} {/block:PermalinkPagination} </div>{/block:PermalinkPage}
  185. </div>
  186. </div>
  187.  
  188.  
  189. <div id="posts">
  190.  
  191. <div class="box"><br>
  192. <div id="mar">
  193. <div id="liuc">
  194. {block:Posts}
  195.  
  196. <!-- textos -->
  197. {block:Text}<div class="post">
  198.  
  199. {block:Title}<a href="{Permalink}" class="title"><div class="h1">{Title}</div></a>{/block:Title}
  200. <div>{Body}</div>
  201. {block:Date}
  202. <div class="both">
  203.  
  204. {/block:Date}
  205. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  206. {block:Caption}{Caption}{/block:Caption}
  207. </div>
  208.  
  209. </div>
  210.  
  211. {/block:Text}
  212.  
  213.  
  214. <!-- photos -->
  215. {block:Photo}<div class="post">
  216. <br>
  217. {LinkOpenTag}<Center><a href="{Permalink}"><img src="{PhotoURL-400}" title="{PhotoAlt}" width="440"/>{LinkCloseTag}</center>
  218. {block:Caption}{Caption}{/block:Caption}
  219.  
  220. {/block:Photo}
  221.  
  222.  
  223. <!-- quotes -->
  224. {block:Quote}<div class="post"><br>
  225. <div class="quotems">“</div><div class="titlems">{Quote}</div><br>
  226. {block:Source}<div align="right">- {Source}</div>{/block:Source}
  227. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  228.  
  229. </div>
  230. {/block:Quote}
  231.  
  232. <!-- links -->
  233. {block:Link}
  234. <div class="post">
  235. <a href="{URL}" class="link" {Target}><div class="h1">{Name}</div></a>
  236. {block:Description}
  237. <div class="description">{Description}</div>
  238. {/block:Description}
  239. <BR>
  240.  
  241. {/block:Link}
  242.  
  243. <!-- asks -->
  244.  
  245.  
  246.  
  247. {block:Answer}
  248. <div class="post">
  249. <div id="questions"><div id="question">
  250. <table><td><div id="q">Q:</div></td>
  251.  
  252. <td><font class="question">{Question} (asked by {Asker})</font></td></table></div>
  253.  
  254. <div id="answer"><table><td><div id="a">A:</div></td>
  255.  
  256. <td>{Answer}</td></table></div></div>
  257.  
  258. {/block:Answer}
  259.  
  260. <!-- chat -->
  261. {block:Chat}
  262. <div class="post">
  263.  
  264. <div class="h1">{Title}</div>{/block:Title}
  265. <div class="chat"><div class="chat1">{block:Lines}
  266. <div class="chat2 {Alt}">{block:Label}<span>{Label}</span>{/block:Label}
  267. {Line}</div>{/block:Lines}</div></div>
  268. </table><br>
  269. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  270.  
  271. {/block:Chat}
  272.  
  273.  
  274. <!-- musicas -->
  275. {block:Audio}<div class="post">
  276. <div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  277. <center>{AudioPlayerWhite}</centeR>
  278. {block:Caption}{Caption}{/block:Caption}<br>
  279.  
  280. {/block:Audio}
  281.  
  282.  
  283. <!-- videos -->
  284. {block:Video}<div class="post">
  285. <center>{Video-500}</center>
  286. {block:Caption}{Caption}{/block:Caption}
  287. <BR>
  288. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  289.  
  290. </div>
  291.  
  292. {/block:Video}
  293.  
  294. <div class="info"><div style="font-size: 9px;">
  295. <a href="{Permalink}">{DayofMonth} {Month} {Year} · {NoteCountWithLabel}</a> · <a href="{ReblogUrl}" target="_blank">reblog</a>
  296. <br> {block:RebloggedFrom} <a href="{ReblogRootURL}" title="{ReblogRootTitle}">originally</a></span> · {/block:RebloggedFrom}{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> |{/block:RebloggedFrom} {block:Tags}
  297. #<a href="{TagURL}">{Tag}</a>,
  298. {/block:Tags}
  299.  
  300. </div></div>
  301. <div class="linha"></div>
  302.  
  303. {/block:Posts}
  304.  
  305.  
  306.  
  307. </div>
  308. </div></div></div>
  309. </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></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>
  310. </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></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></div></div></div></div></div></div></div></div>
  311. </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></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></div></div></div></div></div></div></div></div>
  312. </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></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></div></div></div></div></div></div></div></div>
  313. </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></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></div></div></div></div></div></div></div></div>
  314. </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></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></div></div></div></div></div></div></div></div>
  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></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></div></div></div></div></div></div></div></div>
  316. </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></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></div></div></div></div></div></div></div></div>
  317. </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></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></div></div></div></div></div></div></div></div>
  318. </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></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></div></div></div></div></div></div></div></div>
  319. </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></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></div></div></div></div></div></div></div></div>
  320. </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></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></div></div></div></div></div></div></div></div>
  321. </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></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></div></div></div></div></div></div></div></div>
  322. </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></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></div></div></div></div></div></div></div></div>
  323.  
  324.  
  325.  
  326. </body>
  327. </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!