API tools faq
paste
Advertisement
parispier

Theme02: Dark Angel V2

parispier
Jan 26th, 2013
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.71 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:navlinkhovercolor" content="#f3f3f3" />
  40. <meta name="color:big" content="#b9aeac" />
  41. <meta name="color:bold" content="#f3e6e3" />
  42. <meta name="color:title" content="#b1b1b1" />
  43. <meta name="color:italic" content="#cec2c0" />
  44. <meta name="color:border" content="#e4e3e2" />
  45. <meta name="color:bgborder" content="#e4e3e2">
  46. <meta name="color:Question Box" content="#ccc"/>
  47.  
  48. <meta name="text:Link1" content="/" />
  49. <meta name="text:Link2" content="/" />
  50. <meta name="text:Link3" content="/" />
  51. <meta name="text:Link4" content="/" />
  52.  
  53. <meta name="image:sidebackground" content=""/>
  54.  
  55.  
  56. <style type="text/css">
  57. /*----image opacity-----*/
  58. img { border: 0px solid #eee; padding: 3px; filter: alpha (opacity=80); opacity: 0.80;
  59. -webkit-transition: all 0.6s ease-out;
  60. -moz-transition: all 0.6s ease-out;
  61. transition: all 0.6s ease-out;}
  62. img:hover {filter: alpha (opacity=100); opacity: 1.0;
  63. -webkit-transition: all 0.6s ease-out;
  64. -moz-transition: all 0.6s ease-out;
  65. transition: all 0.6s ease-out;}
  66. /*----image opacity ends-----*/
  67.  
  68. ::-webkit-scrollbar-thumb:vertical {background-color: {color:title}; height:100px;}
  69.  
  70. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Font}; height:10px !important;}
  71.  
  72. ::-webkit-scrollbar {height:9px; width:9px; background-color: {color:Background};}
  73.  
  74.  
  75. body {
  76. background:{color:background};
  77. margin:0px;
  78. color:{color:text};
  79. font-size:10px;
  80. font-weight:bolder;
  81. line-height:100%;
  82. }
  83.  
  84. a {
  85. text-decoration:none;
  86. outline:none;
  87. -moz-outline-style:none;
  88. color:{color:link};
  89. }
  90.  
  91. img {
  92. border:none;
  93. }
  94.  
  95. blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. }
  99.  
  100. blockquote blockquote {
  101. padding-left:5px;
  102. border-left:2px solid;
  103. }
  104.  
  105. h1 {
  106. font-size:10px;
  107. font-family:cambria;
  108. text-transform:uppercase;
  109. padding-bottom:5px;
  110. }
  111.  
  112. a:hover {
  113. opacity:10;
  114. color:{color:hover};
  115. -webkit-transition: all 0.7s ease;
  116. -moz-transition: all 0.7s ease;
  117. -o-transition: all 0.7s ease
  118. }
  119.  
  120. #entries {
  121. padding:10px;
  122. width:500px;
  123. margin-left:500px;
  124. margin-top:70px;
  125. }
  126.  
  127. #post {
  128. width:500px;
  129. padding-bottom:20px;
  130. padding:15px;
  131. margin-top:30px;
  132. border:1px solid {color:border};
  133. }
  134.  
  135. #sidebar {
  136. position:fixed;
  137. width:280px;
  138. height:800px;
  139. position:fixed;
  140. margin-left:200px;
  141. margin-top:100px;
  142. }
  143.  
  144. #sidebar:hover #links {
  145. opacity:1;
  146. -webkit-transition: all 0.9s ease-in;
  147. -moz-transition: all 0.9s ease-in;
  148. -o-transition: all 0.9s ease-in;
  149. -webkit-transition: all 0.5s ease-out;
  150. -moz-transition: all 0.5s ease-out;
  151. -o-transition: all 0.5s ease-out;}
  152.  
  153. #sidebar:hover #title {
  154. opacity:0;
  155. webkit-transition: all 0.9s ease-in;
  156. -moz-transition: all 0.9s ease-in;
  157. -o-transition: all 0.9s ease-in;
  158. -webkit-transition: all 0.5s ease-out;
  159. -moz-transition: all 0.5s ease-out;
  160. -o-transition: all 0.5s ease-out}
  161.  
  162. #sidebar:hover #pagination {
  163. opacity:1;
  164. webkit-transition: all 0.9s ease-in;
  165. -moz-transition: all 0.9s ease-in;
  166. -o-transition: all 0.9s ease-in;
  167. -webkit-transition: all 0.5s ease-out;
  168. -moz-transition: all 0.5s ease-out;
  169. -o-transition: all 0.5s ease-out}
  170.  
  171. #sidebarbg {
  172. position:fixed;
  173. width:280px;
  174. height:200%;
  175. margin-top:-75px;
  176. margin-left:130px;
  177. background-image: url('{image:sidebackground}');
  178. border:1px solid{color:bgborder}
  179. }
  180.  
  181. #title {
  182. font-family:cambria;
  183. font-weight:500;
  184. letter-spacing:-1px;
  185. font-style:normal;
  186. position:fixed;
  187. font-size:27px;
  188. text-align:center;
  189. text-transform:lowercase;
  190. width:285px;
  191. margin-left:-75px;
  192. margin-top:-71px;
  193. -webkit-transition: all 0.9s ease-in;
  194. -moz-transition: all 0.9s ease-in;
  195. -o-transition: all 0.9s ease-in;
  196. -webkit-transition: all 0.5s ease-out;
  197. -moz-transition: all 0.5s ease-out;
  198. -o-transition: all 0.5s ease-out;
  199. }
  200.  
  201. #description {
  202. font-family:cambria;
  203. position:fixed;
  204. padding:5px;
  205. width:180px;
  206. margin-top:-60px;
  207. margin-left:-25px;
  208. text-align:center;
  209. }
  210.  
  211. #pagination {
  212. font-family:cambria;
  213. font-size:7.5px;
  214. text-align:center;
  215. margin-top:-30px;
  216. margin-left:32px;
  217. padding:17px;
  218. width: 100px;
  219. letter-spacing:1px;
  220. text-transform:uppercase;
  221. opacity:0;
  222. -webkit-transition: all 0.9s ease-in;
  223. -moz-transition: all 0.9s ease-in;
  224. -o-transition: all 0.9s ease-in;
  225. -webkit-transition: all 0.5s ease-out;
  226. -moz-transition: all 0.5s ease-out;
  227. -o-transition: all 0.5s ease-out;
  228. }
  229.  
  230. #pagination a {
  231. color:{color:navlink};
  232. }
  233.  
  234. #pagination a:hover {
  235. color:{color:navlinkhovercolor};
  236. }
  237.  
  238. #tags {
  239. font-family:calibri;
  240. font-size:10px;
  241. text-transform:lowercase;
  242. letter-spacing:1px;
  243. }
  244.  
  245. #links {
  246. position:fixed;
  247. margin-left:12px;
  248. margin-top:-69px;
  249. font-family:Geneva;
  250. font-weight:500;
  251. font-size:25px;
  252. text-align:center;
  253. text-transform:uppercase;
  254. opacity:0;
  255. -webkit-transition: all 0.9s ease-in;
  256. -moz-transition: all 0.9s ease-in;
  257. -o-transition: all 0.9s ease-in;
  258. -webkit-transition: all 0.5s ease-out;
  259. -moz-transition: all 0.5s ease-out;
  260. -o-transition: all 0.5s ease-out;
  261. }
  262.  
  263. #links a {
  264. color:{color:navlink};
  265. -webkit-transition: all 0.6s ease-out;
  266. -moz-transition: all 0.6s ease-out;
  267. transition: all 0.6s ease-out;
  268. }
  269.  
  270. #links a:hover {
  271. color:{color:navlinkhovercolor};
  272. -webkit-transition: all 0.6s ease-out;
  273. -moz-transition: all 0.6s ease-out;
  274. transition: all 0.6s ease-out;
  275. }
  276.  
  277.  
  278. #info {
  279. text-align:right;
  280. text-transform:uppercase;
  281. font-size:8px;
  282. margin-top:10px;
  283. border-top:1px dotted {color:border};
  284. padding-top:3px;
  285. -webkit-transition: all 0.6s ease-out;
  286. -moz-transition: all 0.6s ease-out;
  287. transition: all 0.6s ease-out;
  288. }
  289.  
  290. #info a {
  291. color:{color:link};
  292. -webkit-transition: all 0.6s ease-out;
  293. -moz-transition: all 0.6s ease-out;
  294. transition: all 0.6s ease-out;
  295. }
  296.  
  297. #info a:hover {
  298. color:{color:linkhovercolor};
  299. -webkit-transition: all 0.6s ease-out;
  300. -moz-transition: all 0.6s ease-out;
  301. transition: all 0.6s ease-out;
  302. }
  303.  
  304. #question{
  305. color:{color:text};
  306. font-family: sans-serif;
  307. font-size:9px;
  308. background-color: #ffffff;
  309. padding: 7px;
  310. text-align:left;
  311. letter-spacing: 0px;
  312. font-style: normal;
  313. background-color: #fcfcfc;}
  314.  
  315. #question a:hover{
  316. color:{color:linkhovercolor};}
  317.  
  318. #heyo {
  319. position:fixed;
  320. text-align:center;
  321. bottom:10px;
  322. right:10px;
  323. font-size:7px;
  324. text-transform:uppercase;
  325. display:block;
  326. background-color:#fff;
  327. }
  328.  
  329. #heyo a{
  330. {color:link};
  331. border: 1px solid{color:border};
  332. padding: 3px 5px 3px 5px;
  333. background-color:#fff;
  334. -moz-transition-duration:0.5s;
  335. -webkit-transition-duration:0.5s;
  336. -o-transition-duration:0.5s;}
  337.  
  338. #heyo a:hover{
  339. color:{color:linkhovercolor};
  340. background-color:{color:navlink};
  341. border: 1px solid{color:navlinkhovercolor};
  342. color:#fff;
  343. padding: 3px 5px 3px 5px;
  344. -moz-transition-duration:0.5s;
  345. -webkit-transition-duration:0.5s;
  346. -o-transition-duration:0.5s;}
  347. i, em{color:{color:italic}; font-style:italic;}
  348. b, strong{color:{color:bold}; font-style:bold;}
  349.  
  350. #albumart {
  351. position:absolute;
  352. width:125px;
  353. height:125px;}
  354. #albumart img {
  355. width:125px;
  356. height:125px;
  357. float:left;
  358. padding:5px;}
  359. #audioinfo {
  360. font-size:7px;
  361. color:text;}
  362.  
  363.  
  364. {CustomCSS}</style></head><body>
  365. <div id="sidebarbg"></div>
  366.  
  367. <div id="sidebar">
  368.  
  369. <div id="title">{Title};</div>
  370.  
  371. <div id="links">
  372. <a href="{text:Link1}">I.</a>
  373. <a href="{text:Link2}">II.</a>
  374. <a href="{text:Link3}">III.</a>
  375. <a href="{text:Link4}">IV.</a>
  376. </div>
  377.  
  378. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  379.  
  380. <div id="description">{Description}</div>
  381.  
  382. <div id="pagination">
  383. <center>
  384. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  385. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  386. </div>
  387. </center>
  388.  
  389. </div>
  390.  
  391. <div id="entries">{block:Posts}<div id="post">
  392.  
  393. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  394.  
  395. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  396.  
  397. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  398.  
  399. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  400.  
  401. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  402.  
  403. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  404.  
  405. {block:Audio}
  406. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" />{/block:AlbumArt}<p>
  407. {AudioPlayerWhite}
  408. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}
  409. <br>
  410. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}
  411. <br>
  412. {block:Album}<b>Album:</b> {Album}{/block:Album}
  413. <br>
  414. <b>Plays:</b> {PlayCount}
  415. {/block:Audio}
  416.  
  417. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  418.  
  419. {block:Answer}
  420. <a href="{AskerURL}"><img align="left" src="{AskerPortraitUR-24}"></a> <div id="question" style="width:500px;">{Asker}: {Question}</div> <BR>
  421. {Answer}
  422. {/block:Answer}
  423.  
  424. <div id="info">
  425. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  426. {NoteCountWithLabel}</a>{block:RebloggedFrom} via <a href="{ReblogParentURL}"
  427. title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}
  428. + <a href="{ReblogURL}" target="_blank">reblog</a>
  429. {block:HasTags}<div id="tag">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} </div></div>
  430. {/block:Posts}
  431. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  432. {/block:Posts} </div></div></div>
  433.  
  434. <div id="heyo"><a href="http://nialljhoren.tumblr.com">N</a></div>
  435.  
  436. </div>
  437.  
  438. </div>
  439.  
  440. </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!