Advertisement
Alliecatisallama

A SACRIFICE THE ISLAND DEMANDED V1 Theme 7

Dec 26th, 2012
1,234
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.50 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. <!-- A Sacrifice the Island demanded THEME #7 V1 By Seede-r/Alliecatisallama
  4. Please do not use as a base code for your own theme or remove the credit otherwise I'll go all llama style on you.-->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <head>
  10.  
  11.  
  12. <meta name="color:background" content="#ffffff">
  13. <meta name="color:link" content="#e6e4d4">
  14. <meta name="color:text" content="#9a9a9a">
  15. <meta name="color:tags" content="#ededed">
  16. <meta name="color:scrollbar" content="#d5d5d5">
  17. <meta name="color:scrollbarbg" content="#d5d5d5">
  18. <meta name="color:descriptionbg" content="#f1f1f1">
  19. <meta name="color:border" content="#d6d6d6">
  20.  
  21.  
  22. <meta name="text:link 1" content="link">
  23. <meta name="text:link 1 url" content="/">
  24. <meta name="text:link 2" content="link">
  25. <meta name="text:link 2 url" content="/">
  26. <meta name="text:link 3" content="link">
  27. <meta name="text:link 3 url" content="/">
  28. <meta name="text:link 4" content="link">
  29. <meta name="text:link 4 url" content="/">
  30. <meta name="text:link 5" content="link">
  31. <meta name="text:link 5 url" content="/">
  32.  
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  34. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35. <link rel="shortcut icon" href="{Favicon}" />
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  37.  
  38. <style type="text/css">
  39.  
  40. ::-webkit-scrollbar {width: 7px; height:auto; background:{color:background}}
  41.  
  42. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-bottom: 5px solid {color:scrollbarbg}}
  43.  
  44. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbarbg}; border: 0px solid {color:background}}
  45.  
  46. a {
  47. color:{color:link};
  48. text-decoration:none;
  49. -moz-transition-duration:0.7s;
  50. -webkit-transition-duration:0.7s;
  51. -o-transition-duration:0.7s;
  52. }
  53.  
  54. a:hover {
  55. color:{color:text};
  56. }
  57.  
  58. h1 {
  59. font-family:'calibri';
  60. font-size:11px;
  61. text-align:right;
  62. font-weight:normal;
  63. font-style:none;
  64. line-height:120%;
  65. letter-spacing:1px;
  66. }
  67.  
  68. h2 {
  69. font-family:'calibri';
  70. font-size:10px;
  71. text-align:left;
  72. font-weight:normal;
  73. line-height:120%;
  74. font-style:italic;
  75. letter-spacing:-0.5px;
  76. }
  77.  
  78. blockquote {
  79. border-left:2px solid {color:text};
  80. padding-left:6px;
  81. margin:5px;
  82. }
  83.  
  84. #body {
  85. background-color:{color:background};
  86. width: 900px;
  87. text-align: center;
  88. margin: 0 auto -12px auto;
  89. }
  90.  
  91. #posts {
  92. float:left;
  93. margin-top:60px;
  94. margin-left:175px;
  95. text-align:justify;
  96. background-color:{color:bg};
  97. font-family:'Vijaya';
  98. color:{color:text};
  99. margin-bottom: 7%;
  100. }
  101.  
  102. #entries {
  103. width:500px;
  104. margin-top:50px;
  105. font-family:'Vijaya';
  106. text-align:justify;
  107. font-size:12px;
  108. line-height:120%;
  109. letter-spacing:.7px;
  110. color:{color:text};
  111. padding:3px;
  112. border:double {color:border};
  113. }
  114.  
  115. .caption {
  116. width:490px;
  117. text-align:justify;
  118. line-height:120%;
  119. }
  120.  
  121. .ask {
  122. padding:10px 20px 10px 20px;
  123. text-align:left;
  124. color:{color:text};
  125. }
  126.  
  127.  
  128. .asker {
  129. font-family:'Vijaya';
  130. font-size:10px;
  131. height:22px;
  132. text-align:right;
  133. font-weight:normal;
  134. line-height:120%;
  135. letter-spacing:1px;
  136. text-transform:uppercase;
  137. }
  138.  
  139. .audio {
  140. width:500px;
  141. height:170px;
  142. }
  143.  
  144. .albumart {
  145. width:120px;
  146. height:120px;
  147. position:absolute;
  148. }
  149.  
  150. .albumart img {
  151. width:150px;
  152. height:150px;
  153. float:left;
  154. }
  155.  
  156. .playercontainer {
  157. display:block;
  158. width:150px;
  159. height:150px;
  160. background-color:#ffffff;
  161. position:absolute;
  162. }
  163.  
  164. .player {
  165. margin-left:36px;
  166. margin-top:36px;
  167. width:25px;
  168. height:25px;
  169. overflow:hidden;
  170. background-color:white;
  171. }
  172.  
  173. .audioinfo {
  174. margin-left:160px;
  175. float:right;
  176. width:200px;
  177. padding:2px;
  178. margin-top:3px;
  179. }
  180.  
  181. #postinfo {
  182. width:510px;
  183. text-transform:uppercase;
  184. font-family:'calibri';
  185. text-align:center;
  186. letter-spacing:1px;
  187. font-size: 9px;
  188. line-height:120%;
  189. margin-bottom:10px;
  190. color:{color:link};
  191. padding:2px;
  192. }
  193.  
  194. .note {
  195. padding:0px 25px 0px 25px;
  196. background-color:{color:bg};
  197. text-transform:uppercase;
  198. font-family:'calibri';
  199. text-align:left;
  200. letter-spacing:2px;
  201. font-size: 9px;
  202. line-height:120%;
  203. color:{color:link};
  204. }
  205.  
  206. .note li {
  207. list-style-type:none;
  208. padding:5px 25px 5px 25px;
  209. text-align:left;
  210. margin-left:-40px;
  211. }
  212.  
  213. .date {
  214. padding-right:1px;
  215. -moz-transition-duration:0.7s;
  216. -webkit-transition-duration:0.7s;
  217. -o-transition-duration:0.7s;
  218. }
  219.  
  220.  
  221. .tags {
  222. width:510px;
  223. font-family:'Vijaya';
  224. letter-spacing:1px;
  225. font-size: 12px;
  226. text-align:center;
  227. margin-top:-17px;
  228. line-height:120%;
  229. color:{color:tags};
  230. padding:2px;
  231. }
  232.  
  233. .audio {
  234. background-color:{color:background};
  235. display:{color:background};
  236. }
  237.  
  238. .user_1 .label {
  239. color:{color:text};
  240. font-weight:normal;
  241. }
  242. .user_2 .label {
  243. color:{color:info};
  244. font-weight:normal;
  245. text-transform:uppercase;
  246. }
  247.  
  248. ul.chat, .chat ol, .chat li {
  249. list-style:none;
  250. margin:9px;
  251. padding:1px
  252. }
  253.  
  254.  
  255.  
  256. #title{
  257. position:fixed;
  258. width:505px;
  259. font-family:'Vijaya';
  260. font-size:15px;
  261. color:{color:text};
  262. }
  263.  
  264.  
  265.  
  266. #description {
  267. position:fixed;
  268. width:505px;
  269. height:justify;
  270. padding:10px;
  271. margin-top:0px;
  272. margin-left:167px;
  273. color:{color:text};
  274. background-color:{color:descriptionbg};
  275. font-family:'Vijaya';
  276. font-size:12px;
  277. line-height:100%;
  278. text-align:center;
  279. letter-spacing:0px;
  280. border: 1px solid {color:border};
  281. }
  282.  
  283. .links {
  284. font-size:10px;
  285. padding:1px;
  286. text-align:center;
  287. text-transform:uppercase;
  288. letter-spacing: 1px;
  289. line-height:120%;
  290. color:{color:link};
  291. }
  292.  
  293. #pagination {
  294. position:fixed;
  295. width:justify;
  296. text-align:left;
  297. margin-top:10px;
  298. margin-left:700px;
  299. font-family:'consolas';
  300. font-size:8px;
  301. text-transform:uppercase;
  302. letter-spacing:1px;
  303. color:{color:text};
  304. border: 1px solid {color:border};
  305. padding:4px;
  306. background-color:{color:descriptionbg};
  307. }
  308.  
  309. #pagination a {
  310. color:{color:text};
  311. opacity:1;
  312. -moz-transition-duration:0.5s;
  313. -webkit-transition-duration:0.5s;
  314. -o-transition-duration:0.5s;
  315. }
  316.  
  317. #pagination:hover a {
  318. color:{color:link};
  319. opacity:1;
  320. -moz-transition-duration:0.5s;
  321. -webkit-transition-duration:0.5s;
  322. -o-transition-duration:0.5s;
  323. }
  324.  
  325. #theme {
  326. position: fixed;
  327. bottom: 0px;
  328. right: 0px;
  329. font-family: Arial;
  330. font-size: 8px;
  331. text-transform: uppercase;
  332. text-align: right;
  333. letter-spacing: 1px;
  334. }
  335.  
  336.  
  337. iframe#tumblr_controls {
  338. top: 0% !important;
  339. right:0% !important;
  340. opacity:0.3;
  341. position: fixed !important;
  342. filter:alpha(opacity=30);
  343. -webkit-transition: all 0.7s ease;
  344. -moz-transition: all 0.7s ease;
  345. -o-transition: all 0.7s ease;
  346. }
  347. iframe#tumblr_controls:hover{
  348. top: 0% !important;
  349. right:0% !important;
  350. opacity:0.8;
  351. position: fixed !important;
  352. filter:alpha(opacity=80);
  353. -webkit-transition: all 0.7s ease;
  354. -moz-transition: all 0.7s ease;
  355. -o-transition: all 0.7s ease;
  356. }
  357.  
  358. {CustomCSS}
  359.  
  360. </style>
  361.  
  362. </head>
  363. <body>
  364.  
  365. <div id="body">
  366.  
  367.  
  368. <div id="pagination">{block:Pagination} {block:PreviousPage} <a href="{PreviousPage}"><em>previous page</em></a>{/block:PreviousPage}
  369. {block:NextPage}<a href="{NextPage}"><em>next page</em></a>{/block:NextPage}{/block:Pagination}</div>
  370.  
  371.  
  372. <div id="description">
  373. <div id="title"><u><a href="/">{title}</a></u></div><br>
  374. <div class="links">
  375.  
  376.  
  377. <a href="/">home</a> x
  378. <a href="/ask">ask</a> x
  379. <a href="{text:link 1 url}">{text:link 1}</a> x
  380. <a href="{text:link 2 url}">{text:link 2}</a> x
  381. <a href="{text:link 3 url}">{text:link 3}</a> x
  382. <a href="{text:link 4 url}">{text:link 4}</a> x
  383. <a href="{text:link 5 url}">{text:link 5}</a>
  384. <br>
  385. </div> {Description} </div>
  386.  
  387.  
  388. <div id="posts">
  389. {block:Posts}
  390. <div id="entries">
  391.  
  392. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  393.  
  394. {block:Quote}<h2>“{Quote}”</h2><h1> — {Source}</h1>{/block:Quote}
  395.  
  396. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  397. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  398.  
  399. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  400.  
  401. {block:Photoset}<center>{Photoset-500}</center>
  402. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  403.  
  404. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  405.  
  406. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  407.  
  408. {block:Answer}<div class="ask"><h4><big>"</big><em>{Question}</em>"</h4><div class="asker">- {Asker}<br></div></div><center>{Answer}</center>{/block:answer}
  409.  
  410. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerblack}<br></span>
  411. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  412. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  413. {/block:ExternalAudio}
  414. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  415. </div>
  416.  
  417. <div id="postinfo">
  418. <div class="date">
  419. {block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date}
  420. {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  421. {block:RebloggedFrom}<a href="{ReblogParentURL}">- from</a> {/block:RebloggedFrom}
  422. {block:ContentSource} <a href="{SourceURL}">- @</a>{/block:ContentSource}</div></div>
  423. <div class="tags">
  424. {block:HasTags}{block:Tags}<a href="{TagURL}"&nbsp;&nbsp;&nbsp;><b>tagged as:</b><i>{Tag}</i></a> {/block:Tags} {/block:HasTags}</div>
  425. <div class="note">
  426. {block:PostNotes}{PostNotes}{/block:PostNotes}
  427. </div>
  428.  
  429. {/block:Posts}
  430.  
  431. <div id="theme"></a><a href="http://seede-r.tumblr.com/"><img src="http://i1065.photobucket.com/albums/u386/AHT_Livingston/Untitled-2.png?t=1344121641"></a></div>
  432. </div>
  433. </div>
  434. </body>
  435. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement