Advertisement
dearcasthemes

illusion

Apr 29th, 2014
2,757
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.61 KB | None | 0 0
  1. <!----© THEME BY slutjensen.tumblr.com, base theme by enterprizer @ tumblr, for public use-----DON'T REMOVE CREDIT--->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  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. <!---- base theme by enterprizer @ tumblr, for public use --->
  11.  
  12. <meta name="text:first bar" content="Add a playlist here or whatever its up to you. Keep it short. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum"/>
  13. <meta name="text:second bar" content="Talk about what you're doing. Try to keep it short. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum"/>
  14. <meta name="text:third bar" content="Talk about yourself. Try to keep it short. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum"/>
  15.  
  16. <meta name="if:show updates" content="1" />
  17. <meta name="color:firstbox" content="#F5A045"/>
  18. <meta name="color:secondbox" content="#DB97DB"/>
  19. <meta name="color:thirdbox" content="#76F5EE"/>
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Text" content="#838282"/>
  22. <meta name="color:Link" content="#b8b8b8"/>
  23. <meta name="image:sidebar" content=""/>
  24.  
  25. <meta name="text:Link 1 url" content=""/>
  26. <meta name="text:link1" content="home"/>
  27. <meta name="text:Link 2 url" content=""/>
  28. <meta name="text:link2" content="ask"/>
  29. <meta name="text:Link 3 url" content=""/>
  30. <meta name="text:link3" content=""/>
  31. <meta name="text:Link 4 url" content=""/>
  32. <meta name="text:link4" content=""/>
  33.  
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC:400,900' rel='stylesheet' type='text/css'>
  36.  
  37.  
  38. <style type="text/css">
  39.  
  40. *, body, a {cursor: url('http://img69.imageshack.us/img69/7673/cursorw.png'), auto;}
  41.  
  42. ::-webkit-scrollbar {
  43.  
  44. width: 4px;
  45. height: 3px; background: #FAFAFA;
  46. }
  47. ::-webkit-scrollbar-thumb {background-color:#D6D5D5; ;}
  48.  
  49. body {
  50. background:{color:background};
  51. margin:0px;
  52. color:{color:text};
  53. font-family:Calibri;
  54. font-size:10px;
  55. line-height:100%;
  56. }
  57.  
  58. a {
  59.  
  60. text-decoration:none;
  61. outline:none;
  62. -moz-outline-style:none;
  63. color:{color:link};
  64. -webkit-transition: all 0.2s ease-in-out;
  65. -moz-transition: all 0.2s ease-in-out;
  66. -o-transition: all 0.2s ease-in-out;
  67.  
  68. }
  69.  
  70. a:hover {
  71. border-bottom:1px solid #c4c4c4;
  72. font-style:italic;
  73. background:#eee;
  74. padding:3px;
  75. -webkit-transition: all 0.2s ease-in-out;
  76. -moz-transition: all 0.2s ease-in-out;
  77. -o-transition: all 0.2s ease-in-out;
  78.  
  79. }
  80.  
  81. img {
  82. border:none;
  83. }
  84.  
  85. blockquote {
  86. padding-left:5px;
  87. border-left:2px solid;
  88. }
  89.  
  90. blockquote blockquote {
  91. padding-left:5px;
  92. border-left:2px solid;
  93. }
  94.  
  95. h1 {
  96. font-size:15px;
  97. }
  98.  
  99. #entries {
  100. padding:10px;
  101. width:500px;
  102. margin-left:590px;
  103. margin-top:40px;
  104. font-family:times;
  105. letter-spacing:-1px;
  106. word-spacing:3px;
  107. font-size:10px;
  108. border:0px solid #eee;
  109.  
  110.  
  111. }
  112.  
  113. #post {
  114. width:500px;
  115. padding-bottom:20px;
  116. }
  117.  
  118. #sidebar {
  119.  
  120. width:250px;
  121. position:fixed;
  122. margin-left:200px;
  123. margin-top:135px;
  124. }
  125.  
  126. #title {
  127. padding-left:5px;
  128. font-family: 'Playfair Display SC', 'serif';
  129. font-size:15px;
  130. letter-spacing:8px;
  131. text-align:center;
  132. margin-top:16px;
  133. margin-left:75px;
  134. border-bottom:1px solid #eee;
  135. padding-bottom:3px;
  136. width:130px;
  137. -webkit-transition: all 0.6s ease-in-out;
  138. -moz-transition: all 0.6s ease-in-out;
  139. -o-transition: all 0.6s ease-in-out;
  140. }
  141.  
  142.  
  143. #sidebarimage {
  144. width 250px;
  145. }
  146.  
  147. #sidebarimage img {
  148. margin-top:15px;
  149. margin-left:90px;
  150. width:100px;
  151. }
  152.  
  153. #description {
  154.  
  155. margin-top:10px;
  156. height:50px;
  157. overflow:scroll;
  158. border:1px solid #eee;
  159. margin-left:70px;
  160. font-size:9px;
  161. width:120px;
  162. font-family:calibri;
  163. padding:10px;
  164. text-align:center;
  165. }
  166.  
  167. #box1 {
  168. overflow:hidden;
  169. position:fixed;
  170. left:427px;
  171. top:353px;
  172. width: 6px;
  173. height: 77px;
  174. background:{color:thirdbox};
  175. border:0px solid#eee;
  176. ;-webkit-transition: all 0.5s ease-out;
  177. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  178.  
  179. }
  180.  
  181. #box1:hover{
  182. overflow:scroll;
  183. width: 90px;
  184. height:97px;
  185. background:#fff;
  186. border:1px solid#eee;
  187. ;-webkit-transition: all 0.5s ease-out;
  188. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  189. }
  190.  
  191. #content1 {
  192.  
  193. font-style:italic;
  194. font-size:9px;
  195. font-family:calibri;
  196. color:#c4c4c4;
  197. text-align:center;
  198. padding:8px;
  199. opacity:0;
  200. ;-webkit-transition: all 1s ease-out;
  201. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  202. }
  203.  
  204. #bartitle1 {
  205. border-bottom:1px solid#eee;
  206. padding-bottom:1px;
  207. font-family: calibri;
  208. text-transform:lowercase;
  209. font-weight:bold;
  210. font-size:14px;
  211. letter-spacing:-1px;
  212. font-style:italic;
  213. text-align:center;
  214. padding-top:4px;
  215. color:#c4c4c4;
  216. opacity:0;
  217. ;-webkit-transition: all 1s ease-out;
  218. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  219. }
  220.  
  221. #box1:hover #bartitle1 {
  222. opacity:1;
  223. ;-webkit-transition: all 1s ease-out;
  224. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  225. }
  226.  
  227.  
  228. #box1:hover #content1 {
  229. opacity:1;
  230. ;-webkit-transition: all 1s ease-out;
  231. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  232. }
  233.  
  234. #box2 {
  235. position:Fixed;
  236. overflow:hidden;
  237. z-index:2;
  238. left:419px;
  239. top:353px;
  240. width: 6px;
  241. height: 77px;
  242. background:{color:secondbox};
  243. border:0px solid#eee;
  244. ;-webkit-transition: all 0.5s ease-out;
  245. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  246.  
  247. }
  248.  
  249. #box2:hover{
  250. overflow:scroll;
  251. width: 90px;
  252. height:98px;
  253. background:#fff;
  254. border:1px solid#eee;
  255. ;-webkit-transition: all 0.5s ease-out;
  256. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  257. }
  258.  
  259. #content2 {
  260.  
  261. font-style:italic;
  262. font-size:9px;
  263. font-family:calibri;
  264. color:#c4c4c4;
  265. text-align:center;
  266. padding:8px;
  267. opacity:0;
  268. ;-webkit-transition: all 1s ease-out;
  269. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  270. }
  271.  
  272. #box2:hover #content2 {
  273. opacity:1;
  274. ;-webkit-transition: all 1s ease-out;
  275. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  276. }
  277.  
  278. #bartitle2 {
  279. border-bottom:1px solid#eee;
  280. padding-bottom:1px;
  281. font-family: calibri;
  282. text-transform:lowercase;
  283. font-weight:bold;
  284. font-size:14px;
  285. letter-spacing:-1px;
  286. font-style:italic;
  287. text-align:center;
  288. padding-top:4px;
  289. color:#c4c4c4;
  290. opacity:0;
  291. ;-webkit-transition: all 1s ease-out;
  292. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  293. }
  294.  
  295. #box2:hover #bartitle2 {
  296. opacity:1;
  297. ;-webkit-transition: all 1s ease-out;
  298. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  299. }
  300.  
  301.  
  302. #box3 {
  303. z-index:3;
  304. overflow:hidden;
  305. position:fixed;
  306. left:411px;
  307. top:353px;
  308. width: 6px;
  309. height: 77px;
  310. background:{color:firstbox};
  311. border:0px solid#eee;
  312. ;-webkit-transition: all 0.5s ease-out;
  313. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  314.  
  315. }
  316.  
  317. #box3:hover{
  318. overflow:scroll;
  319. width: 90px;
  320. height:98px;
  321. background:#fff;
  322. border:1px solid#eee;
  323. ;-webkit-transition: all 0.5s ease-out;
  324. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  325. }
  326.  
  327. #content3 {
  328.  
  329. font-style:italic;
  330. font-size:9px;
  331. font-family:calibri;
  332. color:#c4c4c4;
  333. text-align:center;
  334. padding:8px;
  335. opacity:0;
  336. ;-webkit-transition: all 1s ease-out;
  337. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  338. }
  339.  
  340. #box3:hover #content3 {
  341. opacity:1;
  342. ;-webkit-transition: all 1s ease-out;
  343. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  344. }
  345.  
  346. #bartitle3 {
  347. border-bottom:1px solid#eee;
  348. padding-bottom:1px;
  349. font-family: calibri;
  350. text-transform:lowercase;
  351. font-weight:bold;
  352. font-size:14px;
  353. letter-spacing:-1px;
  354. font-style:italic;
  355. text-align:center;
  356. padding-top:4px;
  357. color:#c4c4c4;
  358. opacity:0;
  359. ;-webkit-transition: all 1s ease-out;
  360. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  361. }
  362.  
  363. #box3:hover #bartitle3 {
  364. opacity:1;
  365. ;-webkit-transition: all 1s ease-out;
  366. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  367. }
  368.  
  369. #links{
  370. z-index:0;
  371. opacity:0;
  372. letter-spacing:0px;
  373. word-spacing:3px;
  374. margin-left:83px;
  375. margin-top:-15px;
  376. font-size: 9px;
  377. font-family:times;
  378. text-transform:uppercase;
  379. color:#000;
  380.  
  381. padding-bottom:-2px;
  382. -moz-transition-duration:0.6s;
  383. -webkit-transition-duration:0.6s;
  384. -o-transition-duration:0.6s;
  385. }
  386.  
  387. #sidebar:hover #links {
  388. margin-top:7px;
  389. opacity:1;
  390. -webkit-transition: all 0.6s ease-in-out;
  391. -moz-transition: all 0.6s ease-in-out;
  392. -o-transition: all 0.6s ease-in-out;
  393.  
  394. }
  395.  
  396.  
  397. #pagination {
  398. position:fixed;
  399. font-style:italic;
  400. word-spacing:8px;
  401. border:1px solid#eee;
  402. padding:5px;
  403. font-size:10px;
  404. text-align:center;
  405. margin-top:15px;
  406. margin-left:130px;
  407.  
  408. }
  409.  
  410. #info {
  411. text-align:right;
  412. margin-top:10px;
  413. text-transform:uppercase;
  414. font-family:times;
  415. letter-spacing:-1px;
  416. word-spacing:3px;
  417. font-size:9px;
  418. }
  419.  
  420. #asker {
  421. float:left;
  422. margin-right:5px;
  423. }
  424.  
  425. #credit {
  426. font-size:8px;
  427. font-family:cambria;
  428. font-style:italic;
  429. letter-spacing:1px;
  430. -moz-transition-duration:0.5s;
  431. -webkit-transition-duration:0.5s;
  432. -o-transition-duration:0.5s;
  433. }
  434.  
  435. #credit a {
  436. background-color:#fff;
  437. padding:5px;
  438. border:1px solid #e9e9e9;
  439. position:fixed;
  440. right:7px;
  441. bottom:9px
  442.  
  443.  
  444. }
  445.  
  446.  
  447. #credit a:hover {
  448.  
  449. opacity:0;
  450. -moz-transition-duration:0.5s;
  451. -webkit-transition-duration:0.5s;
  452. -o-transition-duration:0.5s;
  453. background-color:#fff;
  454. -moz-transition-duration:0.5s;
  455. -webkit-transition-duration:0.5s;
  456. -o-transition-duration:0.5s;
  457.  
  458. }
  459.  
  460. {CustomCSS}</style></head><body>
  461.  
  462. <div id="sidebar">
  463.  
  464.  
  465. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  466. {block:ifshowupdates}
  467. <div id="box1">
  468. <div id="bartitle3"></div>
  469. <div id="content1">{text:third bar}</div>
  470. </div>
  471.  
  472. <div id="box2">
  473. <div id="bartitle2">currently</div>
  474. <div id="content2">{text:second bar}</div>
  475. </div>
  476.  
  477. <div id="box3">
  478. <div id="bartitle3">about</div>
  479. <div id="content3">{text:first bar}</div>
  480. </div>
  481. {/block:ifshowupdates}
  482.  
  483.  
  484. <div id="title">{Title}</div>
  485.  
  486. <div id="links">
  487.  
  488.  
  489. <a href="{text:Link 1 url}">{text:link1}</a>
  490. <a href="{text:Link 2 url}">{text:link2}</a>
  491. <a href="{text:Link 3 url}">{text:link3}</a>
  492. <a href="{text:Link 4 url}">{text:link4}</a>
  493.  
  494.  
  495.  
  496. </div>
  497. <div id="description">{Description}</div>
  498.  
  499. <div id="pagination">
  500. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  501. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}
  502. </div>
  503.  
  504. </div>
  505.  
  506. <div id="entries">{block:Posts}<div id="post">
  507.  
  508. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  509.  
  510. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  511.  
  512. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  513.  
  514. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  515.  
  516. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  517.  
  518. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  519.  
  520. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  521.  
  522. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  523.  
  524. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  525.  
  526. <div id="info">
  527. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  528. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  529. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  530.  
  531. </div>
  532. {block:PostNotes}{PostNotes}{/block:PostNotes}
  533. {/block:Posts}</div>
  534.  
  535. <div id="credit"><a href="http://slutjensen.tumblr.com">dear cas</div>
  536.  
  537. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement