Advertisement
realjunko

Animal Crossing

May 2nd, 2014
711
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.04 KB | None | 0 0
  1. <!--
  2. ANIMAL CROSSING THEME BY REALJUNKO
  3. don't remove credit thats not nice
  4. -->
  5.  
  6. <html lang="en">
  7. <head>
  8.  
  9. <meta name="image:Background" content=""/>
  10. <meta name="image:sidebar" content="" />
  11. <meta name="image:Side Img" content=""/>
  12. <meta name="color:Background" content="#FFFFFF"/>
  13. <meta name="color:cont bg" content="#FFFFFF"/>
  14. <meta name="color:Scrollbar" content="#FC0C84" />
  15. <meta name="color:border" content="#FC0C84"/>
  16. <meta name="color:Title" content="#999999"/>
  17. <meta name="color:Blog Title" content="#999999"/>
  18. <meta name="color:Link" content="#555555"/>
  19. <meta name="color:Hover" content="#999999"/>
  20. <meta name="color:Text" content="#777777"/>
  21. <meta name="text:accomplishments" content="your badges go here"/>
  22. <meta name="text:music" content="music"/>
  23. <meta name="text:info" content="any other info goes here"/>
  24. <meta name="text:Link One URL" content=""/>
  25. <meta name="text:Link One Title" content="link"/>
  26. <meta name="text:Link two URL" content=""/>
  27. <meta name="text:Link two Title" content="link"/>
  28. <meta name="text:Link three URL" content=""/>
  29. <meta name="text:Link three Title" content="link"/>
  30. <meta name="text:Sideimg Left" content="-10"/>
  31. <meta name="text:Sideimg Bottom" content="2"/>
  32. <meta name="if:Sidebar image" content="0"/>
  33.  
  34. <title>{Title}</title>
  35. {block:Description}
  36. <meta name="description" content="{MetaDescription}" />
  37. {/block:Description}
  38. <link rel="shortcut icon" href="http://media.tumblr.com/92a3e44f93fcf08c9eadb7bd501c3ede/tumblr_inline_mpksvl3e6x1qz4rgp.gif">
  39.  
  40.  
  41.  
  42. <style type="text/css">
  43. @font-face {
  44.  
  45. font-family: "04b03";
  46.  
  47. src: url('http://static.tumblr.com/gvd42r2/kU4m7js4w/lexipa__.ttf');
  48.  
  49. }
  50.  
  51.  
  52. /************EDIT BODY HERE************/
  53.  
  54. body{
  55. margin:0px;
  56. background-color: {color:Background};
  57. background-image:url({image:Background});
  58. background-attachment:fixed;
  59. background-size:cover;
  60. background-position:bottom-right;
  61. font-family: Calibri;
  62. font-size:8px;
  63. letter-spacing:1px;
  64. text-transform:lowercase;
  65. text-align:left;
  66. line-height:100%;
  67. overflow: hidden;
  68.  
  69. color: {color:Text};}
  70.  
  71.  
  72. a:link, a:active, a:visited{
  73. text-decoration: none;
  74. color: {color:Link};}
  75.  
  76.  
  77.  
  78. a:hover {
  79. color:{color:Link};
  80. text-decoration:none;}
  81.  
  82. /************EDIT TOOLTIP HERE************/
  83.  
  84.  
  85.  
  86. #s-m-t-tooltip {
  87. padding: 3px;
  88. height:auto;
  89. display: none;
  90. font-family: consolas;
  91. font-size: 8px;
  92. text-transform:uppercase;
  93. text-align: center;
  94. letter-spacing:1px;
  95. margin-top:10px;
  96. margin-left: 15px;
  97. line-height: 8px;
  98. z-index: 999999999999;
  99. border-radius:3px;
  100. border: 1px solid #f5f5f5;
  101. background:#ffffff;
  102. color: #888;}
  103.  
  104. /************EDIT POST POSITION/WIDTH HERE************/
  105.  
  106. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  107.  
  108.  
  109. #entries{
  110.  
  111. width: 260px;
  112. padding: 30px;
  113. padding-bottom: 0px;
  114. height: 370px;
  115. margin-left: 290px;
  116. margin-top: 70px;
  117. overflow-y:scroll;
  118. overflow-x:hidden;
  119. background:{color:cont bg};
  120. border:1px solid {color:border};
  121. {block:PermalinkPage}
  122. width:550px;
  123. {/block:PermalinkPage}}
  124.  
  125. ::-webkit-scrollbar {
  126. height: 10px;
  127. width: 5px;
  128. background: white;
  129. }
  130.  
  131. ::-webkit-scrollbar-thumb:vertical {
  132. background: {color:Scrollbar};
  133. }
  134. /************EDIT OVERALL POSTS HERE************/
  135.  
  136. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  137.  
  138. #post{
  139. text-align:left;
  140. margin:20px;
  141. background:#ffffff;
  142. max-width: 100%;
  143. display:block;
  144. overflow:hidden;
  145. width:250px;
  146.  
  147. {block:PermalinkPage}
  148. width:500px;
  149. {/block:PermalinkPage}}
  150. {block:ifgreyscale}
  151. -webkit-filter:grayscale(100%);
  152. -webkit-transition: all 0.6s ease-in-out;
  153. }
  154.  
  155. #post:hover{
  156. -webkit-filter:grayscale(0%);
  157. -webkit-transition: all 0.6s ease-in-out;
  158. }
  159.  
  160. {/block:ifgreyscale}
  161.  
  162. /*Do not delete #post img.*/
  163.  
  164. #post img{
  165. max-width:100%;}
  166.  
  167. /*Edit the permalinks all posts.*/
  168.  
  169. .permalink{
  170. border-top:1px solid #f5f5f5;
  171. text-align:right;}
  172. .permalink a{
  173. text-transform:lowercase;
  174. line-height:15px;}
  175.  
  176. /*Edit the titles on any text-based post.*/
  177.  
  178. .posttitle{
  179. font-size:10px;
  180. text-align:center;
  181. color:{color:Link};}
  182.  
  183. .posttitle a{
  184. color:{color:Link};}
  185.  
  186. /************EDIT QUOTE POSTS HERE************/
  187.  
  188. .quote{
  189. margin-right: 5px;}
  190.  
  191. .source{
  192. padding-top:5px;
  193. display:block;
  194. text-align:right;}
  195.  
  196.  
  197. /************EDIT ANSWER POSTS HERE************/
  198.  
  199. .ask{
  200. padding:4px;
  201. background:#f9f9f9;}
  202. .asker{
  203. color:{color:Link};}
  204. .answer{
  205. margin-top:10px;}
  206.  
  207. /************EDIT AUDIO POSTS HERE************/
  208.  
  209. .audio{
  210. {block:IndexPage}width:250px;{/block:IndexPage}
  211. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  212. .info{
  213. padding:2px 0px 1px 57px;}
  214. .i {
  215. text-transform:lowercase;
  216. letter-spacing:1px;
  217. font-size:8px;}
  218. .pl b,strong{
  219. text-transform:lowercase;
  220. font-size:9px;}
  221. .player{
  222. position:absolute;
  223. overflow:hidden;
  224. margin-top:0px;
  225. margin-left:15px;
  226. background:#ffffff;
  227. width:24px;
  228. height:23px;}
  229.  
  230. /************EDIT VIDEO POSTS HERE************/
  231. /***********DO NOT DELETE THIS CODE************/
  232.  
  233. .video-container {
  234. position:relative;
  235. padding-bottom:56.25%;
  236. padding-top: 30px;
  237. height:0;
  238. overflow:hidden;}
  239.  
  240. .video-container iframe,
  241. .video-container object,
  242. .video-container embed {
  243. position: absolute;
  244. top: 0;
  245. left: 0;
  246. width: 100%;
  247. height: 100%;}
  248.  
  249. /************EDIT CHAT POSTS HERE************/
  250.  
  251. .chat{
  252. line-height:12px;
  253. list-style:none;}
  254. .chat ul{
  255. list-style:none;
  256. padding:0px 5px;
  257. line-height:15px;}
  258. .label{
  259. color:{color:Link};}
  260.  
  261. /************EDIT SIDEBAR HERE************/
  262.  
  263.  
  264. #sidebar{
  265. background:#fff;
  266. border:1px {color:border} solid;
  267. margin-left:-190px;
  268. margin-top:-31px;
  269. width:140px;
  270. height:399px;
  271. opacity:1;
  272. position:fixed;
  273. text-align:center;}
  274.  
  275.  
  276.  
  277.  
  278.  
  279. #sidebar4{
  280. background:#fff;
  281. border:1px {color:border} solid;
  282. margin-left:-350px;
  283. margin-top:129px;
  284. width:140px;
  285. height:20px;
  286. opacity:1;
  287. position:fixed;
  288. text-align:center;}
  289.  
  290. .blogtitle{
  291. padding:5px;
  292. padding-bottom:0px;
  293. margin-top:10px;
  294. text-align:center;
  295. font-family: "04b03";
  296. font-size:12px;}
  297.  
  298. .blogtitle a{
  299. color:{color:Blog Title};}
  300.  
  301.  
  302.  
  303. .links{
  304. margin-left:-15px;
  305. padding:1px 11px 6px 11px;
  306. margin-top:10px;}
  307.  
  308. .links a{
  309. margin-left:15px;}
  310.  
  311. .links a:hover{
  312. color:{color:Hover};}
  313.  
  314. /************EDIT TEXT SETTINGS HERE************/
  315.  
  316. i, em{
  317. color:{color:Link};}
  318. b, strong{
  319. font-weight:normal;
  320. text-transform:lowercase;
  321. color:{color:Link};}
  322. ul,ol{
  323. margin:0px;
  324. margin-left:-5px;}
  325. p{
  326. padding:0px;
  327. margin:2px;}
  328. u{
  329. text-decoration:none;
  330. color:{color:Title};}
  331.  
  332. blockquote {
  333. margin:0px;
  334. padding:4px;
  335. background:#f7f7f7;}
  336.  
  337. /************DO NOT DELETE #SCROLL************/
  338.  
  339. #scroll{
  340. bottom:-20px;
  341. position: absolute;
  342. left: 50%;
  343. width:10px;
  344. height:5px;
  345. overflow:hidden;
  346. margin-bottom:80px;}
  347.  
  348. /************EDIT CREDIT HERE************/
  349.  
  350. #credit{
  351. position:fixed;
  352. right:10px;
  353. bottom:10px;
  354. text-transform:lowercase;
  355. font-family:Calibri;
  356. font-size:8px;}
  357.  
  358. #credit a{
  359. color:#aaaaaa;}
  360.  
  361. </style>
  362. <script>
  363. var d = new Date()
  364. var h = d.getHours()
  365.  
  366.  
  367. if (h < 4) document.write('<style type="text/css">body {background-image: url(http://img3.wikia.nocookie.net/__cb20121016005222/animalcrossing/images/d/d5/Nightsky.gif);}"></style>')
  368. else if (h < 6) document.write('<style type="text/css"> body{background-image: url(http://img3.wikia.nocookie.net/__cb20121016005222/animalcrossing/images/d/d5/Nightsky.gif);}"></style>')
  369. else if (h < 15) document.write('<style type="text/css">body{background-image: url(http://lparchive.org/Animal-Crossing/Update%204/26-Part4_12.jpg);}"></style>')
  370. else if (h < 18) document.write('<style type="text/css">body {background-image: url(http://lparchive.org/Animal-Crossing/Update%204/26-Part4_12.jpg);}"></style>')
  371. else if (h < 24) document.write('<style type="text/css">body{background-image: url(http://img3.wikia.nocookie.net/__cb20121016005222/animalcrossing/images/d/d5/Nightsky.gif);}"></style>')
  372.  
  373. </script>
  374. </head>
  375.  
  376. <body>
  377.  
  378.  
  379. <center>
  380.  
  381. <div id="entries">
  382.  
  383. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  384.  
  385. <div id="sidebar">
  386. <div class="blogtitle"><a href="/">{Title}</a></div><br>
  387. {block:ifsidebarimage}<a href="/"><img height='80' src="{image:Sidebar}"/></a>{/block:ifsidebarimage}
  388. <p><div style="width:100px;padding:20px; margin-top:10px; height:16px; overflow-Y:scroll;font-family: "04b03";">{Description}</div></p>
  389. <div class="links">
  390. <p> <a href="/"> home</a> </p>
  391. <p><a href="/ask"> inbox</a></p>
  392. <p><a href="{text:Link One URL}"> {text:Link One Title}</a></p>
  393. <p><a href="{text:Link two URL}"> {text:Link two Title}</a></p>
  394. <p><a href="{text:Link three URL}"> {text:Link three Title}</a></p>
  395. <br>
  396.  
  397. <div style='margin-top:50px; margin-left:18px'><img src='http://media.tumblr.com/tumblr_m1wwotAhJ61qid2nw.png'</a> </div>
  398. <div style="margin-left:20px;margin-top:2px">
  399. <form action="/search" method="get">
  400. <input type="text" name="q" value="search" style="width:100px; height:11px; background-color:#ffffff; color: {color:text}; font-size: 8px; border: 1px solid {color:border} ;"/>
  401. </form>
  402. </div>
  403. </div>
  404. </div>
  405. <div style=" background:#fff;
  406. border:1px {color:border} solid;
  407.  
  408. margin-left:-350px;
  409. margin-top:-31px;
  410. width:140px;
  411. height:139px;
  412. opacity:1;
  413. position:fixed;
  414. text-align:center;
  415. overflow-Y:scroll;
  416. font-family: "04b03";">
  417. <u><img src='http://media.tumblr.com/tumblr_m1afjvfqlR1qb1380.gif'</a></u><br>
  418. <p>{text:accomplishments}</p>
  419. </div>
  420. <div id="sidebar4">
  421. {text:music}
  422.  
  423. </div>
  424.  
  425. <div style="background:#fff;
  426. border:1px {color:border} solid;
  427. margin-left:-350px;
  428. margin-top:167px;
  429. width:140px;
  430. height:200px;
  431. opacity:1;
  432. position:fixed;
  433. text-align:center;
  434. overflow-Y:scroll;
  435. font-family: "04b03";">
  436. <img src='http://media.tumblr.com/tumblr_malmkf91t81qid2nw.gif'</a><br>
  437. <p> {text:info}</p>
  438. </div>
  439.  
  440.  
  441. {block:Posts}
  442.  
  443. <!---------------DO NOT DELETE block:ContentSource--------------->
  444.  
  445. {block:ContentSource}
  446. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  447. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  448. {/block:SourceLogo}
  449. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  450. {/block:ContentSource}
  451.  
  452. <div id="post">
  453.  
  454. <!---------------EDIT TEXT POSTS HERE--------------->
  455.  
  456. {block:Text}
  457. <div class="text">
  458. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  459. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a>
  460. </div>{/block:IndexPage}</div>
  461. {/block:Text}
  462.  
  463. <!---------------EDIT LINK POSTS HERE--------------->
  464.  
  465. {block:Link}
  466. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  467. {block:Description}{Description}{/block:Description}
  468. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a>
  469. </div>{/block:IndexPage}
  470. {/block:Link}
  471.  
  472. <!---------------EDIT PHOTO POSTS HERE--------------->
  473.  
  474. {block:Photo}
  475. {block:IndexPage}
  476. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a>
  477. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  478. {/block:Photo}
  479.  
  480. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  481.  
  482. {block:Photoset}
  483. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a>
  484. </div>{/block:IndexPage}
  485. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  486. {/block:Photoset}
  487.  
  488. <!---------------EDIT QUOTE POSTS HERE--------------->
  489.  
  490. {block:Quote}
  491. {Quote}{block:Source}
  492. <div class="source">{Source}</div>{/block:Source}
  493. {block:IndexPage}
  494. <div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a>
  495. <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
  496. {/block:Quote}
  497.  
  498. <!---------------EDIT ANSWER POSTS HERE--------------->
  499.  
  500. {block:Answer}
  501. <div class="ask"><span class="asker"><img src='https://31.media.tumblr.com/da6ec800b306286814b56c85c065973c/tumblr_inline_n2aigp3RjV1r7v6wt.png'</a> {Asker}:</span> {Question}</div>
  502. <div class="answer">{Answer}</div>
  503. {block:IndexPage}
  504. <div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a>
  505. <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  506. {/block:Answer}
  507.  
  508. <!---------------EDIT CHAT POSTS HERE--------------->
  509.  
  510. {block:Chat}
  511. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  512. <div class="chat"><ul>{block:Lines}
  513. <li class="person{UserNumber}">{block:Label}
  514. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a></div>
  515. {/block:IndexPage}
  516. {/block:Chat}
  517.  
  518. <!---------------EDIT AUDIO POSTS HERE--------------->
  519.  
  520. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  521. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  522. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  523. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  524. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  525.  
  526. <!---------------EDIT VIDEO POSTS HERE--------------->
  527.  
  528. {block:Video}
  529. {block:IndexPage}<div class="video-container">{Video-250}</div>
  530. <div class="permalink"><a href="{ReblogURL}"><img src='http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png'</a> <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  531. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  532. {/block:Video}
  533.  
  534. <!---------------EDIT PERMALINK PAGE HERE--------------->
  535.  
  536. {block:PermalinkPage}
  537. {block:Caption}{Caption}{/block:Caption}
  538. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  539. <div class="permapage">
  540. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  541. </div>
  542. {/block:Posts}
  543. </div>
  544.  
  545. <!---------------DO NOT DELETE THIS--------------->
  546.  
  547. {block:IndexPage}
  548. {block:Pagination}
  549. <div id="pagination">
  550. {block:NextPage}
  551. <a id="nextPage" href="{NextPage}"></a>
  552. {/block:NextPage}
  553. {block:PreviousPage}
  554. <a href="{PreviousPage}"></a>
  555. {/block:PreviousPage}
  556. </div>
  557. {/block:Pagination}
  558. {/block:IndexPage}
  559. </center>
  560. <div style="position:fixed; bottom:{text:sideimg bottom}px; margin-left:{text:sideimg left}px; z-index:-10; "><img src='{image:side img}'></div>
  561. </body>
  562.  
  563. <!---------------EDIT CREDIT CONTENT HERE--------------->
  564.  
  565. <div id="credit"><a href="http://jolyene.tumblr.com/"><img title='theme made by jolyene' src='http://media.tumblr.com/a31665155fa4f6f1d3ab635fe4cdaa1a/tumblr_inline_mpktycZBvT1qz4rgp.gif'</a></div>
  566. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement