API tools faq
paste
parispier

Theme07: Everchanging

parispier
Feb 22nd, 2013
2,226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.95 KB | None | 0 0
raw download clone embed print report
  1. <!---- theme made by nialljhoren ---->
  2. <!---- do not use as base code, remove credit, or claim as your own --->
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <script>
  12. window.onload = function () {
  13. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  14. document.addEventListener( 'click', function ( event ) {
  15. var myLike = event.target;
  16. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  17. var frame = document.getElementById( 'my-like-frame' ),
  18. liked = ( myLike.className == 'my-liked' ),
  19. command = liked ? 'unlike' : 'like',
  20. reblog = myLike.getAttribute( 'data-reblog' ),
  21. id = myLike.getAttribute( 'data-id' ),
  22. oauth = reblog.slice( -8 );
  23. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  24. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  25. };
  26. }, false );
  27. };
  28. </script>
  29.  
  30.  
  31.  
  32. <meta name="color:Background" content="#ffffff"/>
  33.  
  34. <meta name="color:entry" content="#fffdfd" />
  35. <meta name="color:text" content="#a3a3a3" />
  36. <meta name="color:link" content="#b3b2b1" />
  37. <meta name="color:linkhovercolor" content="#f3f3f3" />
  38. <meta name="color:navlink" content="#b3b2b1" />
  39. <meta name="color:big" content="#b9aeac" />
  40. <meta name="color:bold" content="#f3e6e3" />
  41. <meta name="color:scrollbar" content="#b1b1b1" />
  42. <meta name="color:italic" content="#cec2c0" />
  43.  
  44. <meta name="text:Link1" content="/" />
  45. <meta name="text:Link1 Title" content="link 1" />
  46. <meta name="text:Link2" content="/" />
  47. <meta name="text:Link2 Title" content="link 2" />
  48. <meta name="text:Link3" content="/" />
  49. <meta name="text:Link3 Title" content="link 3" />
  50. <meta name="text:Link4" content="/" />
  51. <meta name="text:Link4 Title" content="link 4" />
  52.  
  53. <meta name="if:NextPrevPagi" content="1"/>
  54. <meta name="if:ArrowPagi" content="0"/>
  55.  
  56. <meta name="image:sidebar" content=""/>
  57. <meta name="image:sidebackground" content=""/>
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height:100px;}
  63.  
  64. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height:10px !important;}
  65.  
  66. ::-webkit-scrollbar {height:9px; width:9px; background-color: #fff;}
  67.  
  68.  
  69. body {
  70. background:{color:background};
  71. margin:0px;
  72. color:{color:text};
  73. font-size:10px;
  74. font-weight:bolder;
  75. line-height:100%;
  76. }
  77.  
  78. a {
  79. text-decoration:none;
  80. outline:none;
  81. -moz-outline-style:none;
  82. color:{color:link};
  83. }
  84.  
  85. img {
  86. border:none;
  87. }
  88.  
  89. blockquote {
  90. padding-left:5px;
  91. border-left:2px solid;
  92. }
  93.  
  94. blockquote blockquote {
  95. padding-left:5px;
  96. border-left:2px solid;
  97. }
  98.  
  99. h1 {
  100. font-size:10px;
  101. font-family:cambria;
  102. text-transform:uppercase;
  103. padding-bottom:5px;
  104. }
  105.  
  106. a:hover {
  107. opacity:10;
  108. color:{color:linkhovercolor};
  109. -webkit-transition: all 0.7s ease;
  110. -moz-transition: all 0.7s ease;
  111. -o-transition: all 0.7s ease
  112. }
  113.  
  114. #entries {
  115. padding:10px;
  116. width:500px;
  117. margin-left:500px;
  118. margin-top:70px;
  119. }
  120.  
  121. #post {
  122. width:500px;
  123. padding-bottom:20px;
  124. padding:15px;
  125. margin-top:30px;
  126. border:1px solid #e7e7e7;
  127. }
  128.  
  129. #sidebar {
  130. position:fixed;
  131. width:110px;
  132. height:270px;
  133. margin-left:300px;
  134. margin-top:135px;
  135. -webkit-transition: all 0.9s ease-in;
  136. -moz-transition: all 0.9s ease-in;
  137. -o-transition: all 0.9s ease-in;
  138. -webkit-transition: all 0.5s ease-out;
  139. -moz-transition: all 0.5s ease-out;
  140. -o-transition: all 0.5s ease-out;
  141. }
  142.  
  143. #sidebarbg:hover #sidebar {
  144. margin-top:300px;
  145. background-color:#f7f7f8;
  146. border:1px solid #edecee;
  147. -webkit-transition: all 0.9s ease-in;
  148. -moz-transition: all 0.9s ease-in;
  149. -o-transition: all 0.9s ease-in;
  150. -webkit-transition: all 0.5s ease-out;
  151. -moz-transition: all 0.5s ease-out;
  152. -o-transition: all 0.5s ease-out;
  153. }
  154.  
  155. #sidebarbg {
  156. position:fixed;
  157. width:450px;
  158. height:650px;
  159. margin-top:-75px;
  160. background-image: url('{image:sidebackground}');
  161. border-right:5px solid #e4e3e2;
  162. opacity:.7;
  163. -webkit-transition: all 0.9s ease-in;
  164. -moz-transition: all 0.9s ease-in;
  165. -o-transition: all 0.9s ease-in;
  166. -webkit-transition: all 0.5s ease-out;
  167. -moz-transition: all 0.5s ease-out;
  168. -o-transition: all 0.5s ease-out;
  169. }
  170.  
  171. #sidebarimage {
  172. position:fixed;
  173. width:110px;
  174. height:110px;
  175. margin-left:11px;
  176. background-color:#fff;
  177. margin-top:10px;
  178. -webkit-transition: all 0.1s ease-in;
  179. -moz-transition: all 0.1s ease-in;
  180. -o-transition: all 0.1s ease-in;
  181. -webkit-transition: all 0.5s ease-out;
  182. -moz-transition: all 0.5s ease-out;
  183. -o-transition: all 0.5s ease-out;
  184. }
  185.  
  186. #sidebarimage img {
  187. position:fixed;
  188. width:100px;
  189. height:100px;
  190. border:3px solid #e4e3e2;
  191. }
  192.  
  193. #sidebarbg:hover #sidebarimage img {
  194. height:75px;
  195. width:75px;
  196. }
  197.  
  198. #sidebarbg:hover #sidebarimage {
  199. width:85px;
  200. height:85px;
  201. }
  202.  
  203. #description {
  204. font-family:cambria;
  205. position:fixed;
  206. padding:5px;
  207. width:100px;
  208. margin-top:125px;
  209. margin-left:11px;
  210. text-align:center;
  211. background-color:#fff;
  212. border:1px solid #edecee;
  213. -webkit-transition: all 0.9s ease-in;
  214. -moz-transition: all 0.9s ease-in;
  215. -o-transition: all 0.9s ease-in;
  216. -webkit-transition: all 0.5s ease-out;
  217. -moz-transition: all 0.5s ease-out;
  218. -o-transition: all 0.5s ease-out;
  219. }
  220.  
  221. #sidebarbg:hover #description {
  222. margin-left:-1px;
  223. margin-top:100px;
  224. -webkit-transition: all 0.9s ease-in;
  225. -moz-transition: all 0.9s ease-in;
  226. -o-transition: all 0.9s ease-in;
  227. -webkit-transition: all 0.5s ease-out;
  228. -moz-transition: all 0.5s ease-out;
  229. -o-transition: all 0.5s ease-out;
  230. }
  231.  
  232. #pagination {
  233. font-family:cambria;
  234. font-size:7.5px;
  235. text-align:center;
  236. margin-top:275px;
  237. margin-left:16px;
  238. padding:3px;
  239. width: 70px;
  240. letter-spacing:1px;
  241. text-transform:uppercase;
  242. opacity:0;
  243. }
  244.  
  245. #sidebarbg:hover #pagination {
  246. opacity:1;
  247. }
  248.  
  249. #pagination2 {
  250. font-family:cambria;
  251. font-size:12px;
  252. text-align:center;
  253. margin-top:273px;
  254. margin-left:16px;
  255. padding:3px;
  256. width:70px;
  257. letter-spacing:1px;
  258. background-color:none;
  259. opacity:0;
  260. }
  261.  
  262. #sidebarbg:hover #pagination2 {
  263. opacity:1;
  264. }
  265.  
  266. #links {
  267. z-index:5;
  268. position:fixed;
  269. margin-left:20px;
  270. margin-top:170px;
  271. width:70px;
  272. height:15px;
  273. line-height:150%;
  274. font-family:cambria;
  275. font-size:10px;
  276. text-align:center;
  277. text-transform:lowercase;
  278. letter-spacing:0px;
  279. opacity:0;
  280. display:block;
  281. -webkit-transition: all 0.9s ease-in;
  282. -moz-transition: all 0.9s ease-in;
  283. -o-transition: all 0.9s ease-in;
  284. -webkit-transition: all 0.5s ease-out;
  285. -moz-transition: all 0.5s ease-out;
  286. -o-transition: all 0.5s ease-out;
  287. }
  288.  
  289. #links a {
  290. display:block;
  291. margin-bottom:-7px;
  292. padding-bottom:2px;
  293. padding-top:2px;
  294. padding-left:3px;
  295. padding-right:3px;
  296. border:1px solid #edecee;
  297. background-color:#fff;
  298. color:{color:navlink};
  299. -webkit-transition: all 0.9s ease-in;
  300. -moz-transition: all 0.9s ease-in;
  301. -o-transition: all 0.9s ease-in;
  302. -webkit-transition: all 0.5s ease-out;
  303. -moz-transition: all 0.5s ease-out;
  304. -o-transition: all 0.5s ease-out;
  305. }
  306.  
  307. #links a:hover{
  308. font-style:italic;
  309. background-color:#d6d5d5;
  310. letter-spacing:1px;
  311. color:#fff;
  312. border:1px solid #cacaca;
  313. -webkit-transition: all 0.9s ease-in;
  314. -moz-transition: all 0.9s ease-in;
  315. -o-transition: all 0.9s ease-in;
  316. -webkit-transition: all 0.5s ease-out;
  317. -moz-transition: all 0.5s ease-out;
  318. -o-transition: all 0.5s ease-out;
  319. }
  320.  
  321. #sidebarbg:hover #links {
  322. opacity:.8;
  323. }
  324.  
  325. #info {
  326. font-family:cambria;
  327. text-align:right;
  328. text-transform:uppercase;
  329. font-size:8px;
  330. margin-top:10px;
  331. border-top:1px dotted #e7e7e7;
  332. padding-top:3px;
  333. }
  334.  
  335. #info a {
  336. color:{color:link};
  337. }
  338.  
  339. #info a:hover {
  340. color:#fff;
  341. }
  342.  
  343. #tags {
  344. font-family:cambria;
  345. font-size:8px;
  346. text-transform:uppercase;
  347. }
  348.  
  349. #question{
  350. font-family: consolas;
  351. font-size:10px;
  352. padding:8px 3px 8px 5px;
  353. width:500px;
  354. text-align:left;
  355. font-style:italic;
  356. background-color:#ffffff;
  357. background-color:#fcfcfc;
  358. border-bottom:1px dotted #e4e3e2;
  359. color:{color:text};
  360. }
  361.  
  362. #question a:hover{
  363. color:{color:linkhovercolor};}
  364.  
  365. #heyo {
  366. position:fixed;
  367. text-align:center;
  368. bottom:10px;
  369. right:10px;
  370. font-size:7px;
  371. text-transform:uppercase;
  372. display:block;
  373. border-radius:100px;
  374. background-color:#fff;
  375. }
  376.  
  377. #heyo a{
  378. color:#b3b2b1;
  379. border: 1px solid #e4e3e2;
  380. padding: 3px 5px 3px 5px;
  381. background-color:#fff;
  382. -moz-transition-duration:0.5s;
  383. -webkit-transition-duration:0.5s;
  384. -o-transition-duration:0.5s;}
  385.  
  386. #heyo a:hover{
  387. color:#fff;
  388. background-color:#969194;
  389. border: 1px solid #7a7979;
  390. color:#fff;
  391. padding: 3px 5px 3px 5px;
  392. -moz-transition-duration:0.5s;
  393. -webkit-transition-duration:0.5s;
  394. -o-transition-duration:0.5s;}
  395.  
  396. i, em{color:{color:italic}; font-style:italic;}
  397. b, strong{color:{color:bold}; font-style:bold;}
  398.  
  399. #albumart {
  400. position:absolute;
  401. width:125px;
  402. height:125px;}
  403. #albumart img {
  404. width:125px;
  405. height:125px;
  406. float:left;
  407. padding:5px;}
  408. #audioinfo {
  409. font-size:7px;
  410. color:text;}
  411.  
  412.  
  413. {CustomCSS}</style></head><body>
  414.  
  415.  
  416. <div id="sidebarbg">
  417.  
  418. <div id="sidebar">
  419.  
  420. <div id="description">{Description}</div>
  421.  
  422. <div id="links">
  423. <a href="{text:Link1}">{text:Link1 Title}</a> <p>
  424. <a href="{text:Link2}">{text:Link2 Title}</a> <p>
  425. <a href="{text:Link3}">{text:Link3 Title}</a> <p>
  426. <a href="{text:Link4}">{text:Link4 Title}</a>
  427. </div>
  428.  
  429. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  430.  
  431. {block:IfNextPrevPagi}<div id="pagination" style="background-color:#f7f7f8;"><center>
  432. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev /</a>{/block:PreviousPage}
  433. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  434. </div></center>{/block:IfNextPrevPagi}
  435.  
  436. {block:IfArrowPagi}<div id="pagination" style="font-size:13px;"><center>
  437. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  438. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  439. </div></center>{/block:IfArrowPagi}
  440.  
  441. </div></div>
  442.  
  443. <div id="entries">{block:Posts}<div id="post">
  444.  
  445. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  446.  
  447. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  448.  
  449. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  450.  
  451. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  452.  
  453. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  454.  
  455. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  456.  
  457. {block:Audio}
  458. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" />{/block:AlbumArt}<p>
  459. {AudioPlayerWhite}
  460. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}
  461. <br>
  462. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}
  463. <br>
  464. {block:Album}<b>Album:</b> {Album}{/block:Album}
  465. <br>
  466. <b>Plays:</b> {PlayCount}
  467. {/block:Audio}
  468.  
  469. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  470.  
  471. {block:Answer}
  472. <a href="{AskerURL}"><img align="left" src="{AskerPortraitUR-24}"></a> <div id="question" style="width:500px;">{Asker}: {Question}</div> <BR>
  473. {Answer}
  474. {/block:Answer}
  475.  
  476. <div id="info">
  477. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  478. {NoteCountWithLabel}</a>{block:RebloggedFrom} via <a href="{ReblogParentURL}"
  479. title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}
  480. + <a href="{ReblogURL}" target="_blank">reblog</a>
  481. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} </div></div>
  482. {/block:Posts}
  483. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  484. {/block:Posts} </div></div></div>
  485.  
  486. <div id="heyo" style="border-radius:100px;"><a href="http://nialljhoren.tumblr.com">N</a></div>
  487.  
  488. </div>
  489.  
  490. </div>
  491.  
  492. </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!