Guest User

theme 2

a guest
Feb 26th, 2012
2,202
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.82 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">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <!-- DEFAULT VARIABLES -->
  6. <meta name="color:background" content="#fff" />
  7. <meta name="color:text" content="#000000" />
  8. <meta name="color:entry" content="#FFFFFF" />
  9. <meta name="color:links" content="#131313" />
  10. <meta name="color:linkhover" content="#000" />
  11. <meta name="text:titulo" content="Modifique no appearance" />
  12.  
  13. <meta name="if:NotRepeatBackground" content="1"/>
  14. <meta name="image:background" content=""/>
  15.  
  16. <meta name="image:hihihi" content=""/>
  17. <meta name="image:hihihi2" content=""/>
  18.  
  19. <meta name="text:Link1" content="" />
  20. <meta name="text:Link1 Title" content="" />
  21. <meta name="text:Link2" content="" />
  22. <meta name="text:Link2 Title" content="" />
  23. <meta name="text:Link3" content="" />
  24. <meta name="text:Link3 Title" content="" />
  25. <meta name="text:Link4" content="" />
  26. <meta name="text:Link4 Title" content="" />
  27. <meta name="text:Link5" content="" />
  28. <meta name="text:Link5 Title" content="" />
  29. <meta name="text:Link6" content="" />
  30. <meta name="text:Link6 Title" content="" />
  31. <meta name="text:Link7" content="" />
  32. <meta name="text:Link7 Title" content="" />
  33. <meta name="text:Link8" content="" />
  34. <meta name="text:Link8 Title" content="" />
  35. <meta name="text:Link9" content="" />
  36. <meta name="text:Link9 Title" content="" />
  37.  
  38.  
  39.  
  40.  
  41.  
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{Favicon}">
  44. {block:Description}
  45. <meta name="description" content="{MetaDescription}" />
  46.  
  47. {/block:Description}
  48.  
  49. <style type="text/css">
  50. body {
  51. font-family: candara;
  52. font-size: 12px;
  53. color: {color:Text};
  54. background:{color:Background};
  55. background-image:url('{image:background}'); background-attachment: fixed; {block:ifNotRepeatBackground} background-repeat: no-repeat; background-position: right; {/block:ifNotRepeatBackground}}
  56. }
  57.  
  58.  
  59. a:link, a:active, a:visited{color: {color:links}; text-decoration:none; font-size:11px}
  60. a:hover{color:{color:linkhover}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  61.  
  62.  
  63.  
  64. #icon {
  65. text-align: center;
  66. width: 100px;
  67. display: block;
  68. padding: 8px;
  69. }
  70.  
  71. #container {
  72. background-color:transparent;
  73. width: 420px;
  74. position: absolute;
  75. top: 100px;
  76. left:400px;
  77. padding-bottom: 10px}
  78.  
  79.  
  80. #entry {
  81. width: 500px;
  82. background-color:{color:entry};
  83. text-align: justify;
  84. padding: 20px;
  85.  
  86. }
  87.  
  88. .image{text-align: center; margin: 0 0 5px 0}
  89. .image img{border: 0px; margin: 0; padding: 0; -moz-border-radius: 2em 0;-webkit-border-radius: 24px 0;}
  90.  
  91. #ask_form{width: 500px}
  92.  
  93. .search_result{font-size: 12px; text-align: center}
  94.  
  95.  
  96.  
  97. h1{
  98. font-family: Candara;
  99. font-size:20px;
  100. letter-spacing: -1px;
  101. line-height: 20px;
  102. text-transform: none;
  103. font-weight: normal;
  104. margin: 0 0 5px 0;
  105. text-align: center
  106. }
  107.  
  108. h1 a{
  109. font-size:22px;
  110. letter-spacing: -1px;
  111. line-height: 20px;
  112. text-transform: none;
  113. font-weight: normal;
  114. margin: 0 0 5px 0;
  115. text-decoration: none;
  116. text-align: center
  117. }
  118.  
  119. .qqmarks{
  120. font-size: 100px;
  121. font-weight: bold;
  122. line-height: 100px;
  123. opacity: 0.3;
  124. filter:alpha (opacity=20)
  125. }
  126.  
  127. .qquote{
  128. font-family: Candara;
  129. font-size: 20px;
  130. letter-spacing: 0px;
  131. line-height: 30px;
  132. text-transform: none;
  133. margin-top: -70px;
  134. margin-left: 45px
  135. }
  136.  
  137. .chat{
  138. line-height: 13px;
  139. list-style: none
  140. }
  141.  
  142. .chat ul {
  143. line-height: 15px;
  144. list-style: none;
  145. padding: 0px;
  146. line-height: 20px;
  147. }
  148.  
  149. .person1 {
  150. background-color: {color:link};
  151. color: {color:text}
  152. }
  153. .person1 .label {
  154. font-weight: bold;
  155. padding: 0px;
  156. margin-left: 5px;
  157. color: {color:text}
  158. }
  159. .person2 {
  160.  
  161. color: {color:text}
  162. }
  163. .person2 .label {
  164. font-weight: bold;
  165. padding: 0px;
  166. margin-left: 5px;
  167. color: {color:text}
  168. }
  169.  
  170. .qsource{
  171. margin: 5px 20px 0 0;
  172. text-align: right}
  173.  
  174.  
  175. .audioimage{
  176. float:left;
  177. text-align: center;
  178. margin: 0 10px 5px 0;
  179. width: 205px;
  180. border: 15px solid {color:background};
  181. }
  182. .audioimage img{
  183. max-width: 200px;
  184. height: auto;
  185. margin: 0 0 2px 0
  186. }
  187. .playcount {font-style: italic}
  188.  
  189.  
  190. .asker {
  191. width: 480px;
  192. background-color: {color:background};
  193. color:{color:text};
  194. padding: 10px
  195. }
  196. .asker img{
  197. float: left;
  198. margin: 0px 4px 2px 0; border: 5px solid;}
  199. .asker a{
  200. font-size: 12px;
  201. color:{color:link};
  202. text-transform: lowercase;
  203. line-height: 27px;
  204. padding: 0; margin: 0;
  205. font-family: georgia;
  206. }
  207. .asker a:hover{
  208. font-size: 12px;
  209. color:{color:link};
  210. text-transform: lowercase;
  211. line-height:27px;
  212. padding: 0;
  213. margin: 0;
  214. font-family: Segoe Script;
  215. }
  216. .answer {padding: 5px 0 0 0}
  217.  
  218. #cap {
  219. padding: 2px 0 0 0;
  220. width: 500px;
  221. margin: 0 0 0 5px
  222. }
  223.  
  224. .info {
  225. margin-top: 2px;
  226.  
  227. border-left: 5px solid {color:links};
  228. padding: 2px;
  229. text-align:left;
  230. font-size: 10px;
  231. font-family:arial;
  232. text-transform: lowercase;
  233. }
  234.  
  235. .info a {font-size: 10px; color:{color:link}; }
  236. .info a:hover {font-size: 10px; color:{color:linkhover}; }
  237. .info2 {
  238. padding: 2px;
  239. text-align: right;
  240.  
  241. }
  242.  
  243.  
  244.  
  245. .permalink {
  246. font-family:{font:body};
  247. width:50px;
  248. padding:5px;
  249. margin-left:500px;
  250. text-align: left;
  251. position:absolute;
  252. opacity:0;
  253. -moz-transition: all 0.3s ease-out;
  254. -o-transition: all 0.3s ease-out;
  255. -webkit-transition: all 0.3s ease-out;
  256. transition: all 0.3s ease-out;
  257. }
  258.  
  259. .permalink a:hover{
  260. color:{color:Hover}
  261. }
  262.  
  263.  
  264. .links {font-family:{font:body};font-size:10px;}
  265.  
  266. .pag {font-size:10px;border-top:dotted 1px #000000;text-align:right;}
  267. .linkpost
  268. a {{block:ifCursivePostTitleFont}font-family:'The Girl Next Door', cursive;font-size:18px;{/block:ifCursivePostTitleFont}{block:IfNotCursivePostTitleFont}font-family:{font:body};text-transform:uppercase;font-size:11px;{/block:IfNotCursivePostTitleFont}}
  269.  
  270.  
  271. .text {font-family:{font:body};font-size:10px;}
  272.  
  273.  
  274. .sidebarpages {
  275. margin: 120px 0 0 0;
  276. text-align: center;
  277. }
  278.  
  279. .sidebarpages a {
  280. text-decoration: none;
  281. color: #000000
  282. }
  283.  
  284. .sidebarpages a:hover {
  285. color:{color: #666666};
  286. background-color: transparent
  287. }
  288.  
  289. a:link, a:active, a:visited {
  290. color: {color:links};
  291. text-decoration:none;
  292. }
  293.  
  294. a:hover {
  295. color:{color:linkhover};
  296. -webkit-transition-duration: 0.9s;
  297. -moz-transition-duration: 0.9s;
  298. }
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.  
  309.  
  310. #sdbar{margin-left: 180px; margin-top: 20px; width: 150px; float: left; background-color: {color:entry}; padding: 0px; position: fixed; height:150px; -webkit-border-radius: 100px;
  311. -moz-border-radius: 100px; border-radius: 100px; }
  312.  
  313.  
  314.  
  315. #sdbar2{margin-left: 180px; margin-top: 180px; width: 150px; float: left; background-color: {color:entry}; padding: 0px; position: fixed;}
  316.  
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324.  
  325.  
  326. #imagem2 img {width: 150px; height: 150px; margin-left: 0px; background-color: #f1f1f1; position: fixed;-webkit-border-radius: 100px;
  327. -moz-border-radius: 100px; border-radius: 100px;}
  328.  
  329.  
  330.  
  331.  
  332. #imagem img {-webkit-border-radius: 100px;
  333. -moz-border-radius: 100px; border-radius: 100px;
  334. width: 150px; height: 150px; margin-left: 0px;background-color:#FFFFFF;
  335. background-color: #f1f1f1; position: fixed;; }
  336.  
  337. #imagem img:hover {margin-top:0px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; opacity: 0; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -webkit-border-radius: 5000px;
  338. -moz-border-radius: 5000px; border-radius: 5000px; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);}
  339.  
  340.  
  341.  
  342.  
  343. #sdba{margin-left: 280px; margin-top: 25px; width: 100%; float: left; background-color: #E6E6E6; padding:10px; position: fixed; height: 15px;}
  344.  
  345. .nav{margin-left: 20px;}
  346.  
  347. a.nav{
  348. display: navigate;
  349. padding:3px;
  350. color:#000;
  351. opacity: .7;
  352. margin-right: 10px;
  353. font-size:10px;
  354. font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  355. text-transform: uppercase;
  356. }
  357.  
  358. a.nav:hover{
  359. background-color: {color:linkhover};
  360. color:#FFF;
  361. }
  362.  
  363. .titulo a {
  364. margin-top:0px;font-size:15px;color:#000;-webkit-transition-duration:1.5s;font-family:georgia;letter-spacing:-2px;line-height:20px;font-style:normal;letter-spacing: 1px;
  365.  
  366. }
  367. .titulo a:hover {
  368. color:#000; font-style:italic; letter-spacing: 1px;}
  369.  
  370. </style>
  371.  
  372.  
  373. <style type="text/css"></style>
  374.  
  375. <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  376.  
  377. <body>
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384. <div id="container">
  385.  
  386. <div id="entries">
  387. {block:IfEnableEndlessScrolling}<div class="autopagerize_page_element">
  388. <script type="text/javascript"
  389. src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScrolling}
  390.  
  391.  
  392. {block:SearchPage}<div class="search_result">{SearchResultCount} results</div>{/block:SearchPage}
  393.  
  394. {block:Posts}
  395.  
  396. <div id="entry">
  397. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  398.  
  399. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}
  400. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  401.  
  402. {block:Photoset}{Photoset-500}
  403. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>
  404. {/block:Photoset}
  405.  
  406. {block:Quote}
  407. <b class="qqmarks">“ </b><div class="qquote">{Quote}</div>
  408. {block:Source}<div class="qsource">{Source}</div>{/block:Source}
  409. {/block:Quote}
  410.  
  411. {block:Link}
  412. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  413. {block:Description}{Description}{/block:Description}
  414. {/block:Link}
  415.  
  416. {block:Chat}
  417. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  418. <div class="chat"><ul>{block:Lines}
  419. <li class="person{UserNumber}">{block:Label}
  420. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  421. {/block:Chat}
  422.  
  423. {block:Audio}
  424.  
  425. {AudioPlayerWhite}
  426. <div class="playcount">{PlayCountWithLabel}</div>
  427. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div>
  428. {/block:Audio}
  429.  
  430. {block:Video}{Video-200}
  431. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  432.  
  433. {block:Answer}
  434. <div class="asker"><img src="{AskerPortraitURL-30}"> {Asker}<br> {Question}</div>
  435. <div class="answer">{Answer}</div>
  436. <br>
  437. {/block:Answer}
  438.  
  439. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  440. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  441. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  442. {/block:ContentSource}</div>
  443.  
  444.  
  445.  
  446.  
  447.  
  448. <div class="info">
  449. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  450.  
  451. {block:Date} Postado {DayOfMonth} {Month} {Year}, <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount}
  452. . <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{Block:IndexPage} . </font> <a href="{ReblogUrl}" target="_blank">reblog esse post </a>{/Block:IndexPage}<br>
  453.  
  454.  
  455.  
  456.  
  457.  
  458. </div></div>
  459. {/block:Posts}
  460. {block:PostNotes}
  461. <div id="nts"><div id="ntstext">{PostNotes}</div></div>
  462. {/block:PostNotes}
  463.  
  464.  
  465. </div>
  466. </div>
  467.  
  468. <div id="sdba">
  469.  
  470. <div class="nav">
  471. {block:ifLink1}<a class="nav" href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  472. {block:ifLink2}<a class="nav"href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  473. {block:ifLink3}<a class="nav" href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  474. {block:ifLink4}<a class="nav" href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  475. {block:ifLink5}<a class="nav" href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  476. {block:ifLink6}<a class="nav" href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  477. {block:ifLink7}<a class="nav" href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}
  478. {block:ifLink8}<a class="nav" href="{text:Link8}">{text:Link8 Title}</a> {/block:ifLink8}
  479. {block:ifLink9}<a class="nav" href="{text:Link9}">{text:Link9 Title}</a> {/block:ifLink9}
  480.  
  481. <a class="nav" href="http://drug-0f-love.tumblr.com/">credit</a>
  482.  
  483.  
  484. </div></div>
  485. <div id="sdbar2">
  486.  
  487.  
  488.  
  489. <div style="overflow: auto; height:auto; font-family: verdana; font-size: 9px; width:140px; margin-left:10px;center; color:#000; background-color:#fff; ">
  490.  
  491. {description}</div>
  492. <center><BIG> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}</BIG> </center>
  493.  
  494. <div class="titulo">
  495. <a href="/"><center>
  496. {block:iftitulo}{text:titulo}{/block:iftitulo}
  497. </center></a>
  498. </div>
  499.  
  500. </div>
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507. <div id="sdbar">
  508.  
  509. <div id="imagem2"><img src="{image:hihihi2}"></div>
  510.  
  511.  
  512.  
  513. <div id="imagem"><img src="{image:hihihi}"></div>
  514.  
  515. </div>
  516.  
  517.  
  518.  
  519.  
  520.  
  521. </html>
Advertisement
Add Comment
Please, Sign In to add comment