apenassimplesversos

Theme 11 Black silence

Apr 5th, 2012
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.11 KB | None | 0 0
  1.  
  2. <html>
  3. <head>
  4.  
  5. <meta name="image:sidebar" content=""
  6.  
  7. <meta name="text:Link1 Title" content="link 01" />
  8.  <meta name="text:Link2 Title" content="link 02" />
  9.  <meta name="text:Link3 Title" content="link 03" />
  10.   <meta name="text:Link4 Title" content="link 04" />
  11.  
  12.  
  13.  <meta name="text:Link1" content="/" />
  14.  <meta name="text:Link2" content="/" />
  15.  <meta name="text:Link3" content="/" />
  16.   <meta name="text:Link4" content="/" />
  17.  
  18. <title>{title}</title>
  19. <link rel="shortcut icon" href="{favicon}">
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'>
  22.  
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Niconne' rel='stylesheet' type='text/css'>
  25.  
  26.  
  27. </head>
  28.  
  29. <style>
  30.  
  31. /******************* Caixa dos Post's & da Sidebar ********************/
  32. .caixa {background: #fff; color: #A1A1A1; -webkit-border-radius: 0px 0px 10px 10px; padding: 5px; font-family: 'Verdana'; font-size: 11px; border: 1px solid #ddd; margin-bottom: 10px; text-align: justify; margin-top: 30px;}
  33.  
  34. .forsidebar {background: #fff; color: #A1A1A1; padding: 5px; font-family: 'Verdana'; font-size: 11px; text-align: justify; box-shadow: 0px 5px 9px #eee; -webkit-border-radius: 10px 0px 10px 0px;}
  35.  
  36. /********************************* Corpo da Página ******************/
  37. body {background: url('http://LINK-DO-BACKGROUND.com'); background: #000000; font-size: 10px; background-repeat: repeat;  background-attachment:fixed; font-family: Verdana; text-align: justify; color: #000;}
  38.  
  39. /*** ask by biibis ***/
  40. .bubble {align:right;background: #eee; margin:1px 0px 3px 63px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  41. .bubble p {margin:1px 0px;}
  42. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  43.  
  44. /****************************** Título e Subtítulo ***********************/
  45. h1 {font-size: 40px; font-family: 'Sail', cursive; color: #000; text-align: center; text-shadow: 0px 2px 9px #eee; border-bottom: 2px solid #eee;}
  46.  
  47. h2 {font-size: 30px; font-family: 'Niconne', cursive; color: #000; text-align: center; text-shadow: 0px 2px 9px #eee; border-bottom: 2px solid #eee;}
  48.  
  49. /***************** Formatação dos link's da página **********************/
  50. a:link, a:active, a:visited {color: #6b6b6b; text-decoration: none;}
  51. a:hover {border-bottom: 1px dashed #000;}
  52.  
  53. /********************************* Tags de Notes *************************/
  54. .fortag1 {background: #000; width: 70px; font-size: 9px; color: #fff; -webkit-border-radius: 9px 9px 0px 0px; padding: 7px; float: left; margin: 1px; display: block; margin-bottom: 6px;}
  55.  
  56. .fortag1:hover {opacity: .80;}
  57.  
  58. .fortag2 {background: #000; width: 70px; font-size: 9px; color: #fff; -webkit-border-radius: 9px 9px 0px 0px; padding: 7px; float: left; margin: 1px}
  59.  
  60. .fortag2:hover {opacity: .80;}
  61.  
  62. .fortag3 {background: #000; width: 70px; font-size: 9px; color: #fff; -webkit-border-radius: 9px 9px 0px 0px; padding: 7px; float: left; margin: 1px;}
  63.  
  64. .fortag3:hover {opacity: .80;}
  65.  
  66. /*************************** Formatações de Texto ************************/
  67. b, strong {color: #000;}
  68. i {color: #000;}
  69. s {color: #ddd;}
  70. u {text-decoration: none; border-bottom: 1px dashed #000;}
  71.  
  72. /***************************** Menu Coração ****************************/
  73. .menudiv {font-size: 8pt; font-family: verdana; line-height: 18px; border-bottom : 1px solid #eee;
  74. padding-bottom : 2px; background: Url('http://img854.imageshack.us/img854/6504/bydaniideutscher2.png') no-repeat left; padding-left: 20px;}
  75.  
  76. .menudiv:hover {border-bottom : 1px dotted #000; background-color: #eee;}
  77.  
  78.  
  79. /******************************* Paginação ***************************/
  80. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; background: transparent; margin: 5px;}
  81.  
  82. #paginacaoml a {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #000; text-decoration: none;}
  83.  
  84. #paginacaoml a:hover {background: #A1A1A1; color: #fff; border: none;}
  85.  
  86. #paginacaoml span.pagina_atual {background: #000; margin: 0 1px 0 0; padding: 2px 4px; color: #fff; text-decoration: none;}
  87.  
  88. #paginacaoml span.info {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #A1A1A1; text-decoration: none;}
  89.  
  90.  
  91.  
  92. /************************ Seleção Colorida *******************************/
  93.   ::-moz-selection
  94.    {color: #fff;
  95.    background: #ababab;}
  96.  
  97.   ::selection
  98.    {color: #fff;
  99.    background: #ababab;}
  100.  
  101.  
  102. /************************** Borda das Fotos ****************************/
  103. .forphoto {border: 3px dashed #ddd; padding: 4px;}
  104.  
  105.  
  106. /******************************* blockquote ******************************/
  107. blockquote {border-left: 3px solid #000; background: #eee; padding: 4px; margin: 5px;}
  108.  
  109. /****************************** Titulo da Sidebar ***********************/
  110. .titulo {background: #eee; padding: 3px; border-left: 9px solid #A1A1A1; color: #000; text-align:center; -webkit-transition-duration: .80s; font-weight:bold; font-size: 14px; margin-bottom: 4px;}
  111.  
  112. .titulo:hover {border-left:none; border-right: 9px solid #000;}
  113.  
  114. /***************************** Caixa do LavaLamp *********************/
  115. .lavalamp {background: #000; text-align: left;; box-shadow: 0px 5px 9px #eee; margin:5px; border-radius: 5px;}
  116.  
  117. /************************ Menu do LavaLamp ****************************/
  118. menu {color: #000000; background: transparent; display: inline-block; text-align: center; padding:8px; font-size: 13px; border-radius: 4px; margin: 6px; -webkit-transition-duration: .80s;}
  119.  
  120. menu:hover {background: #fff; color: #fff;}
  121. /*** Titulo pra pagina ***/
  122.  
  123. .prom {font-family:'verdana'; color: #000; font-size: 20pt; text-shadow: 1px 1px #fff;}
  124.  
  125.  
  126. div.navigate a{
  127.  
  128. background: #000000; color: #ffffff; letter-spacing: 0px; display:block; padding:0px 0;
  129. border: 0px solid #000000;
  130. width: 180px; margin-top:1px; position:relative; -webkit-transition-duration: .0s; z-index:1;
  131. }
  132.  
  133.  
  134. div.navigate a:hover{
  135. font-weight: bold; letter-spacing: 1px; background: #FF69B4}; display:block; padding:0px 0;
  136. border: 0px solid #000000; z-index:2;
  137. }
  138. </style>
  139.  
  140. <body onkeydown="return false">
  141.  
  142. </div></div>
  143.  
  144. <div style="width: 320px; left: 20px; top: 110px; position: absolute;">
  145. <div class="forsidebar">
  146. <div class="titulo">{title}</div>
  147. <img src="{image:sidebar}" align="right" class="borda" style="max-width: 100px;">
  148. {description}
  149. </center><div class="navigate">
  150. <a href="{text:Link1}"style="text-decoration:none">{text:Link1 Title}</a><a href="{text:Link2}"style="text-decoration:none">{text:Link2 Title}</a>
  151. <a href="{text:Link3}"style="text-decoration:none">{text:Link3 Title}</a><a href="{text:Link4}"style="text-decoration:none">{text:Link4 Title}</a>
  152. </div>
  153. <br>
  154. <div class="forsidebar">
  155. <div class="titulo"> © </div>
  156.  
  157. <div class="menudiv">THEME Desenvolvido por: <a href="http://D-esequilibrio.tumblr.com">D-esequilibrio</a></div>
  158. <div class="menudiv">Base by: <a href="http://daniideutscher.tumblr.com">Danii Deutscher</a></div>
  159. <div class="menudiv">Ajudas: Adobe Dreamweaver CS5</div>
  160. <div class="menudiv">Paginação & Seleção Colorida: <a href="http://madlyluv.com">Ana Flávia</a></div>
  161. </div>
  162. </div>
  163.  
  164. <div id="iframe">
  165.  
  166. <!--------------------------------- Post's ------------------------------>
  167. <div style=" position: absolute; width: 530px; left: 370px; top: 90px;">
  168. {block:Posts}
  169. <br>
  170. <!--- Tag: Text --->
  171. {block:Regular}
  172. <div style="left: 0px; position: absolute; text-align: left;">
  173. <div class="fortag1">{DayOfMonth}.{MonthNumberWithZero}.{Year}</div>
  174. <a href="{ReblogUrl}"><div class="fortag2">Reblogue!</div></a>
  175. <a href="{Permalink}"><div class="fortag3">{NoteCountWithLabel}</div></a>
  176. </div>
  177. <div class="caixa">
  178. {block:Title}<h1>{Title}</h1>{/block:Title}
  179. {Body}
  180. </div>
  181. {/block:Regular}
  182.  
  183. <!---TAG: PHOTO --->
  184. {block:Photo}
  185. <div style="left: 0px; position: absolute; text-align: left;">
  186. <div class="fortag1">{DayOfMonth}.{MonthNumberWithZero}.{Year}</div>
  187. <a href="{ReblogUrl}"><div class="fortag2">Reblogue!</div></a>
  188. <a href="{Permalink}"><div class="fortag3">{NoteCountWithLabel}</div></a>
  189. </div>
  190. <div class="caixa">
  191. <center>
  192. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px class="forphoto">{LinkCloseTag}</center>
  193. {block:Caption}          
  194.  
  195. {Caption}
  196. {/block:Caption}
  197. </div>
  198. {/block:Photo}
  199.  
  200. <!---TAG: ASK--->
  201. {block:Answer}
  202. <div style="left: 0px; position: absolute; text-align: left;">
  203. <div class="fortag1">{DayOfMonth}.{MonthNumberWithZero}.{Year}</div>
  204. <a href="{ReblogUrl}"><div class="fortag2">Reblogue!</div></a>
  205. <a href="{Permalink}"><div class="fortag3">{NoteCountWithLabel}</div></a>
  206. </div>
  207. <div class="caixa">
  208. <img src="{AskerPortraitURL-40}" align="left" class="forphoto">
  209. <div class="bubble"><span></span>
  210. <div class="ask"><b>{Asker}</b>:
  211. <br>{Question}<br></div></div></span>
  212. <center>{Answer} </center>
  213. </div>
  214. {/block:Answer}
  215.  
  216. <!---TAG: QUOTE --->
  217. {block:Quote}
  218. <div style="left: 0px; position: absolute; text-align: left;">
  219. <div class="fortag1">{DayOfMonth}.{MonthNumberWithZero}.{Year}</div>
  220. <a href="{ReblogUrl}"><div class="fortag2">Reblogue!</div></a>
  221. <a href="{Permalink}"><div class="fortag3">{NoteCountWithLabel}</div></a>
  222. </div>
  223. <div class="caixa">
  224. <h1><blockquote>{Quote}</blockquote></h1>
  225. </span>
  226. {block:Source}&mdash; {Source}{/block:Source}
  227. </div>
  228. {/block:Quote}
  229.  
  230. <!---TAG: LINK --->
  231. {block:Link}
  232. <div style="left: 0px; position: absolute; text-align: left;">
  233. <div class="fortag1">{DayOfMonth}.{MonthNumberWithZero}.{Year}</div>
  234. <a href="{ReblogUrl}"><div class="fortag2">Reblogue!</div></a>
  235. <a href="{Permalink}"><div class="fortag3">{NoteCountWithLabel}</div></a>
  236. </div>
  237. <div class="caixa">
  238. <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  239. {block:Description}
  240. {Description}
  241. {/block:Description}
  242. </div>
  243. {/block:Link}
  244.  
  245. <!--- TAG: CHAT --->
  246. {block:Chat}
  247. <div style="left: 0px; position: absolute; text-align: left;">
  248. <div class="fortag1">{DayOfMonth}.{MonthNumberWithZero}.{Year}</div>
  249. <a href="{ReblogUrl}"><div class="fortag2">Reblogue!</div></a>
  250. <a href="{Permalink}"><div class="fortag3">{NoteCountWithLabel}</div></a>
  251. </div>
  252. <div class="caixa">
  253. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  254. {block:Lines}
  255. <div class="{Alt} user_{UserNumber}">
  256. {block:Label}
  257. <br>
  258. <b>{Label}</b>
  259. </div>
  260. {/block:Label}
  261. {Line}
  262. {/block:Lines}
  263. </div>
  264. {/block:Chat}
  265.  
  266. <!--- TAG: AUDIO --->
  267. {block:Audio}
  268. <div style="left: 0px; position: absolute; text-align: left;">
  269. <div class="fortag1">{DayOfMonth}.{MonthNumberWithZero}.{Year}</div>
  270. <a href="{ReblogUrl}"><div class="fortag2">Reblogue!</div></a>
  271. <a href="{Permalink}"><div class="fortag3">{NoteCountWithLabel}</div></a>
  272. </div>
  273. <div class="caixa">
  274. {AudioPlayerWhite}
  275.  
  276. Música ouvida {PlayCount} vezes {block:ExternalAudio} <a href="{ExternalAudioURL}">Baixar!</a>{/block:ExternalAudio}
  277. {block:Caption}
  278. {Caption}
  279. {/block:Caption}
  280. </div>
  281. {/block:Audio}
  282.  
  283. <!--- TAG: VIDEO --->
  284. {block:Video}
  285. <div style="left: 0px; position: absolute; text-align: left;">
  286. <div class="fortag1">{DayOfMonth}.{MonthNumberWithZero}.{Year}</div>
  287. <a href="{ReblogUrl}"><div class="fortag2">Reblogue!</div></a>
  288. <a href="{Permalink}"><div class="fortag3">{NoteCountWithLabel}</div></a>
  289. </div>
  290. <div class="caixa">
  291. {Video-500}
  292. <br>
  293. {block:Caption}
  294. {Caption}
  295. {/block:Caption}
  296. </div>
  297. {/block:Video}
  298.  
  299.  
  300. <!--- Notas --->
  301. {block:PostNotes}
  302. <div class="caixa">
  303. {PostNotes}
  304. </div>
  305. {/block:PostNotes}
  306.  
  307. {/block:Posts}
  308.  
  309. <center>
  310. <div id="paginacaoml"><span class="info" style="font-weight: normal;">Página <b>{CurrentPage}</b> de <b>{TotalPages}</b></span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  311.  
  312. {block:JumpPagination length="8"}
  313.  
  314. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  315.  
  316. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  317.  
  318. {/block:JumpPagination}
  319.  
  320. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  321.  
  322. </div>
  323.  
  324.  
  325.  
  326.  
  327.  
  328.  
  329.  
  330.  
  331.  
  332.  
  333.  
  334. </body>
  335.  
  336. </html>
Advertisement
Add Comment
Please, Sign In to add comment