Advertisement
joicealmeida

theme eight!

Jan 12th, 2014
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.36 KB | None | 0 0
  1.  
  2.  
  3. <html>
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10.  
  11.  
  12. <title>{Title}</title>
  13.  
  14. </head>
  15. <style>
  16.  
  17. body {
  18. background: #fff;
  19. background-attachment: fixed;
  20. font-family: tahoma;
  21. font-size: 8pt;
  22. color: gray;
  23. text-align: justify;
  24. }
  25.  
  26.  
  27. .h1 {font: 20px 'trebuchet ms'; color: #33393e; text-align:center ; font-weight:bold;}
  28.  
  29. .titlems {font: 20px 'trebuchet ms'; color: #33393e; text-align:center; font-weight:bold;}
  30.  
  31. .box {background: #fff; border-radius: 5px; padding:5px 5px 3px 5px; margin-bottom:4px; font-family:trebuchet ms; font-size:10px;}
  32.  
  33. #pagina {width: 830px; top:300px; padding-top:45px; margin-left: 60px;}
  34.  
  35. #posts {width: 500px; text-align: justify; float: right; padding-bottom: 8px; font-family:trebuchet ms; margin-top: -40px; font-size:11px}
  36.  
  37. #sidebar {text-align: juste4b5b9ify; float: left; width: 200px; top:30px; padding-top:41px; font-family:trebuchet ms; font-size:9px;position: fixed; margin-left: 120px;}
  38.  
  39. b, strong {color: #77b3f0; text-decoration: none; cursor: help;}
  40. s {color: #77b3f0;cursor: help;}
  41. i {color: #f07977; text-decoration: none;cursor: help;}
  42. u, underline {color: #f07977; text-decoration: none; border-bottom: 1px dashed #f07977;cursor: help;}
  43.  
  44. a:link,a:active,a:visited { color: #df7fb5; text-decoration: none; -webkit-transition-duration: .50s;}
  45. a:hover { color: #77b3f0;}
  46.  
  47. blockquote {border-left:4px #464545 solid; padding-left:5px; margin:3px 5px 3px 20px}
  48.  
  49. .info{ background: #f9f9f9; margin: 0 1px 0 0; padding: 6px 6px; text-decoration: none; font-family: 'calibri'; font-size:11px; text-transform: uppercase; border-top:1px solid;
  50. border-color:#eee;}
  51. .tags{font-size:11px; display: inline; font-size:11px;}
  52. .origin{font-size:11px}
  53. .ibottom{margin-top: -2px; font-family: 'calibri'; font-size:11px; text-transform: uppercase;}
  54. .date{float:left; padding-left: 30px; text-transform: uppercase; font-size: 11px}
  55. .permalink{float:right; padding-right: 10px; text-transform: uppercase; font-size: 11px}
  56.  
  57. .menu {background: #eee; 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; font-family:'calibri';
  58. font-size:10px;}
  59. .fundomenu {background: #fff;}
  60. a.menu {color: #77b3f0;}
  61. .menu:hover {background: #eee; text-align: center;-webkit-transition-duration: .99s;color: #df7fb5;background-color: transparent; font: italic 10px 'calibri';}
  62.  
  63. .efeitomod {background:#df7fb5;margin:1px;padding:1px;margin: 1px;border: none;filter: alpha(opacity=75);-webkit-transition-duration: .5s;}
  64.  
  65. .asker {width: 490px; padding: 5px; font-size: 9px; text-transform: normal; line-height: 100%; font-weight: normal; color:{color:Font};}
  66.  
  67. .asker img {float: left; padding: 0px 5px 0px 0px; }
  68.  
  69. .asker a { margin: 0; padding: 0; font-size: 9px; line-height: 100%; font-weight: bold; text-transform: normal;color: {color:Links};;}
  70.  
  71. .asker a:hover {margin: 0; padding: 0; font-weight: bold; text-transform: normal; color: {color:Links Hover}; }
  72.  
  73. .question {font-size: 8px;font-weight: normal; text-transform: none; color:{color:Font}; background-color: {color:Posts Background}; -webkit-box-shadow: 0 0px 0px 0px #ccc; -moz-box-shadow: 0 0px 0px 0px #ccc; box-shadow: 0 0px 6px 0px #ccc; }
  74.  
  75. .answer {padding-top: 0px; padding-left: 5px; padding-right: 5px; }
  76.  
  77. .answer img { max-width: 500px; }
  78.  
  79. img a {border:none; width:100%; }
  80.  
  81. .jatitulo {clear: both; margin-top: -23px; padding: 3px; letter-spacing: 0px; font: italic 26px 'calibri';color: #df7fb5; text-align:center ; font-weight:bold; margin-left: 360px;}
  82.  
  83. .boxcred {background-color: #fff; color:#6b6b6b; margin-bottom: 120px; padding: 8px; width:60px;padding: 3px;font-family:'calibri';
  84. font-size:11px;color: #000;margin-left: 53px; position: fixed; margin-top: 560px;
  85. }
  86.  
  87. </style>
  88. <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'>
  89. <body>
  90.  
  91. <div id="pagina">
  92.  
  93. <div id="sidebar">
  94. <a href="/"><img src="https://31.media.tumblr.com/47a360fd4967c2d71d47d00014ce8e08/tumblr_inline_mzbg2us6dF1sxsd8z.gif" width="200px" title="home"></a>
  95. <br>
  96.  
  97. {Description}
  98.  
  99. <div class="fundomenu"><center>
  100. <a class="menu" href="/fask">ask</a>
  101. <a class="menu" href="/nav">navigate</a>
  102. <a class="menu" href="/owners">owners</a>
  103. <a class="menu" href="/tagged/thmx">themes</a>
  104. <a class="menu" href="/tutorials">tutos</a>
  105. </center></div>
  106.  
  107. <br>
  108. <center>{block:Pagination}
  109. {block:PreviousPage}
  110. <a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  111. {block:NextPage}– <a href="{NextPage}">next</a>{/block:NextPage}
  112. {/block:Pagination}</center><br>
  113.  
  114. </div>
  115. <div class="boxcred">◕<a href="http://he4rtle-s.tumblr.com/">he4rtle-s</a> </div>
  116. <div class="jatitulo">photoshopping babe!</div><br><br><br>
  117. <center>
  118.  
  119. <div id="posts">
  120.  
  121. <div id="mar">
  122. <div id="liuc">
  123.  
  124. {block:Posts}
  125.  
  126. <!-- textos -->
  127. {block:Text}<div class="post">
  128. <div class="box"><br>{block:Title}<a href="{Permalink}" class="title"><div class="h1">{Title}</div></a>{/block:Title}
  129. <div>{Body}</div>
  130. {block:Date}
  131. <div class="both">
  132.  
  133. {/block:Date}
  134. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  135. {block:Caption}{Caption}{/block:Caption}
  136. </div>
  137.  
  138.  
  139. </div>
  140. {/block:Text}
  141.  
  142. <!-- photos -->
  143. {block:Photo}<div class="post">
  144.  
  145. <div class="box"><br>
  146. <center>{LinkOpenTag}<a href="{Permalink}"><img class="border ; opacidade" src="{PhotoURL-500}" width="475" title="{PhotoAlt}"/>{LinkCloseTag}</center></a>
  147. {block:Caption}{Caption}{/block:Caption}
  148. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  149.  
  150.  
  151.  
  152.  
  153. </div>
  154.  
  155. {/block:Photo}
  156.  
  157.  
  158. <!-- quotes -->
  159. {block:Quote}<div class="post"><div class="box"><br>
  160. <div class="titlems">{Quote}</div><br>
  161. {block:Source}<div align="right">- {Source}</div>{/block:Source}
  162. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  163.  
  164.  
  165.  
  166. </div>
  167.  
  168. {/block:Quote}
  169.  
  170. <!-- links -->
  171. {block:Link}
  172. <div class="post"><div class="box"><br>
  173. <a href="{URL}" class="link" {Target}><div class="h1">{Name}</div></a>
  174. {block:Description}
  175. <div class="description">{Description}</div>
  176. {/block:Description}
  177. <BR>
  178.  
  179.  
  180. </div>
  181. {/block:Link}
  182.  
  183.  
  184.  
  185. <!-- asks -->
  186.  
  187.  
  188.  
  189. {block:Answer}
  190. <div class="post">
  191. <div class="box">
  192. <div class="asker">
  193. <img src="{AskerPortraitURL-24}" class="efeitomod"><b>{Asker}</b> asked:
  194. <div class="questions">
  195. {Question}
  196. </div></div>
  197. <div class="answer">
  198. {Answer}
  199. </div>
  200. </div></div>
  201. {/block:Answer}
  202.  
  203. <!-- chat -->
  204. {block:Chat}
  205. <div class="post">
  206. <div class="box">
  207. <br>
  208. <div class="h1">{Title}</div>{/block:Title}
  209. <div class="chat"><div class="chat1">{block:Lines}
  210. <div class="chat2 {Alt}">{block:Label}<span>{Label}</span>{/block:Label}
  211. {Line}</div>{/block:Lines}</div></div>
  212. </table><br>
  213. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  214.  
  215.  
  216.  
  217. </div>
  218.  
  219. {/block:Chat}
  220.  
  221.  
  222. <!-- musicas -->
  223. {block:Audio}<div class="post">
  224. <div class="box"><div style="float:right; margin-top: 6px;"><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  225. <center>{AudioPlayerWhite}</centeR>
  226. {block:Caption}{Caption}{/block:Caption}<br>
  227.  
  228.  
  229. </div>
  230.  
  231.  
  232. {/block:Audio}
  233.  
  234.  
  235. <!-- videos -->
  236. {block:Video}<div class="post">
  237. <div class="box"><br><center>{Video-500}</center>
  238. {block:Caption}{Caption}{/block:Caption}
  239. <BR>
  240. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  241.  
  242.  
  243.  
  244. </div>
  245.  
  246. {/block:Video}
  247. <div class="info"><div style="font-size: 9px;">
  248. <a href="{Permalink}">{DayofMonth} {Month} {Year} · {NoteCountWithLabel}</a> · <a href="{ReblogUrl}" target="_blank">reblog</a>
  249. <br> {block:RebloggedFrom} <a href="{ReblogRootURL}" title="{ReblogRootTitle}">originally</a></span> · {/block:RebloggedFrom}{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> |{/block:RebloggedFrom} {block:Tags}
  250. #<a href="{TagURL}">{Tag}</a>,
  251. {/block:Tags}
  252.  
  253. </div></div>
  254. <div class="linha"></div>
  255. {/block:Posts}
  256.  
  257. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  258. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  259. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  260.  
  261.  
  262.  
  263. </body>
  264. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement