Advertisement
kelishid

theme #4 LATETOWRITE

Nov 30th, 2011
6,120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.41 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!-- THEME POR LATE TO WRITE, NÃO RETIRE OS CRÉDITOS! -->
  4.  
  5.  
  6. <head>
  7. <!-- DEFAULT VARIABLES -->
  8. <meta name="color:background" content="#FFF"/>
  9. <meta name="color:text" content="#666"/>
  10. <meta name="color:link" content="#698B22"/>
  11. <meta name="color:link hover" content="#A2CD5A"/>
  12. <meta name="color:descricao" content="#f5f5f5"/>
  13. <meta name="color:entry background" content="#666"/>
  14. <meta name="color:menu background" content="#f5f5f5"/>
  15. <meta name="color:menu hover background" content="#c5c5c5"/>
  16. <meta name="color:menu letras hover" content="#666"/>
  17. <meta name="color:scrollbar" content="#000000"/>
  18. <meta name="color:backgroundfrase1" content="#000000" />
  19. <meta name="color:backgroundfrase2" content="#7E7E7E" />
  20. <meta name="color:backgroundfrase3" content="#B1B1B1" />
  21. <meta name="color:tags" content="#f5f5f5" />
  22.  
  23. <meta name="image:sidebar1" content=""/>
  24. <meta name="image:sidebar2" content=""/>
  25. <meta name="image:sidebar3" content=""/>
  26. <meta name="image:background" content=""/>
  27.  
  28.  
  29.  
  30. <meta name="text:titulo" content=""/>
  31. <meta name="text:subtitle" content="" />
  32. <meta name="text:title1" content="ISSO TROCA NO APPEARANCE" />
  33. <meta name="text:frase1" content="coloque uma frase"/>
  34. <meta name="text:frase2" content="coloque uma frase"/>
  35. <meta name="text:frase3" content="coloque uma frase"/>
  36. <meta name="text:title1" content="" />
  37. <meta name="text:subtitle1" content="" />
  38.  
  39. <meta name="if:NotRepeatBackground" content="1"/>
  40.  
  41.  
  42. <meta name="text:Link1" content="troque" />
  43. <meta name="text:Link1 Title" content="os links" />
  44. <meta name="text:Link2" content="no appearence" />
  45. <meta name="text:Link2 Title" content="troque" />
  46. <meta name="text:Link3" content="os links" />
  47. <meta name="text:Link3 Title" content="no appearence" />
  48. <meta name="text:Link4" content="troque" />
  49. <meta name="text:Link4 Title" content="os links" />
  50. <meta name="text:Link5" content="no appearence" />
  51. <meta name="text:Link5 Title" content="troque" />
  52. <meta name="text:Link6" content="os links" />
  53. <meta name="text:Link6 Title" content="no appearence" />
  54. <meta name="text:Link7" content="troque" />
  55. <meta name="text:Link7 Title" content="os links" />
  56. <meta name="text:Link8" content="no appearence" />
  57. <meta name="text:Link8 Title" content="troque" />
  58.  
  59. <title>{Title}</title>
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. {block:Description}
  63. <meta name="description" content="{MetaDescription}" />
  64. {/block:Description}
  65.  
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. body {background-color:{color:background}; color:{color:text}; font-family: Tahoma; font-size:11px; line-height:120%; margin:0px; background-image:url('{image:background}'); background-attachment: fixed; {block:ifNotRepeatBackground} background-repeat: no-repeat; background-position: right; {/block:ifNotRepeatBackground}}
  71.  
  72. a, a:link, a:active, a:visited {color:{color:link}; text-decoration: none}
  73. a:hover {color:{color:link hover}; text-decoration: none}
  74. img a{border:0px;}
  75.  
  76. p {line-height:150%; margin: 10px 10px;}
  77.  
  78. blockquote{margin:2px 5px 2px 5px; padding: 1px 0 3px 5px; border-left: 1px solid #666;}
  79.  
  80. /* sidebar */
  81.  
  82. #sidebar { width: 400px; margin-left: 650px; float: left; padding: 7px 3px; background-color:{color:background}; text-align: center; position: fixed; background-attachment: fixed; }
  83.  
  84. .pages{width: 260px; margin: 1px 0 0 0; text-align: center; font-size: 25px; line-height:15px}
  85. .pages a{text-decoration: none; color:666;}
  86. .pages a:hover{color: color:666;}
  87. .pprev{width: 53px; float: left}
  88. .pnext{ float: left. font-family:gerogia; }
  89.  
  90. .subttle {text-align: center; font-family: 'Verdana', serif; text-transform: lowercase; font-size: 11px; color: {color:titlel}}
  91.  
  92. #sid{position: fixed; margin-left:-152px; margin-top:200px; width: 400px; height: 70px; background-color: transparent; padding: 10px; background-attachment: fixed; -webkit-transform: rotate(-90deg); line-height:15px;}
  93. .ttle {text-align: center; font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; text-transform: lowercase; font-size: 20px; color: {color:titlel}}
  94. .ttle a{font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-style: italic; font-size: 30px; color: {color:titlel}; background-color: transparent; }
  95. .ttle a:hover {font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-style: italic; font-size: 22px; color: {color:titlel}; background-color: transparent;}
  96. .subttle {text-align: center; font-family: 'Verdana', serif; text-transform: lowercase; font-size: 11px; color: {color:titlel}}
  97.  
  98. #sbar {width:55px; height:1000px; margin-left:-10px; margin-top:-20px; position:fixed; overflow:hidden; background-color: {color:bgtextt}; border-left:0px solid; border-right:0px solid; padding:3px}
  99.  
  100. .plink {font-size: 50px; font-family: {font:title}; padding: 5px;}
  101. .plink a{color: {color:text}; background-color: transparent;}
  102. .plink a:hover {color: {color:left}; background-color: transparent;}
  103.  
  104. .sidebartext{clear: both; text-align: justify; background-color: {color:background}; opacity: 0.8; filter:alpha (opacity=80); margin: 10px 5px 0px 5px; padding: 5px; font-family: verdana; font-size: 9px;}
  105. .sidebartext a{font-size:10px;}
  106. .sidebartext a:hover{font-size:10px}
  107.  
  108.  
  109.  
  110. /* container */
  111. #container {background-color:transparent; width: 500px; margin-left: 100px; position: absolute; margin-top: -5px;}
  112.  
  113.  
  114. #top {width:450px; margin: 0 0 15px 0}
  115.  
  116.  
  117. #entries {width: 500px; margin: 15px}
  118.  
  119. #entry {float:left; width: 500px; background-color:{color:entry background}; text-align: justify; padding: 10px 5px 10px 5px; margin: 5px 0 3px 0;}
  120.  
  121. .info {width: 510px; padding: 0px; margin: 0 0 5px 0}
  122. .infolinks{ background-color: {color:tags}; text-align: left; font-size: 10px; font-family: georgia; text-transform: none; }
  123. .infolinks a{ background-color: {color:tags}; display: inline; text-decoration: none; color:#696969; background-color: transparent; padding: 1px 3px 1px 3px; margin: 0 0 1px 0 }
  124. .infolinks a:hover{color: {color:link hover}; }
  125. .tags{font-size: 10px; color:{color:link}; font-family: verdana; background-color: {color:tags};}
  126. .tags a{color: #828282; display: inline; list-style: font-family: georgia;}
  127. .tags a:hover{color: {color:link hover}; display: inline; list-style: none; text-transform: lowercase; font-family: georgia; font-style: italic;}
  128.  
  129. .image{text-align: center; margin: 0 0 5px 0}
  130. .image img{border: 0px}
  131.  
  132.  
  133. .qqmarks{font-size: 80px; font-weight: bold; line-height: 80px; opacity: 0.2; font-family:Georgia;}
  134. .qquote{font-family: verdana; font-size: 14px; letter-spacing: -1px; line-height: 20px; text-transform: none; margin-top: -70px; margin-left: 45px}
  135. .qsource{margin: 5px 15px 0 0; text-align: right; font-family: Georgia;}
  136.  
  137.  
  138. h1{font-family: verdana; font-size:19px; letter-spacing: -1px; line-height: 20px; text-transform: none; font-weight: normal; margin: 0 0 5px 0; color:#000;}
  139.  
  140.  
  141. .chat{line-height: 12px; list-style: none; margin: 0px 10px; }
  142. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  143. .person1 {color: {color:text} }
  144. .person1 .label {font-weight: bold; padding: 0px; margin: 0 0 5px 0; color: {color:text}}
  145. .person2 {color: {color:link}}
  146. .person2 .label { font-weight: bold; padding: 0px; margin: 0 0 5px 0; color: {color:link}}
  147.  
  148.  
  149. .iaudio2{align: center; width: 100%; background-color: {color:link}}
  150. .plcount {font-style: regular}
  151.  
  152. .asker {font-size: 15px; font-family:georgia; width: 100%; color:#666; text-transform: lowercase; line-height: 20px}
  153. .asker a{color:{color:link}}
  154. .asker a:hover{color:{color:text}; text-transform:none;}
  155. .asker img{margin: 3px 0 -3px 3px}
  156. .q {padding: 6px; font-style: italic; font-family:georgia; background-color: #E8E8E8; font-size: 10px;}
  157. .a {padding: 2px 0 0 0 font-family:verdana; font-size: 9px;}
  158. #cap {padding: 2px 0 0 0; width: 500px; margin: 0 0 0 5px}
  159.  
  160.  
  161. ::-webkit-scrollbar{width:8px;height:3px;}
  162. ::-webkit-scrollbar-button:start:decrement
  163. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  164. ::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  165. ::-webkit-scrollbar-thumb:vertical{height:100px; background-color:{color:scrollbar}; -webkit-border-radius:px;}
  166. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#D1D1D1;-webkit-border-radius:px;}
  167.  
  168. .ttle {text-align: center; font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; text-transform: lowercase; font-size: 30px; color: {color:text}; letter-spacing: 2px;}
  169.  
  170. .ttle2 { text-align: right; letter-spacing: 4px; font-size: 12px; font-family: verdana; color:{color:link}; }
  171.  
  172. .eu {width: 309px; margin-top: 0px; padding: 2px; text-align: center; background-color: {color:backgroundfrase1}; letter-spacing: 3px; font-size: 9px; font-family: verdana; color: #FFFFFF; }
  173.  
  174. .euu {width: 309px; padding: 2px; text-align: center; background-color: {color:backgroundfrase2}; letter-spacing: 3px; font-size: 9px; font-family: verdana; color:#fff; }
  175.  
  176. .euuu {width: 309px; padding: 2px; text-align: center; margin-bottom: 5px; background-color: {color:backgroundfrase3}; letter-spacing: 4px; font-size: 9px; font-family: verdana; color:#F0F0F0; }
  177.  
  178. .mtv{ background-color:{color:descricao}; text-align:justify; font-family: verdana; font-size: 9px; margin-top: -15px; padding: 3px 3px 3px 3px width: 240px; margin-left: 87px;}
  179.  
  180. .mtv2{ float: left; text-align:justify; margin-left: 87px; padding: 3px 3px 3px 3px }
  181.  
  182.  
  183. #creu {position: fixed; float: left; margin-top: -14px; margin-left: -10px; width: 70px; text-align: justify; font-size: 9px; background-color: {color:background}; font-family: verdana; padding: 10px; }
  184.  
  185. .creumenu a {display: block; font-family: verdana; font-size: 10px; text-align: center; margin-bottom: 3px; height: 30px; width: 70px; background-color: {color:menu background}; color:{color:link}; text-decoration: none; text-transform: lowercase; padding: 15px 5px 2px 5px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  186.  
  187. .creumenu a:hover{text-align: center; letter-spacing: 3px; height: 50px; background-color: {color:menu hover background}; color:{color:menu letras hover};}
  188.  
  189.  
  190. #notes {width: 520px; padding: 5px}ol.notes {list-style: none; margin: 0 30px 0 10px; padding: 0px}ol.notes li {margin: 0 30px 0 10px; padding: 2px;}#notes img{border:0px}
  191. #tumblr_controls{position: fixed!important}
  192.  
  193. {CustomCSS}
  194. </style>
  195.  
  196.  
  197. </head>
  198.  
  199. <body>
  200.  
  201. <div id="sbar">
  202. <div id="sid">
  203. <br>
  204. <br>
  205. <div class="ttle">{text:title1}</div><div class="subttle"><div style="color: {color:subtitle1};">{text:subtitle1}</div></div></div>
  206. <br>
  207. </div>
  208. <br>
  209. <br>
  210. <div id="sidebar">
  211.  
  212. <div id="creu"><div class="creumenu">
  213. <a href="/"> Home </a>
  214. <a href="/ask">Ask <b>box</b></a>
  215. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  216. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  217. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  218. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  219. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  220. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  221. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}
  222. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a> {/block:ifLink8}
  223. </div>
  224. </br>
  225. </br>
  226. <br>
  227. <center>
  228. {block:Pagination}{block:NextPage}<a href="{NextPage}" ><big><big><big><big><big><big>»</big></big></big></big></big></big></a>{/block:NextPage}{/block:Pagination}<br></center>
  229. </div>
  230.  
  231.  
  232. <div class="mtv">
  233. <div class="eu">{text:frase1}</div> <div class="euu">{text:frase2}</div> <div class="euuu">{text:frase3}</div>
  234. <br>
  235. <div class="mtv2">
  236. <div class="ttle">{text:titulo}</div>
  237. </div>
  238. <br>
  239. <br>
  240. <br>
  241. <div class="sidebartext"><div style="border: 0px solid rgb(b9b, b9b, b9b); overflow: auto; color: ; background-color: ; width: 290px; text-align: normal; font-family: verdana; height: 180px; padding: 0px 10px 5px 1px; letter-spacing: 0px; font-size:10px; line-height: 100%"><img src="{image:sidebar1}" width="300px" ><br><br><img src="{image:sidebar2}" width="300px" ><br><br><img src="{image:sidebar3}" width="300px" > </div>
  242. <br>
  243. <div class="subtitle"><center>{text:subtitle}</center></div>
  244. <br>
  245. <div class="sidebartext"><div style="border: 0px solid rgb(b9b, b9b, b9b); overflow: auto; color: ; background-color: ; width: 290px; text-align: normal; font-family: verdana; height: 100px; padding: 0px 10px 5px 1px; letter-spacing: 0px; font-size:10px; line-height: 100%">{block:Description}{Description}{/block:Description}</div>
  246. </br>
  247. </div>
  248. </div>
  249.  
  250.  
  251. <center><div id="credit"> Theme feito por <a href="http://late-to-write.tumblr.com/">late-to-write</a> com alguns detalhes de <a href="http://m-4-r-y.tumblr.com/">m-4-r-y</a> e <a href="http://amar-gura.tumblr.com/">amar-gura</a </center>
  252. </div>
  253. </div></div>
  254.  
  255. <div id="container">
  256.  
  257.  
  258. <div id="entries"> <div id="top">
  259.  
  260. {block:Posts}
  261.  
  262. <div id="entry">
  263.  
  264. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  265.  
  266. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" width="500px"></div>{LinkCloseTag}{/block:Photo}
  267.  
  268. {block:Photoset}{Photoset-500}{/block:Photoset}
  269.  
  270. {block:Quote}
  271. <b class="qqmarks">“</b><div class="qquote">{Quote}</div>
  272. {block:Source}<div class="qsource"><i>— {Source}</i></div>{/block:Source}
  273. {/block:Quote}
  274.  
  275. {block:Link}
  276. <h1><center><a href="{URL}" {Target}>{Name}</a></center></h1>
  277. {block:Description}{Description}{/block:Description}
  278. {/block:Link}
  279.  
  280. {block:Chat}
  281. {block:Title}<h1><center><a href="{Permalink}">{Title}</a></center></h1>{/block:Title}
  282. <div class="chat"><ul>{block:Lines}
  283. <li class="person{UserNumber}">{block:Label}
  284. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  285. {/block:Chat}
  286.  
  287. {block:Audio}
  288. <div class="iaudio2">{AudioPlayerGrey}</div>
  289. <div class="plcount"><center>{PlayCountWithLabel}</center><br>{block:Artist}<b>{Artist}</b> - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}</div>
  290. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div>
  291. {/block:Audio}
  292.  
  293. {block:Video}{Video-500}{/block:Video}
  294.  
  295. {block:Answer}
  296. <div class="asker">{Asker} sussurrou: </div>
  297. <div class="q">{Question}</div>
  298. <div class="a">{Answer}</div>
  299. {/block:Answer}
  300.  
  301.  
  302. <div id="cap">
  303. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  304. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  305. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  306.  
  307. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  308. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  309. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  310. {/block:ContentSource}</div>
  311. <div style="display:none">{block:RebloggedFrom}(via ;<a href="{ReblogParentURL}"
  312. title="{ReblogParentTitle}">{ReblogParentName}</a>){/block:RebloggedFrom}</div>
  313. </div>
  314. </div>
  315.  
  316. <div class="info">
  317. <span class="infolinks"><a href="{Permalink}" title="post info">•</a>{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} </span>
  318.  
  319.  
  320. <span class="infolinks">{block:Date}<a href="{Permalink}" title="{DayOfMonth} {Month} {Year} @
  321.  
  322. {12Hour}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:Date}
  323. {block:RebloggedFrom}<a href="{ReblogRootURL}"
  324.  
  325. alt="{ReblogRootTitle}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom} {block:HighRes}<a
  326.  
  327. href="{PhotoURL-HighRes}">hi-res</a>{/block:HighRes}</span>
  328. <span class="tags">{block:HasTags}{block:Tags}&nbsp;&nbsp;+ <a
  329.  
  330. href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</span>{/block:PermalinkPage}</div>
  331.  
  332.  
  333. {/block:Posts}
  334.  
  335. </div>
  336.  
  337. {block:IfEnableEndlessScrolling}</div> {/block:IfEnableEndlessScrolling}
  338. </div>
  339.  
  340. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  341.  
  342. </div>
  343.  
  344.  
  345.  
  346. </body>
  347. </html>
  348.  
  349.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement