API tools faq
paste
Advertisement
maryaciolli

Theme back to me

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