Advertisement
xjawnlawk

Theme #13 by SKYWWALKER

Jun 27th, 2013
3,117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.14 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11.  
  12.  
  13. <!------------------------
  14. THEME #13 - by SKYWWALKER
  15. xjawnlawk.tumblr.com
  16. - DO NOT COPY.
  17. - DO NOT CLAIM AS YOUR OWN.
  18. - DO NOT USE AS A BASE THEME.
  19. - DO NOT REMOVE THE CREDIT.
  20. ------------------------>
  21.  
  22.  
  23.  
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Sidebar" content="#fafafa"/>
  27. <meta name="color:Text" content="#777777"/>
  28. <meta name="color:Links" content="#555555"/>
  29. <meta name="color:Links Hover" content="#b9c580"/>
  30. <meta name="image:Sidebar" content="http://i1194.photobucket.com/albums/aa378/Federica_Picchi/t7d-16-8a_zpsaaf99152.png"/>
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:Sidebar Background" content=""/>
  33.  
  34. <meta name="text:Link1 URL" content="/" />
  35. <meta name="text:Link1" content="link 1" />
  36. <meta name="text:Link2 URL" content="/" />
  37. <meta name="text:Link2" content="link 2" />
  38. <meta name="text:Link3 URL" content="/" />
  39. <meta name="text:Link3" content="link 3" />
  40.  
  41.  
  42.  
  43. <style type="text/css">
  44.  
  45. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Links Hover}; height:6px; border-raius:100px;border:3px solid #fff;}
  46. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Links Hover} border-raius:100px;border:3px solid #fff; height:5px}
  47. ::-webkit-scrollbar {height:9px; width:9px;}
  48.  
  49.  
  50.  
  51.  
  52. body {
  53. background:{color:background};
  54. background-image: url({image:Background});
  55. background-repeat: repeat;
  56. background-attachment: fixed;
  57. margin:0px;
  58. color:{color:text};
  59. font-size:11px;
  60. line-height:100%;
  61. }
  62.  
  63. a {
  64. text-decoration:none;
  65. color:{color:links};
  66. -webkit-transition: all 0.3s ease-in-out;
  67. -moz-transition: all 0.3s ease-in-out;
  68. -o-transition: all 0.3s ease-in-out;}
  69.  
  70. a:hover {color:{color:Links Hover};}
  71.  
  72. img {border:none;}
  73.  
  74. blockquote {
  75. border-left: 3px solid #ddd;
  76. padding-left: 4px;
  77. margin: 4px;}
  78.  
  79. h1 {
  80. font-family:cambria;
  81. font-weight:normal;
  82. font-style:italic;
  83. font-size:16px;}
  84.  
  85. h2 {
  86. padding:5px;
  87. color:#333;
  88. font-family:cambria;
  89. font-weight:normal;
  90. font-size:13px;
  91. font-style:italic;
  92. line-height:90%;
  93. }
  94.  
  95. #sidebar {
  96. position:fixed;
  97. text-align:center;
  98. height:150%;
  99. padding:15px;
  100. border-right:1px solid #f9f9f9;
  101. border-left:1px solid #f9f9f9;
  102. margin-left:120px;
  103. background-color: {color:Sidebar};
  104. background-image: url({image:Sidebar Background});
  105. }
  106.  
  107. #sidebarimage {
  108. margin-top:150px;
  109. width:130px;
  110. text-align:center;
  111. border-radius:100px;
  112. -moz-transition-duration: 1.6s;
  113. -webkit-transition-duration: 1.6s;
  114. -o-transition-duration: 1.6s;}
  115.  
  116. #sidebarimage img {
  117. border:15px solid #fff;
  118.  
  119. width:100px;
  120. height:100px;}
  121.  
  122.  
  123. #description {
  124. width:106px;
  125. margin-top:8px;
  126. font-family:cambria;
  127. font-size:9px;
  128. background-color:#ffffff;
  129. text-align:justify;
  130. padding:12px;}
  131.  
  132.  
  133.  
  134. .nav {
  135. margin-top:5px;
  136. width:156px;
  137. text-align:center;}
  138.  
  139. .nav a {
  140. text-decoration:none;
  141. width:32px;
  142. display:inline-block;
  143. font-family:calibri;
  144. text-transform:uppercase;
  145. font-size:8px;
  146. letter-spacing:1px;
  147. margin:1px;
  148. margin-top:3px;
  149. padding:6px 4px 6px 4px;
  150. color:#777;
  151. background-color:#fff;
  152.  
  153. -webkit-transition: all 0.4s ease-in-out;
  154. -moz-transition: all 0.4s ease-in-out;
  155. -o-transition: all 0.4s ease-in-out;}
  156.  
  157. .nav a:hover {
  158. background:transparent;
  159.  
  160. -webkit-transition: all 0.4s ease-in-out;
  161. -moz-transition: all 0.4s ease-in-out;
  162. -o-transition: all 0.4s ease-in-out;}
  163.  
  164.  
  165.  
  166. #pag {
  167. font-family:'cambria';
  168. text-align:center;
  169. font-size:10px;
  170. padding: 9px;
  171. margin-top: 7px;
  172. display:block;}
  173.  
  174. #entries {
  175. margin-left: 310px;
  176. height:100%;
  177. width: 500px;
  178. margin-top:-40px;
  179. padding:40px;
  180. border-right:2px solid #f9f9f9;}
  181.  
  182. #post {
  183. font-family: calibri;
  184. font-size: 10px;
  185. text-align: justify;
  186. line-height: 85%;
  187. margin-top: 40px;
  188. width: 500px;
  189. padding-bottom:5px;
  190. border-bottom: 1px solid #f5f5f5;}
  191.  
  192. #info {
  193. width:506px;
  194. margin-top:2px;
  195. margin-left:4px;
  196. font-family:times new roman;
  197. font-size:8px;
  198. text-transform:uppercase;
  199. letter-spacing:1px;
  200. text-align:left;
  201. color:{color:text};}
  202.  
  203. #info a {text-decoration:none; color:{color:text};}
  204. #info a:visited {text-decoration:none; color:{color:text};}
  205. #info a:hover {color:{color:text};}
  206.  
  207. #reblog {
  208. position:absolute;
  209. margin-left:448px;
  210. font-family:calibri;
  211. text-transform:uppercase;
  212. font-size:10px;
  213. padding:3px;
  214. color:#777;
  215. background-color:#fafafa;
  216. -webkit-transition: all 0.3s ease-in-out;
  217. -moz-transition: all 0.3s ease-in-out;
  218. -o-transition: all 0.3s ease-in-out;}
  219.  
  220. #reblog:hover {
  221. color:transparent}
  222.  
  223. #tags {
  224. width:505px;
  225. margin-top:-2px;
  226. text-align:left;
  227. margin-left:2px;
  228. font-family:georgia;
  229. font-size:9px;
  230. text-transform:lowercase;}
  231.  
  232. #tags a {color:{color:text}; margin:0px 2px 0px 2px; text-decoration:none;}
  233.  
  234. #tags a:hover {color:{color:links};}
  235.  
  236. #notes {
  237. margin-top:20px;
  238. margin-left:-40px;
  239. width: 540px;
  240. text-transform:lowercase;
  241. line-height:90%;
  242. color:{color:text};
  243. font-size:10px;}
  244.  
  245. ol.notes li {
  246. border-bottom:1px solid #f5f5f5;
  247. list-style:none;
  248. padding:8px;
  249. -moz-transition-duration:0.6s;
  250. -webkit-transition-duration:0.6s;
  251. -o-transition-duration:0.6s;}
  252.  
  253. ol.notes li img {opacity:0}
  254.  
  255.  
  256. #asker {
  257. text-align: right;
  258. padding: 8px;
  259. background-color:#444;
  260. font-size: 13px;
  261. color: #fff;
  262. font-family: calibri;
  263. text-transform: uppercase;
  264. -moz-transition-duration:0.4s;
  265. -webkit-transition-duration:0.4s;
  266. -o-transition-duration:0.4s;
  267. margin-bottom:3px;}
  268.  
  269. #asker:hover {
  270. background-color:{color:Links Hover};
  271. -moz-transition-duration:0.4s;
  272. -webkit-transition-duration:0.4s;
  273. -o-transition-duration:0.4s;}
  274.  
  275. #asker a {
  276. color:#fff;}
  277.  
  278. #question {
  279. text-align: right;
  280. width: 484px;
  281. background-color: #f3f3f3;
  282. padding: 8px;}
  283.  
  284. #answer {
  285. background:transparent;
  286. color:#777;
  287. margin-top:3px;
  288. padding:1px 0px 1px 8px;}
  289.  
  290. #audio {
  291. width:480px;
  292. height:90px;
  293. padding:10px;}
  294.  
  295. .audiobg {
  296. float:right;
  297. width:208px;
  298. background:#fafafa;
  299. padding:30px;}
  300.  
  301. .audiolinks {
  302. float:left;
  303. width:186px;
  304. display:block;
  305. background-color:#fafafa;
  306. margin-top:4px;
  307. margin-bottom:1px;
  308. padding:7px;
  309. border-right:5px solid #f5f5f5;}
  310.  
  311. ul.chat, .chat ol, .chat li {list-style:none; margin:1px; padding:6px}
  312.  
  313.  
  314. {CustomCSS}</style></head><body>
  315.  
  316. <div id="sidebar">
  317. <div align="center">
  318.  
  319. <a href="/"><div id="sidebarimage"><img src="{image:sidebar}"></div></a>
  320.  
  321.  
  322. <div id="description">{Description}</div>
  323.  
  324. <div class="nav">
  325. <a href="/">home</a>
  326. <a href="/ask">ask</a>
  327. <a href="http://skywwalker.tumblr.com/">credit</a><br>
  328. <a href="{text:Link1 URL}">{Text:Link1}</a>
  329. <a href="{text:Link2 URL}">{Text:Link2}</a>
  330. <a href="{text:Link3 URL}">{Text:Link3}</a>
  331. </div>
  332.  
  333. {block:Pagination}
  334. <div id="pag">
  335. {block:PreviousPage}
  336. <a href="{PreviousPage}">← </a>
  337. {/block:PreviousPage}
  338. {CurrentPage} out of {TotalPages}
  339. {block:NextPage}
  340. <a href="{NextPage}"> →</a>
  341. {/block:NextPage}
  342. </div>{/block:Pagination}
  343. </div>
  344. </div>
  345.  
  346. <div id="entries">{block:Posts}<div id="post">
  347.  
  348. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  349.  
  350. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  351.  
  352. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  353.  
  354. {block:Quote}<h2>{Quote} {block:Source} —{Source}{/block:Source}</h2>{/block:Quote}
  355.  
  356. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  357.  
  358. {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}
  359.  
  360. {block:Audio}
  361. <div id="audio">
  362. <div class="audiobg"><center>{AudioPlayerWhite}</center></div>{block:Artist}
  363.  
  364. <div class="audiolinks">Artist: <b>{Artist}</b></div>{/block:Artist}{block:TrackName}
  365. <div class="audiolinks">Track: <b>{TrackName}</b></div>{/block:TrackName}
  366. <div class="audiolinks">Played: <b>{playcount}</b> times.</div></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  367.  
  368. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  369.  
  370. {block:Answer}<div id="asker">{asker}</div>
  371. <div id="question">{Question}</div>
  372. <div id="answer">{Answer}</div>{/block:answer}
  373.  
  374. </div>
  375.  
  376. <div id="info">
  377.  
  378. {block:IndexPage}<a href="{ReblogURL}" target="_blank" title="Reblog this post"><div id="reblog">Reblog</div></a>{/block:IndexPage}
  379.  
  380. {block:Date}
  381. <a href="{Permalink}">{TimeAgo}</a>
  382. {/block:Date}
  383.  
  384. {block:NoteCount}
  385. with <a href="{Permalink}">{NoteCount} notes</a> <font color="F61313">♥</font>
  386. {/block:NoteCount}
  387.  
  388. {block:RebloggedFrom}
  389. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  390. {/block:RebloggedFrom}
  391.  
  392. {block:ContentSource}
  393. (<a href="{SourceURL}">source</a>)
  394. {/block:ContentSource}
  395. </div>
  396.  
  397. {block:HasTags}<div id="tags">
  398. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags} </div>
  399. {block:HasTags}
  400.  
  401. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  402.  
  403. {/block:Posts}</div>
  404.  
  405. </body></html>
  406. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement