elisewhite

Novaknoel Current Theme for echoesofoswin

Dec 15th, 2013
169
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.50 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---------------------------------------------------------------------
  9. ----------------- THEME BY ELISE WHITE (MISSCAPALDI) ------------------
  10. -------- PLEASE DO NOT REMOVE THE CREDIT OR USE AS A BASE CODE --------
  11. ------------------- THANKS AND HAVE A LOVELY DAY ;) -------------------
  12. ---------------------------------------------------------------------->
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#838282"/>
  16. <meta name="color:Link" content="#b8b8b8"/>
  17. <meta name="color:Info Background" content="#f5f5f5"/>
  18. <meta name="color:Image Border" content="#F2F2F2"/>
  19. <meta name="color:Link Hover" content="#F2F2F2"/>
  20. <meta name="color:Scrollbar" content="#D6D5D5">
  21. <meta name="color:Chat Odd" content="#D6D5D5">
  22. <meta name="color:Chat Even" content="#D6D5D5">
  23. <meta name="color:Post Background" content="#F6F5F5">
  24.  
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="image:titletab" content=""/>
  27. <meta name="image:titletab2" content=""/>
  28. <meta name="image:hrupdates" content=""/>
  29. <meta name="image:updatesbottom" content=""/>
  30.  
  31. <meta name="text:link1" content="" />
  32. <meta name="text:link1 url" content="/">
  33. <meta name="text:link2" content="" />
  34. <meta name="text:link2 url" content="/">
  35. <meta name="text:link3" content="" />
  36. <meta name="text:link3 url" content="/">
  37. <meta name="text:link4" content="" />
  38. <meta name="text:link4 url" content="/">
  39. <meta name="text:link5" content="" />
  40.  
  41. <!-- Start of StatCounter Code for Tumblr -->
  42. <script type="text/javascript">
  43. var sc_project=9441199;
  44. var sc_invisible=1;
  45. var sc_security="353c71a2";
  46. var scJsHost = (("https:" == document.location.protocol) ?
  47. "https://secure." : "http://www.");
  48. document.write("<sc"+"ript type='text/javascript' src='" +
  49. scJsHost+
  50. "statcounter.com/counter/counter.js'></"+"script>");
  51. </script>
  52. <noscript><div class="statcounter"><a title="tumblr hit
  53. tracking tool" href="http://statcounter.com/tumblr/"
  54. target="_blank"><img class="statcounter"
  55. src="http://c.statcounter.com/9441199/0/353c71a2/1/"
  56. alt="tumblr hit tracking tool"></a></div></noscript>
  57. <!-- End of StatCounter Code for Tumblr -->
  58.  
  59. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Noto+Sans|Crimson+Text:400italic|Lobster' rel='stylesheet' type='text/css'>
  62.  
  63. <script type="text/javascript"
  64. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function() {
  67. //
  68. $('a.poplight[href^=#]').click(function() {
  69. var popID = $(this).attr('rel'); //Get Popup Name
  70. var popURL = $(this).attr('href'); //Get Popup href to define size
  71. var query= popURL.split('?');
  72. var dim= query[1].split('&');
  73. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/b28c104906c576285505ca134600853a/tumblr_inline_mfp5cwdybL1qh7cpd.gif" class="btn_close" title="Close" alt="Close" /></a>');
  75. var popMargTop = ($('#' + popID).height() + 80) / 2;
  76. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  77. //Apply Margin to Popup
  78. $('#' + popID).css({
  79. 'margin-top' : -popMargTop,
  80. 'margin-left' : -popMargLeft
  81. });
  82. $('body').append('<div id="fade"></div>');
  83. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  84. return false;
  85. });
  86. $('a.close, #fade').live('click', function() {
  87. $('#fade , .popup_block').fadeOut(function() {
  88. $('#fade, a.close').remove(); //fade them both out
  89. });
  90. return false;
  91. });
  92. });
  93. </script>
  94.  
  95. <style type="text/css">
  96.  
  97. ::-webkit-scrollbar-thumb {
  98. background-color: {color:scrollbar};
  99. border: 2px solid {color:background};
  100. height:auto;
  101. }
  102.  
  103. ::-webkit-scrollbar {
  104. height:auto;
  105. width:11px;
  106. background-color:{color:scrollbar};
  107. border:5px solid {color:background};
  108. }
  109.  
  110. div#qTip {
  111. padding: 2px;
  112. display: none;
  113. text-align: center;
  114. position: absolute;
  115. font-style:italic;
  116. font-size:8px;
  117. line-height:10px;
  118. font-family:cambria;
  119. text-transform:uppercase;
  120. z-index: 1000;
  121. background: white;
  122. border:1px solid;
  123. border-color:#ebebeb;
  124. color:#A1A1A1;
  125. letter-spacing: 1px;
  126. margin-top:10px;
  127. margin-left:0px;
  128. }
  129.  
  130. #fade { /*--Transparent background layer--*/
  131. display: none; /*--hidden by default--*/
  132. background: #000;
  133. position: fixed; left: 0; top: 0;
  134. width: 100%; height: 100%;
  135. opacity: .80;
  136. z-index: 9999;
  137. }
  138.  
  139. .popup_block{
  140. display: none; /*--hidden by default--*/
  141. background: #fff;
  142. min-height:100px;
  143. padding: 15px 10px 15px 10px;
  144. border: 5px double #ddd;
  145. text-align:center;
  146. float: left;
  147. font-size: 12px;
  148. position: fixed;
  149. top: 55%; left: 55%;
  150. z-index: 99999;
  151. /*--CSS3 Box Shadows--*/
  152. -webkit-box-shadow: 0px 0px 20px #000;
  153. -moz-box-shadow: 0px 0px 20px #000;
  154. box-shadow: 0px 0px 20px #000;
  155. }
  156.  
  157. img.btn_close {
  158. float: right;
  159. margin: -2px -2px 0 0;
  160. }
  161.  
  162. /*--Making IE6 Understand Fixed Positioning--*/
  163. *html #fade {
  164. position: absolute;
  165. }
  166.  
  167. *html .popup_block {
  168. position: absolute;
  169. }
  170.  
  171. .navigation {
  172. width:400px;
  173. text-align:center;
  174. margin:10px;
  175. }
  176.  
  177. #topbar {
  178. background:##ffe7ce;
  179. width:380px;
  180. height:auto;
  181. overflow:hidden;
  182. }
  183.  
  184. #topbar img{
  185. width:100%;
  186. height:100%;
  187. }
  188.  
  189. #inside {
  190. position:absolute;
  191. width:200px;
  192. margin-left:90px;
  193. font-family:century gothic;
  194. font-size:13px;
  195. text-transform:uppercase;
  196. color:#E6E6E6;
  197. text-align:center;
  198. top:85px;
  199. letter-spacing:1px;
  200. }
  201.  
  202. #cover{
  203. margin:5px;
  204. background:#551818;
  205. padding:10px;
  206. opacity:0.5;
  207. filter:alpha(opacity=50); /* For IE8 and earlier */
  208. }
  209.  
  210. .navilinks {
  211. text-align:Center;
  212. font-family: 'Noto Sans', sans-serif;
  213. color:#999;
  214. font-size:11px;
  215. background:#EDEBDE;
  216. padding:0px;
  217. width:188px;
  218. float:left;
  219. text-transform:uppercase;
  220. }
  221.  
  222. .navilinks a {
  223. text-align:Center;
  224. color:#999;
  225. background:#EDEBDE;
  226. padding:8px;
  227. display:block;
  228. -webkit-transition: all 0.4s ease-in-out;
  229. -moz-transition: all 0.4s ease-in-out;
  230. -o-transition: all 0.4s ease-in-out;
  231. transition: all 0.4s ease-in-out;
  232. }
  233.  
  234. .navilinks a:hover {
  235. background:#551818;
  236. padding:8px;
  237. text-align:Center;
  238. color:#E6E6E6;
  239. -webkit-transition: all 0.4s ease-in-out;
  240. -moz-transition: all 0.4s ease-in-out;
  241. -o-transition: all 0.4s ease-in-out;
  242. transition: all 0.4s ease-in-out;
  243. }
  244.  
  245. .termsbutton {
  246. text-align:Center;
  247. font-family: 'Noto Sans', sans-serif;
  248. color:#999;
  249. font-size:11px;
  250. background:#EDEBDE;
  251. padding:0px;
  252. width:90px;
  253. float:left;
  254. text-transform:uppercase;
  255. }
  256.  
  257. .termsbutton a {
  258. text-align:Center;
  259. color:#999;
  260. background:#EDEBDE;
  261. padding:8px;
  262. display:block;
  263. }
  264.  
  265. .termsbutton a:hover {
  266. background:#551818;
  267. padding:8px;
  268. text-align:Center;
  269. color:#E6E6E6;
  270. -webkit-transition: all 0.4s ease-in-out;
  271. -moz-transition: all 0.4s ease-in-out;
  272. -o-transition: all 0.4s ease-in-out;
  273. transition: all 0.4s ease-in-out;
  274. }
  275.  
  276. body {
  277. background:{color:background};
  278. margin:0px;
  279. color:{color:text};
  280. font-family:Calibri;
  281. font-size:10px;
  282. line-height:100%;
  283. }
  284.  
  285. a {
  286. text-decoration:none;
  287. outline:none;
  288. -moz-outline-style:none;
  289. color:{color:link};
  290. -moz-transition-duration:1s;
  291. -webkit-transition-duration:1s;
  292. -o-transition-duration:1s;
  293. }
  294. a:hover {
  295. color:{color:Link Hover};
  296. -moz-transition-duration:1s;
  297. -webkit-transition-duration:1s;
  298. -o-transition-duration:1s;
  299. }
  300.  
  301. img {
  302. border:none;
  303. }
  304.  
  305. blockquote {
  306. padding-left:5px;
  307. border-left:2px solid;
  308. }
  309.  
  310. blockquote blockquote {
  311. padding-left:5px;
  312. border-left:2px solid;
  313. font-size:10px;
  314. }
  315.  
  316. h1 {
  317. font-size:9px;
  318. font-family: 'Noto Sans', sans-serif;
  319. font-weight:normal;
  320. text-transform:uppercase;
  321. text-align:center;
  322. margin-bottom:15px;
  323. letter-spacing:1px;
  324. }
  325.  
  326. h2 {
  327. font-size:9px;
  328. font-family: 'Noto Sans', sans-serif;
  329. font-weight:normal;
  330. text-transform:uppercase;
  331. text-align:center;
  332. letter-spacing:1px;
  333. color:#433427;
  334. }
  335.  
  336. #entries {
  337. padding:10px;
  338. width:500px;
  339. margin-left:500px;
  340. margin-top:40px;
  341. }
  342.  
  343. #post {
  344. width:500px;
  345. padding-bottom:20px;
  346. }
  347.  
  348. .albumcover {
  349. position: relative;
  350. z-index: 1;
  351. height: 80px;
  352. float:left;
  353. border:1px solid {color:image border};
  354. padding:4px;
  355. }
  356.  
  357. .playbutton {
  358. width:20px;
  359. height:30px;
  360. overflow: hidden;
  361. position: relative;
  362. z-index: 99;
  363. margin: 15px 24px 13px 16px;
  364. }
  365.  
  366. .musicbin {
  367. background-color: #fff;
  368. position: absolute;
  369. z-index: 99;
  370. margin-top: 15px;
  371. margin-left: 15px;
  372. opacity: 0.2;
  373. -webkit-transition: opacity 0.5s linear;
  374. -webkit-transition: all 0.5s linear;
  375. -moz-transition: all 0.5s linear;
  376. -o-transition: all 0.5s linear;
  377. }
  378. .musicbin:hover {
  379. opacity:0.5;
  380. }
  381.  
  382. .musicinfo {
  383. padding-top:20px;
  384. font-size:12px;
  385. margin-left: 100px;
  386. text-align:center;
  387. background: {color:Post Background};
  388. margin-top:5px;
  389. min-height:70px;
  390. }
  391.  
  392. .quote {
  393. padding:5px 5px 15px 5px;
  394. text-align:center;
  395. font-size:14px;
  396. letter-spacing:1px;
  397. font-family: 'Crimson Text', serif;
  398. font-style:italic;
  399. }
  400.  
  401. .linkpost {
  402. text-align:center;
  403. padding: 0px 15px 0px 15px;
  404. }
  405.  
  406.  
  407. #updates {
  408. text-align: center;
  409. font-size: 9px;
  410. position:fixed;
  411. left:10px;
  412. top:0px;
  413. z-index:999;
  414. width:180px;
  415. }
  416.  
  417. #updates:hover #update {
  418. opacity:1;
  419. -webkit-transition: all .7s ease-in-out;
  420. -moz-transition: all .7s ease-in-out;
  421. -o-transition: all .7s ease-in-out;
  422. }
  423.  
  424. #update {
  425. position:fixed;
  426. font-size:9.5px;
  427. font-family:calibri;
  428. padding: 5px 0 5px 0;
  429. width:125px;
  430. opacity:0;
  431. margin-left:100px;
  432. margin-top:30px;
  433. -webkit-transition: all .7s ease-in-out;
  434. -moz-transition: all .7s ease-in-out;
  435. -o-transition: all .7s ease-in-out;
  436. }
  437.  
  438. #updatestab img {
  439. float:left;
  440. padding: 6px 0px 8px 0px;
  441. width: 100px;
  442. margin-top:0px;
  443. margin-left:0px;
  444. }
  445.  
  446. #updatesbottom {
  447. text-align: center;
  448. font-size: 9px;
  449. position:fixed;
  450. left:40px;
  451. bottom:5px;
  452. z-index:999;
  453. width:180px;
  454. -webkit-transition: all .7s ease-in-out;
  455. -moz-transition: all .7s ease-in-out;
  456. -o-transition: all .7s ease-in-out;
  457. }
  458.  
  459. #updatesbottom:hover {
  460. bottom:175px;
  461. -webkit-transition: all .7s ease-in-out;
  462. -moz-transition: all .7s ease-in-out;
  463. -o-transition: all .7s ease-in-out;
  464. }
  465.  
  466. #updatebottom {
  467. position:fixed;
  468. font-size:9.5px;
  469. font-family:calibri;
  470. padding-top:5px;
  471. width:180px;
  472. height:340px;
  473. -webkit-transition: all .7s ease-in-out;
  474. -moz-transition: all .7s ease-in-out;
  475. -o-transition: all .7s ease-in-out;
  476. }
  477.  
  478. #updatestabbottom {
  479. opacity:.8;
  480. padding: 0px;
  481. font-family: 'Crimson Text', serif;
  482. font-style:italic;
  483. font-size: 14px;
  484. line-height:100%;
  485. color:#24251d;
  486. }
  487.  
  488. #updatesright {
  489. text-align: center;
  490. font-size: 10px;
  491. position:fixed;
  492. right:10px;
  493. top:0px;
  494. z-index:999;
  495. width:225px;
  496. }
  497.  
  498. #updatesright:hover #updateright {
  499. opacity:1;
  500. -webkit-transition: all .7s ease-in-out;
  501. -moz-transition: all .7s ease-in-out;
  502. -o-transition: all .7s ease-in-out;
  503. }
  504.  
  505. #updateright {
  506. position:fixed;
  507. font-size:10px;
  508. font-family:calibri;
  509. padding: 5px 0 5px 0;
  510. width:225px;
  511. opacity:0;
  512. right:10px;
  513. -webkit-transition: all .7s ease-in-out;
  514. -moz-transition: all .7s ease-in-out;
  515. -o-transition: all .7s ease-in-out;
  516. }
  517.  
  518. #updatestabright img {
  519. float:center;
  520. padding: 0px 0px 5px 0px;
  521. width: 70px;
  522. margin-top:20px;
  523. right:0px;
  524. }
  525.  
  526. div.hr {
  527. height: 15px;
  528. background: #fff url({image:hrupdates}) no-repeat scroll center;
  529. }
  530. div.hr hr {
  531. display: none;
  532. }
  533.  
  534. #sidebar {
  535. width:150px;
  536. position:fixed;
  537. margin-left:250px;
  538. margin-top:90px;
  539. }
  540.  
  541. #sidebarimage {
  542. width: 170px;
  543. height:400px;
  544. }
  545. #sidebarimage img {
  546. width:150px;
  547. height:330px;
  548. border:1px solid {color:image border};
  549. padding:5px;
  550. opacity:1;
  551. -moz-transition-duration:1s;
  552. -webkit-transition-duration:1s;
  553. -o-transition-duration:1s;
  554. }
  555.  
  556. #sidebar:hover #sidebarimage img {
  557. width:150px;
  558. height:330px;
  559. border:1px solid {color:image border};
  560. padding:5px;
  561. opacity:.8;
  562. -moz-transition-duration:1s;
  563. -webkit-transition-duration:1s;
  564. -o-transition-duration:1s;
  565. }
  566.  
  567.  
  568. #sidebar:hover #links {
  569. opacity:.9;
  570. margin-top:-210px;
  571. -moz-transition-duration:1s;
  572. -webkit-transition-duration:1s;
  573. -o-transition-duration:1s;
  574. }
  575. #sidebar:hover #description {
  576. opacity:.9;
  577. margin-top:-180px;
  578. -moz-transition-duration:1s;
  579. -webkit-transition-duration:1s;
  580. -o-transition-duration:1s;
  581. }
  582. #sidebar:hover #title {
  583. opacity:1;
  584. -moz-transition-duration:1s;
  585. -webkit-transition-duration:1s;
  586. -o-transition-duration:1s;
  587. }
  588. #sidebar:hover #pagination {
  589. opacity:1;
  590. -moz-transition-duration:1s;
  591. -webkit-transition-duration:1s;
  592. -o-transition-duration:1s;
  593. }
  594.  
  595. #title {
  596. display:block;
  597. width:160px;
  598. opacity:0;
  599. letter-spacing:2px;
  600. font-family: 'Noto Sans', sans-serif;
  601. margin-left:auto;
  602. margin-right:auto;
  603. font-size:8px;
  604. text-transform:uppercase;
  605. color:gray;
  606. text-align:center;
  607. margin-top:-12px;
  608. -moz-transition-duration:1s;
  609. -webkit-transition-duration:1s;
  610. -o-transition-duration:1s;
  611. }
  612.  
  613. #links {
  614. position:absolute;
  615. letter-spacing:0px;
  616. position:fixed;
  617. font-family:times;
  618. width:150px;
  619. opacity:0;
  620. margin-top:-250px;
  621. margin-left:6px;
  622. background-color:#fff;
  623. font-size:10px;
  624. text-transform:uppercase;
  625. text-align:center;
  626. line-height:170%;
  627. -moz-transition-duration:1s;
  628. -webkit-transition-duration:1s;
  629. -o-transition-duration:1s;
  630. }
  631.  
  632. #links a{
  633. display:inline-block;
  634. width:15px;
  635. line-height:130%;
  636. margin-left:3px;
  637. color:{color:link};
  638. letter-spacing:0px;
  639. padding-left:3px;
  640. padding-right:3px;
  641. text-decoration:none;
  642. -moz-transition-duration:1s;
  643. -webkit-transition-duration:1s;
  644. -o-transition-duration:1s;
  645. }
  646.  
  647. #links a:hover {
  648. text-align:center;
  649. text-decoration:underline;
  650. background-color:#E9E9E9;
  651. color: {color:link hover};
  652. padding-left:3px;
  653. padding-right:3px;
  654. -moz-transition-duration:1s;
  655. -webkit-transition-duration:1s;
  656. -o-transition-duration:1s;
  657. }
  658.  
  659. #description {
  660. position:absolute;
  661. text-align:center;
  662. opacity:0;
  663. width:141px;
  664. padding:5px;
  665. border: 1px solid #ffffff;
  666. background-color: #ffffff;
  667. color: {color:text};
  668. margin-left:3px;
  669. margin-top:-160px;
  670. font-family:calibri;
  671. text-transform:none;
  672. font-style:none;
  673. font-size:10px;
  674. line-height:100%;
  675. -moz-transition-duration:1s;
  676. -webkit-transition-duration:1s;
  677. -o-transition-duration:1s;
  678. }
  679.  
  680. #pagination {
  681. display:block;
  682. opacity:0;
  683. font-size:10px;
  684. text-transform:lowercase;
  685. margin-top:-55px;
  686. letter-spacing:1px;
  687. font-style:normal;
  688. color:gray;
  689. margin-left:10px;
  690. -moz-transition-duration:1s;
  691. -webkit-transition-duration:1s;
  692. -o-transition-duration:1s;
  693. }
  694.  
  695. #pagination a {
  696. color: {color:link};
  697. }
  698.  
  699. #pagination a:hover {
  700. color: {color:link hover};
  701. }
  702.  
  703. #info {
  704. font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  705. width:491px;
  706. margin-top:10px;
  707. padding:5px;
  708. word-spacing:1px;
  709. font-size:7px;
  710. color:{color:text};
  711. text-transform:uppercase;
  712. font-style:normal;
  713. text-align:left;
  714. background: {color:Info Background};
  715. -moz-transition-duration:0.5s;
  716. -webkit-transition-duration:0.5s;
  717. -o-transition-duration:0.5s;
  718. }
  719. #info a {
  720. margin-right:2px;
  721. color:{color:link};
  722. font-style:normal;
  723. }
  724. #info a:hover {
  725. color:{color:link hover};
  726. }
  727.  
  728. .tags {
  729. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  730. width:495px;
  731. text-transform:normal;
  732. line-height:120%;
  733. font-size:9px;
  734. text-align:center;
  735. opacity:0;
  736. padding-top:5px;
  737. padding-bottom:15px;
  738. -moz-transition-duration:1s;
  739. -webkit-transition-duration:1s;
  740. -o-transition-duration:1s;
  741. }
  742. .tags a{
  743. color:{color:link};
  744. -moz-transition-duration:.5s;
  745. -webkit-transition-duration:.5s;
  746. -o-transition-duration:.5s;
  747. }
  748. .tags a:hover{
  749. color:{color:link hover};
  750. -moz-transition-duration:.5s;
  751. -webkit-transition-duration:.5s;
  752. -o-transition-duration:.5s;
  753. }
  754. #post:hover .tags{
  755. opacity:1;
  756. -moz-transition-duration:1s;
  757. -webkit-transition-duration:1s;
  758. -o-transition-duration:1s;
  759. }
  760.  
  761. #asker {
  762. float:right;
  763. margin-left:5px;
  764. }
  765. #asker img{
  766. border:1px solid {color:image border};
  767. padding:2px;
  768. }
  769.  
  770. #answerer {
  771. float:left;
  772. margin-right:5px;
  773. }
  774. #answerer img{
  775. border:1px solid {color:image border};
  776. padding:2px;
  777. }
  778.  
  779. .chat .label {
  780. text-transform:uppercase;
  781. font-weight:bold;
  782. }
  783.  
  784. .line_odd .label {color: {color:Chat Odd}}
  785. .line_even .label {color: {color:Chat Even}}
  786.  
  787.  
  788. #credit {
  789. font-size:9px;
  790. font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  791. font-style:italic;
  792. letter-spacing:1px;
  793. }
  794.  
  795. #credit a {
  796. background-color:#fff;
  797. padding:5px;
  798. border-top:1px solid #e9e9e9;
  799. border-bottom:1px solid #e9e9e9;
  800. position:fixed;
  801. right:15px;
  802. bottom:10px;
  803. -moz-transition-duration:1s;
  804. -webkit-transition-duration:1s;
  805. -o-transition-duration:1s;
  806. }
  807.  
  808. #credit a:hover {
  809. color:#fff;
  810. background-color:#792222;
  811. -moz-transition-duration:1s;
  812. -webkit-transition-duration:1s;
  813. -o-transition-duration:1s;
  814. }
  815.  
  816. {CustomCSS}</style></head><body>
  817.  
  818. <!--------------------------------------------
  819. TOP UPDATES TAB
  820. --------------------------------------------->
  821.  
  822. <div id="updates">
  823. <div id="updatestab"><img src="{image:titletab}" /></div>
  824. <div id="update"> <center>
  825. <div style="font-weight:bold;letter-spacing:2px;"><a href="/about">+Elizabeth</a></div><p>
  826. <p>This theme is my design :D</p>
  827. <script language="JavaScript">
  828. var ref = (''+document.referrer+'');
  829. var w_h = window.screen.width + " x " + window.screen.height;
  830. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3686589&e1=Jingle Bell&e2=Jingle Bells&r=' + ref + '&wh=' + w_h + '"><\/script>');
  831. </script>
  832. <p><div class="hr"><hr /></div><p>
  833. <a href="http://pepprmintponds.tumblr.com/">GUYS go follow Ari she's literally perfect :D</a>
  834. <p><div class="hr"><hr /></div><p>
  835. Daily queue:<br />8AM - 11PM MST
  836. <p><div class="hr"><hr /></div><p>
  837. <b>Previously:</b><br><br>
  838. misscapaldi<br />
  839. hauntedackles<br />
  840. kissingwithawinner
  841. <p><div class="hr"><hr /></div><p>
  842. <b>Tracked Tags:</b><br><br>
  843. novaknoel<br />misscapaldi<br>bigthreenetwork<br>molnetwork
  844. <p><div class="hr"><hr /></div><p>
  845. <b>Networks:</b><br><br>
  846. <a href="http://menoflettersnetwork.tumblr.com/" title="Men of Letters Network">▼</a><a href="http://bigthreenetwork.tumblr.com/" title="The Big Three Network">▲</a><a href="http://armyofhuntersnetwork.tumblr.com/" title="Army of Hunters Network">▼</a>
  847. </center></div>
  848. </div>
  849.  
  850. <!--------------------------------------------
  851. BOTTOM UPDATES TAB
  852. --------------------------------------------->
  853.  
  854. <div id="updatesbottom">
  855. <div id="updatestabbottom">it's the blemishes that make her<br><div style="letter-spacing:7px; font-size:16px; color:#792222; font-family: 'Lobster', cursive; font-style:normal;">beautiful</div><img src="{image:updatesbottom}" style="padding-top:5px;opacity:0.8;"></div>
  856. <div id="updatebottom"> <center>
  857. I'm currently taking theme requests<br>(just shoot me a message!)<br><br>
  858. <h2>Currently Working On:</h2>
  859. Updates Tab Tutorial<br />
  860. Theme 06 (centered posts/top title bar)<br />
  861. Theme 07 (sidebar w/ 100% height)<br /><br />
  862. <h2>Currently Watching:</h2>
  863. Supernatural Season 9<br>
  864. Game of Thrones Season 1<br />
  865. Arrested Development Season 2
  866. </center></div>
  867. </div>
  868.  
  869. <!--------------------------------------------
  870. RIGHT UPDATES TAB
  871. --------------------------------------------->
  872.  
  873. <div id="updatesright">
  874. <div id="updatestabright"><img src="{image:titletab2}" /></div>
  875. <div id="updateright">
  876. <center><h1>WINTER PLAYLIST</h1></center>
  877.  
  878. <!---------- MUSIC PLAYER ---------->
  879.  
  880. <embed src="
  881. http://www.sheepproductions.com/billy/billy.swf?autoplay=false
  882. &f0=http://www.librarising.com/misc/califdreamin.mp3&t0=California Dreamin' - The Mamas & The Papas
  883. &f1=http://cdn.cloudfiles.mosso.com/c85342/TheKinks_SunnyAfternoon.mp3&t1=Sunny Afternoon - The Kinks
  884. &f2=http://dc197.4shared.com/img/375936768/ad9ff79e/dlink__2Fdownload_2FE6Kbn459_3Ftsid_3D20131125-40459-41a8f490/preview.mp3&t2=Be Here Now - Ray LaMontagne
  885. &f3=http://pwilkes.com/journal/flum.mp3&t3=Flume - Bon Iver
  886. &f4=http://oldrockandroll.ru/audio/The%20Beatles/1966.08.05%20-%20Revolver%20(1987.%20UK%20Stereo)/10%20-%20For%20No%20One.mp3&t4=For No One - The Beatles
  887. &f5=http://www.daddylongnecks.com/mp3s/CantYouSee.mp3&t5=Can't You See - The Marshall Tucker Band
  888. &f6=http://dupes34.files.wordpress.com/2010/02/07-while-my-guitar-gently-weeps-the-beatles.mp3&t6=While My Guitar Gently Weeps - The Beatles
  889. &f7=http://a.tumblr.com/tumblr_l72w236y2P1qabx6qo1.mp3&t7=Blue Beard - Band of Horses
  890. &f8=http://dc476.4shared.com/img/1206439690/3f2aecd0/dlink__2Fdownload_2FAVlUZan7_3Ftsid_3D20131120-55024-b8d2e5a0/preview.mp3&t8=Carry On/Questions - Crosby, Stills, Nash & Young
  891. &f9=http://heycoolkid.files.wordpress.com/2011/10/05-rivers-and-roads-1.mp3&t9=Rivers and Roads - The Head And The Heart
  892. &f10=http://8tracks.s3.amazonaws.com/tf/005/073/943/65391.mp3&t10=Awake My Soul - Mumford & Sons
  893. &f11=http://www.birp.fm/music/playlists/2009/april/38%20-%20City%20And%20Colour%20-%20The%20Girl.mp3&t11=The Girl - City and Colour
  894. &f12=http://somethingdaily.com/wp-content/uploads/2012/04/09-Of-Monsters-and-Men-Your-Bones.mp3&t12=Your Bones - Of Monsters and Men
  895. &f13=http://198.85.71.234/sessomsll/dme110/Mod02/09%20Gold%20Dust%20Woman.mp3&t13=Gold Dust Woman - Fleetwood Mac
  896. &f14=http://dc299.4shared.com/img/1058482969/5ccae429/dlink__2Fdownload_2Fc9aqJKc5_3Ftsid_3D20131125-44425-b15540d0/preview.mp3&t14=For What It's Worth - Buffalo Springfield
  897. &f15=http://erikwallace.com/blog/downloads/102607/05_Empty.mp3&t15=Empty - Ray LaMontagne
  898. &f16=http://a.tumblr.com/tumblr_lwnaglWbgc1qbytqgo1.mp3&t16=Marry Song - Band of Horses
  899. &f17=http://67.20.100.231/joseph/test/Music/iTunes/iTunes%20Music/The%20Beatles/1962-1966%20Disc%202/12%20Eleanor%20Rigby.mp3&t17=Eleanor Rigby - The Beatles
  900. &f18=http://awmusic.ca/1/mp3/Barenaked%20Ladies%20-%20Lovers%20In%20A%20Dangerous%20Time.mp3&t18=Lovers in a Dangerous Time - Barenaked Ladies
  901. &f19=http://cloud.escuelasuperiordepnl.com/CERTIFICACION/audios/n1/MUSICA_CALIBRACION/08_Strawberry_Fields_Forever.mp3&t19=Strawberry Fields Forever - The Beatles
  902. &f20=http://media.shax-dag.ru/Music/users/music___43258_9.mp3&t20=Full Moon - The Black Ghosts
  903. &f21=http://www.ferstenfeld.com/mp3s/new/Bon%20Iver-Bon%20Iver%20(2011)/05%20-%20Michicant.mp3&t21=Michicant - Bon Iver
  904. &f22=http://dc364.4shared.com/img/755932316/92c425a4/dlink__2Fdownload_2FafSSsrAj_3Ftsid_3D20131125-35625-8c715710/preview.mp3&t22=20 Years - The Civil Wars
  905. &f23=http://202.113.13.165/data/From%20CD/Coldplay_Viva_La_Vida/09.%20Strawberry%20Swing.mp3&t23=Strawberry Swing - Coldplay
  906. &f24=http://dc380.4shared.com/img/1100836207/279b334/dlink__2Fdownload_2FJcs00tZS_3Ftsid_3D20131125-35816-b76848a0/preview.mp3&t24=Ghost Town - First Aid Kit
  907. &f25=http://stansarea.com/Miscellaneous/MusicToEnjoy/TheBeatles_files/Michelle.mp3&t25=Michelle - The Beatles
  908. &f26=http://a.tumblr.com/tumblr_m4huo1kZsA1qk5zqoo1.mp3&t26=Porcelain - Lucy Schwartz
  909. &f27=http://a.tumblr.com/tumblr_m4pqxi5qgE1qenyano1.mp3&t27=Charlie Boy - The Lumineers
  910. &f28=http://ellenonrecomienda.files.wordpress.com/2007/12/03-lucy-in-the-sky-with-diamonds.mp3&t28=Lucy In The Sky With Diamonds - The Beatles
  911. &f29=http://dc219.4shared.com/img/460382438/71747a52/dlink__2Fdownload_2F4OLWvkLE_3Ftsid_3D20131125-40540-de57ba20/preview.mp3&t29=Beg Steal or Borrow - Ray LaMontagne
  912. &f30=http://opame.ru/opame/lossofsoul.com/2/Mama_Cass-Dream_A_Little_Dream_Of_Me.mp3&t30=Dream a Little Dream of Me - The Mamas & The Papas
  913. &total=31"
  914. quality="high" wmode="transparent" width="150" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  915.  
  916. <p><div class="hr"><hr /></div></p>
  917.  
  918. <!---------- TRACK LIST ---------->
  919.  
  920. <p style="text-align:left;">
  921. 1. California Dreamin' - The Mamas & The Papas<br />
  922. 2. Sunny Afternoon - The Kinks<br />
  923. 3. Be Here Now - Ray LaMontagne<br />
  924. 4. Flume - Bon Iver<br />
  925. 5. For No One - The Beatles<br />
  926. 6. While My Guitar Gently Weeps - The Beatles<br />
  927. 7. Blue Beard - Band of Horses<br />
  928. 8. Carry On/Questions - Crosby, Stills, Nash & Young<br />
  929. 10. Rivers and Roads - The Head And The Heart<br />
  930. 11. Awake My Soul - Mumford & Sons<br />
  931. 12. The Girl - City and Colour<br />
  932. 13. Your Bones - Of Monsters and Men<br />
  933. 14. Gold Dust Woman - Fleetwood Mac<br />
  934. 15. For What It's Worth - Buffalo Springfield<br />
  935. 16. Empty - Ray LaMontagne<br />
  936. 17. Marry Song - Band of Horses<br />
  937. 18. Eleanor Rigby - The Beatles<br />
  938. 19. Lovers in a Dangerous Time - Barenaked Ladies<br />
  939. 20. Strawberry Fields Forever - The Beatles<br />
  940. 21. Full Moon - The Black Ghosts<br />
  941. 22. Michicant - Bon Iver<br />
  942. 23. 20 Years - The Civil Wars<br />
  943. 24. Strawberry Swing - Coldplay<br />
  944. 25. Ghost Town - First Aid Kit<br />
  945. 26. Michelle - The Beatles<br />
  946. 27. Porcelain - Lucy Schwartz<br />
  947. 28. Charlie Boy - The Lumineers<br />
  948. 29. Lucy in the Sky With Diamonds - The Beatles<br />
  949. 30. Beg Steal or Borrow - Ray LaMontagne<br />
  950. 31. Dream a Little Dream of Me - The Mamas & The Papas
  951. </p>
  952. </div>
  953. </div>
  954.  
  955. <!--------------------------------------------
  956. SIDEBAR
  957. --------------------------------------------->
  958.  
  959. <div id="sidebar">
  960.  
  961. <div id="title">{Title}</div>
  962.  
  963. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  964.  
  965. <div id="links">
  966. <a href="{text:link1 url}" title="{text:link1}">I.</a>
  967. <a href="#?w=400" rel="navigation" class="poplight" title="{text:link2}">II.</a>
  968. <a href="{text:link3 url}" title="{text:link3}">III.</a>
  969. <a href="{text:link4 url}" title="{text:link4}">IV.</a>
  970. <a href="#?w=400" rel="03" class="poplight" title="{text:link5}">V.</a>
  971. </div>
  972.  
  973. <div id="description">{description}</div>
  974.  
  975. <div id="pagination">
  976. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="previous page" style="float:left;">back</a>{/block:PreviousPage}{/block:Pagination}
  977.  
  978. {block:Pagination}{block:NextPage}<a href="{NextPage}" title="next page" style="float:right;">next</a>{/block:NextPage}{/block:Pagination}{/block:Pagination}
  979. </div>
  980.  
  981.  
  982. </div>
  983.  
  984. <!--------------------------------------------
  985. POST TYPES
  986. --------------------------------------------->
  987.  
  988. <div id="entries">{block:Posts}<div id="post">
  989.  
  990. <!---------- TEXT POSTS ---------->
  991.  
  992. {block:Text}
  993. <h1>{block:Title}{Title}{/block:Title}</h1>{Body}
  994. {/block:Text}
  995.  
  996. <!---------- PHOTO POSTS ---------->
  997.  
  998. {block:Photo}
  999. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  1000. {block:Caption}{Caption}{/block:Caption}
  1001. {/block:Photo}
  1002.  
  1003. <!---------- PHOTOSET POSTS ---------->
  1004.  
  1005. {block:Photoset}
  1006. {Photoset-500}
  1007. {block:Caption}{Caption}{/block:Caption}
  1008. {/block:Photoset}
  1009.  
  1010. <!---------- QUOTE POSTS ---------->
  1011.  
  1012. {block:Quote}
  1013. <div class="quote">{Quote}</div>
  1014. {block:Source}<div style="text-align:right; margin-right:15px;">{Source}</div>{/block:Source}
  1015. {/block:Quote}
  1016.  
  1017. <!---------- LINK POSTS ---------->
  1018.  
  1019. {block:Link}
  1020. <div class="linkpost">
  1021. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1022. {block:Description}{Description}{/block:Description}
  1023. </div>
  1024. {/block:Link}
  1025.  
  1026. <!---------- CHAT POSTS ---------->
  1027.  
  1028. {block:Chat}
  1029. {block:Title}<h1>{Title}</h1>{/block:Title}
  1030. <div class="chat">{block:Lines}<div class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1031. {Line}<br /></div>{/block:Lines}</div>
  1032. {/block:Chat}
  1033.  
  1034. <!---------- AUDIO POSTS ---------->
  1035.  
  1036. {block:Audio}
  1037. <div class="musicbin"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  1038. {block:AlbumArt}<img src="{AlbumArtURL}" class="albumcover">{/block:AlbumArt}
  1039. <div class="musicinfo">
  1040. {block:TrackName}<div style="font-size:11px; padding:5px!imporant; text-transform:uppercase; margin-bottom: 15px; font-weight:bold; letter-spacing:1px;">{TrackName}</div>{/block:Trackname}
  1041. {block:Artist}<div style="font-size:10px; margin-bottom: 2px;">{Artist}{/block:Artist}
  1042. {block:Album} - {Album}</div>{/block:Album}
  1043. {block:PlayCount}<div style="font-style:normal; font-size:8px; text-transform:uppercase; letter-spacing:1px;">{PlayCount} plays</div> {/block:PlayCount}
  1044. </div>
  1045. <div style="margin-top:20px;">{block:caption}{Caption}{/block:caption}</div>
  1046. {/block:Audio}
  1047.  
  1048. <!---------- VIDEO POSTS ---------->
  1049.  
  1050. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1051.  
  1052. <!---------- ANSWER POSTS ---------->
  1053.  
  1054. {block:Answer}
  1055. <div id="asker"><img src="{AskerPortraitURL-48}"></div>
  1056. <div style="text-align:right; font-size:11px;">{Asker} asked:</div>
  1057. <div style="background:{color:Post Background}; padding:15px 5px 15px 5px; margin-top:5px; margin-right:59px; min-height:10px; text-align:right;">{Question}</div>
  1058. <br>
  1059. <div id="answerer"><img src="{PortraitURL-48}"></div>
  1060. <div style="text-align:left; font-size:11px;">{Name} replied:</div>
  1061. <div style="background:{color:Post Background}; padding:5px 5px 5px 5px; margin-top:5px; margin-left:59px; min-height:10px; text-align:left;">{Answer}</div>
  1062. {/block:Answer}
  1063.  
  1064. <!--------------------------------------------
  1065. POST INFO
  1066. --------------------------------------------->
  1067.  
  1068. {block:Date}
  1069. <div id="info">
  1070. <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1071. {block:ContentSource}<div style="float:right;"><a href="{SourceURL}">source</a></div>{/block:ContentSource}</div>
  1072. {block:HasTags}
  1073. <div class="tags">{block:Tags} <a href="{TagURL}">&nbsp; -{Tag}</a>&nbsp; {/block:Tags}</div>{/block:HasTags}
  1074. <div class="postnote">
  1075. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1076. </div>
  1077. </div>
  1078. {/block:Posts}
  1079.  
  1080. <!--------------------------------------------
  1081. NAVIGATION
  1082. --------------------------------------------->
  1083.  
  1084. <div id="navigation" class="popup_block">
  1085. <div class="navigation">
  1086. <div id="topbar">
  1087. <img src="http://25.media.tumblr.com/fd38cc98d366899d69e4e7a4762cdcb2/tumblr_mwg1fohnP61rv5n8go1_500.png">
  1088. <div id="inside">
  1089. <div id="cover">
  1090. <div id="toptitle">NAVIGATION</div>
  1091. </div>
  1092. </div>
  1093. </div>
  1094. <div class="navilinks" style="margin:10px 2px 2px 0px;"><a href="/about">ABOUT</a></div>
  1095. <div class="navilinks" style="margin:10px 0px 2px 2px;"><a href="/ask">MESSAGE</a></div><br />
  1096. <div class="navilinks" style="margin:2px 2px 2px 0px;"><a href="/tags">TAGS LIST</a></div>
  1097. <div class="navilinks" style="margin:2px 0px 2px 2px;"><a href="/URLs">SAVED URLS</a></div>
  1098. <div class="navilinks" style="margin:2px 2px 0px 0px;"><a href="/tagged/my-themes">THEMES</a></div>
  1099. <div class="navilinks" style="margin:2px 0px 0px 2px;"><a href="/tagged/tutorials">TUTORIALS</a></div>
  1100. </div>
  1101. </div>
  1102.  
  1103. <!--------------------------------------------
  1104. TERMS OF USE
  1105. --------------------------------------------->
  1106.  
  1107. <div id="03" class="popup_block">
  1108.  
  1109. <h1 style="font-size:14px;">Theme Terms of Use</h1>
  1110.  
  1111. <p>I haven't made too many themes yet, but I'm planning to make a lot more! I write them from scratch and I'd really appreciate it if you didn't violate any of these terms.</p>
  1112.  
  1113. <p><div class="hr"><hr /></div><p>
  1114.  
  1115. <div style="text-align:left">
  1116. <h2>Don't remove the credit</h2>
  1117. <p>You can edit it to your heart's desire (I'm all for creative freedom), but please link to my blog somewhere visible on your page.</p>
  1118. <h2>Don't steal (obviously)</h2>
  1119. <p>You can look at the code to learn from it and get ideas, but please don't copy/paste and redistribute as your own. That's stealing and it's not cool.</p>
  1120. <h2>Don't use as a base code</h2>
  1121. <p>Not that I'll know, but I'd appreciate it if you didn't start with my code and edit it to an unrecognizable extent, passing it off as your own work. There are plenty of free base codes available elsewhere if you so desire (but writing everything yourself is loads more fun).</p><br />
  1122. </div>
  1123.  
  1124. <div class="termsbutton" style="margin-left:102px;"><a href="/tagged/my-themes">Agree</a></div>
  1125. <div class="termsbutton" style="margin-left:15px;"><a href="/">Disagree</a></div>
  1126.  
  1127. </div>
  1128.  
  1129. <!--------------------------------------------
  1130. CREDIT - YOU MAY EDIT BUT YOU MAY NOT REMOVE
  1131. --------------------------------------------->
  1132.  
  1133. <div id="credit"><a href="http://misscapaldi.tumblr.com">elise white</div>
  1134.  
  1135. </body>
  1136.  
  1137. </html>
Advertisement
Add Comment
Please, Sign In to add comment