Advertisement
Guest User

Theme 001 by jumpthesuns

a guest
Mar 31st, 2012
41
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.84 KB | None | 0 0
  1. <!--
  2.    THEME 001
  3.    by jumpthesuns!
  4.    don't remove the credits
  5.    don't steal
  6.    don't redistribute
  7. -->
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}" />
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14.  
  15. <!-- DEFAULT VARIABLES -->
  16.         <meta name="color:Background" content="#f8f4ed"/>
  17.         <meta name="color:Text" content="#cabdbd"/>
  18.         <meta name="color:Title" content="#e7b7b6"/>
  19.         <meta name="color:entries" content="#ffffff"/>
  20.         <meta name="color:sidebar 2" content="#ffffff"/>
  21.         <meta name="color:Links" content="#e7b7b6"/>
  22.         <meta name="color:Linkbar" content="#ffffff"/>
  23.         <meta name="color:askbg" content="#fdfbf8"/>
  24.        
  25.         <meta name="image:Sidebar" content=""/>
  26.         <meta name="image:Background" content=""/>
  27.        
  28.         <meta name="font:title" content="Never Let Go" />
  29.         <meta name="font:body" content="georgia" />
  30.  
  31.         <meta name="text:Link 1" content="http://"/>
  32.         <meta name="text:Link 1 Title" content=""/>
  33.         <meta name="text:Link 2" content="http://">
  34.         <meta name="text:Link 2 Title" content=""/>
  35.         <meta name="text:Link 3" content="http://"/>
  36.         <meta name="text:Link 3 Title" content=""/>
  37.         <meta name="text:Link 4" content="http://"/>
  38.         <meta name="text:Link 4 Title" content=""/>
  39.         <meta name="text:Link 5" content="http://"/>
  40.         <meta name="text:Link 5 Title" content=""/>
  41.  
  42.  
  43. <style type="text/css">
  44.  
  45. body{color:{color:Text};
  46.  
  47. background-color:{color:Background};
  48. background-image: url('{image:Background}');
  49. background-position: bottom left;
  50. background-repeat: no-repeat;
  51. text-align:justify;
  52. font-family:{font:body};
  53. font-size:10px;}
  54.  
  55. a {
  56. color: {color:Links};
  57. text-decoration:none;}
  58. a:hover {
  59. color:{color:Links};
  60. text-decoration:none;}
  61.  
  62. #entries{
  63. position:absolute;
  64. width:514px;
  65. margin-left:419px;
  66. margin-top:30px;}
  67.  
  68. #posts{
  69. overflow:hidden;
  70. background-color:{color:entries};
  71. padding:7px;
  72. margin-bottom:4px;}
  73.  
  74. #sidebar{
  75. position:fixed;
  76. margin-top:260px;
  77. margin-left:65px;
  78. width:300px;
  79. padding:5px;
  80. background-color:{color:linkbar};
  81. padding-top:10px;}
  82.  
  83. #sidebar2{
  84. position:fixed;
  85. margin-top:30px;
  86. margin-left:1000px;
  87. width:155px;
  88. height:105px;
  89. padding:5px;
  90. overflow:#hidden;
  91. background-color:{color:sidebar 2};}
  92.  
  93.  #sidebar3{
  94. position:fixed;
  95. margin-top:30px;
  96. margin-left:65px;
  97. width:300px;
  98. height:300px;
  99. padding:5px;
  100. overflow:#hidden;
  101. background-color:{color:sidebar 3};}
  102.  
  103. #sidebarimage{
  104. margin-bottom:2px; margin-top:10px;;
  105. text-align:center;}
  106.  
  107. #sidebarimage img{
  108. margin-top:5px;
  109. max-width:300px;
  110. max-height:200px;
  111. text-align:center;
  112. }
  113.  
  114. #linkbar {
  115. text-align:center;}
  116.  
  117. #linkbar a {
  118. width:244px;
  119. font-family:georgia;
  120. text-align:center;
  121. background-color:{color:#fffff};
  122. color:{color:links};
  123. letter-spacing:2px;
  124. font-size:10px;
  125. text-decoration: none;}
  126.  
  127. #linkbar a:hover {
  128. letter-spacing:1px;
  129. font-style:italic;
  130. background-color:{color:#fffff}
  131. }
  132.  
  133. #title {
  134. margin-top:0px;
  135. margin-bottom:0px;
  136. font-family:Never Let Go;
  137. color:{color:Title};
  138. font-size:30px;
  139. font-style:italic;
  140. letter-spacing:0.5px;
  141. padding:0px;
  142. text-align:center;
  143. }
  144.  
  145.  
  146.  
  147. #description {
  148. margin-left:4px;
  149. margin-right:4px;
  150. text-align:center;
  151. font-family:georgia;
  152. background-color: {color:entries};}
  153.  
  154.     #sidelinks {
  155.     margin-left:5px;
  156.     margin-top:12px;
  157.     font-family:{font:body};
  158.     font-size:9px;
  159.     }
  160.      
  161.     #sidelinks a {
  162.     display:block;
  163.     width:80px;
  164.     text-align:left;
  165.     letter-spacing:1px;
  166.     background-color:{color:sidelinksbg};
  167.     margin:1px 0px -10px 6px;
  168.     border-left:10px solid {color:bordersl};
  169.     padding:5px;
  170.     -webkit-transition: all 0.6s ease-in-out;
  171.     -moz-transition: all 0.6s ease-in-out;
  172.     -o-transition: all 0.6s ease-in-out;
  173.     -ms-transition: all 0.6s ease-in-out;
  174.     transition: all 0.6s ease-in-out;
  175.     }
  176.      
  177.     #sidelinks a:hover{
  178.     letter-spacing:2px;
  179.     color:{color:link};
  180.     background-color:{color:bordersl};
  181.     }
  182.  
  183.  
  184.  
  185. #title2{
  186. font-size:17px;
  187. font-style:italic;
  188. font-family:Georgia;
  189. text-decoration: none
  190. letter-spacing:-2px;;}
  191.  
  192. #title3{
  193. font-size:14px;
  194. font-style:italic;
  195. font-family:georgia;}
  196.  
  197. #pagination{
  198. color:{color:Text};
  199. font-size:15px;
  200. font-family:georgia;
  201. text-align:center;}
  202.  
  203. #pagination a{color:{color:links};}
  204. #pagination a:hover{color:{color:text};}
  205.  
  206.  
  207. #info {
  208. opacity:0.8;
  209. margin:7px 0px 5px 0px;
  210. padding:1px 4px 1px 3px;
  211. color:{color:text};
  212. font-size:9px;
  213. font-family:georgia;
  214. line-height:100%;
  215. text-transform:lowercase;
  216. width:492px;
  217. background-color:{color:Background};
  218. letter-spacing:1px;
  219. }
  220.  
  221. #info a {color:{color:links};
  222. text-decoration: none;
  223. }
  224. #info a:hover {color:{color:text};opacity:1.1;
  225. }
  226.  
  227. #questions {
  228. background-color:{color:askbg};
  229. color: {color:text};
  230. padding:11px;
  231. font-family:georgia;
  232. font-size:11px;;}
  233. #questions a {color:{color:links};}
  234.  
  235. #source{margin-top:2px; text-align:right; margin-bottom:3px; font-size:13px;font-style:italic;}
  236.  
  237. #audio{width:500px; height:105px; margin-bottom:5px;}
  238. .albumart {width:100px; height:100px; position:absolute;}
  239. .albumart img {width:100px; height:100px; float:left;}
  240. .player {margin-left:110px; margin-top:9px; float:left;}
  241. .audioinfo {margin-left:110px; float:left;}
  242.  
  243. .chat {line-height: 12px; list-style: none;color:{color:text};}
  244. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;color:{color:links};}
  245. .person1 {background-color:{color:Background}; color: {color:Text};;}
  246. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text};}
  247. .person2 {color: {color:Tont};}
  248. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text};}
  249.  
  250.  
  251. blockquote{border-left:4px solid {color:Text}; padding-left:5px;}
  252.  
  253. </style>
  254. </head>
  255.  
  256.    <body>
  257. <div id="sidebar3">
  258. <center><div id="sidebarimage"><img src="{image:Sidebar}"/></div></center></div></div>
  259.  
  260. <div id="sidebar">
  261.  
  262.  
  263. {block:Description}<P>{Description}</p>{/block:Description}
  264. <hr>
  265. <div id="linkbar">
  266.  
  267. <center>
  268.  
  269. {block:ifLink1Title}  <a href="{text:Link 1}">{text:Link 1 Title}</a> {/block:ifLink1Title}
  270. {block:ifLink2Title} • <a href="{text:Link 2}">{text:Link 2 Title}</a> {/block:ifLink2Title}
  271. {block:ifLink3Title} • <a href="{text:Link 3}">{text:Link 3 Title}</a>  {/block:ifLink3Title}
  272. {block:ifLink4Title} • <a href="{text:Link 4}">{text:Link 4 Title}</a> {/block:ifLink4Title}
  273. {block:ifLink5Title} • <a href="{text:Link 5}">{text:Link 5 Title}</a><br>{/block:ifLink5Title}
  274. <p>
  275. </div></div>
  276.  
  277.  
  278.  
  279. <div id="description">
  280.  
  281. <div id="sidebar2">
  282. <div id="title">{Title}</div>
  283. <hr>
  284. <a href="/">home</a>
  285. <a href="/ask">askbox</a>
  286. <a href="/archive">archive</a>
  287. <a href="http://jumpthesuns.tumblr.com">theme</a>
  288. <hr>
  289. <div id="pagination">
  290. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  291. {/block:Pagination}</div></div></div>
  292.  
  293. <div id="entries">{block:Posts}<div id="posts">
  294.  
  295. {block:Quote}<div id="title3">"{Quote}"</div>
  296. {block:Source}<div id="source">— {Source}</div>{/block:Source}{/block:Quote}
  297.  
  298. {block:Title}<div id="title2">{Title}</div>{/block:Title}
  299. {block:Text}{Body}{/block:Text}
  300.  
  301. {block:Link}<div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>{/block:Link}
  302.  
  303. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}"alt=""/> {LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  304. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  305.  
  306. {block:Chat}<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  307.  
  308. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  309.  
  310. {block:Answer}<div id="questions"><b>{Asker} asked:</b> "{Question}"</div>
  311. {Answer}{/block:answer}
  312.  
  313. {block:Audio}<div id="audio"><div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><div class="player"><span class="audio"><center>{AudioPlayerWhite}</center></span></div><div class="audioinfo">{block:Artist}<b>{Artist}</b>{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  314.  
  315. <div id="info">posted <a href="{Permalink}">{TimeAgo}</a> | {NoteCountWithLabel} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} by <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:HasTags}<br>{block:Tags}•<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><BR>
  316. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  317.  
  318. </div>
  319. </div>
  320.  
  321. </body>
  322. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement