API tools faq
paste
thuannemendonca

theme base 3 html

thuannemendonca
Sep 3rd, 2012
184
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.70 KB | None | 0 0
raw download clone embed print report
  1. <!theme Base!>
  2. <html>
  3. <head>
  4. <title>{title}</title>
  5. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m9ht32nCa01rvgs5m.gif">
  6. <style>
  7. /* bg1 */
  8.  
  9. body {background-color: #f0f8ff; color:#000000;
  10.  font-family: 'Verdana'; font-size:11px; line-height: 110%;
  11.   margin:0 auto 0 auto; text-align:center; background-image:url(''); background-attachment: fixed; }background-repeat:repeat; background-repeat:repeat;background-repeat: no-repeat; background-position: right;
  12.  
  13. a:link, a:active, a:visited{color: #000000; text-decoration:none; font-size:11px}
  14. a:hover{color:#000000; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  15.  
  16.  
  17.  
  18.  
  19.  
  20. /* descrição */
  21. #credito{margin-left: 950px; margin-top: 235px; width: 208px; float: left; background-color: #FFFFFF; padding: 0px; position: fixed; height: 70px; font-size: 9px; font-family: verdana;overflow:hidden }
  22.  
  23.  
  24.  /*** POSTS & CAIXAS  ***/
  25.  
  26. #content{width: 800px; text-align: center; margin:10px auto 0 auto; padding-bottom: 150px; background-color:
  27. transparent; color:000000; padding: 0px;}
  28.  
  29. .sidebarpic img{max-width: 200px; text-align:center; margin-top: 1px}
  30.  
  31. .sidepage {width: 100px; height: 22px; top: 0px; left: 0px; padding: 0px; background-color: transparent; text-align: center; position: relative;}
  32.  
  33. #entries{float: right; background-color: transparent; text-align: center}
  34.  
  35.  
  36.  
  37. .post {width: 500px; margin: 4px 0 4px 260px; padding: 12px; text-align: justify; background-color:#fffafa; margin-bottom:-54px; margin-right:220px; margin-top:55px;}
  38. .post img{margin: 1px 0 1px 0}
  39.  
  40. h1{font-family: 'McLaren', cursive;; font-style: normal; font-size: 16px; font-weight:normal; letter-spacing: 0px;text-transform: uppercase; line-height: 22px; text-align:center}
  41.  
  42. h1 a{font-size: 16px; font-weight:normal; font-style: normal; letter-spacing: 0px;text-transform: uppercase; line-height: 22px; text-align:center}
  43.  
  44.  
  45. h3{color:#333333; font-family:verdana; font-size:10px; letter-spacing:0px; font-weight:normal; font-style:normal; text-transform: uppercase; line-height:0px; margin-top:-25px; margin-bottom:-15px; text-align:left}
  46.  
  47. h3 a:hover{background-color:transparent}
  48. .image{text-align: center; height: auto; margin-bottom: 3px; border: 0px}
  49. .qqmarks{font-size: 80px; font-family: font-family: 'McLaren', cursive;; font-weight: normal; line-height: 80px; color: #333333}
  50. h2{font-size: 9px; display: block; width: 250px; color:{color:text}; background-color: #333333; text-align: center; margin: 0px 0px 3px 0px; padding: 3px 0 3px 0; text-transform: uppercase; text-decoration: none; font-weight: normal}
  51.  
  52.  
  53. .qquote{font-family: 'McLaren', cursive;; font-size: 18px; letter-spacing: -1px; line-height: 18px; text-transform: lowercase; margin-top: -70px;
  54.  
  55. text-indent: 45px}
  56.  
  57. .pquote {font-family: Verdana}; text-align: center; font-size: 13px; line-height: 15px; padding: 3px;}
  58. .pquotesource {text-align: center; text-transform: none; margin-bottom: 5px;}
  59. .pquotesource a, a:hover{text-transform: none;}
  60. .chat{line-height: 12px; list-style: none }
  61. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  62. .person1 {color: #000000 }
  63. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color:
  64. #fff}
  65. .person2 {color: #fff }
  66. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: #000000 }
  67. .iaudio{text-align: center; margin-bottom: 2px; width: 100%; background-color: #333333}
  68. .iaudio img{max-width: 180px; height: auto; padding: 20px 0 20px 0}
  69. .icap{margin-top: 1px}
  70. .source{display:none}
  71.  
  72. .asker {font-size: 11px;}
  73. .asker a {color: #000000}}
  74. .asker a:hover {color: #fff};}
  75.  
  76. .askk img {text-align: center;}
  77. .askk img a{background-color: {color:left};}
  78. .askk img a:hover {background-color: #000000;}
  79.  
  80. .answer {clear: both; padding: 4px}
  81. .answer img {max-width: 470px;}
  82.  
  83. .info {font-family:verdana; font-size:10px; text-transform:lowercase; text-align:center;}
  84.  
  85. .dda {margin-top: 10px; border-left: 7px solid {color:entry}; padding: 5px; background-color: {color:entry}; text-align: left; font-size: 9px; font-family: verdana; text-transform: lowercase;}
  86. .dda a {font-size: 9px;}
  87.  
  88. .ddb {padding: 2px; border-bottom: 1px dotted {color:background}; text-align: right;}
  89.  
  90. .reb {float:right; margin-center: 15px; margin-top: 0px; text-align: center; font-size: 0px; color: {color:infotext};}
  91. .reb a{font-size: 0px; text-align: center; color: {color:infotext}; text-transform: lowercase;}
  92. .tags{font-size:9px; display: inline}
  93. .origin{font-size:9px}
  94. .ibottom{margin-top: 5px; font-family: {font:body}; text-align:center;}
  95. .date{float:left; padding-center: 10px; text-transform: lowercase; font-size: 9px; text-align:center;}
  96. .permalink{float:left; padding-center: 10px; text-transform: lowercase; font-size: 9px; text-align:center;}
  97.  
  98.  
  99. /***imagem  ***/
  100. #zumbies{width: auto; position: fixed; border-left: 1px solid #000; margin-top: 36px; margin-left:962px; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out; padding:5px; text-align:center; background-color: #fff;}
  101. #zumbies:hover{background-color: #fff; border-left: 0px; border-bottom: 1px solid #000; }
  102. #zumbies img{width: 175px; height: auto;}
  103.  /*** links  ***/
  104.  a.nav{
  105. color: #fff;
  106. background: #000000;
  107. margin-top: 333px;
  108. margin-top: 353px;
  109. text-transform: lowercase;
  110. margin-right: 5px;
  111. text-align: center;
  112. padding: 4px;
  113. -moz-border-radius: 10px;
  114. -webkit-border-radius: 10px;
  115. border-radius: 10px;
  116. }
  117.  
  118.  
  119. a.nav:hover {
  120. color: #000000;
  121. background: #fff;
  122. text-align:center;
  123. -webkit-transition-duration:.8s; -moz-transition-duration:.8s}  
  124.  /*** Pags  ***/
  125. #sbar5 {width: 11px;
  126. height: 58px;
  127. margin-left: 85px;
  128. margin-top: -262px;
  129. position: fixed;
  130. overflow: hidden;
  131. background-color: transparent;
  132. border-left: 0px solid;
  133. border-right: 0px solid;
  134. padding: 3px; }
  135.  
  136.  #paginacaoml {font-family: arial sans; font-size:8px; font-weight: none; line-height: 15px; text-shadow: 0 0px 0px #000;}
  137. #paginacaoml a {background: transparent; margin: 0 1px 0 0; padding: 2px 4px; color:#000000; text-decoration: none;}
  138. #paginacaoml a:hover {background: #0000000;}
  139. #paginacaoml span.pagina_atual {background: #; margin: 0 1px 0 0; padding: 1px 3px; color:{color:links}; text-decoration: none;}
  140. #paginacaoml span.info {background: transparent; margin: 0 0px 0 0; padding: 2px 4px; color: #000000 text-decoration: none;}
  141. </style>
  142.  
  143.  
  144. </head>
  145. <body>
  146.  
  147.  
  148. <div id="zumbies"><img src="http://25.media.tumblr.com/tumblr_m90hwnGsKE1rxpnzso1_500.jpg"title="{description}"> </div>
  149. <div id="credito">
  150. “sua descrição aqui ok?,use esse espaço todinho sem menos nem mais,ah e outra coisa,muda tudo no html
  151. só disponibizado no HTMLPRAVOCES E O RESOURCESFORU,”
  152. </div>
  153. <br>
  154. <br>
  155.  <a href="/" class="nav">Home</font></a>
  156. <a href="/ask" class="nav">Mensagem</font></a>
  157. {block:HasPages}{block:Pages} <a href="{URL}" class="nav">{Label}</a>{/block:Pages}{/block:HasPages}
  158. {block:SubmissionsEnabled} <a href="/submit"class="nav">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  159. <a class="nav" href="/archive">Arquivo</a>
  160. <a class="nav" target="_blank" href="http://htmlpravoces.tumblr.com">Theme</a></center>
  161. </div><BR></div>
  162. <div id="sbar5">  <center><div id="paginacaoml"><span style="font-weight: normal;">
  163.     {block:Pagination}
  164.     {block:JumpPagination length="4"}
  165.     {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  166.     {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  167.     {/block:JumpPagination}
  168.     {/block:Pagination}
  169. </center>
  170. </div></div>
  171.  
  172. <div id="content">
  173.  
  174. <div id="entries">
  175. {block:IfEnableEndlessScrolling}<div class="autopagerize_page_element">
  176. <script type="text/javascript"
  177.  
  178. src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScrolling}
  179.  
  180.  
  181.  
  182.  
  183. {block:Posts}
  184.  
  185.  
  186.  
  187.  
  188. <div class="post">
  189.  
  190.  
  191.  
  192.  
  193.  
  194. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  195.  
  196. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  197.  
  198. {block:Photoset}{Photoset-500}{/block:Photoset}
  199.  
  200. {block:Quote}
  201. <div class="pquote">“{Quote}”</div>
  202. {block:Source}<div class="pquotesource"> — {Source}</div>
  203. {/block:Source}
  204. {/block:Quote}
  205.  
  206. {block:Link}
  207. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  208. {block:Description}{Description}{/block:Description}
  209. {/block:Link}
  210.  
  211. {block:Chat}
  212. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  213. <div class="chat"><ul>{block:Lines}
  214. <li class="person{UserNumber}">{block:Label}
  215. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  216. {/block:Chat}
  217.  
  218. {block:Audio}
  219. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  220. {AudioPlayerGrey}
  221. <div class="icap">{block:Caption}{Caption}{/block:Caption}</div>
  222. {/block:Audio}
  223.  
  224. {block:Video}{Video-500}{/block:Video}
  225.  
  226. {block:Answer}
  227. <div class="asker">
  228. <img src="{AskerPortraitURL-40}"/><b>{Asker}</b> asked: {Question}</div>
  229. <div class="answer">{Answer}</div>
  230. <br>
  231. {/block:Answer}
  232.  
  233.  
  234. <div class="cap">
  235. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  236. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  237. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  238.  
  239. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  240. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  241. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  242. {/block:ContentSource}</div></div>
  243.  
  244.  
  245. <div class="info">
  246. <div class="reb">{block:RebloggedFrom}via&nbsp;&nbsp;<a href="{ReblogParentURL}"
  247. title="{ReblogParentTitle}">{ReblogParentName}</a>&nbsp;&nbsp;(originally&nbsp;&nbsp;<a href="{ReblogRootURL}"
  248.  
  249. title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}</div></div>
  250.  
  251. <div class="dda">
  252. {block:HasTags}<br><b>indiretas:</b>{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags} <br>{block:Date} <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{Block:IndexPage} · <a href="{ReblogUrl}" target="_blank"> reblog this post</a>{/Block:IndexPage}<BR>{block:RebloggedFrom}originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  253. </span> · {/block:RebloggedFrom}{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  254. </div>
  255.  
  256.  
  257.  
  258. </div>
  259.  
  260. {/block:Posts}
  261.  
  262.  
  263.  
  264. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  265. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  266.  
  267. </div>
  268.  <div id="sbar12"></div>
  269.  
  270. </div>
  271. </body>
  272. </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!