API tools faq
paste
Advertisement
maryaciolli

Theme Johnny

maryaciolli
Jan 8th, 2013
179
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.34 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <title>{title}</title>
  3. <link rel="shortcut icon" href="http://i122.photobucket.com/albums/o260/mhilka/minigifs/balaozinho43.gif" />
  4.  
  5.  
  6. <!--- THEMES POR MARY ACIOLLI (PLEASEB3MINE) --->
  7.  
  8. <!-- DEFAULT VARIABLES -->
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  10. <meta name="image:sidebar" content="http://images2.fanpop.com/images/photos/7000000/Johnny-Deep-johnny-depp-7044779-900-883.jpg"/>
  11. <meta name="image:pattern" content="http://static.tumblr.com/nqcm3ld/G91m7ktnc/johnny.jpg"/>
  12. <meta name="color:background" content="#e6e7e71"/>
  13. <meta name="color:menu" content="#8b898c"/>
  14. <meta name="color:menu letra" content="#fff"/>
  15. <meta name="color:texto da sidebar" content="#656365"/>
  16. <meta name="text:url do link 1" content="Url do link 1" />
  17. <meta name="text:nome do link 1" content="Link 1" />
  18. <meta name="text:url do link 2" content="Url do link 2" />
  19. <meta name="text:nome do link 2" content="Link 4" />
  20. <meta name="text:url do link 3" content="Url do link 3" />
  21. <meta name="text:nome do link 3" content="Link 3" />
  22. <meta name="text:url do link 4" content="Url do link 4" />
  23. <meta name="text:nome do link 4" content="Link 4" />
  24. <meta name="text:texto da sidebar" content="You make me feel like i am living a teenage dream." />
  25.  
  26.  
  27.  
  28. <style>
  29.  
  30. body {background-color:{color:Background}; font: 10px tahoma; text-align:justify; color: #333; font-family: 'mar';
  31. }
  32.  
  33. #navbar-iframe{
  34. display: none;
  35. }
  36.  
  37. #top{
  38. position: absolute;
  39. top: 200px;
  40. left: 0px;
  41. }
  42.  
  43. ::-webkit-scrollbar {width: 4px; height: 3px; background-color: #F0F0F0;}
  44. ::-webkit-scrollbar-thumb {background-color:{color:menu};}
  45.  
  46.  
  47. .colums{
  48. -moz-column-count: {text:n de colunas};
  49. -moz-column-gap: 4px;
  50. -webkit-column-count: {text:n de colunas};
  51. -webkit-column-gap: 4px;
  52. column-count: {text:n de colunas};
  53. column-gap: 4px;}
  54.  
  55.  
  56. .blockquote{
  57. width: 200px;
  58. border-left:2px #fff solid; padding-left:5px;
  59. text-align: justify; font: 6px 'handy';
  60. }
  61.  
  62. blockquote{
  63. width: 450px;
  64. border-left:2px #4f4f4f solid; padding-left:3px;
  65. font: 10px 'mar'; text-transform: uppercase;
  66. text-align: justify;
  67. }
  68.  
  69. @font-face {font-family: 'mar'; src: url('http://static.tumblr.com/nqcm3ld/9x2me2ben/dk_pimpernel.ttf');}
  70.  
  71. .blur{
  72. width: 100px;
  73. height: 100px;
  74. }
  75.  
  76. .vans{
  77. position: absolute;
  78. }
  79.  
  80. .red{
  81. position: relative;
  82. width: 100px;
  83. height: 100px;
  84. }
  85.  
  86. .live{
  87. bottom: 0; left: 0;
  88. position: absolute;
  89. }
  90.  
  91. .message{
  92. color: rgba(255,255,255, .7);
  93. text-align: center;
  94. font-family: "Courier New", Courier, monospace;
  95. font-size: 8pt;
  96. }
  97.  
  98. .message a{
  99. color: rgba(255,255,255, .7);
  100. text-decoration: none;
  101. font-family: "Courier New", Courier, monospace;
  102. font-size: 8pt;
  103. }
  104.  
  105. .message a:hover{
  106. color: rgba(255,255,255, .7);
  107. text-decoration: underline;
  108. font-family: "Courier New", Courier, monospace;
  109. font-size: 8pt;
  110. }
  111.  
  112. .die{
  113. opacity: .7;
  114. padding: 5px;
  115. width: 91px;
  116. background: #333;
  117. color: #fff;
  118. text-align: justify!important;
  119. font-family: Georgia;
  120. font-style: italic;
  121. font-size: 7pt;
  122. text-transform: lowercase;
  123. }
  124.  
  125. .die a{
  126. color: #fff;
  127. text-decoration: none;
  128. -webkit-transition-duration: .4s;
  129. -moz-transition-duration: .4s;
  130. }
  131.  
  132. .die a:hover{
  133. text-decoration: none;
  134. color: rgba(255,255,255, .4);
  135. -webkit-transition-duration: .4s;
  136. -moz-transition-duration: .4s;
  137. }
  138.  
  139. td img{
  140. max-width: 500px;
  141. }
  142.  
  143. .blog{
  144. width: 585px!important;
  145. }
  146.  
  147. .show{
  148. display: none;
  149. }
  150.  
  151. .box{
  152. background: #333;
  153. color: #fff!important;
  154. padding: 5px;
  155. margin-bottom: 5px;
  156. }
  157.  
  158. .box img{
  159. max-width: 440px;
  160. }
  161.  
  162. .header{
  163. color: #fff;
  164. text-align: center!important;
  165. font-family: Georgia;
  166. font-style: italic;
  167. font-size: 10pt;
  168. text-transform: lowercase;
  169. }
  170.  
  171. .title{
  172. font-family: georgia;
  173. font-size: 16px;
  174. font-style: italic;
  175. text-transform: lowercase;
  176. margin-top: -2px;
  177. color: #E5E5E5;
  178. border-bottom: #E5E5E5 1px solid;
  179. }
  180.  
  181. .date{
  182. float: right;
  183. display: inline-block;
  184. }
  185.  
  186. .clear{
  187. color: #fff;
  188. text-align: right;
  189. font-family: Georgia;
  190. font-style: italic;
  191. font-size: 8pt;
  192. text-transform: lowercase;
  193. }
  194.  
  195. .blog a{
  196. color: #333;
  197. font-family: Georgia;
  198. font-style: italic;
  199. text-decoration: none;
  200. padding: 0 2px;
  201. background: #fff;
  202. -webkit-transition-duration: .5s;
  203. -moz-transition-duration: .5s;
  204. }
  205.  
  206. .blog a:hover{
  207. font-family: Georgia;
  208. font-style: italic;
  209. text-decoration: none;
  210. padding: 0 2px;
  211. -webkit-transition-duration: .5s;
  212. -moz-transition-duration: .5s;
  213. color: #fff;
  214. background: #333;
  215. }
  216.  
  217. table.link tr td a{
  218. padding: 4px;
  219. text-align: center;
  220. display: block;
  221. border-bottom: 1px solid #595959;
  222. border-right: 1px solid #595959;
  223. border-left: 0px solid #595959;
  224. border-top: 0px solid #595959;
  225. background: #6b6b6b;
  226. color: #e5e5e5;
  227. text-decoration: none;
  228. }
  229.  
  230. table.link tr td a:hover{
  231. padding: 4px;
  232. text-align: center;
  233. display: block;
  234. border-bottom: 0px solid #595959;
  235. border-right: 0px solid #595959;
  236. border-left: 1px solid #595959;
  237. border-top: 1px solid #595959;
  238. background: #6b6b6b;
  239. color: #e5e5e5;
  240. text-decoration: none;
  241. }
  242.  
  243. .box a, .box a:hover{
  244. color: #fff;
  245. text-decoration: none;
  246. font-family: Georgia;
  247. font-style: italic;
  248. }
  249.  
  250. .credits{
  251. margin-top: 5px;
  252. text-align: center;
  253. color: #fff;
  254. }
  255.  
  256. .credits light, .credits light a, .credits light a:hover{
  257. color: #d8d8d8;
  258. }
  259.  
  260.  
  261. #bar {margin-bottom:2px; margin-left:2px; padding-bottom:2px; padding-left:2px}
  262.  
  263. a {
  264. color: #363636;
  265. text-decoration: none;
  266. background: transparent;
  267. }
  268.  
  269. m {color: red;}
  270.  
  271. #permalink {display:block; width:495px; text-align:right; font:6px 'handy'; text-transform:lowercase; color:{color:text};background-color:transparent; margin:1px 0px 10px 0px; padding:0px 5px 03px 0px; border-bottom:1px {color:sidebar hover} dotted; }
  272. #permalink a {color:#fff; letter-spacing:1px; text-align:right; font-style:italic}
  273.  
  274. #info {display:block; margin:7px 0px 5px 0px; padding:1px 4px 1px 4px; color:#eee; font:6px 'handy'; line-height:110%; text-transform:lowercase; width:492px; background-color:{color:entry}; letter-spacing:1px;}
  275. #info a {color:#696969}
  276.  
  277. .date {display:inline; text-align:right; float:right; background: #fff;}
  278. .date a {color:{color:permalinks}}
  279.  
  280.  
  281. #postbox {width:500px; background-color:#f5faf9; padding:2px; text-align: justify; position: relative;margin:30px; opacity:0.7; -webkit-transition-duration: .5s;}
  282.  
  283. #postbox:hover {width:500px; background-color:#f5faf9; padding:2px; text-align: justify; position: relative;margin:30px; opacity:1;}
  284.  
  285. #paginatioon {
  286. width:100px;
  287. font-size:25px;
  288. text-align:center;
  289. padding:0px 3px;
  290. color:#363636;
  291. }
  292.  
  293. h1 {color:#fff; font-family:georgia; font-size:14px; line-height:16px; text-align: center; font-weight:normal; }
  294. h1 a {color:{color:link}}
  295. h1 a:hover {color:{color:link hover}}
  296.  
  297. .image {text-align: center;}
  298. .image img {max-width: 500px; }
  299.  
  300. .quote {font-family: 'mar'; text-align: center; font-size: 14px; line-height: 16px; padding: 3px;}
  301. .quotesource {text-align: center; text-transform:none; margin-bottom: 5px;}
  302.  
  303. .chat {line-height: 13px; list-style: none }
  304. .chat ul {line-height: 13px; list-style: none; padding: 5px; line-height:14px;}
  305. .person1 {color: {color:menu}; padding: 2px; }
  306. .person1 .label {font-weight: bold; color:{color:text}}
  307. .person2 {color: {color:menu letra}; padding: 2px; }
  308. .person2 .label {font-weight: bold; color:{color:text}}
  309.  
  310.  
  311. #date {text-align: right; font-size: 6px; font-family: 'handy';z-index: 11;padding:1;margin-top:-18px; border-top:1px solid #fff; color:363636; background:{color:menu}; text-transform:uppercase;}
  312. #date a {font-size: 6px; text-transform:uppercase; background:transparent;}
  313.  
  314.  
  315. /* FONTE PIXEL */
  316. @font-face {font-family: "04b03";
  317. src: url('http://static.tumblr.com/p0nqcte/56im0rvo6/04b_03__.ttf'); format("truetype"); }
  318.  
  319. @font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
  320.  
  321. espaco {padding-left: 10px;}
  322.  
  323. .tags {color: {color:text}; font-size: 6px; font-family:'handy'; display: inline; text-transform:uppercase; background:transparent;}
  324. .tags a {color: {color:text}; font-size: 6px; font-family:'handy'; display: inline; text-transform:uppercase; background:transparent;}
  325.  
  326. #cap {width: 500px; margin-top: -2px;}
  327. .source {display: none;}
  328.  
  329. .notes {width: 500px; padding: 0px; margin-top: 1px; margin-bottom: 1px; font-size: 9px; text-align:center}
  330. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11;}
  331. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  332. .notes img{display: none; border:0px}
  333.  
  334. .player {background-color:{color:menu}; text-align: left; display:block; width:100%;}
  335.  
  336. .asker {color:#363636; font-family:'handy'; font-size:7px; margin:2px; text-transform:uppercase; background:{color:menu};}
  337.  
  338. .answer {color:#363636; font-family:'handy'; font-size:7px; margin:2px; text-transform:uppercase;}
  339.  
  340. .navi {color:{color:menu letra}; font-family:'handy'; font-size:6px; margin:2px; text-transform:uppercase;}
  341.  
  342. .navi a {color:{color:menu letra}; font-family:'handy'; font-size:6px; margin:2px; text-transform:uppercase;}
  343.  
  344. navi {color:{color:menu letra}; font-family:'handy'; font-size:6px; margin:2px; text-transform:uppercase;}
  345.  
  346. navi a {color:{color:menu letra}; font-family:'handy'; font-size:6px; margin:2px; text-transform:uppercase;}
  347.  
  348. .letra {font-family: 'mar'; font-size: 12px; text-transform: uppercase; color: {color:texto da sidebar}; margin-bottom:5px;}
  349.  
  350. .letraa {font-family: handy; font-size: 7px; color: {color:texto da sidebar};}
  351.  
  352. .hp {opacity:0.7; -webkit-transition-duration: .5s; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border:3px solid {color:menu}; -webkit-filter: grayscale(100%);}
  353. .hp:hover {opacity:0.8; }
  354.  
  355. .cima{background-image: url('{image:pattern}'); width:100%; border-bottom:4px solid {color:texto da sidebar}; z-index:100; position:absolute; float:left; height:160px; top:0px; left:0px; opacity:0.7;}
  356. .cima:hover{opacity:0.9; -webkit-transition-duration: .5s;}
  357.  
  358. .postttt {margin-top:120px;}
  359.  
  360. </style>
  361.  
  362. <body>
  363.  
  364. <div class="postttt"></div>
  365.  
  366. <div class="cima"></div>
  367.  
  368. <div style="position:fixed; width: 180px; right:2px; bottom:2px; position: fixed; text-align: right;" >
  369. <a href="http://pleaseb3mine.tumblr.com" title="Theme by Mary Aciolli" style="color: #363636;">CREDITS ©</a>
  370. </div>
  371.  
  372.  
  373. <center>
  374. <div id="top"></div>
  375. <br><br>
  376. <table width=350>
  377. <tr>
  378.  
  379. <td width=100 vAlign=top>
  380. <div class="blur"></div>
  381. <div class="vans">
  382. <div class="red">
  383.  
  384. <img src="{image:sidebar}" width="100px" class="hp">
  385. <div class="live">
  386. <div class="diie">
  387. <center></center>
  388. </div></div>
  389. <div class="credits">
  390.  
  391. <center>
  392.  
  393. <select style="border: 0px none; padding: 5px; background: {color:menu};font-family: handy;font-size: 7px; text-transform: uppercase; color: {color:menu letra}; width:103px; margin-bottom:5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;" onChange="location.href=this.options[this.selectedIndex].value;">
  394. <option value="/">- Menu -</option>
  395. <option value="/">Refresh</option>
  396. <option value="/ask">Message</option>
  397. <option value="{text:url do link 1}">{text:nome do link 1}</option>
  398. <option value="{text:url do link 2}">{text:nome do link 2}</option>
  399. <option value="{text:url do link 3}">{text:nome do link 3}</option>
  400. <option value="{text:url do link 4}">{text:nome do link 4}</option>
  401. </select>
  402. </center>
  403. </div>
  404.  
  405. <center><div class="letraa">
  406. {text:texto da sidebar}
  407. </center>
  408.  
  409. <center><div id="paginatioon">{block:PreviousPage}<a href="{PreviousPage}">-</a> &nbsp;{/block:PreviousPage} {block:NextPage}&nbsp;<a href="{NextPage}">+</a>{/block:NextPage}</div></center>
  410.  
  411.  
  412. </div>
  413. </div>
  414. </td>
  415.  
  416.  
  417. <td width=250 vAlign=top>
  418. <div id="post">
  419. <div id="clear" class="show"></div>
  420. <div class="blog">
  421. <div class="colums">
  422.  
  423. {block:Posts}
  424.  
  425. <div id="postbox">
  426.  
  427. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  428.  
  429. {block:Photo}<img src="{PhotoURL-500}" class="ph">{/block:Photo}
  430.  
  431. {block:Photoset}{Photoset-500}{/block:Photoset}
  432.  
  433. {block:Quote}
  434. <div class="quote">“{Quote}”</div>
  435. {block:Source}<div class="quotesource"> — <b>{Source}</b></div>
  436. {/block:Source}
  437. {/block:Quote}
  438.  
  439. {block:Link}
  440. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  441. {block:Description}{Description}{/block:Description}
  442. {/block:Link}
  443.  
  444. {block:Chat}
  445. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  446. <div class="chat"><ul>{block:Lines}
  447. <li class="person{UserNumber}">{block:Label}
  448. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  449. {/block:Chat}
  450.  
  451. {block:Audio}
  452. <div class="player">{AudioPlayerBlack}</div>
  453. {block:Caption}{Caption}{/block:Caption}
  454. {/block:Audio}
  455.  
  456. {block:Video}{Video-500}{/block:Video}
  457.  
  458.  
  459. {block:Answer}
  460. <div class="asker">{Asker} asked: {Question}</div>
  461. <div class="answer">{Answer}</div>
  462. {/block:Answer}
  463.  
  464.  
  465. <div id="cap">
  466. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  467. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  468. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  469.  
  470. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  471. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  472. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  473. {/block:ContentSource}</div></div>
  474. <br>
  475.  
  476.  
  477. <div id="date">
  478. {block:Date}
  479. {block:IndexPage}{DayOfWeek}, {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}, {12Hour}:{Minutes}{AmPm} · <a href="{Permalink}">{NoteCount}</a> notes · <a href="{Permalink}">Permalink</a> · <a href="{ReblogUrl}" target="_blank">reblog</a>{/block:IndexPage} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}{block:RebloggedFrom}<a href="{ReblogRootURL}"></a>{/block:RebloggedFrom}<br><div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}<br>{/block:HasTags}
  480. </div>
  481. </div>
  482. </div>{/block:Date}
  483.  
  484. {block:PermalinkPage}
  485. <div style="float:left;width:254px;margin-left:22px;">
  486. {block:Date}
  487. <div style="font-weight:bold;font-size:12px;margin-bottom:3px;text-transform:uppercase;margin-top:1px;background-color:{color:post};">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} ({12Hour}:{Minutes}{AmPm})</div>
  488. {/block:Date}
  489. <div style="background-color:{color:post};">{block:PostNotes}
  490. {NoteCountWithLabel}
  491. <br>
  492. {/block:PostNotes}
  493. {block:HasTags}
  494. tagged:{block:Tags} #<a href="{TagURL}" title="{Tag}">{Tag} </a>{/block:Tags}
  495. <br>
  496. {/block:HasTags}
  497. {block:RebloggedFrom}
  498. via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  499. original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  500. {/block:RebloggedFrom}
  501. {block:Date}
  502. <div style="border-bottom:1px solid {color:text};padding-top:3px;margin-bottom:3px;"></div>
  503. navigation: <a href="/" title="back to home page">index</a>, <a href="{ReblogURL}" title="reblog this post">reblog</a>, <a href="/random" title="random post">random</a>, <a href="http://pleaseb3mine.tumblr.com" title="© please b3 mine">theme</a>
  504. {/block:Date}</div>
  505. {block:NoteCount}
  506. <div style="border-bottom:1px solid #FFEBCD;padding-top:3px;"></div>
  507. <div class="notes">
  508. {PostNotes}
  509. </div>
  510. {/block:NoteCount}
  511. </div>
  512. {/block:PermalinkPage}
  513.  
  514.  
  515. {/block:Posts}
  516.  
  517. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  518.  
  519.  
  520. </td>
  521.  
  522. </td>
  523.  
  524. </div>
  525. </td>
  526. </div>
  527. </div>
  528. </td>
  529. </table>
  530. </center>
  531.  
  532. </body>
  533. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!