API tools faq
paste
zaiyaku

Theme #01: The Will of Abyss

zaiyaku
Jan 12th, 2013
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.37 KB | None | 0 0
raw download clone embed print report
  1. <!-- Z A I Y A K U . T U M B L R . C O M --
  2.  
  3. Theme #01 The Will of Abyys
  4. Made by: Chewie (zaiyaku.tumblr.com)
  5. Please do not copy or claim this theme as your own.
  6. *You can move the credit to a secondary page, it's fine.
  7. Do not remove this credit from the code.
  8. Thank you, and please enjoy this theme! :)
  9.  
  10. (Any questions, problems, concerns, suggestions, don't hesitate to message me! ;D)
  11.  
  12. -- Z A I Y A K U . T U M B L R . C O M -->
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head><title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="color:background" content="#ffffff" />
  23. <meta name="color:text" content="#747474" />
  24. <meta name="color:link" content="#b4b4b4" />
  25. <meta name="color:main link BG" content="#ffffff" />
  26. <meta name="color:main link border" content="#dfdfdf" />
  27. <meta name="color:main link" content="#bdbbbb" />
  28. <meta name="color:main link BG hover" content="#f1f1f1" />
  29. <meta name="color:main link hover" content="#b9b9b9" />
  30. <meta name="color:links left border" content="#dfdfdf" />
  31. <meta name="color:description bg" content="#ffffff" />
  32. <meta name="color:sidebar image border" content="#e4e2e2" />
  33. <meta name="color:content BG" content="#ffffff" />
  34. <meta name="color:content border" content="#ffffff" />
  35. <meta name="color:info border" content="#bbbcbd" />
  36. <meta name="color:bold extra" content="#dfdfdf" />
  37. <meta name="color:source link" content="#ffffff" />
  38. <meta name="color:source bg" content="#fcfcfc" />
  39. <meta name="color:source link hover" content="#bebdbd" />
  40. <meta name="color:source bg hover" content="#f1f0f0" />
  41.  
  42. <meta name="text:Link 1" content="" />
  43. <meta name="text:Link 1 Name" content="" />
  44. <meta name="text:Link 2" content="" />
  45. <meta name="text:Link 2 Name" content="" />
  46. <meta name="text:Link 3" content="" />
  47. <meta name="text:Link 3 Name" content="" />
  48. <meta name="text:Link 4" content="" />
  49. <meta name="text:Link 4 Name" content="" />
  50. <meta name="text:Link 5" content="" />
  51. <meta name="text:Link 5 Name" content="" />
  52. <meta name="text:Link 6" content="" />
  53. <meta name="text:Link 6 Name" content="" />
  54.  
  55. <meta name="image:background" content="http://img545.imageshack.us/img545/4406/4878787.png" />
  56. <meta name="image:sidebar" content="http://static.tumblr.com/e4dcf33a51b55568c3cf1ba056248cef/alkezwz/WXYmgirfv/tumblr_static_untitled-1.png" />
  57. <meta name="image:info BG" content="" />
  58.  
  59. <style type="text/css">
  60.  
  61. body {
  62. background-color:{color:background};
  63. background-image: url('{image:background}');
  64. background-attachment: fixed;
  65. margin:0px;
  66. color:{color:text};
  67. font-family:Calibri;
  68. font-size:10px;
  69. line-height:100%;
  70. }
  71.  
  72. a {
  73. text-decoration:none;
  74. outline:none;
  75. color:{color:link};
  76. -webkit-transition: all 0.3s ease-in-out;
  77. -moz-transition: all 0.3s ease-in-out;
  78. -o-transition: all 0.3s ease-in-out;
  79. transition: all 0.3s ease-in-out;
  80. }
  81.  
  82. #wheee{
  83. position:fixed;
  84. z-index:9999;
  85. margin-top:155px;
  86. margin-left:330px;
  87. }
  88.  
  89. #sidebar {
  90. width:150px;
  91. padding:15px;
  92. }
  93.  
  94. #boom{
  95. margin-top:-10px;
  96. }
  97.  
  98.  
  99. .linkies {
  100. width:85px;
  101. margin-top:5px;
  102. background-color:{color:main link BG};
  103. border:1px dashed {color:main link border};
  104. padding:5px;
  105. text-align:center;
  106. letter-spacing: 1px;
  107. font-family: calibri;
  108. font-size: 7pt;
  109. text-transform: uppercase;
  110. color: {color:main link};
  111. display:inline-block;
  112. -webkit-transition: all 0.6s ease-in-out;
  113. -moz-transition: all 0.6s ease-in-out;
  114. -o-transition: all 0.6s ease-in-out;
  115. transition: all 0.6s ease-in-out;
  116. }
  117.  
  118. .linkies:hover {
  119. background-color: {color:main link BG hover};
  120. color: {color:main link hover};
  121. text-shadow:none;
  122. text-decoration:none;
  123. text-align:center;
  124. -webkit-transition: all 0.6s ease-in-out;
  125. -moz-transition: all 0.6s ease-in-out;
  126. -o-transition: all 0.6s ease-in-out;
  127. transition: all 0.6s ease-in-out;
  128. }
  129.  
  130. .linksplace{
  131. border-left: 4px solid {color:links left border};
  132. padding-left: 5px;
  133. margin-top:-6px;
  134. }
  135.  
  136. .hover {
  137. width:200px;
  138. height:300px;
  139. top:150px;
  140. left:110px;
  141. position:fixed;
  142. }
  143.  
  144. .sidebar {
  145. position:fixed;
  146. top:150px;
  147. z-index:1000;
  148. left:110px;
  149. width:200px;
  150. height:300px;
  151. }
  152.  
  153.  
  154. .sidebarcontent {
  155. width:150px;
  156. text-align:center;
  157. padding:20px 20px 20px 20px;
  158. top:10px;
  159. left:10px;
  160. height:250px;
  161. position:absolute;
  162. background-color: {color:description BG};
  163. opacity:0.0;
  164. z-index:3000;
  165. -webkit-transition: all 0.6s ease-in-out;
  166. -moz-transition: all 0.6s ease-in-out;
  167. -o-transition: all 0.6s ease-in-out;
  168. transition: all 0.6s ease-in-out;
  169. }
  170.  
  171. .hover:hover .sidebarcontent {
  172. opacity:0.8;
  173. -webkit-transition: all 0.6s ease-in-out;
  174. -moz-transition: all 0.6s ease-in-out;
  175. -o-transition: all 0.6s ease-in-out;
  176. transition: all 0.6s ease-in-out;
  177. }
  178.  
  179. .sidebarimage {
  180. width:200px;
  181. height:300px;
  182. border:5px solid {color:sidebar image border};
  183. background-image:url({image:sidebar});
  184. background-repeat: no-repeat;
  185. }
  186.  
  187. .hover:hover .sidebarimage {
  188. opacity:0.7;
  189. -webkit-transition: all 0.6s ease-in-out;
  190. -moz-transition: all 0.6s ease-in-out;
  191. -o-transition: all 0.6s ease-in-out;
  192. transition: all 0.6s ease-in-out;}
  193.  
  194. img {
  195. border:none;
  196. }
  197.  
  198. blockquote {
  199. padding-left:5px;
  200. border-left:2px solid;
  201. }
  202.  
  203. blockquote blockquote {
  204. padding-left:5px;
  205. border-left:2px solid;
  206. }
  207.  
  208. h1 {
  209. font-size:15px;
  210. }
  211.  
  212. .contentwhole {
  213. width:520px;
  214. z-index:0;
  215. margin-left:500px;
  216. height:100%;
  217. }
  218.  
  219. .content {
  220. width: 500px;
  221. z-index:0;
  222. height: auto;
  223. padding:10px;
  224. margin-top:20px;
  225. background-color: {color:content BG};
  226. border:1px solid {color:content border};
  227. }
  228.  
  229. .info {
  230. height:15px;
  231. float:center;
  232. padding-top:4px;
  233. margin-top:10px;
  234. opacity:0.8;
  235. text-align:center;
  236. font-size:7px;
  237. font-family:arial;
  238. letter-spacing:1px;
  239. background-color: {color:info BG};
  240. background-image:url('{image:info BG}');
  241. color:{color:link};
  242. border-top: 1px solid {color:info border};
  243. width: 500px;
  244. text-transform:uppercase;
  245. transition-duration: 0.6s;
  246. -moz-transition-duration: 0.6s;
  247. -webkit-transition-duration: 0.6s;
  248. -o-transition-duration: 0.6s;
  249. }
  250.  
  251. .info a {
  252. font-size:7px;
  253. }
  254.  
  255. .info:hover {
  256. opacity:1.0;
  257. transition-duration: 0.6s;
  258. -moz-transition-duration: 0.6s;
  259. -webkit-transition-duration: 0.6s;
  260. -o-transition-duration: 0.6s;
  261. }
  262.  
  263.  
  264. .tags {
  265. opacity:0.3;
  266. }
  267.  
  268. #extraslinks a {
  269. color: {color:source link};
  270. background-color: {color:source bg};
  271. border:1px solid {color:content Border};
  272. display:block;
  273. font-size:7pt;
  274. margin-bottom:2px;
  275. padding:5px;
  276. width:100px;
  277. margin-left:-7px;
  278. letter-spacing:0px;
  279. text-align:center;
  280. font-family:calibri;
  281. text-shadow:none;
  282. text-transform:uppercase;
  283. color: {color:bold extra};
  284. }
  285.  
  286. #extraslinks a:hover {
  287. background-color: {color:source bg hover};
  288. color: {color:source link hover};
  289. text-shadow:none;
  290. text-decoration:none;
  291. text-align:center;
  292. -webkit-transition: opacity 0.7s linear;
  293. -webkit-transition: all 0.7s ease-out;
  294. -moz-transition: all 0.7s ease-out;
  295. transition: all 0.7s ease-out;
  296. }
  297.  
  298. .extras {
  299. width:520px;
  300. z-index:2000;
  301. padding:0px;
  302. letter-spacing:0;
  303. }
  304.  
  305. .push {
  306. background:transparent;
  307. opacity:0;
  308. margin-top:0px;
  309. text-align:left;
  310. margin-left:520px;
  311. position:absolute;
  312. -webkit-transition: opacity 0.7s linear;
  313. -webkit-transition: all 0.7s ease-out;
  314. -moz-transition: all 0.7s ease-out;
  315. transition: all 0.7s ease-out;
  316. }
  317.  
  318. .extras:hover .push {
  319. opacity:1.0;
  320. margin-left:540px;
  321. -webkit-transition: opacity 0.7s linear;
  322. -webkit-transition: all 0.7s ease-out;
  323. -moz-transition: all 0.7s ease-out;
  324. transition: all 0.7s ease-out;}
  325.  
  326.  
  327. {CustomCSS}</style></head><body>
  328.  
  329. <div class="hover">
  330. <div class="sidebar">
  331. <div class="sidebarcontent">
  332. </p><div align="justify"><font size="5">{title}</font><br><br>{description}</div></div>
  333. <div class="sidebarimage">
  334. </div>
  335. </div>
  336. </div>
  337.  
  338. <div id="wheee">
  339. <div id="boom">
  340. <div class="linksplace">
  341. <div id="linkies">
  342. <a href="/" class="linkies">INDEX</a><br>
  343. <a href="/ask" class="linkies">MESSAGE</a><br>
  344. <a href="/archive" class="linkies">ARCHIVE</a>
  345. {block:ifLink1}<br><a href="{text:Link 1}" class="linkies">{text:Link 1 Name}</a>{/block:ifLink1}
  346. {block:ifLink2}<br><a href="{text:Link 2}" class="linkies">{text:Link 2 Name}</a>{/block:ifLink2}
  347. {block:ifLink3}<br><a href="{text:Link 3}" class="linkies">{text:Link 3 Name}</a>{/block:ifLink3}
  348. {block:ifLink4}<br><a href="{text:Link 4}" class="linkies">{text:Link 4 Name}</a>{/block:ifLink4}
  349. {block:ifLink5}<br><a href="{text:Link 5}" class="linkies">{text:Link 5 Name}</a>{/block:ifLink5}
  350. {block:ifLink6}<br><a href="{text:Link 6}" class="linkies">{text:Link 6 Name}</a>{/block:ifLink6}
  351. <br><a href="http://zaiyaku.tumblr.com" class="linkies">THEME</a>
  352. </div></div><br>
  353. <center><font size="3">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  354. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</font></center>
  355.  
  356. </div>
  357. </div>
  358.  
  359. <div class="contentwhole">
  360.  
  361. {block:Posts}
  362.  
  363. <div class="extras">
  364.  
  365. <div class="push">
  366. <div id="extraslinks">
  367.  
  368. <a href="{ReblogURL}" target="_blank" title="reblog this post?">REBLOG</a>
  369. {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  370. {block:ContentSource} <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}</a>
  371.  
  372. </div>
  373.  
  374. <div class="tags">
  375.  
  376. {block:HasTags}{block:Tags}
  377. <a href="{TagURL}">#{Tag}</a><br />
  378. {/block:Tags}{/block:HasTags}
  379.  
  380. </div>
  381. </div>
  382.  
  383. <div class="content">
  384.  
  385.  
  386. {block:Text}
  387. {block:Title}
  388. <font size="3px"><a href="{Permalink}" class="ttitle">{Title}</a></font>
  389. {/block:Title}
  390. {Body}
  391. {/block:Text}
  392.  
  393. {block:Photo}
  394. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  395. {block:Caption}{Caption}{/block:Caption}
  396. {/block:Photo}
  397.  
  398. {block:Photoset}
  399. {Photoset-500}
  400. {block:Caption}{Caption}{/block:Caption}
  401. {/block:Photoset}
  402.  
  403. {block:Quote}
  404. {Quote}<p>
  405. {block:Source}- {Source}{/block:Source}
  406. {/block:Quote}
  407.  
  408. {block:Link}
  409. <a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a>
  410. {block:Description} {Description} {/block:Description}
  411. {/block:Link}
  412.  
  413. {block:Chat}
  414. {block:Title} {Title} {/block:Title}
  415. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  416.  
  417. {/block:Lines}
  418. {/block:Chat}
  419.  
  420.  
  421. {block:Audio}
  422. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  423. <p>
  424. {block:AlbumArt}
  425. <img src="{AlbumArtURL}" width="100px" />
  426. {/block:AlbumArt}
  427. <p>
  428. {block:Caption}
  429. {Caption}
  430. {/block:Caption}
  431. {/block:Audio}
  432.  
  433.  
  434. {block:Video}
  435. {Video-500}
  436. {block:Caption}{Caption}{/block:Caption}
  437. {/block:Video}
  438.  
  439. {block:Answer}
  440. <center><font size= "2px" face="arial">{Asker} asked: {Question}</font></center><p>
  441. {Answer}
  442. {/block:Answer}
  443.  
  444.  
  445. <div class="info">
  446. {block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date}
  447. {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}
  448. </div>
  449.  
  450. {block:PermalinkPage}
  451. {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}<p>
  452. {block:PostNotes}
  453. {PostNotes}
  454. {/block:PostNotes}
  455. {/block:PermalinkPage}
  456. </div>
  457. </div>
  458. {/block:Posts}
  459. </div>
  460.  
  461. </body></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!