Advertisement
dearcasthemes

wonderland

May 2nd, 2014
3,970
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.75 KB | None | 0 0
  1. <!----© THEME BY slutjensen.tumblr.com, base theme by enterprizer @ tumblr, for public use-----DON'T REMOVE CREDIT--->
  2.  
  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. <meta name="text:first title" content="something"/>
  12. <meta name="color:first title colour" content="#B38992"/>
  13. <meta name="color:second title colour" content="#BA2337"/>
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#838282"/>
  17. <meta name="color:link" content="#b8b8b8"/>
  18. <meta name="color:linkhover" content="#838282"/>
  19. <meta name="color:scrollbar" content="#838282"/>
  20. <meta name="color:sidelinkhovers" content="#838282"/>
  21. <meta name="image:sidebar" content=""/>
  22. <meta name="text:LinkA" content="">
  23. <meta name="text:LinkA URL" content="/">
  24. <meta name="text:LinkB" content="">
  25. <meta name="text:LinkB URL" content="/">
  26. <meta name="text:LinkC" content="">
  27. <meta name="text:LinkC URL" content="/">
  28. <meta name="text:LinkD" content="">
  29. <meta name="text:LinkD URL" content="/">
  30. <meta name="text:LinkE" content="">
  31. <meta name="text:LinkE URL" content="/">
  32. <meta name="text:LinkF" content="">
  33. <meta name="text:LinkF URL" content="/">
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Allura|Cinzel' rel='stylesheet' type='text/css'>
  36. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  37.  
  38.  
  39.  
  40.  
  41. <link href='http://fonts.googleapis.com/css?family=Megrim|Pathway+Gothic+One' rel='stylesheet' type='text/css'>
  42.  
  43. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  44. <style>
  45.  
  46.  
  47. div#qTip {
  48. padding: 2px;
  49. font-style:italic;
  50. display: none;
  51. max-width:120px;
  52. text-align: center;
  53. font-style: normal;
  54. position:absolute;
  55. font-size:10px;
  56. margin-left:10px;
  57. margin-top:-2px;
  58. line-height:9px;
  59. font-family:arial;
  60. font-weight:bold;
  61. z-index: 1000;
  62.  
  63.  
  64. color: #989898;
  65. background:#fff;
  66. text-transform:lowercase;
  67. box-shadow: 2px 2px 2px #c4c4c4;
  68.  
  69. word-spacing:3px;
  70. letter-spacing: -1px;
  71. opacity:1;
  72. }
  73. </style>
  74.  
  75. <style type="text/css">
  76.  
  77. #bite2
  78. #bite2 a{
  79. display:block
  80. }
  81. #bite2 .death {
  82. margin-top:0px;filter: alpha(opacity = 0);
  83. opacity:0;-webkit-transition: all 0.5s ease-out;
  84. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  85. }
  86.  
  87. #bite2:hover .death {
  88. margin-top:0px;
  89. -webkit-transition: all 0.8s ease-out;
  90. -moz-transition: all 0.8s ease-out;
  91. transition: all 0.8s ease-out;
  92. filter: alpha(opacity = 100);
  93. filter: alpha(opacity = 100);
  94. opacity:100;
  95. }
  96.  
  97.  
  98.  
  99.  
  100. *, body, a {cursor: url('http://img69.imageshack.us/img69/7673/cursorw.png'), auto;}
  101.  
  102. ::-webkit-scrollbar {
  103.  
  104. width: 4px;
  105. height: 3px; background: #FAFAFA;
  106. }
  107. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; ;}
  108.  
  109. body {
  110. background:{color:background};
  111. margin:0px;
  112. color:{color:text};
  113. font-family:times;
  114. font-size:10px;
  115. line-height:100%;
  116. }
  117.  
  118. a {
  119. color:{color:link};
  120. text-decoration:none;
  121. -webkit-transition: all 0.5s ease-in-out;
  122. -moz-transition: all 05s ease-in-out;
  123. transition: all 0.5s ease-in-out;
  124. }
  125.  
  126.  
  127. a:hover {
  128. color:{color:linkhover};
  129. -webkit-transition: all 0.5s ease-in-out;
  130. -moz-transition: all 0.5s ease-in-out;
  131. transition: all 0.5s ease-in-out;
  132. }
  133.  
  134. img {
  135. border:none;
  136. }
  137.  
  138. blockquote {
  139. padding-left:5px;
  140. border-left:2px solid;
  141. }
  142.  
  143. blockquote blockquote {
  144. padding-left:5px;
  145. border-left:2px solid;
  146. }
  147.  
  148. h1 {
  149. font-size:13px;
  150. font-style:italic;
  151. font-weight:100;
  152. text-align:center;
  153. letter-spacing:1px;
  154. text-transform:lowercase;
  155. font-family:baskerville;
  156. }
  157.  
  158. #entries {
  159.  
  160. font-family:times;
  161. letter-spacing:1px;
  162. font-size:9px;
  163. opacity:1;
  164. padding:20px;
  165. width:500px;
  166. margin-left:510px;
  167. margin-top:20px;
  168. color:#c4c4c4;
  169. -webkit-transition: all 0.5s ease-in-out;
  170. -moz-transition: all 0.5s ease-in-out;
  171. transition: all 0.5s ease-in-out;
  172. }
  173.  
  174. #post {
  175. opacity:.8;
  176. width:500px;
  177. padding-bottom:20px;
  178. padding:10px;
  179. margin-top:15px;
  180. background-color:#fff;
  181. -webkit-transition: all 0.8s ease-in-out;
  182. -moz-transition: all 0.8s ease-in-out;
  183. -o-transition: all 0.8s ease-in-out;
  184. -ms-transition: all 0.8s ease-in-out;
  185. transition: all 0.8s ease-in-out;
  186. }
  187.  
  188. #post:hover {
  189. opacity:1;
  190. -webkit-transition: all 0.8s ease-in-out;
  191. -moz-transition: all 0.8s ease-in-out;
  192. -o-transition: all 0.8s ease-in-out;
  193. -ms-transition: all 0.8s ease-in-out;
  194. transition: all 0.8s ease-in-out;
  195. }
  196.  
  197.  
  198. #sidebar {
  199. width:200px;
  200. height:250px;
  201. position:fixed;
  202. margin-left:210px;
  203. margin-top:170px;
  204.  
  205.  
  206. }
  207.  
  208. #firsttitle {
  209. position:fixed;
  210. font-size:15px;
  211. text-align:justify;
  212. width:140px;
  213. opacity:1;
  214. margin-top:179px;
  215. z-index:1;
  216. margin-left:11px;
  217. color:{color:first title colour};
  218. padding:5px;
  219. -webkit-transition: all 0.5s ease-in-out;
  220. -moz-transition: all 0.5s ease-in-out;
  221. -o-transition: all 0.5s ease-in-out;
  222. font-family: 'Cinzel', serif;
  223. }
  224.  
  225.  
  226. #title {
  227. position:fixed;
  228. z-index:1;
  229. margin-top:195px;
  230. margin-left:40px;
  231. color:{color:second title colour};
  232. opacity:1;
  233. font-family: 'Allura', cursive;
  234. font-size:35px;
  235. text-align:center;
  236. margin-bottom:5px;
  237. -webkit-transition: all 0.5s ease-in-out;
  238. -moz-transition: all 0.5s ease-in-out;
  239. -o-transition: all 0.5s ease-in-out;
  240. }
  241.  
  242.  
  243.  
  244. #sidebarimage {
  245. width 250px;
  246. -webkit-transition: all 0.5s ease-in-out;
  247. -moz-transition: all 0.5s ease-in-out;
  248. -o-transition: all 0.5s ease-in-out;
  249.  
  250. }
  251.  
  252.  
  253. #sidebar:hover #firsttitle {
  254. margin-top:157px;
  255. -webkit-transition: all 0.5s ease-in-out;
  256. -moz-transition: all 0.5s ease-in-out;
  257. -o-transition: all 0.5s ease-in-out;
  258.  
  259. }
  260.  
  261. #sidebar:hover #title {
  262. margin-top:173px;
  263. -webkit-transition: all 0.5s ease-in-out;
  264. -moz-transition: all 0.5s ease-in-out;
  265. -o-transition: all 0.5s ease-in-out;
  266.  
  267. }
  268.  
  269. #sidebarimage img {
  270. position:Fixed;
  271. width:170px;
  272. margin-top:-30px;
  273. margin-left:14px;
  274. }
  275.  
  276. #sidebar:hover #sidebarimage {
  277. margin-top:35px;
  278. opacity:0;
  279. -webkit-transition: all 0.5s ease-in-out;
  280. -moz-transition: all 0.5s ease-in-out;
  281. -o-transition: all 0.5s ease-in-out;
  282. }
  283.  
  284. #border2 {
  285. z-index:0;
  286. position:Fixed;
  287. width:175px;
  288. opacity: 0;
  289. margin-top:180px;
  290. margin-left:11px;
  291. color:#000;
  292. border-bottom:1px solid #eee;
  293. -webkit-transition: all 0.5s ease-in-out;
  294. -moz-transition: all 0.5s ease-in-out;
  295. -o-transition: all 0.5s ease-in-out;
  296. }
  297.  
  298. #sidebar:hover #border2 {
  299. margin-top:188px;
  300. opacity:1;
  301. -webkit-transition: all 0.5s ease-in-out;
  302. -moz-transition: all 0.5s ease-in-out;
  303. -o-transition: all 0.5s ease-in-out;
  304. }
  305.  
  306.  
  307. #links{
  308. z-index:2;
  309. position:fixed;
  310. opacity:0;
  311. letter-spacing:1px;
  312. margin-left:15px;
  313. margin-top:196px;
  314. font-size: 15px;
  315. font-style:italic;
  316. font-family:times;
  317. color:#000;
  318.  
  319. padding-bottom:2px;
  320. -moz-transition-duration:0.6s;
  321. -webkit-transition-duration:0.6s;
  322. -o-transition-duration:0.6s;
  323. }
  324.  
  325.  
  326.  
  327. #sidebar:hover #links {
  328. opacity:1;
  329. margin-left:35px;
  330. -webkit-transition: all 0.6s ease-in-out;
  331. -moz-transition: all 0.6s ease-in-out;
  332. -o-transition: all 0.6s ease-in-out;
  333.  
  334. }
  335.  
  336.  
  337.  
  338.  
  339. #description {
  340. padding-top:10px;
  341. font-style:italic;
  342. letter-spacing:0.5px;
  343. line-height: 100%;
  344. font-size:8px;
  345. text-align:justify;
  346. width:165px;
  347. opacity:1;
  348. margin-top:210px;
  349. margin-left:11px;
  350. color:#C4C4C4;
  351.  
  352. padding:5px;
  353. border-top:1;
  354. }
  355.  
  356. #border {
  357. z-index:0;
  358. position:Fixed;
  359. width:175px;
  360. opacity: 1;
  361. margin-top:210px;
  362. margin-left:11px;
  363. color:#000;
  364. border-bottom:1px solid #eee;
  365. }
  366. #boxy {
  367.  
  368. margin-top:238px;
  369. right:122px;
  370. position:fixed;
  371. width:60px;
  372. height:90px;
  373.  
  374. }
  375.  
  376. #texy {
  377. overflow:scroll;
  378. height:70px;
  379. padding-left:5px;
  380. padding-right:5px;
  381. padding-top:5px;
  382. padding-bottom:5px;
  383. border:1px solid #DEDEDE;
  384. overflow:auto;
  385. background:#FAFAFA;
  386. color:#eee;
  387. letter-spacing:1px;
  388. width:90px;
  389. margin-top:50px;
  390. margin-left:-20px;
  391. font-size:9px;
  392. color:#B8B8B8;
  393. text-align:center;
  394. font-family:calibri;
  395. opacity:0;
  396. -webkit-transition: all 0.5s ease-in-out;
  397. -moz-transition: all 0.5s ease-in-out;
  398. transition: all 0.5s ease-in-out;
  399. }
  400.  
  401. #boxy:hover #texy {
  402. opacity:1;
  403. -webkit-transition: all 0.5s ease-in-out;
  404. -moz-transition: all 0.5s ease-in-out;
  405. transition: all 0.5s ease-in-out;
  406. }
  407.  
  408. #bby {
  409. top:248px;
  410. right:112px;
  411. position:fixed;
  412. }
  413.  
  414. #bby img{
  415. width:80px;
  416. }
  417.  
  418.  
  419.  
  420.  
  421. #pagination {
  422. font-size:8px;
  423. letter-spacing:1px;
  424. text-align:center;
  425. padding-top:2px;
  426. color:{color:link};
  427. }
  428.  
  429.  
  430. #info {
  431. text-align:center;
  432. font-family: baskerville;
  433. letter-spacing:-1px;
  434. word-spacing:3px;
  435. font-size:10px;
  436. text-transform:uppercase;
  437. padding:3px;
  438. font-family:times new roman;
  439. padding-bottom:0px;
  440. margin-top:8px;
  441. margin-bottom:7px;
  442. }
  443. #info a {
  444. border-left:3px solid {color:second title colour};
  445. background-color:#f5f5f5;
  446. padding:2px;
  447. margin-right:2px;
  448. }
  449. #info a:hover {
  450. background-color:#fff;
  451. color:#c4c4c4;
  452. }
  453.  
  454.  
  455.  
  456.  
  457.  
  458. #question {
  459. text-align:left;
  460. color:{color:text};
  461. line-height:120%;
  462. letter-spacing:1px;
  463. margin-left:5px;
  464. font-size:8px;
  465. padding:5px;
  466. border-bottom:1px solid #ececec;
  467. border-right:1px solid #ececec;
  468. }
  469.  
  470. #answer {
  471. text-align:left;
  472. padding-top:8px;
  473. color:{color:text};
  474. }
  475.  
  476. #tags {
  477. opacity:0;
  478. text-align:center;
  479. font-size:8px;
  480. font-family:times;
  481. font-style:italic;
  482. letter-spacing:1px;
  483. font-family:times new roman;
  484. text-transform:lowercase;
  485. -moz-transition-duration:.5s;
  486. -webkit-transition-duration:.5s;
  487. -o-transition-duration:.5s;
  488. }
  489. #tags a{
  490. padding:2px;
  491. }
  492.  
  493. #post:hover #tags {
  494. opacity:1;
  495. -moz-transition-duration:.5s;
  496. -webkit-transition-duration:.5s;
  497. -o-transition-duration:.5s;
  498. }
  499.  
  500. #credit {
  501. font-size:8px;
  502. font-family:cambria;
  503. font-style:italic;
  504. letter-spacing:1px;
  505. -moz-transition-duration:0.5s;
  506. -webkit-transition-duration:0.5s;
  507. -o-transition-duration:0.5s;
  508. }
  509.  
  510. #credit a {
  511. background-color:#fff;
  512. padding:5px;
  513. border:1px solid #e9e9e9;
  514. position:fixed;
  515. right:7px;
  516. bottom:9px
  517.  
  518.  
  519. }
  520.  
  521.  
  522. #credit a:hover {
  523.  
  524. opacity:0;
  525. -moz-transition-duration:0.5s;
  526. -webkit-transition-duration:0.5s;
  527. -o-transition-duration:0.5s;
  528. background-color:#fff;
  529. -moz-transition-duration:0.5s;
  530. -webkit-transition-duration:0.5s;
  531. -o-transition-duration:0.5s;
  532.  
  533. }
  534.  
  535.  
  536.  
  537.  
  538. {CustomCSS}</style></head><body>
  539.  
  540.  
  541.  
  542.  
  543.  
  544. <div id="sidebar">
  545.  
  546. <div id="title">{Title}</div>
  547.  
  548.  
  549. <div id="firsttitle">{text:first title}</div>
  550.  
  551. <div id="links">
  552.  
  553.  
  554. <a href="{text:LinkA url}" title="{text:LinkA}">I.</a>
  555. <a href="{text:LinkB url}" title="{text:LinkB}">II.</a>
  556. <a href="{text:LinkC url}" title="{text:LinkC}">III.</a>
  557. <a href="{text:LinkD url}" title="{text:LinkD}">IV.</a>
  558. <a href="{text:LinkE url}" title="{text:LinkE}">V.</a>
  559. <a href="{text:LinkF url}" title="{text:LinkF}">VI.</a>
  560.  
  561.  
  562.  
  563. </div>
  564.  
  565.  
  566. <div id="border"></div>
  567. <div id="border2"></div>
  568. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  569.  
  570. <div id="description">{Description}</div>
  571. <div id="pagination">
  572. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> ← </a>{/block:PreviousPage}
  573. {block:NextPage}<a href="{NextPage}"> → </a>{/block:NextPage}{/block:Pagination}
  574. </div>
  575. </div>
  576. </div>
  577.  
  578.  
  579. <div id="entries">{block:Posts}<div id="post">
  580.  
  581. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  582.  
  583. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  584.  
  585. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  586.  
  587. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  588.  
  589. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  590.  
  591. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  592.  
  593. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  594.  
  595. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  596.  
  597. {block:Answer}<div id="question"><i>{Asker}:</i> {Question}</div><div id="answer">{Answer}</div>{/block:answer}
  598.  
  599. {block:Date}<div id="info"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} {block:RebloggedFrom} — <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
  600. {block:ContentSource} , <a href="{SourceURL}">source</a>{/block:ContentSource} {/block:Date}</div>
  601. {block:HasTags}
  602. <div id="tags">
  603. {block:Tags}<a href="{TagURL}"> {Tag}</a>,{/block:Tags}</div>
  604. {/block:HasTags}
  605. <div class="postnote">
  606. {block:PostNotes}{PostNotes}{/block:PostNotes}
  607. </div>
  608. </div>
  609. {/block:Posts}
  610.  
  611. <div id="credit"><a href="http://slutjensen.tumblr.com">dear cas</div>
  612.  
  613. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement