API tools faq
paste
thetruththemes

Town Pass Card Blue Theme

thetruththemes
Jun 7th, 2015
6,997
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.21 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---------------------------------------------------------------------------
  3.  
  4. ,,
  5. ,GG,
  6. GIIG
  7. Gl''lG
  8. ;G' 'G;
  9. GP YG
  10. oQ' 'Qo -Tᴏᴡɴ Pᴀss Cᴀʀᴅ ᴛʜᴇᴍᴇ ʙʏ
  11. *TGGGGGGGGGGGGQQQ, ,QQQGGGGGGGGGGGGP* ɴʏᴄᴛᴏᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  12. *TGo, '* *' ,oGP*
  13. *TGo, ɴʏᴄᴛ□ᴛʜᴇᴍᴇs ,oGP* -ᴘʟᴇᴀsᴇ ʀᴇғᴇʀ ᴛᴏ ᴏʀɪɢɪɴᴀʟ
  14. *TGio,, ,,oiGP* ᴘᴏsᴛ ʟɪɴᴋ ғᴏʀ ʀᴜʟᴇs ᴀɴᴅ ᴍɪsᴄ
  15. ;GGT' 'TGG:
  16. GG' ii 'GG -ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴀɴʏ ᴏғ ᴛʜᴇ
  17. GG' ,GG, 'GG ᴄᴏᴅᴇ ᴄʀᴇᴅɪᴛ ᴏʀ ᴍᴏᴠᴇ ɪᴛ ᴛᴏ
  18. GG* oGGGGo. *GG ᴀ ᴘᴀɢᴇ.
  19. oG* oGG* *GGo. *Go
  20. ;GG;oGG* *GGo;GG;
  21. ,GGGT* *TGGG,
  22. ""' '""
  23.  
  24. ---------------------------------------------------------------------------->
  25.  
  26. <!-- Decorated Hover Titles 1/2 -->
  27. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  29.  
  30. <head>
  31.  
  32. {block:Ifcustomfavicon}<link rel="shortcut icon" href="{image:favicon}"/>{/block:Ifcustomfavicon}
  33. {block:IfNotcustomfavicon}<link rel="shortcut icon" href="{favicon}"/>{/block:IfNotcustomfavicon}
  34.  
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  36. <title>{Title}</title>
  37. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  38.  
  39. <!-------------------------------- IMAGES ---------------------------------->
  40. <meta name="image:Background" content="http://static.tumblr.com/edf7b5413b3eb0b0ded1eefac5bae1c2/u5vz4xb/JxCnpkd7y/tumblr_static_bqc13iiimm0woo48oww0sok04.gif"/>
  41. <meta name="image:Top Bar BG" content="https://68.media.tumblr.com/dcb489f4358fbaa73682922d4aded783/tumblr_npettzPu4Q1s60yyoo4_r1_75sq.png"/>
  42. <meta name="image:Card BG" content="https://68.media.tumblr.com/dcb489f4358fbaa73682922d4aded783/tumblr_npettzPu4Q1s60yyoo4_r1_75sq.png"/>
  43. <meta name="image:ID Photo" content="https://secure.static.tumblr.com/08a35a53b6c439fd369daa78a6456f17/u5vz4xb/lGZnprjf1/tumblr_static_8shwp9q0qskkowko4kogc4k0w.png"/>
  44. <meta name="image:Town Flag" content="https://68.media.tumblr.com/36e841b74127830ba44a53d0ff00045b/tumblr_inline_npqwtmBP1I1rg1lxe_540.png"/>
  45. <meta name="image:Custom Cursor" content="http://static.tumblr.com/4b9e672ddfbce2e3f558f1f50ad83139/u5vz4xb/4QTnpkdss/tumblr_static_bwjv5rnhi3kgg80g8cs0gswkg.png"/>
  46. <meta name="image:Custom Cursor Links" content="http://static.tumblr.com/6f8c21cc6581ff3e5cde3cbb149e3e2e/u5vz4xb/E85npkdss/tumblr_static_ernun2pyp4gskg0k0k0wgwgw0.png"/>
  47. <meta name="image:Favicon" content="https://68.media.tumblr.com/94ac727789f06cefac433e915180ca69/tumblr_npettzPu4Q1s60yyoo5_r6_75sq.png"/>
  48. <meta name="image:Album Art" content="https://68.media.tumblr.com/4afdb448a180a10ab4290953e4093264/tumblr_npettzPu4Q1s60yyoo1_r4_100.png"/>
  49.  
  50. <!-------------------------------- COLORS ---------------------------------->
  51. <!-- Full Body -->
  52. <meta name="color:Background" content="#e0fbc8"/>
  53. <meta name="color:Scroll BG" content="#e0fbc8"/>
  54. <meta name="color:Scroll Thumb" content="#2784b8"/>
  55. <!-- Topbar -->
  56. <meta name="color:Top Bar BG" content="#9be4ed"/>
  57. <meta name="color:Top Bar Trim" content="#42bee4"/>
  58. <meta name="color:Top Bar Shadow" content="#2784b8"/>
  59. <meta name="color:Pagination Current Page" content="#2784b8"/>
  60. <meta name="color:Pagination Text" content="#ffffff"/>
  61. <meta name="color:Pagination BG" content="#42bee4"/>
  62. <meta name="color:Pagination Hover Text" content="#42bee4"/>
  63. <meta name="color:Pagination Hover BG" content="#ffffff"/>
  64. <meta name="color:Main Links Symbols" content="#ffffff"/>
  65. <meta name="color:Main Link 1 BG" content="#73dc05"/>
  66. <meta name="color:Main Link 1 Hover Symbol" content="#118c00"/>
  67. <meta name="color:Main Link 2 BG" content="#ff68c8"/>
  68. <meta name="color:Main Link 2 Hover Symbol" content="#a51759"/>
  69. <meta name="color:Main Link 3 BG" content="#6465fb"/>
  70. <meta name="color:Main Link 3 Hover Symbol" content="#2a2b82"/>
  71. <meta name="color:Main Link 4 BG" content="#ff504e"/>
  72. <meta name="color:Main Link 4 Hover Symbol" content="#a10602"/>
  73. <meta name="color:Main Link 5 BG" content="#fac10f"/>
  74. <meta name="color:Main Link 5 Hover Symbol" content="#9b611c"/>
  75. <!-- Sidebar -->
  76. <meta name="color:Catchphrase Text" content="#945102"/>
  77. <meta name="color:Catchphrase BG 1" content="#feffdd"/>
  78. <meta name="color:Catchphrase BG 2" content="#fef78c"/>
  79. <meta name="color:Catchphrase Border" content="#fdd464"/>
  80. <meta name="color:Card BG" content="#9be4ed"/>
  81. <meta name="color:Card Trims" content="#42bee4"/>
  82. <meta name="color:Card Highlights" content="#b2edf4"/>
  83. <meta name="color:Card Indents" content="#85daeb"/>
  84. <meta name="color:Card Shadows" content="#2784b8"/>
  85. <meta name="color:Card Info Text" content="#054978"/>
  86. <meta name="color:Description Text" content="#8375a5"/>
  87. <meta name="color:Description Links" content="#ffffff"/>
  88. <meta name="color:Description Links Hover" content="#e0fbc8"/>
  89. <meta name="color:Badge BG" content="#ffa802"/>
  90. <meta name="color:Badge Highlights" content="#ffe507"/>
  91. <meta name="color:Minor Links Hover" content="#e7c38c"/>
  92. <!-- Posts -->
  93. <meta name="color:Posts BG" content="#feffdd"/>
  94. <meta name="color:Posts 2nd BG" content="#faf7d5"/>
  95. <meta name="color:Posts Shadows" content="#78c6b1"/>
  96. <meta name="color:Posts Title" content="#d1ae71"/>
  97. <meta name="color:Posts Text" content="#f0c270"/>
  98. <meta name="color:Posts Bold" content="#d1ae71"/>
  99. <meta name="color:Posts Italic" content="#f0c270"/>
  100. <meta name="color:Posts Code" content="#aaaaaa"/>
  101. <meta name="color:Posts Code BG" content="#f7f7f9"/>
  102. <meta name="color:Posts Links" content="#42bee4"/>
  103. <meta name="color:Posts Links Hover" content="#2784b8"/>
  104. <meta name="color:Posts Blockquote" content="#99e5dc"/>
  105. <meta name="color:Audio Player" content="#42bee4"/>
  106. <!-- Post Endings -->
  107. <meta name="color:Postending Circles" content="#ffffff"/>
  108. <meta name="color:Postending Circles Hover" content="#7a9fc4"/>
  109. <meta name="color:Postending Text" content="#b4bac3"/>
  110. <meta name="color:Postending BG" content="#eaf8c6"/>
  111. <meta name="color:Postending Links" content="#7a9fc4"/>
  112. <meta name="color:Postending Links Hover" content="#597dae"/>
  113. <!-- Permalink -->
  114. <meta name="color:Permalink Text" content="#78c6b1"/>
  115. <meta name="color:Permalink Links" content="#7a9fc4"/>
  116. <meta name="color:Permalink Links Hover" content="#9bc2da"/>
  117. <meta name="color:Permalink Blockquote" content="#78c6b1"/>
  118. <meta name="color:Permalink Scroll Thumb" content="#78c6b1"/>
  119. <!-- Misc. -->
  120. <meta name="color:Selection BG" content="#96d18a"/>
  121. <meta name="color:Selection Text" content="#ffffff"/>
  122. <meta name="color:Selection Links" content="#fff1ae"/>
  123.  
  124. <!------------------------------- OPTIONS ---------------------------------->
  125. <meta name="if:Monochrome Photos" content="0"/>
  126. <meta name="if:Fade Photos" content="1"/>
  127. <meta name="if:2nd Chat Post Format" content="1"/>
  128. <meta name="if:Postending Circles for Indexpage" content="1"/>
  129. <meta name="if:Custom Cursor" content="1"/>
  130. <meta name="if:Custom Favicon" content="1"/>
  131. <meta name="if:Dark Audio Player" content="0"/>
  132.  
  133. <!-------------------------------- TEXTS ----------------------------------->
  134. <meta name="text:Catchphrase" content="Your Catchphrase"/>
  135. <meta name="text:Region" content="Region"/>
  136. <meta name="text:Town" content="Town's name"/>
  137. <meta name="text:Name" content="Mayor/villager's name"/>
  138. <meta name="text:Dream Code" content="0000-0000-0000"/>
  139. <meta name="text:Birthday" content="January 1st"/>
  140. <meta name="text:Link 1 URL" content="/"/>
  141. <meta name="text:Link 1 Title" content="Link 1"/>
  142. <meta name="text:Link 2 URL" content="/"/>
  143. <meta name="text:Link 2 Title" content="Link 2"/>
  144. <meta name="text:Link 3 URL" content="/"/>
  145. <meta name="text:Link 3 Title" content="Link 3"/>
  146. <meta name="text:Link 4 URL" content="/"/>
  147. <meta name="text:Link 4 Title" content="Link 4"/>
  148. <meta name="text:Link 5 URL" content="/"/>
  149. <meta name="text:Link 5 Title" content="Link 5"/>
  150. <meta name="text:Link 6 URL" content="/"/>
  151. <meta name="text:Link 6 Title" content="Link 6"/>
  152. <meta name="text:Native Fruit" content="https://68.media.tumblr.com/9a49c6e8d17db16f245f5e4530674b51/tumblr_inline_npr1greOwo1rg1lxe_540.png"/>
  153. <meta name="text:Villager 1 URL" content="http://i1168.photobucket.com/albums/r486/zeldalise/ACNL%20Villagers/bam_zpsfb186fd6.gif"/>
  154. <meta name="text:Villager 2 URL" content="http://i1168.photobucket.com/albums/r486/zeldalise/ACNL%20Villagers/bella_zpsf894abd7.gif"/>
  155. <meta name="text:Villager 3 URL" content="http://i1168.photobucket.com/albums/r486/zeldalise/ACNL%20Villagers/annalisa_zps97c6365e.gif"/>
  156. <meta name="text:Villager 4 URL" content="http://i1168.photobucket.com/albums/r486/zeldalise/ACNL%20Villagers/al_zps502924ca.gif"/>
  157. <meta name="text:Villager 5 URL" content="http://i1168.photobucket.com/albums/r486/zeldalise/ACNL%20Villagers/anicotti_zps8e318f0d.gif"/>
  158. <meta name="text:Villager 6 URL" content="http://i1168.photobucket.com/albums/r486/zeldalise/ACNL%20Villagers/apollo_zpse38a26d3.gif"/>
  159. <meta name="text:Villager 7 URL" content="http://i1168.photobucket.com/albums/r486/zeldalise/ACNL%20Villagers/chief_zps465a8e72.gif"/>
  160. <meta name="text:Villager 8 URL" content="http://i1168.photobucket.com/albums/r486/zeldalise/ACNL%20Villagers/clay_zps414cd5aa.gif"/>
  161. <meta name="text:Villager 9 URL" content="http://i1168.photobucket.com/albums/r486/zeldalise/ACNL%20Villagers/diva_zpsd31327a5.gif"/>
  162. <meta name="text:Villager 10 URL" content="http://i1168.photobucket.com/albums/r486/zeldalise/ACNL%20Villagers/baabara_zps3a6c3cae.gif"/>
  163. <meta name="text:Ask Verb" content="asked"/>
  164.  
  165. <!-- Custom Fonts 1/2 -->
  166. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  167. <link href="https://fonts.googleapis.com/css?family=Imprima|Montserrat:400,700" rel="stylesheet">
  168.  
  169. </head>
  170.  
  171. <!-- Decorated Hover Titles 2/2 -->
  172. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  173. <script type="text/javascript" src="http://static.tumblr.7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  174. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  175.  
  176. <!-- Fade in/out of the Card's second side 1/2 -->
  177. <script type="text/javascript">
  178. function unhide(divID) {
  179. var item = document.getElementById(divID);
  180. if (item) {
  181. item.className=(item.className=='hidden')?'unhidden':'hidden';
  182. }}</script>
  183.  
  184. <style type="text/css">
  185.  
  186. /* Custom Fonts 2/2 */
  187. @import url('https://fonts.googleapis.com/css?family=Imprima|Montserrat:400,700');
  188.  
  189. /* --------------------------- DECORATION ---------------------------- */
  190.  
  191. /* body */
  192. body {
  193. color:{color:Posts Text};
  194. background:{color:background} url('{image:background}') fixed;
  195. font: normal normal normal 11px/17px 'Montserrat', sans-serif;
  196. text-align:justify;}
  197.  
  198. /* --------------------------- MINOR STUFF ---------------------------- */
  199.  
  200. /* hover text */
  201. #s-m-t-tooltip {
  202. z-index: 99999;
  203. display: block;
  204. margin-left: 20px; margin-top: 5px;
  205. max-width:150px;
  206. padding: 2px 5px 2px 5px;
  207. color: {color:Catchphrase Text};
  208. font-family:Calibri;
  209. font-size:8px;
  210. font-weight:bold;
  211. line-height:10px;
  212. text-transform:uppercase;
  213. letter-spacing:1px;
  214. text-align:center;
  215. border:solid {color:Catchphrase Border};
  216. border-width: 2px 5px;
  217. border-radius: 20px;
  218. background: {color:Catchphrase BG 1};
  219. box-shadow:0px -10px 10px 0px {color:Catchphrase BG 2} inset, 1px 1px 1px {color:Card Shadows};}
  220.  
  221. /* scrollbar */
  222. ::-webkit-scrollbar {
  223. height: 14px; width: 14px;
  224. background: {color:Scroll BG};}
  225. ::-webkit-scrollbar-thumb {
  226. background: {color:Scroll Thumb};
  227. border:4px solid {color:Scroll BG};
  228. border-radius:5px;}
  229.  
  230. /* drag n' click selection */
  231. ::selection {
  232. background: {color:Selection BG};
  233. color: {color:Selection Text};}
  234. ::-moz-selection {
  235. background: {color:Selection BG};
  236. color: {color:Selection Text};}
  237. a::selection {
  238. background: {color:Selection BG};
  239. color: {color:Selection Links};}
  240. a::-moz-selection {
  241. background: {color:Selection BG};
  242. color: {color:Selection Links};}
  243.  
  244. /* ------------------------- FONT STUFF --------------------------- */
  245.  
  246. /* links */
  247. a:link, a:active, a:visited{
  248. text-decoration:none;
  249. color:{color:Posts Links};
  250. -webkit-transition: all 0.5s linear;
  251. -moz-transition: all 0.5s linear;
  252. transition: all 0.5s linear;}
  253. a:hover {
  254. color:{color:Posts Links Hover};
  255. -webkit-transition: all 0.2s linear;
  256. -moz-transition: all 0.2s linear;
  257. transition: all 0.2s linear;}
  258.  
  259. /* main font decorations */
  260. b, strong{color:{color:Posts Bold};}
  261. i, em {color:{color:Posts Italic};}
  262. pre {color:{color:Posts Code};
  263. font-size:10px;
  264. max-width:100%;
  265. font-family:consolas;
  266. background:{color:Posts Code BG};
  267. padding:1px 6px 2px 6px;
  268. white-space: pre-wrap;
  269. white-space: -moz-pre-wrap;
  270. white-space: -pre-wrap;
  271. white-space: -o-pre-wrap;
  272. word-wrap: break-word;}
  273. code {
  274. color:{color:Posts Code};
  275. font-size:10px;
  276. font-family:consolas;
  277. background:{color:Posts Code BG};
  278. padding:0px 1px 0px 1px;}
  279. .posts p:last-child {
  280. margin-bottom:0px;}
  281. .posts p:first-child {
  282. margin-top:0px;}
  283.  
  284. /* text and link post titles */
  285. h1 {font: normal normal bold 18px/18px Imprima;
  286. color:{color:Posts Title};
  287. text-align:center;
  288. letter-spacing:1px;}
  289. /* quote and ask post titles */
  290. h2 {font: normal normal normal 16px/16px Imprima;
  291. color:{color:Posts Bold};
  292. text-shadow:0 0 0.2px {color:Posts Bold}, 0 0 0px {color:Posts Bold};
  293. text-align:center;
  294. letter-spacing:0px;}
  295. .posts h1:first-child, .posts h2:first-child {margin-top:0px;}
  296.  
  297. /* -------------------------------- TOP BAR ------------------------------ */
  298.  
  299. /* top bar */
  300. #top-bar {
  301. position:fixed; z-index:5;
  302. top:0; left:0;
  303. width:100%; height:128px;
  304. background:{color:Top Bar BG} url({image:Top Bar BG});
  305. border-bottom:15px solid {color:Top Bar Trim};
  306. box-shadow: 0px 2px 1px {color:Top Bar Shadow};}
  307.  
  308. /* page navigation */
  309. #pagination {
  310. z-index:6; position:fixed;
  311. top:98px; left:50%;
  312. margin-left:-470px;
  313. width:300px; height:21px;
  314. overflow:hidden;
  315. color:{color:Pagination Current Page};
  316. font-family:Imprima;
  317. font-weight:normal;
  318. text-align:center;
  319. font-size:11px;}
  320. .active {
  321. display:inline-block;
  322. min-width:10px;
  323. padding:5px 4px 5px 4px;
  324. line-height:11px;
  325. margin:0px 3px;
  326. border-radius:3px;
  327. background:{color:Pagination BG};}
  328. #pagination a .active {
  329. color:{color:Pagination Text};
  330. margin:0px 3px;
  331. -webkit-transition: all 0.3s linear;
  332. -moz-transition: all 0.3s linear;
  333. transition: all 0.3s linear;}
  334. #pagination a .active:hover {
  335. color:{color:Pagination Hover Text};
  336. background:{color:Pagination Hover BG};
  337. margin:0px 6px;}
  338.  
  339. /* main links BEFORE hover */
  340. #mainlinks a {
  341. overflow:hidden;
  342. z-index:4; position:fixed;
  343. left:50%; top:144px;
  344. height:22px; width:48px;
  345. font-size:19px; text-align:center;
  346. background-image: url(https://68.media.tumblr.com/07d0c7a6aea18213ac1c3a885bbb27ae/tumblr_npettzPu4Q1s60yyoo5_r3_75sq.png);
  347. border-width:0px 2px 2px 2px;
  348. border-radius: 0px 0px 14px 14px;
  349. -webkit-transition: all 0.2s linear;
  350. -moz-transition: all 0.2s linear;
  351. transition: all 0.2s linear;}
  352. #mainlinks l {padding-top:2px;
  353. -webkit-transition: all 0.2s linear;
  354. -moz-transition: all 0.2s linear;
  355. transition: all 0.2s linear;}
  356.  
  357. #link1 {
  358. margin-left:-451px;
  359. color:{color:Main Links Symbols};
  360. background:{color:Main Link 1 BG};
  361. box-shadow:0px 0px 10px 0px {color:Main Link 1 BG} inset, -2px -2px 5px 0px {color:Main Link 1 Hover Symbol} inset;
  362. border:solid transparent;}
  363. #link2 {
  364. margin-left:-399px;
  365. color:{color:Main Links Symbols};
  366. background:{color:Main Link 2 BG};
  367. border:solid transparent;
  368. box-shadow:0px 0px 10px 0px {color:Main Link 2 BG} inset, -2px -2px 5px 0px {color:Main Link 2 Hover Symbol} inset;}
  369. #link3 {
  370. margin-left:-347px;
  371. color:{color:Main Links Symbols};
  372. background:{color:Main Link 3 BG};
  373. border:solid transparent;
  374. box-shadow:0px 0px 10px 0px {color:Main Link 3 BG} inset, -2px -2px 5px 0px {color:Main Link 3 Hover Symbol} inset;}
  375. #link4 {
  376. margin-left:-295px;
  377. color:{color:Main Links Symbols};
  378. background:{color:Main Link 4 BG};
  379. box-shadow:0px 0px 10px 0px {color:Main Link 4 BG} inset, -2px -2px 5px 0px {color:Main Link 4 Hover Symbol} inset;
  380. border:solid transparent;}
  381. #link5 {
  382. margin-left:-243px;
  383. color:{color:Main Links Symbols};
  384. background:{color:Main Link 5 BG};
  385. box-shadow:0px 0px 10px 0px {color:Main Link 5 BG} inset, -2px -2px 5px 0px {color:Main Link 5 Hover Symbol} inset;
  386. border:solid transparent;}
  387.  
  388. /* main links AFTER hover */
  389. #mainlinks a:hover {height:26px;}
  390. #mainlinks a:hover l {padding-top:4px;}
  391.  
  392. #link1:hover {
  393. color:{color:Main Link 1 Hover Symbol};
  394. background:{color:Main Link 1 BG} url(https://68.media.tumblr.com/07d0c7a6aea18213ac1c3a885bbb27ae/tumblr_npettzPu4Q1s60yyoo5_r3_75sq.png);
  395. border:solid {color:Main Link 1 Hover Symbol};
  396. border-width:0px 2px 2px 2px;}
  397. #link2:hover {
  398. color:{color:Main Link 2 Hover Symbol};
  399. background:{color:Main Link 2 BG} url(https://68.media.tumblr.com/07d0c7a6aea18213ac1c3a885bbb27ae/tumblr_npettzPu4Q1s60yyoo5_r3_75sq.png);
  400. border:solid {color:Main Link 2 Hover Symbol};
  401. border-width:0px 2px 2px 2px;}
  402. #link3:hover {
  403. color:{color:Main Link 3 Hover Symbol};
  404. background:{color:Main Link 3 BG} url(https://68.media.tumblr.com/07d0c7a6aea18213ac1c3a885bbb27ae/tumblr_npettzPu4Q1s60yyoo5_r3_75sq.png);
  405. border:solid {color:Main Link 3 Hover Symbol};
  406. border-width:0px 2px 2px 2px;}
  407. #link4:hover {
  408. color:{color:Main Link 4 Hover Symbol};
  409. background:{color:Main Link 4 BG} url(https://68.media.tumblr.com/07d0c7a6aea18213ac1c3a885bbb27ae/tumblr_npettzPu4Q1s60yyoo5_r3_75sq.png);
  410. border:solid {color:Main Link 4 Hover Symbol};
  411. border-width:0px 2px 2px 2px;}
  412. #link5:hover {
  413. color:{color:Main Link 5 Hover Symbol};
  414. background:{color:Main Link 5 BG} url(https://68.media.tumblr.com/07d0c7a6aea18213ac1c3a885bbb27ae/tumblr_npettzPu4Q1s60yyoo5_r3_75sq.png);
  415. border:solid {color:Main Link 5 Hover Symbol};
  416. border-width:0px 2px 2px 2px;}
  417.  
  418. /* --------------------------- ID CARD: SIDE 1 --------------------------- */
  419.  
  420. /* bubble title (catchphrase) */
  421. #card-title {
  422. position:fixed; z-index:2;
  423. left:50%; margin-left:-462px;
  424. top:50%; margin-top:-115px;
  425. width:250px; height:17px;
  426. color:{color:Catchphrase Text};
  427. font-family:Imprima;
  428. font-weight:bold;
  429. font-size:18px;
  430. line-height:18px;
  431. text-align:center;
  432. letter-spacing:1px;
  433. padding:3px 10px;
  434. background: {color:Catchphrase BG 1};
  435. box-shadow:0px -10px 10px 0px {color:Catchphrase BG 2} inset, 2px 2px 1px {color:Card Shadows};
  436. border:solid {color:Catchphrase Border};
  437. border-width: 2px 5px;
  438. border-radius: 20px;}
  439. /* bubble title's tail */
  440. .tail {
  441. position:fixed; z-index:3;
  442. left:50%; margin-left:-425px;
  443. top:50%; margin-top:-90px;
  444. width:0px; height:0px;
  445. border-top: 10px solid {color:Catchphrase Border};
  446. border-left: 2px solid transparent;
  447. border-right: 10px solid transparent;}
  448. #tail-shadow {
  449. margin-left:-423px; margin-top:-88px;
  450. z-index:2;
  451. border-top: 9px solid {color:Card Shadows};}
  452.  
  453. /* actual ID Card */
  454. #card {
  455. overflow: hidden; z-index:1;
  456. position: fixed;
  457. left:50%; margin-left:-475px;
  458. top:50%; margin-top:-100px;
  459. width:306px; height:186px;
  460. color:{color:Card Info Text};
  461. font-family:Imprima;
  462. font-weight:normal;
  463. font-size:15px;
  464. line-height:18px;
  465. text-align:left;
  466. box-shadow: 1px 1px 1px {color:Card Shadows};
  467. background: {color:Card BG};
  468. border-radius:14px;
  469. border: 1px solid {color:Card Shadows};}
  470.  
  471. /* card's top & bottom strips */
  472. .card-trim {
  473. width:100%; height:15px;
  474. box-shadow:0px 0px 0px 2px {color:Card Indents};
  475. background:{color:Card Trims};
  476. background-image: url(https://68.media.tumblr.com/07d0c7a6aea18213ac1c3a885bbb27ae/tumblr_npettzPu4Q1s60yyoo5_r3_75sq.png);}
  477.  
  478. /* container between the two strips */
  479. #card-content {
  480. padding:5px 10px;
  481. height:142px;
  482. background-image:url('https://68.media.tumblr.com/5156b183e057ccf556b07a2ad0a66fa6/tumblr_npettzPu4Q1s60yyoo1_r3_400.png'), url({image:Card BG});
  483. background-position:center;}
  484.  
  485. /* ID Photo */
  486. #card-photo {
  487. width:62px; height:100px;
  488. border-radius:7px;
  489. float:left; margin-right:7px;
  490. background: url(https://68.media.tumblr.com/539e50c09d383e1eb4491b5a4fb8edb9/tumblr_npettzPu4Q1s60yyoo7_r1_100.png) center;
  491. background-repeat:no-repeat;
  492. border:6px solid transparent;
  493. border-image-source:url(https://68.media.tumblr.com/2b5e683a7724e4f9b696cd2e2f4a9d17/tumblr_npettzPu4Q1s60yyoo7_r2_250.png);
  494. border-image-slice: 33%;
  495. border-image-width: 18px;
  496. border-image-outset: 0px;
  497. border-image-repeat: round;}
  498.  
  499. /* information */
  500. #card-info {
  501. height:80px; padding:2px 5px 8px 7px; overflow:hidden;}
  502. #card b {
  503. color:{color:Card Info Text};
  504. text-shadow:0 0 0.2px {color:Card Info Text}, 0 0 0px {color:Card Info Text};
  505. font-weight:normal;}
  506. #card small {
  507. vertical-align:middle;
  508. font-size:11px;}
  509. #card hr {
  510. display: block;
  511. margin-top: -5px;
  512. margin-bottom: 4px;
  513. margin-left: -2px;
  514. margin-right: 0px;
  515. border-style: solid;
  516. border-width: 2px;
  517. border-color: {color:Card Indents};}
  518.  
  519. /* description */
  520. #description {
  521. float:right; margin-top:4px;
  522. width:191px; height:40px;
  523. text-align:center;
  524. padding:3px 5px;
  525. background:{color:Card Indents};
  526. box-shadow:0px 0px 0px 2px {color:Card Highlights};
  527. border-radius:5px;
  528. color:{color:Description Text};
  529. font-family:Calibri;
  530. font-size:10px;
  531. line-height:12px;
  532. overflow:auto;}
  533. #description b, #description strong {
  534. color:{color:Description Text};
  535. font-weight:bold;
  536. text-shadow:0 0 0px {color:Description Text};}
  537. #description i, #description em {color:{color:Description Text};}
  538. #description a {color:{color:Description Links};}
  539. #description a:hover {color:{color:Description Links Hover};}
  540. #description::-webkit-scrollbar {
  541. height:4px; width:4px;
  542. background: transparent;}
  543. #description::-webkit-scrollbar-thumb {
  544. background: transparent;
  545. border:none;
  546. border-left:2px solid {color:Card Highlights};
  547. border-radius:0px;}
  548.  
  549. /* badge button */
  550. #badgebutton {
  551. z-index:2; position: fixed;
  552. left:50%; margin-left:-447px;
  553. top:50%; margin-top:39px;
  554. height:33px; width:33px;
  555. background:{color:Badge Highlights};
  556. border:2px solid {color:Badge BG};
  557. border-radius:50%;
  558. box-shadow:-10px -10px 20px -5px {color:Badge BG} inset, 1px 3px 1px {color:Card Shadows};
  559. -webkit-transition: all 0.2s linear;
  560. -moz-transition: all 0.2s linear;
  561. transition: all 0.2s linear;}
  562. #badgebutton:hover {
  563. background:{color:Badge BG}; margin-top:41px;
  564. box-shadow:-10px -10px 20px -5px {color:Badge BG} inset, 0px 0px 0px {color:Card Shadows};}
  565.  
  566. /* --------------------------- ID CARD: SIDE 2 --------------------------- */
  567.  
  568. /* Fade in/out of the Card's second side 2/2 */
  569. .hidden {display: none;}
  570. .unhidden {display: block;}
  571. #second-side {display:;}
  572.  
  573. /* sidebar links */
  574. #sidelinks {
  575. margin-top:3px; margin-left:-10px;
  576. letter-spacing:10px;
  577. width:308px;
  578. text-align:center;}
  579. #sidelinks a {
  580. text-decoration:none;
  581. display:inline-block;
  582. width:32px; height:32px;
  583. padding:2px;
  584. box-shadow:2px 2px 1px {color:Card Highlights}, 1px 1px 10px 0px {color:Card Indents} inset, 1px 1px 2px {color:Card Shadows} inset;
  585. border-radius:50%;
  586. background:{color:Card Indents};
  587. -webkit-transition: all 0.2s linear;
  588. -moz-transition: all 0.2s linear;
  589. transition: all 0.2s linear;}
  590. #sidelinks a:hover {
  591. box-shadow:2px 2px 1px {color:Card Highlights};
  592. background:{color:Minor Links Hover};}
  593.  
  594. /* villagers */
  595. #villagers {
  596. float:right;
  597. margin:0px 0px 3px 0px;
  598. width:150px;
  599. text-align:center;}
  600. #villagers img {display:inline-block; margin:2px -1px; max-width:32px;}
  601.  
  602. /* flag + native fruit */
  603. #flag-fruit {
  604. float:left;
  605. margin-top:8px;
  606. width:130px;
  607. text-align:center;}
  608. .flag {
  609. float:left; margin-left:5px;}
  610. .flag img {
  611. width:32px; height:32px;
  612. border-radius:3px;
  613. margin-top:5px;
  614. padding:2px;
  615. background:{color:Card Indents};
  616. box-shadow:2px 2px 1px {color:Card Highlights}, 1px 1px 10px 0px {color:Card Indents} inset, 1px 1px 2px {color:Card Shadows} inset;}
  617. .fruit {
  618. float:right; margin-right:5px;}
  619. .fruit img {
  620. width:32px; height:32px;
  621. border-radius:50%;
  622. margin-top:5px;
  623. padding:2px;
  624. background:{color:Card Indents};
  625. box-shadow:2px 2px 1px {color:Card Highlights}, 1px 1px 10px 0px {color:Card Indents} inset, 1px 1px 2px {color:Card Shadows} inset;}
  626.  
  627. /* -------------------------------- POSTS -------------------------------- */
  628.  
  629. /* posts position */
  630. #entries {
  631. z-index:6;
  632. position:relative;
  633. margin-top:70px;
  634. margin-left:50%;
  635. text-align:justify;}
  636. /* posts themselves */
  637. .posts {
  638. {block:IndexPage}{block:IfPostendingCirclesForIndexpage}
  639. margin:0 0 90px -56px;
  640. {/block:IfPostendingCirclesForIndexpage}
  641. {block:IfNotPostendingCirclesForIndexpage}
  642. margin:0 0 70px -56px;
  643. {/block:IfNotPostendingCirclesForIndexpage}{/block:IndexPage}
  644. {block:PermalinkPage}margin:0 0 70px -56px;{/block:PermalinkPage}
  645. overflow:hidden;
  646. width: 500px;
  647. text-align:justify;
  648. padding:20px;
  649. background: {color:Posts BG} url('');
  650. border:1px solid {color:Posts Shadows};
  651. box-shadow:1px 1px 1px {color:Posts Shadows};
  652. border-radius:8px;}
  653.  
  654. /* ----------------------------- POST TYPES ------------------------------ */
  655.  
  656. /* text post */
  657. blockquote {
  658. padding:0px;
  659. padding-left:6px;
  660. margin:-3px 0 -1px 6px;
  661. border-left:3px solid {color:posts blockquote};}
  662. hr {display: block;
  663. margin: 30px 80px;
  664. border:1px solid {color:posts blockquote};}
  665.  
  666. /* bullet lists */
  667. ol {margin-left:-8px;
  668. list-style-type:decimal;}
  669. ul {margin-left:-20px;
  670. list-style-type:none;}
  671. ul li::before {
  672. content:"";
  673. margin:0px 10px 2px 0px;
  674. display:inline-block;
  675. height:4px; width:4px;
  676. border-radius:50%;
  677. background:{color:posts blockquote};}
  678. li {margin-bottom:3px;}
  679.  
  680. /* text-images */
  681. .posts img {
  682. vertical-align:middle;
  683. max-width:100%;}
  684. /* the credit below images that are from other people */
  685. .tmblr-full {margin:0;}
  686. .tmblr-attribution {
  687. opacity:.8;
  688. margin-top:0px;
  689. font-family:Calibri;
  690. font-size:8px; line-height:8px;
  691. text-transform:uppercase;
  692. letter-spacing:1px;}
  693. .tmblr-attribution::after {content: " >";}
  694.  
  695. /* link posts */
  696. .link-posts a {
  697. background: {color:Posts Links};
  698. display:inline-block;
  699. width: 480px;
  700. padding:10px;
  701. color:{color:Posts BG};}
  702. .link-posts a:hover {
  703. background: {color:Posts Links Hover}}
  704.  
  705. /* ask posts */
  706. .ask-posts img {
  707. vertical-align:middle;
  708. display:inline-block;
  709. margin-right:7px;
  710. max-width:64px;}
  711. .ask-posts .question {
  712. vertical-align:middle;
  713. display:inline-block;
  714. min-height:44px; width:406px;
  715. padding: 10px;
  716. background: {color:Posts 2nd BG};}
  717. .ask-posts h2 {text-align:left; margin:0px 0px 5px 5px;}
  718.  
  719. /* quote posts */
  720. .quote-posts {
  721. padding:10px 0px;
  722. text-align:center}
  723. .quote {
  724. vertical-align:middle;
  725. width:430px;
  726. display:inline-block;}
  727. .quote-posts .fa {
  728. text-shadow:none;
  729. font-size:20px;
  730. vertical-align:middle;
  731. display:inline-block;
  732. color:{color:Posts Blockquote}}
  733.  
  734. /* chat posts */
  735. .chat {margin:0px; padding:0px; line-height:14px;}
  736. .chat li {text-align:left;}
  737. .chat li::before {display:none;}
  738.  
  739. {block:IfNot2ndChatPostFormat}
  740. .chat li {
  741. padding:0px 0px 4px 4px;
  742. border-bottom:2px solid {color:Posts Blockquote};}
  743. .chat li:first-of-type {
  744. padding-top:4px;
  745. border-top:2px solid {color:Posts Blockquote};}
  746. {/block:IfNot2ndChatPostFormat}
  747. {block:If2ndChatPostFormat}
  748. .chat li {
  749. padding:5px 8px;
  750. margin-bottom:4px;
  751. background: {color:Posts 2nd BG};}
  752. {/block:If2ndChatPostFormat}
  753.  
  754. /* photo posts */
  755. .posts img, .posts .html_photoset, .posts #audio-pic {
  756. {block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
  757. {block:IfMonochromePhotos}
  758. -webkit-filter: grayscale(100%);
  759. -moz-filter: grayscale(100%);
  760. -ms-filter: grayscale(100%);
  761. -o-filter: grayscale(100%);
  762. filter: grayscale(100%);{/block:IfMonochromePhotos}
  763. -webkit-transition-duration: 0.5s;
  764. -moz-transition-duration:0.5s;
  765. -o-transition-duration:0.5s;
  766. transition-duration:0.5s;}
  767. .posts:hover img, .posts:hover .html_photoset, .posts:hover #audio-pic {
  768. opacity:1;
  769. -webkit-filter: grayscale(0%);
  770. -moz-filter: grayscale(0%);
  771. -ms-filter: grayscale(0%);
  772. -o-filter: grayscale(0%);
  773. filter: grayscale(0%);
  774. -webkit-transition-duration: 0.5s;
  775. -moz-transition-duration:0.5s;
  776. -o-transition-duration:0.5s;
  777. transition-duration:0.5s;}
  778.  
  779. /* photoset focused image background */
  780. .tmblr-lightbox {
  781. background-color:transparent !important;}
  782. .vignette {
  783. z-index:99998! important;
  784. opacity:.75 !important;
  785. background-color:{color:background} !important;
  786. background-image:none !important;}
  787. .tmblr-lightbox .lightbox-image {
  788. z-index:99999! important;
  789. border-radius:0px !important;
  790. background:{color:background} !important;
  791. box-shadow:0px 0px 0px 30px {color:background} !important;}
  792. .tmblr-lightbox .lightbox-caption {
  793. z-index:99999! important;
  794. font-family:consolas !important;
  795. font-size:10px !important;
  796. font-size: 15px !important;
  797. font-weight: bold !important;
  798. color: {color:posts title} !important;
  799. text-shadow: 0 4px 30px {color:background} !important;}
  800.  
  801. /* video posts */
  802. #youtube_iframe, .tumblr_video_container {
  803. margin-bottom:5px; max-width:100%;}
  804. .caption iframe, .caption #youtube_iframe, .caption .tumblr_video_container {
  805. margin:5px 0px; max-width:100%;}
  806.  
  807. /* audio posts */
  808. #audio-pic {
  809. display:inline-block;
  810. vertical-align:middle;
  811. margin-right:2px;
  812. width:135px; height:135px;
  813. background: url('{image:Default Audio Pic}');
  814. background-size:cover;}
  815. #info-container {
  816. display:inline-block;
  817. vertical-align:middle;
  818. text-align:left;
  819. font-size:8px; line-height:15px;
  820. width:355px;
  821. text-transform:uppercase;
  822. letter-spacing:1px;}
  823. #info-container li {
  824. display:block;
  825. padding:4px 7px;
  826. margin:0px; margin-top:4px;
  827. background:{color:Posts 2nd BG};}
  828. .posts .audio_player {
  829. max-width:355px; max-height:27px;
  830. margin:0px;
  831. background:{color:Audio Player};
  832. {block:IfMonochromePhotos}
  833. -webkit-filter: grayscale(100%);
  834. -moz-filter: grayscale(100%);
  835. -ms-filter: grayscale(100%);
  836. -o-filter: grayscale(100%);
  837. filter: grayscale(100%);{/block:IfMonochromePhotos}
  838. -webkit-transition: all 0.2s linear;
  839. -moz-transition: all 0.2s linear;
  840. transition: all 0.2s linear;}
  841. .posts:hover .audio_player {
  842. {block:IfMonochromePhotos}
  843. -webkit-filter: grayscale(0%);
  844. -moz-filter: grayscale(0%);
  845. -ms-filter: grayscale(0%);
  846. -o-filter: grayscale(0%);
  847. filter: grayscale(0%);{/block:IfMonochromePhotos}}
  848. .tumblr_audio_player {
  849. width:355px; opacity:.66;}
  850.  
  851. /* ---------------------------- POSTS INFO ------------------------------ */
  852.  
  853. /* if circles */
  854. #postinfo {
  855. margin-top:30px;
  856. position:absolute;
  857. text-align:center;
  858. margin-left:-20px;
  859. width:540px;}
  860. /* individual circles */
  861. #postinfo a {
  862. text-decoration:none;
  863. display:inline-block;
  864. margin:0px 15px;
  865. width:32px; height:32px;
  866. border-radius:50%;
  867. border:1px solid {color:Card Shadows};
  868. box-shadow:1px 2px 1px {color:Card Shadows}, 1px 1px 10px 0px {color:Card Indents} inset, 1px 1px 2px {color:Card Shadows} inset;
  869. background:{color:Card Indents};
  870. -webkit-transition: all 0.2s linear;
  871. -moz-transition: all 0.2s linear;
  872. transition: all 0.2s linear;}
  873. #postinfo a:hover {
  874. margin:0px 20px;
  875. box-shadow:0px 0px 0px {color:Card Shadows};
  876. background:{color:Minor Links Hover};}
  877.  
  878. /* if no circles */
  879. #postending {
  880. border-radius:3px;
  881. padding:10px;
  882. width:500px;
  883. padding:10px;
  884. margin:15px 0px -10px -10px;
  885. background: {color:Postending BG};
  886. text-align:center;
  887. border-radius:1px;
  888. margin-top:15px;
  889. text-transform:uppercase;
  890. font-family:Calibri;
  891. font-size:8px;
  892. letter-spacing:1px;
  893. color: {color:Postending Text};}
  894. #postending a {
  895. color:{color:Postending Links};}
  896. #postending a:hover {
  897. color:{color:Postending Links Hover};}
  898.  
  899. /* ---------------------------- PERMALINK -------------------------------- */
  900.  
  901. /* permalink position */
  902. #permalink {
  903. background:; /* if you want the post-notes to have a non-transparent bg */
  904. margin-top: -70px;
  905. margin-left:-56px;
  906. width: 500px;
  907. padding: 20px;}
  908.  
  909. /* post notes container */
  910. .notes {
  911. max-height:600px;
  912. overflow: auto;
  913. text-align:center;
  914. line-height:0px; font-size:0px;
  915. color:transparent;
  916. letter-spacing:0px;}
  917. .notes li::before {display:none;}
  918. .notes a {
  919. box-shadow:none;
  920. font: normal normal normal 9px/17px 'Montserrat', san-serif;
  921. text-transform:uppercase;
  922. letter-spacing:1px;
  923. color:{color:Permalink Links};}
  924. .notes a:hover {
  925. color:{color:Permalink Links Hover};}
  926. .notes blockquote, .notes .answer_content {
  927. font: normal normal normal 9px/17px 'Montserrat', san-serif;
  928. letter-spacing:1px;
  929. max-width:350px;
  930. margin:3px auto; border:none;
  931. color:{color:Permalink Links};
  932. background:{color:Permalink Blockquote};}
  933. .notes blockquote {
  934. display:inline-block;
  935. padding:1px 10px 0px 10px;}
  936. .notes .answer_content {
  937. display:block;
  938. padding:2px 10px 1px 10px;}
  939. .notes img {display:none;}
  940. .notes li {margin-left:-10px;}
  941.  
  942. /* replaced regular sentences with fa symbols */
  943. .notes .like span a::after, .notes .reblog .tumblelog::after, .notes .reblog blockquote::before, .notes .reblog blockquote::after, .notes .answer_content::before, .notes .answer_content::after, .notes .reply .action a::after {
  944. font-weight:normal;
  945. vertical-align:middle;
  946. content:"";
  947. font-family:'FontAwesome';
  948. display:inline-block; margin:0px 5px;
  949. font-size:10px;
  950. color:{color:Permalink Text};}
  951. .notes .like span a::after {content:"\f004";}
  952. .notes .reblog .tumblelog::after {content: "\f079";}
  953. .notes .reblog blockquote::before, .notes .answer_content::before {content: "\f10d"; margin-top:-1px;}
  954. .notes .reblog blockquote::after, .notes .answer_content::after {content: "\f10e"; margin-top:-1px;}
  955. .notes .reply .action a::after {content: "\f063";}
  956.  
  957. </style>
  958. <body>
  959.  
  960. <!--------------------------------- CURSOR --------------------------------->
  961.  
  962. {block:IfCustomCursor}
  963. <style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a, a:hover{cursor:url({image:Custom Cursor Links}), auto;}
  964. </style>
  965. <!-- Custom cursors don't show up on empty spaces, but this fixes that -->
  966. <div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}
  967.  
  968. <!-------------------------------- TOP BAR --------------------------------->
  969. <div id="top-bar"></div>
  970.  
  971. <!-- Page navigation -->
  972. <div id="pagination">{block:Pagination}
  973. {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}<div class="active">◀</div>{block:PreviousPage}</a>{/block:PreviousPage}
  974. {block:JumpPagination length="5"}
  975. {block:CurrentPage}
  976. <div class="active">{PageNumber}</div>
  977. {/block:CurrentPage}
  978. {block:JumpPage}
  979. <a href="{URL}"><div class="active">{PageNumber}</div></a>
  980. {/block:JumpPage}
  981. {/block:JumpPagination}
  982. {block:NextPage}<a href="{NextPage}">{/block:NextPage}<div class="active">▶</div>{block:NextPage}</a>{/block:NextPage}
  983. {/block:Pagination}</div>
  984.  
  985. <!-- Main links -->
  986. <div id="mainlinks">
  987. <a href="/" id="link1" title="Home"><l class="fa fa-suitcase"></l></a>
  988. <a href="/ask" id="link2" title="Post Office"><l class="fa fa-pencil"></l></a>
  989. <a href="/archive" id="link3" title="Town Records"><l class="fa fa-book"></l></a>
  990. <a href="/submit" id="link4" title="Bulletin Board"><l class="fa fa-user"></l></a>
  991. <!-------------------------- CREDIT; DON'T REMOVE -------------------------->
  992. <a href="http://nyctothemes.tumblr.com/" id="link5" title="© nyctothemes"><l class="fa fa-heart"></l></a>
  993. </div>
  994.  
  995. <!--------------------------- ID CARD: SIDE 1 ------------------------------>
  996.  
  997. <!-- catch bubble -->
  998. <div id="card-title">{text:Catchphrase}</div>
  999. <div class="tail"></div><div class="tail" id="tail-shadow"></div>
  1000.  
  1001. <!-- actual card -->
  1002. <div id="card">
  1003. <div class="card-trim"></div>
  1004. <div id="card-content">
  1005. <img src="{image:ID Photo}" id="card-photo">
  1006. <div id="card-info">
  1007. <small>({text:Region})</small> <b>{text:Town}</b><hr>
  1008. <b>{text:Name}</b><hr>
  1009. <small>DA:</small> {text:Dream Code}<hr>
  1010. <small>Born:</small> {text:Birthday}<hr>
  1011. </div>
  1012. <div id="description">{description}</div>
  1013.  
  1014. <!-- button -->
  1015. <a href="javascript:unhide('second-side');" title="More Info!"><img src="https://68.media.tumblr.com/4693bd964ab91db97dc996e9d66d69ac/tumblr_npettzPu4Q1s60yyoo3_r1_250.png" id="badgebutton"></a>
  1016. </div>
  1017. <div class="card-trim" style="height:19px;"></div>
  1018. </div>
  1019.  
  1020. <!--------------------------- ID CARD: SIDE 2 ------------------------------>
  1021.  
  1022. <div id="second-side" class="hidden"><div id="card">
  1023. <div class="card-trim"></div>
  1024. <div id="card-content">
  1025.  
  1026. <!-- extra links -->
  1027. <div id="sidelinks">
  1028. <a href="{text:link 1 URL}" title="{text:link 1 title}"><img src="https://68.media.tumblr.com/e856f6b5b75b1b50a00c6001602e720e/tumblr_npettzPu4Q1s60yyoo2_r2_75sq.png"></a>
  1029. <a href="{text:link 2 URL}" title="{text:link 2 title}"><img src="https://68.media.tumblr.com/428cbd2e72cf9732dab39b4dcdc20866/tumblr_npettzPu4Q1s60yyoo3_r2_75sq.png"></a>
  1030. <a href="{text:link 3 URL}" title="{text:link 3 title}"><img src="https://68.media.tumblr.com/00606409c391dd5954efbca67664f6a4/tumblr_npettzPu4Q1s60yyoo4_r2_75sq.png"></a>
  1031. <a href="{text:link 4 URL}" title="{text:link 4 title}"><img src="https://68.media.tumblr.com/e8e10494b7d34cd2bf3fc35300b8b6dc/tumblr_npettzPu4Q1s60yyoo6_r2_75sq.png"></a>
  1032. <a href="{text:link 5 URL}" title="{text:link 5 title}"><img src="https://68.media.tumblr.com/db83d02da4c4889a96a1a67640854ba3/tumblr_npettzPu4Q1s60yyoo5_r4_75sq.png"></a>
  1033. <a href="{text:link 6 URL}" title="{text:link 6 title}"><img src="https://68.media.tumblr.com/c397a4b71fbbc67683121795b45acec2/tumblr_npettzPu4Q1s60yyoo1_r2_75sq.png"></a>
  1034. </div>
  1035.  
  1036. <!-- Flag + Fruit -->
  1037. <div id="flag-fruit">
  1038. <div class="flag"><small>Town Flag</small><br><img src="{image:Town Flag}"></div>
  1039. <div class="fruit"> <small>Native Fruit</small><br><img src="{text:Native fruit}"></div>
  1040. </div>
  1041.  
  1042. <!-- Current Villagers -->
  1043. <div id="villagers">
  1044. <small style="letter-spacing:1px">Current Villagers:</small><br>
  1045. <img src="{text:Villager 1 URL}"><img src="{text:Villager 2 URL}"><img src="{text:Villager 3 URL}"><img src="{text:Villager 4 URL}"><img src="{text:Villager 5 URL}"><br><img src="{text:Villager 6 URL}"><img src="{text:Villager 7 URL}"><img src="{text:Villager 8 URL}"><img src="{text:Villager 9 URL}"><img src="{text:Villager 10 URL}">
  1046. </div>
  1047.  
  1048. <!-- button -->
  1049. <a href="javascript:unhide('second-side');" title="More Info!"><img src="https://68.media.tumblr.com/4693bd964ab91db97dc996e9d66d69ac/tumblr_npettzPu4Q1s60yyoo3_r1_250.png" id="badgebutton"></a>
  1050. </div>
  1051. <div class="card-trim" style="height:19px;"></div>
  1052. </div></div>
  1053.  
  1054. <!--------------------------------- POSTS --------------------------------->
  1055. <div id="entries">
  1056. {block:posts}
  1057.  
  1058. <div class="posts">
  1059.  
  1060. <!-- text posts -->
  1061. {block:Text}
  1062. {block:Title}<h1>{Title}</h1>{/block:Title}
  1063. <div class="caption">{Body}</div>
  1064. {/block:Text}
  1065.  
  1066. <!-- link posts -->
  1067. {block:Link}
  1068. {block:Thumbnail}<center>
  1069. <a href="{Thumbnail-HighRes}">
  1070. <img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px;">
  1071. </a>
  1072. </center>{/block:Thumbnail}
  1073. <div class="link-posts"><h1><a href="{URL}">
  1074. {Name}&nbsp;<l class="fa fa-arrow-right" style="font-size:16px; position:relative; top:-2px;"></l>
  1075. </a></h1></div>
  1076. {block:Description}<div class="caption">
  1077. <p>{Description}</p>
  1078. </div>{/block:Description}
  1079. {/block:Link}
  1080.  
  1081. <!-- ask posts -->
  1082. {block:Answer}
  1083. <div class="ask-posts">
  1084. <img src="{AskerPortraitURL-64}">
  1085. <div class="question">
  1086. <h2>{Asker} {text:Ask Verb}:</h2> {Question}
  1087. </div></div><br>
  1088. <div id="caption">{Answer}</div>
  1089. {/block:Answer}
  1090.  
  1091. <!-- quote posts -->
  1092. {block:Quote}
  1093. <h2 class="quote-posts">
  1094. <l class="fa fa-quote-left"></l>
  1095. <div class="quote">{Quote}</div>
  1096. <l class="fa fa-quote-right"></l>
  1097. </h2>
  1098. <div style="text-align:right; margin-right:20px">
  1099. {block:Source}<b>- {Source}</b>{/block:Source}
  1100. </div>
  1101. {/block:Quote}
  1102.  
  1103. <!-- chat posts -->
  1104. {block:Chat}
  1105. {block:Title}<h1>{Title}</h1>{/block:Title}
  1106. <ul class="chat">{block:Lines}
  1107. <li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  1108. {/block:Lines}</ul>
  1109. {/block:Chat}
  1110.  
  1111. <!-- photo posts -->
  1112. {block:Photo}
  1113. <center>
  1114. {block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank">{/block:HighRes}<img src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
  1115. </center>
  1116. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1117.  
  1118. {block:Photoset}
  1119. <div style="width:540px; margin-left:-20px; text-align:middle">
  1120. {Photoset}
  1121. </div>
  1122. {block:Caption}<br><div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  1123.  
  1124. <!-- video post -->
  1125. {block:Video}
  1126. {Video-500}
  1127. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1128. {/block:Video}
  1129.  
  1130. <!-- audio posts -->
  1131. {block:Audio}
  1132. <!--image-->
  1133. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="audio-pic" {block:AlbumArt}style="background:none"{/block:AlbumArt}>
  1134. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1135. </div>{block:IndexPage}</a>{/block:IndexPage}
  1136. <div id="info-container">
  1137. <!--player-->
  1138. {block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
  1139. {block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer} <!--info-->
  1140. {block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
  1141. {block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
  1142. {block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
  1143. {block:PlayCount}<li><b>Plays:</b> {FormattedPlayCount}</li>{/block:PlayCount}
  1144. </div>
  1145. {block:Caption}<div class="caption" style="margin-top:5px;">{Caption}</div>{/block:Caption}{/block:Audio}
  1146.  
  1147. <!------------------------------ POST ENDING ------------------------------->
  1148.  
  1149. {block:PermalinkPage}{block:Date}<div id="postending">
  1150.  
  1151. <!-- date posted -->
  1152. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  1153. <!-- notes counter -->
  1154. {block:NoteCount}
  1155. || {NoteCountWithLabel}
  1156. {/block:NoteCount}
  1157. <!-- reblogged from -->
  1158. {block:RebloggedFrom}<br>
  1159. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1160. {/block:RebloggedFrom}
  1161. <!-- original poster -->
  1162. {block:ContentSource}
  1163. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1164. {/block:ContentSource}
  1165. <!-- tags -->
  1166. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1167. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1168. </div>{/block:HasTags}
  1169.  
  1170. </div>{/block:Date}{/block:PermalinkPage}
  1171.  
  1172. <!------------- If Circles for Index Page ------------->
  1173. {block:IfPostendingCirclesForIndexpage}
  1174. {block:IndexPage}
  1175. <div id="postinfo">
  1176.  
  1177. <!-- date posted -->
  1178. {block:Date}
  1179. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}"><img src="https://68.media.tumblr.com/2528146fe341ea963ae61b401c725495/tumblr_npettzPu4Q1s60yyoo6_r4_75sq.png"></a>
  1180. {/block:Date}
  1181. <!-- notes counter -->
  1182. {block:NoteCount}
  1183. <a href="{Permalink}" title="{NoteCountWithLabel}"><img src="https://68.media.tumblr.com/49bc4b2d8e2ed352f50bd6a40d75fd2f/tumblr_npettzPu4Q1s60yyoo5_r7_75sq.png"></a>
  1184. {/block:NoteCount}
  1185. <!-- original poster -->
  1186. {block:ContentSource}
  1187. <a href="{SourceURL}" title="Source: {SourceTitle}"><img src="https://68.media.tumblr.com/0899ff7c48881003d942bcc9b0b3387b/tumblr_npettzPu4Q1s60yyoo3_r4_75sq.png"></a>
  1188. {/block:ContentSource}
  1189. <!-- reblogged from -->
  1190. {block:RebloggedFrom}
  1191. <a href="{ReblogParentURL}" title="Via: {ReblogParentName}"><img src="https://68.media.tumblr.com/2aaa09a92863a5d3beb6accd3aa85828/tumblr_npettzPu4Q1s60yyoo4_r3_75sq.png"></a>
  1192. {/block:RebloggedFrom}
  1193. <!-- tags -->
  1194. {block:HasTags}
  1195. <a href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}"><img src="https://68.media.tumblr.com/0f1ec405192614e0ee8948b91c002958/tumblr_npettzPu4Q1s60yyoo2_r5_75sq.png"></a>
  1196. {/block:HasTags}
  1197. <!-- reblog -->
  1198. <a href="{ReblogURL}" title="Reblog"><img src="https://68.media.tumblr.com/7dff97e924cbc194df3c7c5e7da93391/tumblr_npettzPu4Q1s60yyoo1_r5_75sq.png"></a>
  1199.  
  1200. </div>
  1201. {/block:IndexPage}
  1202. {/block:IfPostendingCirclesForIndexpage}
  1203.  
  1204. <!------------- If NO Circles for Index Page ------------->
  1205. {block:IfNotPostendingCirclesForIndexpage}
  1206. {block:IndexPage}
  1207. {block:Date}<div id="postending">
  1208.  
  1209. <!-- date posted -->
  1210. <a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
  1211. <!-- notes counter -->
  1212. {block:NoteCount}
  1213. || {NoteCountWithLabel}
  1214. {/block:NoteCount}
  1215. <!-- reblogged from -->
  1216. {block:RebloggedFrom}<br>
  1217. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1218. {/block:RebloggedFrom}
  1219. <!-- original poster -->
  1220. {block:ContentSource}
  1221. || Source: <a href="{SourceURL}">{SourceTitle}</a>
  1222. {/block:ContentSource}
  1223. <!-- tags -->
  1224. {block:HasTags}<br><div style="padding:0px 20px 0px 20px">
  1225. Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
  1226. </div>{/block:HasTags}
  1227.  
  1228. </div>{/block:Date}
  1229. {/block:IndexPage}
  1230. {/block:IfNotPostendingCirclesForIndexpage}
  1231.  
  1232. </div> <!-- ending div tag for "posts" -->
  1233.  
  1234. {/block:Posts}
  1235.  
  1236. <!------------------------------ PERMALINK ------------------------------->
  1237.  
  1238. {block:PostNotes}
  1239. <div id="permalink">
  1240. <div id="notescontainer">{PostNotes}</div>
  1241. </div>
  1242. {/block:PostNotes}
  1243.  
  1244. </div> <!-- ending div tag for "entries" -->
  1245.  
  1246. <script>
  1247. /* questions? ask oddhour.tumblr.com */
  1248. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_1 { margin-top:5px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_2 { margin-top:5px; } .photoset .photoset_row.photoset_row_3 img { max-width: 177px; } .photoset .photoset_row.photoset_row_3 { margin-top:5px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset .photoset_row .photoset_photo {margin-left:4px;} .photoset { width: 540px; }</style>";
  1249. function updatePhotoset() {
  1250.  
  1251. $(".photoset").each( function (i, e) {
  1252. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  1253. $(this.contentDocument).find("head").append(updatePhotosetCss);
  1254. var photoset = $(this.contentDocument).find(".photoset");
  1255. var photosetRows = photoset.find(".photoset_row");
  1256. photoset.find(".photoset_photo")
  1257. .each(function () {
  1258. var hiResSrc = $(this).attr("href");
  1259. var img = $(this).find('img');
  1260. img.attr("src", hiResSrc );
  1261. img.attr("style", "");
  1262. });
  1263. photosetRows.attr("style", "").css("margin-bottom", "-5px");
  1264. photoset.attr("style","");
  1265.  
  1266. $(this).height($(this.contentDocument.body).height());
  1267. });
  1268. }
  1269.  
  1270. updatePhotoset();
  1271.  
  1272. var photosetTimer = setInterval(updatePhotoset, 1500);
  1273. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  1274. </script>
  1275.  
  1276. </body>
  1277. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!