Advertisement
dearcasthemes

audacity

Jun 8th, 2014
3,089
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.58 KB | None | 0 0
  1. <!----© THEME BY slutjensen.tumblr.com for public use-----DON'T REMOVE CREDIT--->    
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <meta name="color:left gradient" content="#000000"/>
  10. <meta name="color:right gradient" content="#ffffff"/>
  11. <meta name="color:Background" content="#ffffff"/>
  12. <meta name="color:Text" content="#838282"/>
  13. <meta name="color:Link" content="#b8b8b8"/>
  14. <meta name="color:links hover" content="#000000"/>
  15. <meta name="color:links hover text" content="#ffffff"/>
  16. <meta name="image:sidebar" content=""/>
  17.  
  18.  
  19. <meta name="text:linkA" content="">
  20. <meta name="text:linkA url" content="/">
  21. <meta name="text:linkB" content="">
  22. <meta name="text:linkB url" content="/">
  23. <meta name="text:linkC" content="">
  24. <meta name="text:linkC url" content="/">
  25. <meta name="text:linkD" content="">
  26. <meta name="text:linkD url" content="/">
  27. <meta name="text:linkE" content="">
  28. <meta name="text:linkE url" content="/">
  29.  
  30. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  31. <style>
  32. div#qTip {
  33. padding:3px;
  34. margin:1px 0px 0px 1px;
  35. display:none;
  36. text-align:center;
  37. text-decoration:none;
  38. position:absolute;
  39. font-size:8px;
  40. font-weight:bold;
  41. max-width:120px;
  42. line-height:10px;
  43. font-family:calibri;
  44. z-index:10000;
  45. background-color:{color:links hover};
  46. color:{color:links hover text};
  47. text-transform:uppercase;
  48. letter-spacing:1px;
  49. }
  50. </style>
  51.  
  52. <style type="text/css">
  53.  
  54. *, body, a {cursor: url('http://img69.imageshack.us/img69/7673/cursorw.png'), auto;}
  55.  
  56. ::-webkit-scrollbar {
  57.  
  58. width: 4px;
  59. height: 3px; background: #FAFAFA;
  60. }
  61. ::-webkit-scrollbar-thumb {background-color:#D6D5D5; ;}
  62.  
  63.  
  64. body {
  65. background:{color:background};
  66. margin:0px;
  67. color:{color:text};
  68. font-family:Calibri;
  69. font-size:10px;
  70. line-height:100%;
  71. }
  72.  
  73. a {
  74. text-decoration:none;
  75. outline:none;
  76. -moz-outline-style:none;
  77. color:{color:link};
  78. -webkit-transition: all 0.6s ease-in-out;
  79. -moz-transition: all 0.6s ease-in-out;
  80. -o-transition: all 0.6s ease-in-out;
  81. -ms-transition: all 0.6s ease-in-out;
  82. transition: all 0.6s ease-in-out;
  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:15px;
  101. }
  102.  
  103. #entries {
  104. padding:10px;
  105. width:500px;
  106. margin-left:525px;
  107. margin-top:40px;
  108. }
  109.  
  110. #post {
  111. width:500px;
  112. padding-bottom:20px;
  113.  
  114. -webkit-transition: all 0.5s ease-in-out;
  115. -moz-transition: all 0.5s ease-in-out;
  116. transition: all 0.5s ease-in-out;
  117. }
  118.  
  119.  
  120.  
  121. #sidebar {
  122. width:250px;
  123. position:fixed;
  124. margin-left:270px;
  125. margin-top:180px;
  126. }
  127.  
  128. #title {
  129. opacity:0;
  130. font-size:15px;
  131. text-align:center;
  132. margin-bottom:5px;
  133. }
  134.  
  135. #sidebarimage {
  136.  
  137. width 250px;
  138. }
  139.  
  140. #sidebarimage img {
  141.  
  142. width:150px;
  143.  
  144. }
  145.  
  146. #description {
  147. position:fixed;
  148. color:#c4c4c4;
  149. padding:5px;
  150. width:140px;
  151. text-align:justify;
  152. letter-spacing:0.5px;
  153. line-height:90%;
  154. font-style:italic;
  155. font-size:8px;
  156. margin-top:42px;
  157. padding-top:6px;
  158. border-top:1px solid#fff;
  159. -webkit-transition: all 0.6s ease-in-out;
  160. -moz-transition: all 0.6s ease-in-out;
  161. transition: all 0.6s ease-in-out;
  162. }
  163.  
  164. #sidebar:hover #description {
  165. border-top:1px solid#eee;
  166. -webkit-transition: all 0.6s ease-in-out;
  167. -moz-transition: all 0.6s ease-in-out;
  168. transition: all 0.6s ease-in-out;
  169. }
  170.  
  171. #description:first-letter {
  172. font-family:times;
  173. font-size:17px;
  174. padding:2px;
  175. }
  176.  
  177. #pagination {
  178. word-spacing:3px;
  179. letter-spacing:3px;
  180. font-size:11px;
  181. position:fixed;
  182. text-align:center;
  183. margin-left:4px;
  184. width:140px;
  185.  
  186. margin-top:115px;
  187. color:{color:link};
  188. -webkit-transition: all 0.6s ease-in-out;
  189. -moz-transition: all 0.6s ease-in-out;
  190. transition: all 0.6s ease-in-out;
  191.  
  192. }
  193.  
  194. #pagination a:hover {
  195. padding:5px;
  196. background:#eee;
  197. color:#fff;
  198. -webkit-transition: all 0.6s ease-in-out;
  199. -moz-transition: all 0.6s ease-in-out;
  200. transition: all 0.6s ease-in-out;
  201. }
  202.  
  203.  
  204.  
  205. #asker {
  206. float:left;
  207. margin-right:5px;
  208. }
  209.  
  210. #gradient {
  211. margin-top:18px;
  212. margin-left:5px;
  213. width:140px;
  214. height:20px;
  215. position:fixed;
  216. background: linear-gradient(to left, {color:right gradient} 0%, {color:left gradient} 100%);
  217. -webkit-linear-gradient(right, {color:right gradient} 0%, {color:left gradient} 100%);
  218. -webkit-gradient(linear, right top, left top, color-stop(0, {color:right gradient}), color-stop(1, {color:left gradient}));-o-linear-gradient(right, {color:right gradient} 0%, {color:left gradient} 100%);
  219. -moz-linear-gradient(right, {color:right gradient} 0%, {color:left gradient} 100%);-ms-linear-gradient(right, {color:right gradient} 0%, {color:left gradient} 100%);
  220.  
  221. -webkit-transition: all 0.6s ease-in-out;
  222. -moz-transition: all 0.6s ease-in-out;
  223. transition: all 0.6s ease-in-out;
  224.  
  225. }
  226.  
  227. #links {
  228. opacity:0;
  229. position:fixed;
  230. font-family:baskerville;
  231. display:inline-block;
  232. margin-top: 19px;
  233. margin-left:-9px;
  234. font-size:9px;
  235. text-transform:uppercase;
  236. text-align:center;
  237. letter-spacing:2px;
  238. line-height:130%;
  239. width:149px;
  240. font-style:normal;
  241. word-spacing:5px;
  242.  
  243. ;-webkit-transition: all 0.5s ease-out;
  244. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  245.  
  246. }
  247.  
  248. #links a{
  249.  
  250. border:1px solid transparent ;
  251. display:inline-block;
  252. width:13px;
  253. padding:3px;
  254. color:{color:right gradient};
  255. background-color:{color:right gradient};
  256. letter-spacing:0px;
  257. text-decoration:none;
  258. ;-webkit-transition: all 0.8s ease-out;
  259. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  260. }
  261.  
  262. #links a:hover{
  263.  
  264.  
  265. color:{color:left gradient};
  266. background-color:{color:left gradient};
  267. ;-webkit-transition: all 0.8s ease-out;
  268. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  269. }
  270.  
  271. #sidebar:hover #gradient {
  272. opacity:0;
  273. ;-webkit-transition: all 0.5s ease-out;
  274. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  275. }
  276.  
  277. #sidebar:hover #links {
  278. opacity:1;
  279. ;-webkit-transition: all 0.5s ease-out;
  280. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  281. }
  282.  
  283. #info {
  284. text-align:right;
  285. margin-top:10px;
  286. padding: 5px;
  287. font-size: 8px;
  288. color: {color:link};
  289. text-transform: uppercase;
  290. font-style: italic;
  291. border-top: 1px solid #eee;
  292. }
  293.  
  294. #tags {
  295. margin-top:2px;
  296. text-align:right;
  297. text-transform:uppercase;
  298. font-size:8px;
  299. font-style:normal;
  300. letter-spacing:0px;
  301. font-family:times;
  302. opacity: 0;
  303. -webkit-transition: all 0.6s ease-in-out;
  304. -moz-transition: all 0.6s ease-in-out;
  305. -o-transition: all 0.6s ease-in-out;
  306. -ms-transition: all 0.6s ease-in-out;
  307. transition: all 0.6s ease-in-out;
  308. }
  309.  
  310. #tags a {
  311. padding:3px;
  312. display:inline;
  313. text-align:left;
  314.  
  315. }
  316.  
  317. #post:hover #tags {
  318. opacity:1;
  319. }
  320.  
  321. #credit {
  322.  
  323. font-size:12px;
  324. font-family:arial;
  325. font-weight:bold;
  326. letter-spacing:-1px;
  327. -moz-transition-duration:0.5s;
  328. -webkit-transition-duration:0.5s;
  329. -o-transition-duration:0.5s;
  330. }
  331.  
  332.  
  333.  
  334. #credit a {
  335. background-color:#fff;
  336. padding:5px;
  337. border:0px solid #e9e9e9;
  338. position:fixed;
  339. right:1px;
  340. bottom:1px
  341. }
  342.  
  343.  
  344. #credit a:hover {
  345.  
  346. color:{color:left gradient};
  347. -moz-transition-duration:0.5s;
  348. -webkit-transition-duration:0.5s;
  349. -o-transition-duration:0.5s;
  350.  
  351. -moz-transition-duration:0.5s;
  352. -webkit-transition-duration:0.5s;
  353. -o-transition-duration:0.5s;
  354. }
  355.  
  356.  
  357.  
  358. {CustomCSS}</style></head><body>
  359.  
  360. <div id="sidebar">
  361.  
  362.  
  363. <div id="title">{Title}</div>
  364.  
  365. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  366.  
  367. <div id="gradient">
  368. </div>
  369.  
  370. <div id="links">
  371. <a href="{text:linkA url}" title="{text:linkA}" style="background-color:{color:left gradient}; color:{color:left gradient};" >i</a>
  372. <a href="{text:linkB url}" title="{text:linkB}">ii</a>
  373. <a href="{text:linkC url}" title="{text:linkC}">iii</a>
  374. <a href="{text:linkD url}" title="{text:linkD}">iv</a>
  375. <a href="{text:linkE url}" title="{text:linkE}">v</a>
  376. </div>
  377.  
  378. <div id="description">{Description}</div>
  379.  
  380. <div id="pagination">
  381.  
  382. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  383. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}
  384. </div>
  385.  
  386. </div>
  387.  
  388. <div id="entries">{block:Posts}
  389. {block:ContentSource}
  390. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  391. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  392. {/block:SourceLogo}
  393. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  394. {/block:ContentSource}
  395.  
  396. <div id="post">
  397.  
  398. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  399.  
  400. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  401.  
  402. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  403.  
  404. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  405.  
  406. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  407.  
  408. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  409.  
  410. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  411.  
  412. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  413.  
  414. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  415.  
  416. <div id="info">
  417. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  418. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  419. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>
  420. <div id="tags">
  421. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  422. </div>
  423. </div>
  424. {block:PostNotes}{PostNotes}{/block:PostNotes}
  425. {/block:Posts}</div>
  426.  
  427. <div id="credit"><a href="http://slutjensen.tumblr.com">dear cas,</div>
  428. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement