Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme #O3 - Pixels

By: BruunoSchmidtt on Apr 14th, 2012  |  syntax: HTML  |  size: 12.25 KB  |  hits: 18  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html><head>
  2. <META name="image:imagen1" content="">
  3. <meta name="text:Link1" content="URL" />
  4. <meta name="text:Link1 Title" content="URLNAME" />
  5. <meta name="text:Link2" content="URL" />
  6. <meta name="text:Link2 Title" content="URLNAME" />
  7. <title>{title}</title>
  8. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200' rel='stylesheet' type='text/css'>
  9. <style type="text/css">
  10.  
  11. /*ALINHAMENTO DOS POSTS*/
  12.  .box {
  13. background: #fff;
  14. color: #777;
  15. font-size: 10px;
  16. font-family: Tahoma;
  17. padding:5px;
  18. margin-bottom: 10px;
  19. }
  20.  
  21. /*POSTS*/
  22.  
  23. #conteudo {
  24. margin-left: 390px;
  25. margin-top:40px;
  26. width: 600px;
  27. padding: 5px;
  28. margin-bottom: 10px;
  29.  
  30. }
  31.  
  32. /*ALINHAMENTO DA SIDE*/
  33.  
  34. #sidebar {
  35. position: fixed;
  36. left: 100px;
  37. width: 250px;
  38. margin-top: 190px;
  39. padding: 5px;
  40. margin-bottom: 10px; }
  41.  
  42. /*SID*/
  43.  
  44. #caixa {
  45. padding: 5px;}
  46.  
  47.  
  48.  
  49. /*LINKS*/
  50. a:link {color: #505050; text-decoration: none;}
  51. a:active {color: #505050; text-decoration: none;}
  52. a:visited {color: #505050; text-decoration: none;}
  53. a:hover { color: #2b2b2b;}
  54.  
  55. /*BG*/
  56.  
  57. body { background: #f8f8f8;}
  58.  
  59. /*BLOCKQUOTE*/
  60. blockquote {border-left:3px solid #abd9d7;padding-left:3px; margin:3px; }
  61.  
  62. /*TAGS*/
  63.  
  64. .tags {
  65. color:#9F9F9F;
  66. font-family:tinytots;
  67. text-align: left;
  68. font-size: 8px;
  69. padding: 2px;
  70. border-top: 2px; }
  71.  
  72. /* NEGRITO,SUBLINHADO...*/
  73. b,strong { color: #000000;text-decoration: none;cursor: help;}
  74. i {color: #000;text-decoration: none;cursor: help;}
  75. u,underline {color: #000;dashed: #000;text-decoration:none;cursor: help;}
  76. s {color: #000;text-decoration:none;cursor: help;}
  77.  
  78. /*TÍTULOS*/
  79. .titulo {
  80. font-size:24px;
  81. color:#999;
  82. font-family: Yanone Kaffeesatz;
  83. text-align:left;
  84. -webkit-transition-duration: .90s;}
  85. .titulo:hover {
  86. font-size:24px;
  87. color:#FFF;
  88. font-family: Yanone Kaffeesatz;
  89. text-align:left;
  90. -webkit-transition-duration: .90s;}
  91.  
  92.  
  93.  
  94.  
  95. /* ask em balãzinho*/
  96. .ask {align:right;background:#f5f5f5;border-right: 7px solid #f5f5f5; margin:7px 5px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font: 11px Tahoma, Verdana, Tahoma; color:#888;}
  97.  
  98. .ask p {margin:1px 0px;}
  99.  
  100. .ask span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;margin-top:80px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #f5f5f5;}
  101.  
  102. .res {font-family: tahoma; font-size:11px; color:#888; text-align:right;border-top:2px dotted #d4d4d3;}
  103.  
  104. /***************************************************** rolagem  **/
  105. ::-webkit-scrollbar { width: 2px; height: 2px/}
  106.  
  107. ::-webkit-scrollbar-button:start:decrement,
  108. ::-webkit-scrollbar-button:end:increment {
  109.  display: block;}
  110.  ::-webkit-scrollbar-button:vertical:start:increment,
  111. ::-webkit-scrollbar-button:vertical:end:decrement {
  112.  display: none;}
  113.  
  114. /***************************************************** rolagem penultima **/
  115. ::-webkit-scrollbar-button:vertical:increment {
  116.  background-color: #000;
  117. }
  118.  
  119. /* Place The scroll up button at the up */
  120. ::-webkit-scrollbar-button:vertical:decrement { background-color: #000;}
  121.  
  122.  
  123. /***************************************************** fundo rolagem penultima **/
  124. ::-webkit-scrollbar-track:vertical {background-color: #000;}
  125.  
  126. /***************************************************** fundo rolagem acima parada **/
  127. ::-webkit-scrollbar-track-piece {background-color: #000;}
  128. ::-webkit-scrollbar-track-piece:vertical:start {border: 1px solid #000;}
  129.  
  130. /***************************************************** fundo rolagem parada **/
  131. ::-webkit-scrollbar-thumb:vertical {
  132. height: 50px;background-color: #fff;}
  133.  
  134. /***************************************************** fundo rolagem ultima **/
  135. ::-webkit-scrollbar-corner:vertical {
  136.  background-color: #fff;}
  137.  
  138. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/sie0pyl/hsmm1rb7m/tinytots.ttf');}
  139. .menumais {
  140. color: #FFF;
  141. font-family: tinytots;
  142. font-size:8px;
  143. width:80px;
  144. height:auto;
  145. margin-left:100px;
  146. position:fixed;
  147.  
  148. }
  149. .menumais:hover {
  150. color: #FFF;
  151. font-family: tinytots;
  152. font-size:8px;
  153. width:80px;
  154. height:auto;
  155.  
  156. -webkit-transition-duration: .90s;
  157. -webkit-transition: all .90s ease-out;
  158. -moz-transition: all .90s ease-out;
  159.  position:fixed;
  160.  }
  161.  
  162. .menu {
  163. background:#fff;
  164. font-size:10px;
  165. color: #000;
  166. float:center;}
  167. .menu {
  168. background:#4E4E4E;
  169. font-family: tahoma;
  170. color: #000;
  171. width:43px;
  172. height:15px;
  173. display: block;
  174. -webkit-transition-duration: .90s;
  175. opacity: 0.1;
  176. }
  177. .menu:hover {
  178. font-family: tahoma;
  179. color: #FFF;
  180. background:#c8e19d;
  181. -webkit-transition-duration: .90s;
  182.  opacity:1.0;
  183. }
  184. .menu2 {
  185. background:#4E4E4E;
  186. font-family: tahoma;
  187. font-size:10px;
  188. color: #000;
  189. width:43px;
  190. height:15px;
  191. display: block;
  192. -webkit-transition-duration: .90s;
  193. opacity: 0.1;
  194. }
  195. .menu2:hover {
  196. font-family: tahoma;
  197. color: #FFF;
  198. background:#abd9d7;
  199. -webkit-transition-duration: .90s;
  200.   opacity:1.0;
  201. }
  202. .menu3 {
  203. background:#4E4E4E;
  204. font-family: tahoma;
  205. font-size:10px;
  206. color: #000;
  207. width:43px;
  208. height:15px;
  209. display: block;
  210. -webkit-transition-duration: .90s;
  211.  opacity: 0.1;
  212. }
  213. .menu3:hover {
  214. font-family: tahoma;
  215. color: #FFF;
  216. background:#f39d77;
  217. -webkit-transition-duration: .90s;
  218.  opacity:1.0;}
  219. .menu4 {
  220. background:#4E4E4E;
  221. font-family: tahoma;
  222. font-size:10px;
  223. color: #000;
  224. width:43px;
  225. height:15px;
  226. display: block;
  227. -webkit-transition-duration: .90s;
  228. opacity: 0.1;
  229. }
  230. .menu4:hover {
  231. font-family: tahoma;
  232. color: #FFF;
  233. background:#9595c6;
  234. -webkit-transition-duration: .90s;
  235.  opacity:1.0;}
  236.  
  237. reb {
  238. letter-spacing:0px;
  239. -webkit-transition-duration: .90s;
  240. }
  241. reb:hover {
  242. color: #ff0072;
  243. letter-spacing:2px;
  244. -webkit-transition-duration: .90s;}
  245.  
  246.  
  247.  
  248. .boox {
  249. background: #000;
  250. width:140px;
  251. height:140px;
  252. z-index:-100%;
  253. margin-top:-00px;
  254. margin-left:122px;
  255. }
  256.  
  257. .credts {
  258. font-family: tinytots;
  259. font-size:8px;
  260. margin-left:139px;
  261. }
  262.  
  263. .next {
  264. float: right;
  265. font: 8px tinytots;
  266. }
  267.  
  268. .previous {
  269. float: left;
  270. font: 8px tinytots;
  271. }
  272.  
  273. .d {
  274. background:#000;
  275. font-family: Tahoma;
  276. font-size:8px;
  277. width:140px;
  278. height:140px;
  279. margin-left:168px;
  280. position:fixed;
  281. opacity: 0.0;
  282. -webkit-transition-duration: .90s;
  283. -webkit-transition: all 0.4s ease-out;
  284. -moz-transition: all 0.4s ease-out;
  285. display: block;}
  286. .d:hover {
  287. color: #fff;
  288. font-family: Tahoma;
  289. font-size:8px;
  290. width:140px;
  291. height:140px;
  292. margin-left:122px;
  293. position:fixed;
  294. opacity: 1.0;
  295. -webkit-transition-duration: .90s;
  296. -webkit-transition: all 0.4s ease-out;
  297. -moz-transition: all 0.4s ease-out;
  298. display: block;}
  299.  
  300. .tt {
  301. font-family: tinytots;
  302. font-size:8px;
  303. margin-left:127px;
  304. }
  305.  
  306.  
  307. </style><body>
  308.  
  309. <div id="sidebar"><div class="tt">{title}</div><div id="caixa" class="menumais"><center>
  310. <br><br>
  311. <a href="/" class="menu">refresh</a><br>
  312. <a href="/ask" class="menu2">message</a><br>
  313. <a href="{text:Link1}" class="menu3">{text:Link1 Title}</a><br>
  314. <a href="{text:Link2}" class="menu4">{text:Link2 Title}</a></div>
  315. <div class="d"><div style="overflow: auto; auto; height: 138px;">{block:Description}{Description}{/block:Description}</div></div>
  316. <div class="boox">
  317. <img src="{image:imagen1}" height="140" width="140">
  318. </div>
  319. <div class="credts">« BY <a href="http://one-boy-and-several-dreams.tumblr.com/">OBSD</a>, BASE <a href="http://myheartvulnerable.tumblr.com/">MHV</a> | <a href="http://andreweduardo.tumblr.com/">+</a> »
  320. </div></div>
  321.  
  322.  
  323.  
  324. <div id="posts"><div id="conteudo"><div id="mar"><div id="liuc">
  325. {block:Posts}<align ="right">
  326.  
  327.  
  328.  
  329.  
  330. {block:Text}<div class="box">
  331. <div class="titulo">{block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}</div>
  332. <div>{Body}</div>
  333. <BR>
  334.  
  335. <div class="tags">Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> | {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}    
  336. | <a href="{ReblogURL}" target="_blank"><reb>REBLOG THIS</reb></a>
  337. <br>
  338.  
  339. {block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a>
  340.  
  341. </div></div>
  342. {/block:Text}
  343.  
  344.  
  345.  
  346. {block:Quote}<div class="box">
  347. <div class="titulo">{Quote}</div>
  348. {block:Source}&mdash; {Source}{/block:Source}
  349.  
  350. <div class="tags">Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> |{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}    
  351. | <a href="{ReblogURL}" target="_blank"><reb>REBLOG THIS</reb></a>
  352. <br>
  353.  
  354. {block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a>
  355.  
  356. </div></div>
  357. {/block:Quote}
  358.  
  359.  
  360. {block:Answer}
  361. <div class="box">
  362. <img src="{AskerPortraitURL-40}"align="left" width="30px" class="border"/> <div class="ask"><span></span>{Asker}: {Question}</div>
  363.  
  364. <div class="res">{Answer}</div>
  365. <div class="tags"><b>Ask</b> respondida em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b></div>
  366. <div class="h3"></div></div>
  367. {/block:Answer}
  368.  
  369.  
  370.  
  371. {block:Photo}<div class="box">
  372. <center>{LinkOpenTag}<a href="{Permalink}"><img class="border" src="{PhotoURL-500}" title="{PhotoAlt}" width="524"/>{LinkCloseTag}</center></a><br>
  373. {block:Caption}{Caption}{/block:Caption}
  374.  
  375. <div class="tags">Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> |{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}    
  376. | <a href="{ReblogURL}" target="_blank"><reb>REBLOG THIS</reb></a>
  377. <br>
  378.  
  379. {block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a>
  380.  
  381. </div></div>
  382. {/block:Photo}
  383.  
  384.  
  385.  
  386. {block:Chat}<div class="box">
  387. <div class="titulo">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  388. <table>
  389. {block:Lines}
  390. <tr>
  391. {block:Label}<td class="name">{Label}</td>{block:Label}
  392. <td class="words">{Line}</td>
  393. </tr>
  394. {/block:Lines}
  395. </table>
  396.  
  397. <div class="tags">Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> |{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}    
  398. | <a href="{ReblogURL}" target="_blank"><reb>REBLOG THIS</reb></a>
  399. <br>
  400.  
  401. {block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a>
  402.  
  403. </div></div>
  404. {/block:Chat}
  405.  
  406.  
  407.  
  408. {block:Audio}
  409. <div class="box">
  410. <div style="float:right; margin-top: 4px;"><i> {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}</div>
  411. <center>{AudioPlayerWhite}</center>
  412. {block:Caption}{Caption}{/block:Caption}
  413.  
  414. <div class="tags">Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> |{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}    
  415. | <a href="{ReblogURL}" target="_blank"><reb>REBLOG THIS</reb></a>
  416. <br>
  417.  
  418. {block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a>
  419.  
  420. </div></div>
  421. {/block:Audio}
  422.  
  423.  
  424.  
  425. {block:Video}
  426. <div class="box">
  427. <center>{Video-500}</center>
  428. {block:Caption}{Caption}{/block:Caption}<br>
  429.  
  430. <div class="tags">Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> |{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}  
  431. | <a href="{ReblogURL}" target="_blank"><reb>REBLOG THIS</reb></a>
  432. <br>
  433.  
  434. {block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a>
  435.  
  436. </div></div>
  437. {/block:Video}
  438.  
  439.  
  440.  
  441. {block:Link}
  442. <div class="box">
  443. <div class="titulo"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  444. {block:Description}
  445. <div class="description">{Description}</div>
  446. {/block:Description}
  447. <BR>
  448.  
  449. <div class="tags">Em <b>{DayOfMonth}</b>/<b>{MonthNumberWithZero}</b>/<b>{Year}</b> |{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}  
  450. | <a href="{ReblogURL}" target="_blank"><reb>REBLOG THIS</reb></a>
  451. <br>
  452.  
  453. {block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>#&nbsp;{/block:Tags}{/block:HasTags}</a>
  454.  
  455. </div></div>
  456. {/block:Link}
  457.  
  458. {/block:Posts}
  459.  
  460. <div class="box">
  461. <center>{block:Pagination}
  462. {block:NextPage}<a href="{NextPage}" class="next">»</a>{/block:NextPage}
  463. {block:PreviousPage}<a href="{PreviousPage}" class="previous">«</a> {/block:PreviousPage} <br><br>
  464. <small>Themed Base por <a href="http://love-and-fun.tumblr.com/">Danielle R.</a></small></div>
  465. </center></div><br>
  466.  
  467. </div></div></p></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  468. </body>
  469. </html>
create a new version of this paste RAW Paste Data