Advertisement
sibunas

01: Beneath the Anubis House

Jan 15th, 2012
20,719
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.99 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!-----
  5.  
  6. "What lies beneath the House of Anubis?"
  7. © sibunas, 2012. Do not copy, redistribute or claim as your own.
  8. By using this code you are agreeing to leave ALL credits intact.
  9. For more themes by sibunas visit boavistas @ tumblr.
  10.  
  11. ----->
  12.  
  13.  
  14. <html>
  15. <head>
  16.  
  17.  
  18. <!------------------- DEFAULT VARIABLES ---------------------->
  19.  
  20. <meta name="color:background" content="#FDF8E1" />
  21. <meta name="color:sidebar" content="#FAF4D9" />
  22. <meta name="color:posts" content="#FAF4D9" />
  23. <meta name="color:text" content="#B3AE89" />
  24. <meta name="color:link" content="#E2AF4A" />
  25. <meta name="color:hover" content="#D8B05F" />
  26. <meta name="color:scrollbar" content="#D8B05F" />
  27. <meta name="color:circlebg" content="#FDF8E1" />
  28. <meta name="color:home" content="#E0D293" />
  29. <meta name="color:message" content="#E2D9A9" />
  30. <meta name="color:archive" content="#E6DEBE" />
  31. <meta name="color:theme" content="#F5EBC5" />
  32. <meta name="color:permalink" content="#E6DEBE" />
  33.  
  34. <meta name="if:Show captions" content="yes" />
  35. <meta name="if:Show tags" content="yes" />
  36. <meta name="if:Show rectangular img" content="no" />
  37.  
  38. <meta name="font:title" content="georgia" />
  39. <meta name="font:body" content="georgia" />
  40. <meta name="font:links" content="georgia" />
  41.  
  42. <meta name="image:sidebar" content=""/>
  43. <meta name="image:circle" content=""/>
  44. <meta name="image:circlebg" content=""/>
  45.  
  46. <meta name="text:Link1" content="/" />
  47. <meta name="text:Link1 Title" content="" />
  48. <meta name="text:Link2" content="/" />
  49. <meta name="text:Link2 Title" content="" />
  50. <meta name="text:Link3" content="/" />
  51. <meta name="text:Link3 Title" content="" />
  52. <meta name="text:Link4" content="/" />
  53. <meta name="text:Link4 Title" content="" />
  54.  
  55.  
  56. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  57. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59. <link rel="shortcut icon" href="{Favicon}" />
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  61.  
  62.  
  63.  
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68.  
  69.  
  70.  
  71.  
  72. body {color:{color:text}; background-color:{color:background}; background-attachment:fixed; font-family:{font:body}; font-size:9px; line-height:11px; text-align:justify}
  73.  
  74.  
  75. a:link, a:active, a:visited{color:{color:link};text-decoration:none; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  76.  
  77. a:hover{color:{color:hover}; opacity: 0.7; margin-bottom: 0px; background-color:transparent; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
  78.  
  79.  
  80.  
  81.  
  82. #content {
  83. float: left;
  84. position: absolute;
  85. width: 800px;
  86. margin: 0 10px 0 400px;
  87. }
  88.  
  89.  
  90. #entries {
  91. float: left;
  92. width: 500px;
  93. padding: 10px 10px 0 10px;
  94. background-color: {color:posts};
  95. border-top-left-radius: 5px;
  96. border-top-right-radius: 5px;
  97. margin-bottom: 50px;
  98. }
  99.  
  100.  
  101.  
  102. #sidebar {
  103. float: left;
  104. position: fixed;
  105. margin-left: 100px;
  106. text-align: justify;
  107. top: 70px;
  108. width: 245px;
  109. padding: 255px 10px 10px 10px;
  110. background-color: {color:sidebar};
  111. z-index: 50;
  112. -moz-border-radius: 5px;
  113. -webkit-border-radius: 5px;
  114. }
  115.  
  116. #sidebar img{
  117. top: 245px;
  118. max-width: 245px;
  119. max-height: 50px;
  120. z-index: 50;
  121. padding-bottom:0px;
  122. margin-bottom: -3px;
  123. }
  124.  
  125.  
  126.  
  127.  
  128. #sidepic {
  129. width: 245px;
  130. top: 80px;
  131. float: left;
  132. position: fixed;
  133. margin-left: 110px;
  134. height: 245px;
  135. background-color: {color:circlebg};
  136. background-image: url('{image:circlebg}');
  137. text-align: center;
  138. z-index: 100;
  139. }
  140.  
  141. #sidepic img {
  142. width: 200px;
  143. margin: 22px;
  144. -moz-border-radius: 500px;
  145. -webkit-border-radius: 500px;
  146. z-index: 100;
  147. }
  148.  
  149.  
  150.  
  151.  
  152.  
  153. #navigation {width: 245px; height: 10px; padding-bottom: 10px; margin-top:0px;}
  154.  
  155. #home a {width:51px; height:auto; position: fixed; font-family: {font:links}; font-size: 9px; display:block; text-align: center; background-color:{color:home}; color:{color:text}; padding:5px; font-style:italic; z-index: 50; opacity: 100%;}
  156. #home a:hover {color: {color:text};background-color:{color:background}; width: 235px; font-style:italic; letter-spacing: 3px; font-style:italic; text-align: center; opacity: 100%;}
  157.  
  158. #ask a {width:51px; height:auto; position: fixed; font-family: {font:links}; font-size: 9px; display:block; text-align: center; background-color:{color:message};color:{color:text};
  159. margin-left: 61px; padding:5px; font-style:italic; z-index: 40; opacity: 100%;}
  160. #ask a:hover {color: {color:text};background-color:{color:background}; width: 174px; font-style:italic; letter-spacing: 3px; font-style:italic; text-align: center; opacity: 100%;}
  161.  
  162. #archive a {width:51px; height:auto; position: fixed; font-family: {font:links}; font-size: 9px; display:block; text-align: center; background-color:{color:archive};color:{color:text};
  163. margin-left: 122px; padding:5px; font-style:italic; z-index: 30; opacity: 100%;}
  164. #archive a:hover {color: {color:text};background-color:{color:background}; width: 113px; font-style:italic; letter-spacing: 3px; font-style:italic; text-align: center; opacity: 100%;}
  165.  
  166. #theme a {width:52px; height:auto; position: fixed; font-family: {font:links}; font-size: 9px; display:block; text-align: center; background-color:{color:theme};color:{color:text};
  167. margin-left: 183px; padding:5px; font-style:italic; z-index: 20; opacity: 100%;}
  168. #theme a:hover {color: {color:text};background-color:{color:background}; font-style:italic; letter-spacing: 3px; font-style:italic; text-align: center; opacity: 100%;}
  169.  
  170. #description {padding-top: 10px;}
  171.  
  172. #portrait {
  173. height: 64px;
  174. width: 64px;
  175. background-color: {color:archive};
  176. margin: 200px 0 0 1055px;
  177. text-align: center;
  178. padding: 9px;
  179. position: fixed;
  180. float: left;
  181. -moz-border-radius: 3px;
  182. -webkit-border-radius: 3px;
  183. -webkit-transition: all 0.4s ease-in;
  184. -moz-transition: all 0.4s ease-in;
  185. -o-transition: all 0.4s ease-in;
  186. transition: all 0.4s ease-in;
  187. }
  188.  
  189. #sidebar2 {width: 200px; margin: 200px 0px 0px 950px; height: 83px; float: left; position: fixed; z-index: 1000; background-color: transparent; border-right: {color:archive} solid 2px;}
  190.  
  191. #link1 a {width:80px; height:10px; position: fixed; font-family: {font:links}; font-size: 9px; display:block; text-align: center; background-color:{color:home}; color:{color:text}; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
  192. #link1 a:hover {color: {color:text}; background-color: {color:archive}; width: 98px; font-style:italic; letter-spacing: 3px; font-style:italic; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
  193.  
  194. #link2 a {width:80px; height:10px; margin-top: 10px; position: fixed; font-family: {font:links}; font-size: 9px; display:block; text-align: center; background-color:{color:message};color:{color:text}; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
  195. #link2 a:hover {color: {color:text}; background-color: {color:archive}; width: 98px; font-style:italic; letter-spacing: 3px; font-style:italic; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
  196.  
  197. #link3 a {width:80px; height:10px; margin-top: 20px; position: fixed; font-family: {font:links}; font-size: 9px; display:block; text-align: center; background-color:{color:archive};color:{color:text}; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
  198. #link3 a:hover {color: {color:text}; background-color: {color:archive}; width: 98px; font-style:italic; letter-spacing: 3px; font-style:italic; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
  199.  
  200. #link4 a {width:80px; height:9px; margin-top: 30px; position: fixed; font-family: {font:links}; font-size: 9px; display:block; text-align: center; background-color:{color:theme};color:{color:text}; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
  201. #link4 a:hover {color: {color:text}; background-color: {color:archive}; width: 98px; font-style:italic; letter-spacing: 3px; font-style:italic; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
  202.  
  203.  
  204.  
  205.  
  206. #permalink {
  207. height: auto;
  208. width: 500px;
  209. padding: 5px 10px 5px 10px;
  210. background-color: {color:permalink};
  211. margin-top: 10px;
  212. margin-left: -10px;
  213. font-size: 9px;
  214. text-align: right;
  215. border-bottom-left-radius: 5px;
  216. border-bottom-right-radius: 5px;
  217. -webkit-transition: all 0.5s ease-out;
  218. -moz-transition: all 0.5s ease-out;
  219. transition: all 0.5s ease-out;
  220. }
  221.  
  222. #permalink:hover {
  223. background-color: {color:theme};
  224. -webkit-transition: opacity 0.6s linear;
  225. opacity: 1;
  226. -webkit-transition: all 0.5s ease-out;
  227. -moz-transition: all 0.5s ease-out;
  228. transition: all 0.5s ease-out;
  229. }
  230.  
  231. #permalink a {color:{color:link}; font-family: trebuchet ms; text-transform: uppercase;}
  232. #permalink a:hover {-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; letter-spacing: 2px; color: {color:hover};}
  233.  
  234.  
  235. .pg {text-align: center; margin: 5px 0 5px 0; letter-spacing: 2px; color: {color:link}; background-color: {color:theme}; padding: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
  236.  
  237. #tg {
  238. font-style: italic;
  239. font-size: 8px;
  240. padding-top: 3px;
  241. width: 480px;
  242. text-align: center;
  243. color: {color:text};
  244. }
  245.  
  246. #tg a{text-transform: lowercase; font-family: {font:body}; color:{color:text};}
  247.  
  248.  
  249.  
  250.  
  251.  
  252. #pagination {
  253. font-family: trebuchet ms;
  254. letter-spacing: 10px;
  255. padding: 10px 10px 0 10px;
  256. text-align: center;
  257. }
  258.  
  259.  
  260. #notes {font-weight:normal; width: 500px;}
  261. #notes li {padding-bottom:0.5em}
  262. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:15px; height:15px; border-radius:2px}
  263.  
  264.  
  265. h1{font-size: 14px; font-family: {font:title};}
  266. h2{font-size: 15px; font-style: italic; font-family: {font:title}; line-height: 18px;}
  267. h3 {font-size: 16px; font-style: bold italic; font-family: {font:title};}
  268.  
  269.  
  270. #chat {line-height: 14px;}
  271. #chat b{color:{color:link}; font-style: italic;}
  272.  
  273. #album {margin-left: 410px; position: absolute;}
  274. #album img {width: 85px; border: {color:archive} 2px solid;}
  275.  
  276.  
  277. ::-webkit-scrollbar-thumb:vertical {height:80px; background-color:{color:scrollbar};}
  278. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:30px!important;}
  279. ::-webkit-scrollbar {background-color: {color:background}; width:10px;}
  280. ::-moz-selection {background-color:transparent; color:{color:link};}
  281. ::selection {background-color:transparent; color:{color:link};}
  282.  
  283.  
  284. #qsource {font-size: 11px; letter-spacing: 1px; text-align: right; padding-right: 10px;}
  285. .audio{background-color:white; display:block;}
  286.  
  287. </style>
  288. <style type="text/css">{CustomCSS}</style>
  289. </head>
  290.  
  291.  
  292.  
  293.  
  294.  
  295.  
  296.  
  297. <body>
  298.  
  299. <div id="sidepic"><a href="/"><img src="{image:circle}"></a></div>
  300. <div id="sidebar">
  301.  
  302. {block:ifshowrectangularimg}<a href="/"><img src="{image:sidebar}"></a>{/block:ifshowrectangularimg}
  303.  
  304. <div id="navigation">
  305. <div id="home"><a href="/">refresh</a></div>
  306. <div id="ask"><a href="/ask">message</a></div>
  307. <div id="archive"><a href="/archive" target="_blank">archive</a></div>
  308. <div id="theme"><a href="http://boavistas.tumblr.com" target="_blank">theme</a></div>
  309. </div>
  310.  
  311. {block:Description}<div id="description">{Description}</div>{/block:Description}
  312.  
  313. {block:Pagination}<div id="pagination">
  314. {block:PreviousPage}
  315. <a href="{PreviousPage}">«</a>
  316. {/block:PreviousPage}
  317.  
  318. {block:JumpPagination length="5"}
  319. {block:CurrentPage}
  320. <span class="current_page">{PageNumber}</span>
  321. {/block:CurrentPage}
  322.  
  323. {block:JumpPage}
  324. <a class="jump_page" href="{URL}">{PageNumber}</a>
  325. {/block:JumpPage}
  326. {/block:JumpPagination}
  327.  
  328. {block:NextPage}
  329. <a href="{NextPage}">»</a>
  330. {/block:NextPage}
  331. </div>{/block:Pagination}
  332.  
  333. </div>
  334.  
  335.  
  336.  
  337. <div id="sidebar2">
  338. <div id="link1"><a href="{text:Link1}">{text:Link1 Title}</a></div><br>
  339. <div id="link2"><a href="{text:Link2}">{text:Link2 Title}</a></div><br>
  340. <div id="link3"><a href="{text:Link3}">{text:Link3 Title}</a></div><br>
  341. <div id="link4"><a href="{text:Link4}">{text:Link4 Title}</a></div>
  342. </div>
  343.  
  344.  
  345. <div id="portrait"><img src="{PortraitURL-64}"></div>
  346.  
  347.  
  348. <div id="content">
  349. {block:Posts}
  350.  
  351. <div id="entries">
  352.  
  353.  
  354. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  355.  
  356.  
  357. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  358. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}{/block:Photo}
  359.  
  360.  
  361. {block:Photoset}{Photoset-500}{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}{/block:Photoset}
  362.  
  363.  
  364. {block:Quote}<h2>"{Quote}"</h2>{block:Source}<div id="qsource">— {Source}</div>{/block:Source}{/block:Quote}
  365.  
  366.  
  367. {block:Link}<a href="{URL}" class="link" {Target}><h3>→ {Name}</h3></a>
  368. {block:Description}{Description}{/block:Description}{/block:Link}
  369.  
  370.  
  371. {block:Chat}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  372. <div id="chat">{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}</br>{/block:Lines}</div>{/block:Chat}
  373.  
  374.  
  375. {block:Video}{Video-500}{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}{/block:Video}
  376.  
  377. {block:Audio}{block:AlbumArt}<div id="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{AudioPlayerWhite}<br>{block:TrackName}<strong>Name:</strong> {TrackName}<br>{/block:TrackName}{block:Artist}<strong>Artist:</strong> {Artist}<br>{/block:Artist}
  378. <i>{PlayCountWithLabel}</i>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  379.  
  380.  
  381. {block:Answer}<img src="{AskerPortraitURL-30}" width="22" align="left" style="margin-right:5px;" />{Asker} asked:<br>{Question}{answer}{/block:answer}
  382.  
  383. <div id="permalink">{block:IndexPage}{block:ifShowtags}{block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank">{Tag} &bull;</a>{/block:Tags}{/block:HasTags}{/block:ifShowtags}<a href="{Permalink}" target="_blank">{block:NoteCount} {NoteCount} &bull; {/block:NoteCount}{MonthNumber}/{DayOfMonth}</a>{/block:IndexPage}{block:PermalinkPage}<div class="pg"><a href="{Permalink}" target="_blank">{block:Date}Posted on {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix}, {Month} {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}</a>{block:RebloggedFrom} <br><a href="{ReblogParentURL}"> reblogged from {ReblogParentName}</a> | <a href="{ReblogRootURL}">originally by {ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags}<br><div id="tg">filed under: {block:Tags}<a href="{TagURL}" target="_blank">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div>{/block:PermalinkPage}</div>
  384.  
  385.  
  386.  
  387.  
  388. </div>
  389.  
  390.  
  391.  
  392.  
  393. {/block:Posts}
  394.  
  395.  
  396. {block:PostNotes}<center>{block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom},{block:ContentSource} Original posted by: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</center>
  397. <br /><div id="notes">{PostNotes}</div><br>{/block:PostNotes}
  398.  
  399.  
  400. </div></div>
  401.  
  402. </body>
  403. </html>
  404.  
  405. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement