API tools faq
paste
Advertisement
xjawnlawk

Theme #5 by SKYWWALKER

xjawnlawk
Mar 31st, 2013
712
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.02 KB | None | 0 0
raw download clone embed print report
  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. THEME #5 - by XJAWNLAWK
  12. xjawnlawk.tumblr.com
  13. ● DO NOT COPY.
  14. ● DO NOT CLAIM AS YOUR OWN.
  15. ● DO NOT USE AS A BASE THEME.
  16. ● DO NOT REMOVE THE CREDITS.
  17. ------------------------>
  18.  
  19.  
  20.  
  21. <meta name="color:Background" content="#f9f9f9"/>
  22. <meta name="color:Sidebar bg" content="#f9f9f9"/>
  23. <meta name="color:Text" content="#9e9e9e"/>
  24. <meta name="color:Titles" content="#cacaca"/>
  25. <meta name="color:Entries" content="#ffffff"/>
  26. <meta name="color:Tags" content="#ffffff"/>
  27. <meta name="color:Sidebar" content="#ffffff"/>
  28. <meta name="color:Nav Hover" content="#111111"/>
  29. <meta name="color:Border" content="#f8f8f8"/>
  30. <meta name="color:Links" content="#b8b6b6"/>
  31. <meta name="color:Links hover" content="#363636"/>
  32. <meta name="color:Chrome scrollbar" content="#3a3a3a" />
  33.  
  34.  
  35. <meta name="image:sidebar" content="http://static.tumblr.com/q4pljeg/brymkjobv/12_by_showlock.jpg"/>
  36. <meta name="image:sidebar bg" content="http://static.tumblr.com/q4pljeg/BeCmkjocu/subtle-pattern-1.png"/>
  37. <meta name="image:Background" content="http://static.tumblr.com/q4pljeg/BeCmkjocu/subtle-pattern-1.png"/>
  38.  
  39. <meta name="if:Rotation" content="0" />
  40.  
  41. <meta name="text:Link3 URL" content="/archive" />
  42. <meta name="text:Link3" content="archive" />
  43. <meta name="text:Link4 URL" content="/" />
  44. <meta name="text:Link4" content="link 4" />
  45. <meta name="text:Link5 URL" content="/" />
  46. <meta name="text:Link5" content="link 5" />
  47. <meta name="text:Link6 URL" content="/" />
  48. <meta name="text:Link6" content="link 6" />
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58. ::-webkit-scrollbar-thumb:vertical {background-color:{color:chrome scrollbar}; height:5px;}
  59. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:chrome scrollbar}; height:5px;}
  60. ::-webkit-scrollbar {background-color:{color:background}; height:8px; width:8px;}
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67. body {
  68. font-family:trebuchet ms;
  69. font-size:9px;
  70. font-style: normal;
  71. color:{color:text};
  72. background:{color:background};
  73. background-image:url({image:Background});
  74. line-height:100%;
  75. }
  76.  
  77.  
  78. a:link, a:active, a:visited{ letter-spacing: 1px; color:{color:links}; text-decoration:none; transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s;}
  79.  
  80.  
  81. a:hover{ color:{color:links hover}; transition: all 0.8s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.8s ease-in-out}
  82.  
  83.  
  84.  
  85.  
  86.  
  87. blockquote {
  88. width:480px;
  89. margin-left:3px;
  90. padding-left:4px;
  91. border-left:3px solid #f0f0f0;
  92. }
  93.  
  94. blockquote blockquote {
  95. padding-left:4px;
  96. border-left:3px solid #f0f0f0;
  97. }
  98.  
  99. h1 {
  100. font-size:15px;
  101. font-family: cambria;
  102. line-height: 90%;
  103. font-style:italic;
  104. margin-left: 8px;
  105. margin-top: 5px;
  106. color: {color: Titles}
  107. }
  108.  
  109. #h2 {
  110. font-size: 16px;
  111. font-family: baskerville;
  112. font-style: italic;
  113. text-transform: lowercase;
  114. }
  115.  
  116. #h2:first-letter {font-size:180%; text-transform: uppercase}
  117.  
  118. #source {
  119. text-transform: uppercase;
  120. font-size: 8px;
  121. letter-spacing:1px;
  122. font-family: trebuchet ms;
  123. margin-top: 6px;
  124. text-align: right;
  125. }
  126.  
  127.  
  128. #entries {
  129. padding:10px;
  130. width:500x;
  131. margin-left:200px;
  132. margin-top:-30px;
  133. }
  134.  
  135.  
  136. #post {
  137. font-family:trebuchet ms;
  138. font-size: 9px;
  139. text-align: justify;
  140. width:500px;
  141. padding:9px;
  142. padding-bottom: 8px;
  143. margin-bottom:10px;
  144. margin-top:30px;
  145. background:{color:entries};
  146.  
  147. }
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155. #info {background-color: {color:background};
  156. width:495px;
  157. margin-left:-3px;
  158. margin-top: 7px;
  159. margin-bottom: -3px;
  160. padding:4px;
  161. border:1px #f5f5f5 solid;
  162. border-top: 1px #f5f5f5 solid;
  163.  
  164. font-family:consolas;
  165. font-size:8px;
  166. line-height: 100%;
  167. text-align:center;
  168. text-transform:uppercase;
  169. letter-spacing:1px; transition-duration: 0.7s;
  170. -moz-transition-duration: 0.7s;
  171. -webkit-transition-duration: 0.7s;
  172. -o-transition-duration: 0.7s}
  173.  
  174. #info a {color: {color:links}; opacity:0.6; text-decoration:none; font-size:9px; letter-spacing:0px; text-transform: lowercase ; font-style:italic; font-family: georgia;}
  175. #info a:visited {color: {color:links}; text-decoration:none; font-size:9px; letter-spacing:0px; text-transform: lowercase ; font-style:italic; font-family: georgia;}
  176. #info a:hover{color:{color:links hover}; opacity:1;}
  177.  
  178. #post:hover #info {transition-duration: 0.5s;
  179. -moz-transition-duration: 0.7s;
  180. -webkit-transition-duration: 0.7s;
  181. -o-transition-duration: 0.7s}
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189.  
  190. #tags {padding:4px; width:510px;background: {color:tags};line-height:100%; text-align: center; font-size:7px; text-transform:uppercase; margin-top: -6px; margin-bottom:10px; opacity:1; transition-duration: 0.5s;
  191. -moz-transition-duration: 0.5s;
  192. -webkit-transition-duration: 0.5s;
  193. -o-transition-duration: 0.5s}
  194. #tags a {letter-spacing:1px; text-align: center; text-decoration:none; display:inline-block; margin-left: 1px; margin-right:5px; }
  195. #tags a:hover {color:{color:links hover};}
  196.  
  197. #post:hover #tags {opacity:1; -webkit-transition-duration: 0.5s}
  198. text-decoration:none;}
  199.  
  200.  
  201. #notes {background-color: #ffffff; font-family: trebuchet ms; text-transform: uppercase; width: 457px; padding:2px 20px; margin-top:30px; margin-bottom:15px; margin-left: 10px; color:{color:text}; font-size:9px;}
  202.  
  203. #notes img {width:16px; position:relative;}
  204. ol.notes li {list-style:none; margin-left:-40px; padding:4px;}
  205. ol.notes li img {list-style:none; opacity:0.9; margin-bottom:-5px; padding-right:4px;}
  206.  
  207.  
  208.  
  209. #side {
  210. top:0px;
  211. left: 760px;
  212. width:185px;
  213. height:100%;
  214. padding:10px;
  215. position:fixed;
  216. background-color:{color:sidebar bg};
  217. background-image:url({image:sidebar bg});
  218.  
  219. background
  220. }
  221.  
  222. #sidebar {
  223. width:170px;
  224. height:auto;
  225. position:fixed;
  226. margin-top:300px;
  227. padding:5px;
  228. padding-bottom:8px;
  229. background-color: {color:sidebar};
  230. border:2px {color:border} solid;
  231. border-bottom:3px {color:border} solid;
  232.  
  233.  
  234. }
  235.  
  236. #nav {
  237. position:absolute;
  238. width:163px;
  239.  
  240. font-family: consolas;
  241. text-align: left;
  242. margin-left:4px;
  243. margin-top:0px;
  244.  
  245. line-height:17px;
  246. font-size:9px;
  247. z-index:99;
  248. opacity:1;
  249. text-transform:uppercase;
  250.  
  251.  
  252. }
  253.  
  254. #description {
  255. padding:7px;
  256. padding-top:5px;
  257. padding-bottom:9px;
  258. height:auto;
  259. text-align: left;
  260. font-family: calibri;
  261. text-transform: uppercase;
  262. font-size: 8px;
  263. line-height: 90%;
  264. margin-left:-4px;
  265. margin-top: -2px;
  266.  
  267. }
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274.  
  275. #nav a {
  276. border-radius:5%;
  277. text-align: center;
  278. margin-bottom:4px;
  279. margin-left:-1px;
  280. margin-right:-1px;
  281. display:inline-block;
  282. border: 2px solid {color:border};
  283. padding-left: 3px;
  284. width:17x;
  285. height: 15px;
  286. padding-bottom: 1px;
  287. background:{color:sidebar};
  288. transition-duration: 1.9s;
  289. -moz-transition-duration: 1.6s;
  290. -webkit-transition-duration: 1.6s;
  291. -o-transition-duration: 1.6s;
  292.  
  293. }
  294.  
  295.  
  296. #nav a:hover {
  297. color:#fdfdfd;
  298. background:{color:nav hover};
  299. height:30px;
  300. padding-bottom:1px;
  301. transition-duration: 0.5s;
  302. -moz-transition-duration: 0.5s;
  303. -webkit-transition-duration: 0.5s;
  304. -o-transition-duration: 0.5s;
  305. }
  306.  
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313.  
  314.  
  315. #sidebarimage {width: 141px; margin-left:18px;text-align:center;margin-top:145px;text-align:center;
  316. }
  317.  
  318.  
  319.  
  320.  
  321. #sidebarimage img {
  322. width:120px;
  323. height:120px;
  324. border:11px solid #fff;
  325. border-radius:100px;
  326. opacity: 0.8;
  327. transition-duration: 2s;
  328. -moz-transition-duration: 2s;
  329. -webkit-transition-duration: 2s;
  330. -o-transition-duration: 2s;
  331. }
  332.  
  333.  
  334. #side:hover #sidebarimage img {opacity:1; transition-duration: 1.5s;
  335. -moz-transition-duration: 1.5s;
  336. -webkit-transition-duration: 1.5s;
  337. -o-transition-duration:1.5s;-webkit-transform: rotate(80deg);
  338.  
  339. }
  340.  
  341.  
  342. #pagination {width:105px; height: 69px; border-radius: 100px; text-align:center; background: #fff; margin-top:-126px; padding-top:40px; padding-left:5px;margin-left:34px; position:fixed; position: absolute; font-size:11px; opacity:0; text-transform:lowercase; font-family: georgia; letter-spacing:1px;font-style:italic; font-weight:bold; transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.9s ease-in-out}
  343. #pagination a:hover {font-size:14px;}
  344.  
  345.  
  346. #side:hover #pagination {opacity:0.9; transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.9s ease-in-out}
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353.  
  354. #questions {background-color: #fcfcfc; color: {color:linkblock}; padding:10px; margin-top: 2px; margin-bottom:0px; font-family:calibri; font-size:9px; text-align:left; letter-spacing:px; text-transform:uppercase; line-height:90%; }
  355. #questions a {color:{color:linkblock}; font-size: 10px; }
  356. #answer {padding:4px; margin-bottom:-7px}
  357.  
  358.  
  359. #audio {
  360. width:500px;
  361. height:70px;
  362. margin-bottom: 10px;
  363. }
  364.  
  365. .artcover {
  366. width:70px;
  367. height:70px;
  368. position:absolute;
  369. }
  370. .artcover img {
  371. width:70px;
  372. height:70px;
  373. float:left;
  374. }
  375.  
  376. .player {
  377. position:absolute;
  378. z-index:1;
  379. width:60px;
  380. height:60px;
  381. margin-top:5px;
  382. margin-left:5px;
  383. display:block;
  384. opacity:0.7;
  385. -webkit-transition:all 0.4s;
  386. -moz-transition:all 0.4s;
  387. -o-transition:all 0.4s;
  388. -ms-transition: all 0.4s;
  389. transition:all 0.5s;
  390. -webkit-border-radius:50px;
  391. border-radius:50px;
  392. -moz-border-radius:50px;
  393. background:#fff;
  394. }
  395. .player:hover {
  396. -webkit-transition:all 0.4s;
  397. -moz-transition:all 0.4s;
  398. -o-transition:all 0.4s;
  399. -ms-transition: all 0.4s;
  400. transition:all 0.4s;
  401. opacity:0.5;
  402. }
  403.  
  404. .audioplayer {
  405. width:24px;
  406. height:24px;
  407. margin-top:14px;
  408. margin-left:13px;
  409. overflow:hidden;
  410. padding:3px;
  411. }
  412.  
  413. .audioinfo {
  414. width:430px;
  415. height:54px;
  416. margin-left:70px;
  417. display:block;
  418. padding-top:16px;
  419. font-size:12px;
  420. font-weight:700;
  421. letter-spacing:1px;
  422. text-transform:uppercase;
  423. text-align:center;
  424. color: #bbb;
  425. background: #000000;
  426. }
  427.  
  428. #cred {
  429. position:fixed;
  430. font-family:calibri;
  431. font-size:13px;
  432. text-transform:uppercase;
  433. bottom:13px;
  434. right:13px;
  435. -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
  436. }
  437.  
  438.  
  439. #cred a { border-radius:100px; border:2px solid #ffffff; display:block; padding:3px; background-color: #fff; color:{color:link}}
  440. #cred a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 2px solid #f3f3f3; color: #000000;}
  441.  
  442.  
  443.  
  444. {CustomCSS}</style></head><body>
  445. <div id="side">
  446. <div id="sidebar">
  447.  
  448.  
  449.  
  450.  
  451.  
  452.  
  453.  
  454. <div id="description"><font color="#888888">{Description}</font></div>
  455.  
  456. <div id="nav">
  457.  
  458. <a href="/" title= "home"><strong>01.</strong></a>
  459. <a href="/ask" title= "message">02.</a>
  460. <a href="{text:Link3 URL}" title="{text:Link3}">03.</a>
  461. <a href="{text:Link4 URL}" title="{text:Link4}">04.</a>
  462. <a href="{text:Link5 URL}" title="{text:Link5}">05.</a>
  463. <a href="{text:Link6 URL}" title="{text:Link6}">06.</a>
  464. </div>
  465.  
  466. </div>
  467.  
  468.  
  469.  
  470.  
  471.  
  472.  
  473.  
  474.  
  475. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div>
  476. <div id="pagination">{block:Pagination}{block:NextPage}<a href="{NextPage}">back</a>{/block:NextPage}{/block:Pagination}{block:Pagination} <br> {block:PreviousPage}<a href="{PreviousPage}">forward</a>{/block:PreviousPage}{/block:Pagination}{/block:Pagination}
  477. </div>
  478.  
  479. </div>
  480.  
  481.  
  482.  
  483.  
  484.  
  485.  
  486.  
  487.  
  488. <div id="entries">{block:Posts}<div id="post">
  489.  
  490.  
  491.  
  492. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  493.  
  494. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  495.  
  496. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  497.  
  498. {block:Quote}<div id="h2">{Quote}</div>{block:Source}<div id="source"> —{Source}</div>{/block:Source}{/block:Quote}
  499.  
  500. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  501.  
  502. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  503.  
  504.  
  505.  
  506. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  507. {block:Answer}<div id="questions"><b>{asker}</b>: {Question}</div>
  508. <div id="answer">{Answer}</div>{/block:answer}
  509.  
  510.  
  511.  
  512. {block:Audio}
  513. <div id="audio">
  514. <div class="artcover"><img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusic2.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  515.  
  516. <div class="player">
  517. <div class="audioplayer">{AudioPlayerWhite}</div></div>
  518.  
  519. <div class="audioinfo">
  520. {block:TrackName}{TrackName}{/block:TrackName}
  521. <div style="font-size:9px; margin-top:5px;">
  522. {block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album}
  523. </div></div></div>
  524.  
  525. {block:PermalinkPage}
  526. {block:Caption}<br>{Caption}{/block:Caption}
  527. {/block:PermalinkPage}
  528. {/block:Audio}
  529.  
  530. {block:Date}<div id="info">Shared {TimeAgo} on <a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date} {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentName}"> {ReblogParentName}</a> {block:ContentSource}(©&nbsp;<a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{/block:RebloggedFrom}</div>
  531. </div>
  532.  
  533.  
  534.  
  535.  
  536.  
  537. {block:HasTags}<div id="tags">tagged as : &nbsp&nbsp
  538. {block:Tags}#<a href="/tagged/{Tag}">{Tag} </a>{/block:Tags}
  539. </div>{/block:HasTags}
  540.  
  541.  
  542. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  543. {/block:Posts}</div>
  544.  
  545. <div id="cred"><a href="http://xjawnlawk.tumblr.com/tagged/my-themes">©</a></div>
  546.  
  547. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!