Advertisement
maryaciolli

Theme Summ3r

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