API tools faq
paste
Advertisement
deersprouts

Monet 2

deersprouts
Aug 2nd, 2015
1,051
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!---------------- HEY! LISTEN --------------*/
  4.  
  5. theme made by:
  6. deersprouts.tumblr.com
  7.  
  8. base code from:
  9. neonbike themes
  10.  
  11. thank you lucy (animalites)
  12. for the coolio chat post code
  13.  
  14. /*--------------------------------------------->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head><title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="color:background" content="#e5e5e5"/>
  23. <meta name="color:desctext" content="#000000"/>
  24. <meta name="color:pagination" content="#7d7d7d"/>
  25. <meta name="color:text" content="#181818"/>
  26. <meta name="color:title" content="#151515"/>
  27. <meta name="color:navi" content="#ffffff"/>
  28. <meta name="color:link" content="#9e7e9b"/>
  29. <meta name="color:linkhover" content="#d6c1d2"/>
  30. <meta name="color:bold" content="#943968" />
  31. <meta name="color:italic" content="#b8878c" />
  32. <meta name="color:underline" content="#b8878c" />
  33. <meta name="color:scrollbar" content="#e3c9d3" />
  34. <meta name="color:border" content="#c3b8c0" />
  35. <meta name="color:icon border" content="#c3b8c0" />
  36. <meta name="color:blockquote" content="#c3b8c0" />
  37. <meta name="color:pretext" content="#181818"/>
  38. <meta name="color:prebg" content="#fcfcfc"/>
  39. <meta name="color:shadow" content="#d7d1d5" />
  40. <meta name="color:icon shadow" content="#d7d1d5" />
  41. <meta name="color:desc bg" content="#f8f8f8" />
  42. <meta name="color:muse bg" content="#fbfbfb" />
  43. <meta name="color:post bg" content="#f8f8f8" />
  44. <meta name="color:post info bg" content="#f8f8f8" />
  45. <meta name="color:chat user 1 bg" content="#f8f8f8" />
  46. <meta name="color:chat user 1 text" content="#000" />
  47. <meta name="color:chat user 2 bg" content="#eee" />
  48. <meta name="color:chat user 2 text" content="#000" />
  49.  
  50. <meta name="text:title" content="title here"/>
  51. <meta name="text:username" content="username"/>
  52. <meta name="text:tab 3 title" content="rules"/>
  53. <meta name="text:tab 4 title" content="muses"/>
  54. <meta name="text:link 1" content="link 1"/>
  55. <meta name="text:link 1 url" content="/"/>
  56. <meta name="text:link 2" content="link 2"/>
  57. <meta name="text:link 2 url" content="/"/>
  58. <meta name="text:link 3" content="link 3"/>
  59. <meta name="text:link 3 url" content="/"/>
  60. <meta name="text:link 4" content="link 4"/>
  61. <meta name="text:link 4 url" content="/"/>
  62. <meta name="text:link 5" content="link 5"/>
  63. <meta name="text:link 5 url" content="/"/>
  64.  
  65. <meta name="image:background" content="http://static.tumblr.com/akokiaa/XD2nrrxcx/preview.png"/>
  66. <meta name="image:icon" content="http://static.tumblr.com/akokiaa/QrFnro95g/tumblr_nmg5h8f0y01til0cno2_250.png"/>
  67. <meta name="image:icon2" content="http://static.tumblr.com/akokiaa/QrFnro95g/tumblr_nmg5h8f0y01til0cno2_250.png"/>
  68.  
  69. <meta name="if:greyscale" content="0"/>
  70. <meta name="if:updates" content="1"/>
  71. <meta name="text:text size" content="9px" />
  72.  
  73.  
  74. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  75.  
  76.  
  77. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  78.  
  79. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  80.  
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82.  
  83. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  84.  
  85.  
  86. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  87.  
  88. <script>
  89. $(document).ready(function() {
  90. $('.tabs .tab-links a').on('click', function(e) {
  91. var currentAttrValue = $(this).attr('href');
  92.  
  93. // Show/Hide Tabs
  94. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  95.  
  96. // Change/remove current tab to active
  97. $(this).parent('li').addClass('active').siblings().removeClass('active');
  98.  
  99. e.preventDefault();
  100. });
  101. });
  102. </script>
  103.  
  104. <script>
  105. $(document).ready(function() {
  106. $('#filterOptions li a').click(function() {
  107. // fetch the class of the clicked item
  108. var ourClass = $(this).attr('class');
  109.  
  110. // reset the active class on all the buttons
  111. $('#filterOptions li').removeClass('active');
  112. // update the active state on our clicked button
  113. $(this).parent().addClass('active');
  114.  
  115. if(ourClass == 'all') {
  116. // show all our items
  117. $('#ourHolder').children('div.item').show();
  118. }
  119. else {
  120. // hide all elements that don't share ourClass
  121. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  122. // show all elements that do share ourClass
  123. $('#ourHolder').children('div.' + ourClass).show();
  124. }
  125. return false;
  126. });
  127. });
  128. </script>
  129.  
  130. <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js”></script> <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js”></script> <script type=”text/javascript” charset=”utf-8”> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == “iPad” || navigator.platform == “iPhone”) return; $j(“img”).lazyload({ placeholder : “http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif”, effect: “fadeIn”, }); }); </script>
  131.  
  132.  
  133. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  134. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  135.  
  136.  
  137.  
  138.  
  139. <script>
  140. $(document).ready(function() {
  141. $('.tabs .tab-links a').on('click', function(e) {
  142. var currentAttrValue = $(this).attr('href');
  143.  
  144. // Show/Hide Tabs
  145. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  146.  
  147. // Change/remove current tab to active
  148. $(this).parent('li').addClass('active').siblings().removeClass('active');
  149.  
  150. e.preventDefault();
  151. });
  152. });
  153. </script>
  154.  
  155. <script>
  156. $(document).ready(function() {
  157. $('#filterOptions li a').click(function() {
  158. // fetch the class of the clicked item
  159. var ourClass = $(this).attr('class');
  160.  
  161. // reset the active class on all the buttons
  162. $('#filterOptions li').removeClass('active');
  163. // update the active state on our clicked button
  164. $(this).parent().addClass('active');
  165.  
  166. if(ourClass == 'all') {
  167. // show all our items
  168. $('#ourHolder').children('div.item').show();
  169. }
  170. else {
  171. // hide all elements that don't share ourClass
  172. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  173. // show all elements that do share ourClass
  174. $('#ourHolder').children('div.' + ourClass).show();
  175. }
  176. return false;
  177. });
  178. });
  179. </script>
  180.  
  181.  
  182.  
  183.  
  184.  
  185. <script type="text/javascript">
  186. jQuery(document).ready(function() {
  187. jQuery(".sub").hide();
  188. //toggle the componenet with class msg_body
  189. jQuery(".cthrough").click(function()
  190. {
  191. jQuery(this).next(".sub").slideToggle(500);
  192. });});
  193. </script>
  194.  
  195.  
  196.  
  197. <script>
  198. /* questions? ask oddhour.tumblr.com */
  199. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row.photoset_row_1 img { max-width: 400px; } .photoset .photoset_row.photoset_row_2 img { max-width: 198px; } .photoset .photoset_row.photoset_row_3 img { max-width: 130px; } .photoset .photoset_row { text-align: center; width: 400px; } .photoset { width: 400px; }</style>";
  200. function updatePhotoset() {
  201.  
  202. $(".photoset").each( function (i, e) {
  203. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  204. $(this.contentDocument).find("head").append(updatePhotosetCss);
  205. var photoset = $(this.contentDocument).find(".photoset");
  206. var photosetRows = photoset.find(".photoset_row");
  207. photoset.find(".photoset_photo")
  208. .each(function () {
  209. var hiResSrc = $(this).attr("href");
  210. var img = $(this).find('img');
  211. img.attr("src", hiResSrc );
  212. img.attr("style", "");
  213. });
  214. photosetRows.attr("style", "").css("margin-bottom", "-5px");
  215. photoset.attr("style","");
  216.  
  217. $(this).height($(this.contentDocument.body).height());
  218. });
  219. }
  220.  
  221. updatePhotoset();
  222.  
  223. var photosetTimer = setInterval(updatePhotoset, 1500);
  224. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  225. </script>
  226.  
  227.  
  228. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  229. <script src="http://static.tumblr.com/qvtfufx/H56mpjuti/jquery.fitvids.js" type="text/javascript"></script>
  230. <script type="text/javascript">
  231. $('article').fitVids();
  232. </script>
  233.  
  234.  
  235.  
  236.  
  237. <style type="text/css">
  238.  
  239.  
  240. ::-webkit-scrollbar-thumb:vertical {
  241. height:10px; border:2px solid {color:post bg}; background-color:{color:scrollbar};}
  242.  
  243. ::-webkit-scrollbar-thumb:horizontal {
  244. border:0px solid #eee; background-color:{color:scrollbar}; }
  245.  
  246. ::-webkit-scrollbar {
  247. width:7px; height:5px;
  248. border:3px solid {color:post bg};
  249. background:{color:scrollbar};
  250. -webkit-border-fill-color: transparent;
  251. }
  252.  
  253.  
  254.  
  255.  
  256.  
  257. ::-moz-selection {
  258. color:{color:italic};
  259. background-color:transparent;
  260. }
  261.  
  262. ::selection {
  263. color:{color:italic};
  264. background-color:transparent;
  265. }
  266.  
  267.  
  268. iframe#tumblr_controls {
  269. right:3px !important;
  270. position: fixed !important;
  271. -webkit-transition: opacity 0.7s
  272. ease-out;
  273.  
  274. -webkit-filter:invert(100%);
  275. -webkit-backface-visibility:hidden;
  276. -webkit-transform:scale(.8);
  277. white-space:nowrap!important;
  278. opacity:.67!important;
  279. padding:10px;
  280. -webkit-transition: all 0.8s ease-out;
  281. -moz-transition: all 0.8s ease-out;
  282. transition: all 0.8s ease-out;}
  283.  
  284. iframe#tumblr_controls:hover{
  285. -webkit-transition: opacity 0.7s ease-out;
  286. opacity: 1;
  287. -webkit-transition: all 0.4s ease-out;
  288. -moz-transition: all 0.4s ease-out;
  289. transition: all 0.4s ease-out;}
  290.  
  291.  
  292. #vignette,
  293. #tumblr_lightbox_left_image,
  294. #tumblr_lightbox_right_image,
  295. #tumblr_lightbox_caption {
  296. visibility:hidden;
  297. }
  298. #tumblr_lightbox {
  299. background-color:transparent!important;
  300. }
  301. #tumblr_lightbox img {
  302. border-radius:0!important;
  303. -webkit-box-shadow:none!important;
  304. box-shadow:none!important;
  305. }
  306.  
  307.  
  308.  
  309.  
  310.  
  311. /*----------- UPDATES -----------*/
  312.  
  313.  
  314.  
  315. #little {
  316. width: 10px;
  317. height: 10px;
  318. background-color: {color:navi};
  319. left: 855px;
  320. top: 120px;
  321. opacity:0.6;
  322. z-index:-9999;
  323. position: fixed;
  324. overflow:hidden;
  325. -webkit-transition: opacity 0.4s ease-out;
  326. -webkit-transition: all 0.4s ease-out;
  327. -moz-transition: all 0.4s ease-out;
  328. -o-transition: all 0.4s ease-out;
  329. }
  330.  
  331.  
  332.  
  333.  
  334.  
  335. #updates {
  336. display:block;
  337. position: fixed;
  338. left: 855px;
  339. top: 120px;
  340. z-index:9999;
  341. width:10px;
  342. height:10px;
  343. overflow:hidden;
  344. opacity: 0;
  345. -webkit-transition: opacity 0.5s ease-out;
  346. -webkit-transition: all 0.5s ease-out;
  347. -moz-transition: all 0.5s ease-out;
  348. -o-transition: all 0.5s ease-out;
  349. }
  350.  
  351.  
  352. #updates:hover {
  353. height: 300px;
  354. width: 140px;
  355. opacity: 0.9;
  356. -webkit-transition: all .5s ease-out;
  357. -moz-transition: all .5s ease-out;
  358. -o-transition: all .5s ease-out;
  359. -ms-transition: all .5s ease-out;
  360. transition: all .5s ease-out;
  361. }
  362.  
  363. #updatesbox {
  364. width:130px;
  365. padding: 10px;
  366. padding-bottom:20px;
  367. padding-top: 8px;
  368. font-size: 8.5px;
  369. line-height: 150%;
  370. text-align:left;
  371. color: {color:text};
  372. background-color: transparent;
  373. letter-spacing: .3px;
  374. font-family:arial;
  375. width:90px;
  376. line-height:10px;
  377. }
  378.  
  379. /*----------- UPDATES END -----------*/
  380.  
  381.  
  382. /*------- BODY ---------*/
  383.  
  384. body {
  385. background-color:{color:background};
  386. background-image: url('{image:background}');
  387. background-position: top left;
  388. background-repeat: repeat;
  389. background-attachment: fixed;
  390. line-height:110%;
  391. color:{color:text};
  392. font-family: 'Helvetica', sans-serif;
  393. font-size: {text:text size};
  394. letter-spacing:0.5px;
  395. }
  396.  
  397. a {
  398. text-decoration:none;
  399. outline:none;
  400. -moz-outline-style:none;
  401. color:{color:link};
  402. -webkit-transition: all 0.7s ease;
  403. -moz-transition: all 0.7s ease;
  404. -o-transition: all 0.7s ease;
  405. }
  406.  
  407. a:hover {
  408. color:{color:linkhover};
  409. text-shadow:1px 1px 1px {color:shadow};
  410. -webkit-transition: all 0.7s ease;
  411. -moz-transition: all 0.7s ease;
  412. -o-transition: all 0.7s ease;
  413. }
  414.  
  415.  
  416.  
  417. hr {
  418. width: 40%;
  419. margin-left: auto;
  420. margin-right: auto;
  421. margin-top: 20px;
  422. margin-bottom: 20px;
  423. opacity:0.5;
  424. color:{color:text};
  425. }
  426.  
  427. blockquote {
  428. padding:2px 8px;
  429. margin:3px 0 3px 8px;
  430. border-left:1px dotted {color:blockquote};
  431. background-color:transparent;}
  432.  
  433. blockquote img {
  434. max-width:100%;
  435. height:auto;}
  436.  
  437. b, strong {
  438. color:{color:bold};}
  439.  
  440. i, em {
  441. color:{color:italic};
  442. }
  443. u {
  444. color:{color:underline};
  445. }
  446.  
  447. small,sup,sub {
  448. font-size:{text:Text Size}}
  449.  
  450. big {
  451. font-size:12px;}
  452.  
  453. pre {
  454. color:{color:pretext};
  455. background-color:{color:prebg};
  456. opacity:0.6;
  457. font-size:8px;
  458. padding:20px;
  459. white-space: pre-wrap; /* css-3 */
  460. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  461. white-space: -pre-wrap; /* Opera 4-6 */
  462. white-space: -o-pre-wrap; /* Opera 7 */
  463. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  464.  
  465.  
  466.  
  467.  
  468.  
  469.  
  470. /*------- BODY END ---------*/
  471.  
  472.  
  473. /*------- HEADINGS ---------*/
  474.  
  475. h1 {
  476. font-size:16px;
  477. font-family: 'Montserrat', sans-serif;
  478. line-height:120%;
  479. font-weight:300;
  480. padding:5px;
  481. margin:0px;
  482. letter-spacing:2px;
  483. text-transform:uppercase;
  484. text-shadow: 0px 1px 1px {color:shadow};
  485. text-align:left;
  486. color:{color:text};
  487. }
  488.  
  489. h2 {
  490. font-size:13px;
  491. font-family: 'Montserrat', sans-serif;
  492. line-height:120%;
  493. font-weight:400;
  494. padding:5px;
  495. font-style:italic;
  496. margin:0px;
  497. letter-spacing:0px;
  498. text-shadow: 0px 1px 1px {color:shadow};
  499. text-transform:lowercase;
  500. text-align:left;
  501. color:{color:text};
  502. }
  503. h3 {
  504. font-size:12px;
  505. font-family: 'Montserrat', sans-serif;
  506. line-height:18px;
  507. padding:5px;
  508. margin:0px;
  509. font-weight:300;
  510. letter-spacing:3px;
  511. text-transform:uppercase;
  512. text-align:center;
  513. color:{color:italic};
  514. }
  515. h4 {
  516. font-size:9.5px;
  517. line-height:18px;
  518. letter-spacing:2.5px;
  519. font-family: 'Montserrat', sans-serif;
  520. font-weight:bold;
  521. text-transform:uppercase;
  522. padding:3.5px;
  523. border:{color:blockquote} 1px solid;
  524. text-shadow: 0px 1px 1px {color:shadow};
  525. color:{color:text};
  526. }
  527. h5 {
  528. font-size:9.5px;
  529. line-height:13px;
  530. letter-spacing:.5px;
  531. font-family: 'Montserrat', sans-serif;
  532. font-weight:normal;
  533. text-decoration:none;
  534. font-style:normal;
  535. text-align: center;
  536. margin-left:20px;
  537. margin-right:20px;
  538. border:{color:text} 1px dotted;
  539. opacity:0.8;
  540. padding:8px;
  541. color:{color:bold};
  542. }
  543.  
  544. h6 {
  545. font-size:8.5px;
  546. line-height:150%;
  547. font-family: 'Montserrat', sans-serif;
  548. letter-spacing:1px;
  549. font-weight:400;
  550. text-transform:uppercase;
  551. padding:2px;
  552. text-align:center;
  553. margin-top: 0em;
  554. margin-bottom: 5px;
  555. margin-left: 0;
  556. margin-right: 0;
  557. border-bottom:{color:blockquote} 4px double;
  558. color:{color:text};
  559. background:transparent;
  560. }
  561.  
  562.  
  563. /*------- HEADINGS END ---------*/
  564.  
  565.  
  566. {block:IfGreyscale}
  567.  
  568. img {
  569. -webkit-filter:grayscale(100%);
  570. -webkit-transition: all 0.9s ease-out-out;
  571. -moz-transition: all 0.9s ease-out-out;
  572. -o-transition: all 0.9s ease-out-out;
  573. -ms-transition: all 0.9s ease-out-out;
  574. transition: all 0.9s ease-out-out;}
  575.  
  576. img:hover {
  577. -webkit-filter:none;}
  578.  
  579. .html_photoset {
  580. -webkit-filter: grayscale(100%);
  581. -webkit-transition: all 0.9s ease-out-out;
  582. -moz-transition: all 0.9s ease-out-out;
  583. -o-transition: all 0.9s ease-out-out;
  584. -ms-transition: all 0.9s ease-out-out;
  585. transition: all 0.9s ease-out-out;}
  586.  
  587. .html_photoset:hover {
  588. -webkit-filter: none;}
  589.  
  590. {/block:IfGreyscale}
  591.  
  592. img {
  593. max-width:100%;
  594. height:auto;}
  595.  
  596.  
  597.  
  598. /* ---------- TITLE --------*/
  599.  
  600. .listen{
  601. position:fixed;
  602. top: 90px;
  603. left:400px;
  604. text-align:left;
  605. width:420px;
  606. height:10px;
  607. padding:10px;
  608. font-size:12px;
  609. text-transform:uppercase;
  610. background:transparent;
  611. opacity:0.8;
  612. font-weight:400;
  613. letter-spacing:1.5px;
  614. z-index:999;
  615. border: 2px solid transparent;
  616. color:{color:title};
  617. text-shadow: 0px 2px 2px {color:shadow};
  618. font-family: 'Montserrat', sans-serif;
  619. -webkit-transition: all .4s ease-out;
  620. -moz-transition: all .4s ease-out;
  621. -o-transition: all .4s ease-out;
  622. -ms-transition: all .4s ease-out;
  623. transition: all .4s ease-out;
  624. }
  625.  
  626.  
  627.  
  628.  
  629. /*------- NAVI ---------*/
  630.  
  631.  
  632. .hey {
  633. position:fixed;
  634. top: 88px;
  635. left:703px;
  636. height:100px;
  637. z-index:9999;
  638. -webkit-transition: all .4s ease-out;
  639. -moz-transition: all .4s ease-out;
  640. -o-transition: all .4s ease-out;
  641. -ms-transition: all .4s ease-out;
  642. transition: all .4s ease-out;
  643. }
  644.  
  645.  
  646. /*----- Tab Links -----*/
  647.  
  648. /* Clearfix */
  649. .tab-links:after {
  650. display:inline-block;
  651. clear:both;
  652. content:'';
  653.  
  654. }
  655.  
  656. .tab-links li {
  657. margin:6px;
  658. display:inline-block;
  659. list-style:none;
  660.  
  661.  
  662. }
  663.  
  664. .tab-links a {
  665.  
  666. margin-bottom:10px;
  667. opacity:0.9;
  668. padding:0px;
  669. border-radius:100%;
  670. width:9px;
  671. height:9px;
  672. display:inline-block;
  673. text-align:left;
  674. opacity:0.4;
  675. background-color:{color:navi};
  676. box-shadow:0px 0px 0px 0px #ebeff1 inset;
  677. -webkit-transition: all .4s ease-out;
  678. -moz-transition: all .4s ease-out;
  679. -o-transition: all .4s ease-out;
  680. -ms-transition: all .4s ease-out;
  681. transition: all .4s ease-out;
  682.  
  683. }
  684.  
  685. .tab-links a:hover {
  686. color:{color:linkhover};
  687. text-shadow:0px 2px 2px {color:text} inset;
  688. opacity:1.0;
  689. -webkit-transition: all .2s ease-out;
  690. -moz-transition: all .2s ease-out;
  691. -o-transition: all .2s ease-out;
  692. -ms-transition: all .2s ease-out;
  693. transition: all .2s ease-out;
  694.  
  695. }
  696.  
  697. li.active a, li.active a:hover {
  698. color:{color:linkhover};
  699. text-shadow: none 0px 2px 2px {color:shadow} inset;
  700. opacity:1.0;
  701. -webkit-transition: all .2s ease-out;
  702. -moz-transition: all .2s ease-out;
  703. -o-transition: all .2s ease-out;
  704. -ms-transition: all .2s ease-out;
  705. transition: all .2s ease-out;
  706.  
  707. }
  708.  
  709.  
  710.  
  711.  
  712. #sprouty{
  713. position:fixed;
  714. top: 180px;
  715. left:285px;
  716. height:80px;
  717. }
  718.  
  719.  
  720. #sprouty a{
  721. width:65px;
  722. display:block;
  723. height:8px;
  724. font-size:8px;
  725. line-height:130%;
  726. letter-spacing:1.5px;
  727. font-family: 'inconsolata', sans-serif;
  728. text-transform:uppercase;
  729. text-decoration:none;
  730. text-align:left;
  731. padding:3px;
  732. margin:0px;
  733. opacity:1.0;
  734. background:none;
  735. color:{color:link};
  736. -webkit-transition: all 0.5s ease-in-out;
  737. -moz-transition: all 0.5s ease-in-out;
  738. -o-transition: all 0.5s ease-in-out;
  739. }
  740.  
  741.  
  742.  
  743. #sprouty a:before {
  744. content:'';
  745. position:absolute;
  746. margin-left:-20px;
  747. margin-top:2px;
  748. -moz-border-radius:100%;
  749. -webkit-border-radius:100%;
  750. border-radius:100%;
  751. width:7px;
  752. height:7px;
  753. border:1px solid {color:navi};
  754. opacity:1;
  755. transition:0.4s;
  756. -o-transition-duration:0.4s;
  757. -webkit-transition-duration:0.4s;
  758. -moz-transition-duration:0.4s;
  759. }
  760.  
  761. #sprouty a:hover {
  762. color:{color:linkhover};
  763. padding-left:10px;
  764. -webkit-transition: all 0.5s ease-in-out;
  765. -moz-transition: all 0.5s ease-in-out;
  766. -o-transition: all 0.5s ease-in-out;
  767. }
  768. #sprouty a:hover::before {
  769. background:{color:navi};
  770. -webkit-transition: all 0.5s ease-in-out;
  771. -moz-transition: all 0.5s ease-in-out;
  772. -o-transition: all 0.5s ease-in-out;
  773. }
  774.  
  775.  
  776. #icon {
  777. position:fixed;
  778. top: 180px;
  779. left:180px;
  780. padding:0px;
  781. z-index:999;
  782. border:1px dotted {color:icon border};
  783. -webkit-transition: all .4s ease-out;
  784. -moz-transition: all .4s ease-out;
  785. -o-transition: all .4s ease-out;
  786. -ms-transition: all .4s ease-out;
  787. transition: all .4s ease-out;
  788. }
  789. #iconbg {
  790. position:fixed;
  791. top: 190px;
  792. left:190px;
  793. width:60px;
  794. height:60px;
  795. padding:3px;
  796. background-color: {color:icon shadow};
  797. opacity:0.5;
  798. z-index:-999;
  799. border:0px dotted {color:border};
  800. }
  801.  
  802. #icon2 {
  803. DISPLAY:NONE;
  804. position:fixed;
  805. top: 180px;
  806. left:265px;
  807. padding:0px;
  808. z-index:999;
  809. border:1px dotted {color:icon border};
  810. -webkit-transition: all .4s ease-out;
  811. -moz-transition: all .4s ease-out;
  812. -o-transition: all .4s ease-out;
  813. -ms-transition: all .4s ease-out;
  814. transition: all .4s ease-out;
  815. }
  816. #iconbg2 {
  817. DISPLAY:NONE;
  818. position:fixed;
  819. top: 190px;
  820. left:275px;
  821. width:60px;
  822. height:60px;
  823. padding:3px;
  824. background-color: {color:icon shadow};
  825. opacity:0.5;
  826. z-index:-999;
  827. border:0px dotted {color:border};
  828. }
  829.  
  830.  
  831. #icon img, #icon2 img {
  832. width:60px;
  833. height:60px;
  834. padding:5px;
  835. opacity:1.0;
  836. overflow:hidden;
  837.  
  838. }
  839.  
  840.  
  841.  
  842. /*------- NAVI END ---------*/
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849. /*------- ENTRIES ---------*/
  850.  
  851.  
  852.  
  853. .tabs {
  854. width:100%;
  855. margin-left:0px;
  856. display:inline-block;
  857. }
  858.  
  859.  
  860.  
  861. /*----- Content of Tabs -----*/
  862. .deer {
  863. position:fixed;
  864. width:440px;
  865. background:transparent;
  866. height:380px;
  867. top: 120px;
  868. left:400px;
  869. overflow-y:auto;
  870. overflow-x:hidden;
  871. margin-bottom:-10px;
  872. padding:0px;
  873. border:1px dotted {color:border};
  874. -webkit-transition:0.3s;
  875. -moz-transition:0.3s;
  876. transition:0.3s;
  877. }
  878.  
  879. .tab {
  880. display:none;
  881. }
  882.  
  883. .tab.active {
  884. display:block;
  885. }
  886.  
  887.  
  888.  
  889.  
  890.  
  891.  
  892.  
  893.  
  894.  
  895. #deerbg {
  896. position:fixed;
  897. width:400px;
  898. background:{color:post bg};
  899. height:340px;
  900. top: 120px;
  901. left:400px;
  902. overflow-y:hidden;
  903. overflow-x:hidden;
  904. opacity:0.7;
  905. padding:20px;
  906. border:1px dotted {color:border};
  907. box-shadow: 5px 5px 0px 0px {color:shadow};
  908. }
  909. #deerbgshadow {
  910. position:fixed;
  911. width:400px;
  912. background:{color:post bg};
  913. height:340px;
  914. top: 120px;
  915. left:400px;
  916. overflow-y:hidden;
  917. overflow-x:hidden;
  918. opacity:0.7;
  919. padding:20px;
  920. border:1px dotted {color:border};
  921. }
  922.  
  923.  
  924. .entries {
  925. width:420px;
  926. background:transparent;
  927. height:380px;
  928. margin:0px;
  929. overflow-y:auto;
  930. overflow-x:hidden;
  931. padding: 0px 10px 0px 10px;
  932. opacity:1.0;
  933. border:0px solid {color:border};
  934. }
  935.  
  936. .posts {
  937. width: 400px;
  938. padding: 10px;
  939. background:transparent;
  940. margin-bottom:30px;
  941. margin-left:0px;
  942. line-height:140%;
  943. color: {color:text};
  944. text-align:justify;
  945. }
  946.  
  947.  
  948. .posts img, .posts .photoset{
  949. display:block;
  950. max-width:100%;
  951. height:auto;
  952.  
  953. }
  954.  
  955. .poopset { width: 400px; height:auto; }
  956. .videothing { width: 320px; height:auto; }
  957.  
  958.  
  959. #message {
  960. padding:30px;
  961. }
  962.  
  963.  
  964. #deertab {
  965. padding:20px;
  966. overflow:auto;
  967. line-height:140%;
  968. }
  969.  
  970.  
  971.  
  972.  
  973.  
  974. #sprout{
  975. width:400px;
  976. padding-top:5px;
  977. margin-bottom:20px;
  978. }
  979.  
  980.  
  981. #sprout a{
  982. width:400px;
  983. display:block;
  984. height:20px;
  985. font-size:10px;
  986. line-height:130%;
  987. letter-spacing:1.5px;
  988. font-family: 'Montserrat', sans-serif;
  989. text-transform:uppercase;
  990. text-decoration:none;
  991. font-weight:300;
  992. text-align:center;
  993. padding-top:5px;
  994. background:{color:post bg}; /*change section title background color */
  995. opacity:1.0;
  996. color:{color:text}; /*change section title color*/
  997. margin-top:20px;
  998. margin-bottom:10px;
  999. -webkit-transition: all 0.5s ease-in-out;
  1000. -moz-transition: all 0.5s ease-in-out;
  1001. -o-transition: all 0.5s ease-in-out;
  1002. }
  1003.  
  1004.  
  1005. #sprout a:hover .cthrough{ /*change section title background hover color */
  1006. opacity:0.7; /*change section title hover color*/
  1007. -webkit-transition: all 0.5s ease-in-out;
  1008. -moz-transition: all 0.5s ease-in-out;
  1009. -o-transition: all 0.5s ease-in-out;
  1010. }
  1011.  
  1012.  
  1013.  
  1014.  
  1015.  
  1016. /*------- ENTRIES END ---------*/
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  
  1023. /*------- DESCRIPTION ---------*/
  1024.  
  1025.  
  1026. .description{
  1027. display:static;
  1028. position:fixed;
  1029. top: 270px;
  1030. left:180px;
  1031. width:140px;
  1032. height:120px;
  1033. padding:10px;
  1034. border: 1px dotted {color:border};
  1035. font-weight:300;
  1036. font-family: 'Montserrat', sans-serif;
  1037. -webkit-transition: all .4s ease-out;
  1038. -moz-transition: all .4s ease-out;
  1039. -o-transition: all .4s ease-out;
  1040. -ms-transition: all .4s ease-out;
  1041. transition: all .4s ease-out;
  1042. }
  1043. .descriptionbg {
  1044. display:static;
  1045. position:fixed;
  1046. background:{color:desc bg};
  1047. opacity:0.6;
  1048. top: 270px;
  1049. left:180px;
  1050. width:140px;
  1051. height:120px;
  1052. padding:10px;
  1053. border: 1px dotted {color:border};
  1054. font-weight:300;
  1055. -webkit-transition: all .4s ease-out;
  1056. -moz-transition: all .4s ease-out;
  1057. -o-transition: all .4s ease-out;
  1058. -ms-transition: all .4s ease-out;
  1059. transition: all .4s ease-out;
  1060. }
  1061.  
  1062.  
  1063.  
  1064. .description:hover #realdesc {
  1065. opacity:0.8;
  1066. font-weight:300;
  1067. -webkit-transition: all .4s ease-out;
  1068. -moz-transition: all .4s ease-out;
  1069. -o-transition: all .4s ease-out;
  1070. -ms-transition: all .4s ease-out;
  1071. transition: all .4s ease-out;
  1072. }
  1073. .description:hover #desc {
  1074. opacity:0;
  1075.  
  1076. -webkit-transition: all .4s ease-out;
  1077. -moz-transition: all .4s ease-out;
  1078. -o-transition: all .4s ease-out;
  1079. -ms-transition: all .4s ease-out;
  1080. transition: all .4s ease-out;
  1081. }
  1082.  
  1083. #descbox {
  1084. position:fixed;
  1085. top: 270px;
  1086. left:180px;
  1087. width:inherit;
  1088. height:inherit;
  1089. padding:10px;
  1090. background:transparent;
  1091. border: 2px solid transparent;
  1092. color:{color:desctext};
  1093. font-size:9px;
  1094. line-height:130%;
  1095. font-weight:300;
  1096. overflow:hidden;
  1097. letter-spacing:0.5px;
  1098. padding:10px;
  1099. }
  1100. #desc {
  1101. position:absolute;
  1102. top: 0;
  1103. left:0;
  1104. width:inherit;
  1105. height:inherit;
  1106. margin-top:5px;
  1107. text-align:center;
  1108. padding:10px;
  1109. letter-spacing:1px;
  1110. line-height:150%;
  1111. background:none;
  1112. -webkit-transition: all .4s ease-out;
  1113. -moz-transition: all .4s ease-out;
  1114. -o-transition: all .4s ease-out;
  1115. -ms-transition: all .4s ease-out;
  1116. transition: all .4s ease-out;
  1117. }
  1118.  
  1119.  
  1120. #realdesc {
  1121. position:absolute;
  1122. top: 0;
  1123. left:0;
  1124. width:inherit;
  1125. height:inherit;
  1126. margin: 0 auto;
  1127. text-align:center;
  1128. padding:10px;
  1129. letter-spacing:0.5px;
  1130. line-height:150%;
  1131. opacity:0.0;
  1132. background:none;
  1133. -webkit-transition: all .4s ease-out;
  1134. -moz-transition: all .4s ease-out;
  1135. -o-transition: all .4s ease-out;
  1136. -ms-transition: all .4s ease-out;
  1137. transition: all .4s ease-out;
  1138. }
  1139.  
  1140. .description b{
  1141. color:{color:bold};
  1142. letter-spacing:1px;
  1143. font-weight:400;
  1144. opacity:0.9;
  1145. }
  1146.  
  1147.  
  1148. .description i{
  1149. color:{color:italic};
  1150. }
  1151.  
  1152.  
  1153. /*------- DESCRIPTION END ---------*/
  1154.  
  1155.  
  1156.  
  1157.  
  1158. /*------- MUSES ---------*/
  1159.  
  1160.  
  1161.  
  1162. .musey{
  1163. display:inline-block;
  1164. width:115px;
  1165. height:115px;
  1166. margin-left:5px;
  1167. margin-right:10px;
  1168. margin-top:5px;
  1169. margin-bottom:10px;
  1170. background:{color:muse bg};
  1171. border: 0px solid {color:muse bg};
  1172. font-weight:600;
  1173. font-family: 'Montserrat', sans-serif;
  1174. opacity:1.0;
  1175. -webkit-transition: all .4s ease-out;
  1176. -moz-transition: all .4s ease-out;
  1177. -o-transition: all .4s ease-out;
  1178. -ms-transition: all .4s ease-out;
  1179. transition: all .4s ease-out;
  1180. }
  1181.  
  1182.  
  1183.  
  1184.  
  1185. .musey:hover {
  1186. opacity:1.0;
  1187. background:{color:muse bg};
  1188. -webkit-transition: all .4s ease-out;
  1189. -moz-transition: all .4s ease-out;
  1190. -o-transition: all .4s ease-out;
  1191. -ms-transition: all .4s ease-out;
  1192. transition: all .4s ease-out;
  1193. }
  1194.  
  1195. .musey a {
  1196. display: block;
  1197. }
  1198.  
  1199. #musepic {
  1200. margin: 10px 10px 10px 10px;
  1201. width:100px;
  1202. height:100px;
  1203. padding:0px;
  1204. z-index:-99;
  1205. -webkit-transition: all .4s ease-out;
  1206. -moz-transition: all .4s ease-out;
  1207. -o-transition: all .4s ease-out;
  1208. -ms-transition: all .4s ease-out;
  1209. transition: all .4s ease-out;
  1210. }
  1211.  
  1212. #musepic img {
  1213. width:75px;
  1214. height:75px;
  1215. border:10px solid {color:post bg};
  1216. overflow:hidden;
  1217. z-index:-999;
  1218. -webkit-transition-duration:400ms;-o-transition-duration:400ms;-ms-transition-duration:400ms;-moz-transition-duration:400ms;
  1219.  
  1220. }
  1221.  
  1222. #museyurl {
  1223. position:relative;
  1224. bottom:120px;
  1225. left:0px;
  1226. text-align:center;
  1227. padding:0px;
  1228. line-height:110%;
  1229. width:115px;
  1230. height:105px;
  1231. z-index:999;
  1232. opacity:0.0;
  1233. background:{color:muse bg};
  1234. -webkit-transition: all .4s ease;
  1235. -moz-transition: all .4s ease;
  1236. -o-transition: all .4s ease;
  1237. -ms-transition: all .4s ease;
  1238. transition: all .4s ease;
  1239. }
  1240.  
  1241.  
  1242. #urlstuf {
  1243. margin-left:auto;
  1244. margin-right:auto;
  1245. z-index:999;
  1246. background:{color:post bg};
  1247. }
  1248. #urlstuf a{
  1249. display:block;
  1250. color:{color:text};
  1251. padding:4px;
  1252. font-size:13px;
  1253. padding-top:40px;
  1254. letter-spacing:1px;
  1255. font-weight:400;
  1256. line-height:140%;
  1257. width:inherit;
  1258. height:inherit;
  1259. font-family: 'Montserrat', sans-serif;
  1260. text-transform:lowercase;
  1261. text-decoration:none;
  1262. text-align:center;
  1263. font-weight:400;
  1264. background:{color:muse bg};
  1265. opacity:1.0;
  1266. margin:10px auto;
  1267. margin-top:10px;
  1268. -webkit-transition: all 0.5s ease-in-out;
  1269. -moz-transition: all 0.5s ease-in-out;
  1270. -o-transition: all 0.5s ease-in-out;
  1271. }
  1272. #urlstuf a:hover{text-shadow:1px 1px 2px {color:shadow};
  1273.  
  1274. }
  1275.  
  1276.  
  1277.  
  1278.  
  1279. .corgi {
  1280. margin-left:5px;
  1281. margin-right:5px;
  1282. font-style:normal;
  1283. line-height:120%;
  1284. font-weight:normal;
  1285. color: {color:text}; /* change muse sub text color */
  1286. font-family: 'Inconsolata', ;
  1287. text-transform:uppercase;
  1288. letter-spacing:0.5px;
  1289. font-size:8.5px;
  1290. margin-top:-25px;
  1291. -webkit-transition: all .4s ease;
  1292. -moz-transition: all .4s ease;
  1293. -o-transition: all .4s ease;
  1294. -ms-transition: all .4s ease;
  1295. transition: all .4s ease;
  1296. }
  1297.  
  1298.  
  1299.  
  1300.  
  1301.  
  1302. .musey:hover .corgi {
  1303. margin-top:-12px;
  1304. -webkit-transition: all .4s ease;
  1305. -moz-transition: all .4s ease;
  1306. -o-transition: all .4s ease;
  1307. -ms-transition: all .4s ease;
  1308. transition: all .4s ease;
  1309. }
  1310. .musey:hover #museyurl {
  1311. opacity:1.0;
  1312. background:{color:muse bg};
  1313. -webkit-transition: all .4s ease;
  1314. -moz-transition: all .4s ease;
  1315. -o-transition: all .4s ease;
  1316. -ms-transition: all .4s ease;
  1317. transition: all .4s ease;
  1318. }
  1319.  
  1320. .musey:hover #musepic {
  1321. opacity:1.0;
  1322. -webkit-transition: all .4s ease;
  1323. -moz-transition: all .4s ease;
  1324. -o-transition: all .4s ease;
  1325. -ms-transition: all .4s ease;
  1326. transition: all .4s ease;
  1327. }
  1328.  
  1329.  
  1330.  
  1331. /*------- MUSES END ---------*/
  1332.  
  1333.  
  1334.  
  1335. /*------- OTHER FUN STUF ---------*/
  1336.  
  1337.  
  1338. #pagination {
  1339. position:fixed;
  1340. top: 415px;
  1341. left:180px;
  1342. font-family:'Montserrat', sans-serif;
  1343. padding:5px;
  1344. letter-spacing:1.5px;
  1345. text-transform:uppercase;
  1346. font-weight:400;
  1347. text-size:7.5px;
  1348. text-align:right;
  1349. word-spacing:5px;
  1350. margin-bottom:0px;
  1351. width:150px;
  1352. }
  1353.  
  1354. #pagination a{
  1355. color:{color:pagination};
  1356. opacity:0.5;
  1357. }
  1358. #pagination a:hover{
  1359. opacity:0.9;
  1360. }
  1361.  
  1362.  
  1363.  
  1364. /*------ chat stuff ----*/
  1365. .convo li{
  1366. margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative
  1367.  
  1368. }
  1369.  
  1370. .convo b, .user_1 b,.user_3 b,.user_5 b,.user_7 b,.user_9 b,.user_11 b{color:{color:chat user 1 text};}
  1371.  
  1372. .convo b, .user_2 b,.user_4 b,.user_6 b,.user_8 b,.user_10 b,.user_12 b{color:{color:chat user 2 text};}
  1373.  
  1374. .user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  1375. float:left;background:{color:chat user 1 bg};color:{color:chat user 1 text};left:3px
  1376. }
  1377. .user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
  1378. content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:chat user 1 bg};border-bottom-right-radius:1em .5em
  1379.  
  1380. }
  1381. .user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  1382. right:3px;float:right;background-color:{color:chat user 2 bg};color:{color:chat user 2 text}
  1383.  
  1384. }
  1385. .user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:chat user 2 bg};border-bottom-left-radius:1em .5em
  1386.  
  1387. }
  1388. .user_3{background-color:{color:chat user 1 bg};color:{color:chat user 1 text}}.user_3::after{border-color:{color:chat user 1 bg}}
  1389. .user_4{background-color:{color:chat user 2 bg};color:{color:chat user 2 text}}.user_4::after{border-color:{color:chat user 2 bg}}
  1390. .user_5{background-color:{color:chat user 1 bg};color:{color:chat user 1 text}}.user_5::after{border-color:{color:chat user 1 bg}}
  1391. .user_6{background-color:{color:chat user 2 bg};color:{color:chat user 2 text}}.user_6::after{border-color:{color:chat user 2 bg}}
  1392. .user_7{background-color:{color:chat user 1 bg};color:{color:chat user 1 text}}.user_7::after{border-color:{color:chat user 1 bg}}
  1393. .user_8{background-color:{color:chat user 2 bg};color:{color:chat user 2 text}}.user_8::after{border-color:{color:chat user 2 bg}}
  1394. .user_9{background-color:{color:chat user 1 bg};color:{color:chat user 1 text}}.user_9::after{border-color:{color:chat user 1 bg};}
  1395.  
  1396. .convo {
  1397. overflow: hidden;
  1398. list-style-type: none;
  1399. padding: 0;
  1400. margin: 0;
  1401. }
  1402.  
  1403.  
  1404. #message {
  1405. padding:30px;
  1406. }
  1407.  
  1408. #ask {
  1409. background:#fff;
  1410. opacity:0.7;
  1411. padding:10px;
  1412. }
  1413. #asker {
  1414. z-index:9999999999 !important;
  1415. margin-left:20px;
  1416. margin-top:10px;
  1417. margin-right:10px;}
  1418.  
  1419. #askurl {
  1420. font-size:14px;
  1421. font-weight:400;
  1422. font-family: 'Montserrat', sans-serif;
  1423. letter-spacing:3px;
  1424. margin-left:70px;
  1425. margin-top:-25px;
  1426. margin-right:5px;}
  1427.  
  1428. #question {
  1429. font-size: {text:text size};
  1430. margin-left:70px;
  1431. margin-right:40px;
  1432. padding:10px;
  1433. text-align:justify;}
  1434.  
  1435. #quote {
  1436. font-size:16px;
  1437. font-family:'Montserrat', sans-serif;
  1438. text-align: center;
  1439. font-weight: 400;
  1440. letter-spacing: 1.5px;
  1441. line-height: 130%;
  1442. padding-bottom: 10px;}
  1443.  
  1444. #quotesrc {
  1445. font-size:11px;
  1446. font-family: 'Montserrat', sans-serif;
  1447. font-weight: 300;
  1448. letter-spacing:1px;
  1449. text-align:center;
  1450. color:{color:link};}
  1451. #quote:before {
  1452. content: "❝ ";
  1453. font-size:16px;
  1454. font-family: 'Montserrat', sans-serif;
  1455. font-weight: 500;
  1456. color:{color:bold};}
  1457. #quote:after {
  1458. content: " ❞";
  1459. font-size:16px;
  1460. font-family: 'Montserrat', sans-serif;
  1461. font-weight: 500;
  1462. color:{color:bold};}
  1463.  
  1464. #cover {
  1465. position: relative;
  1466. z-index: 1;
  1467. height: 80px;
  1468. float:left;
  1469. margin:4px;
  1470. box-shadow:0px 0px 5px {color:box shadow};}
  1471.  
  1472. #button {
  1473. width:20px;
  1474. height:30px;
  1475. overflow: hidden;
  1476. position: relative;
  1477. z-index: 99;
  1478. margin: 15px 24px 13px 16px;}
  1479.  
  1480. #buttons {
  1481. background-color: #fff;
  1482. position: absolute;
  1483. z-index: 99;
  1484. margin-top: 15px;
  1485. margin-left: 15px;
  1486. opacity: 0;
  1487. -webkit-transition: opacity 0.5s ease-out;
  1488. -webkit-transition: all 0.5s ease-out;
  1489. -moz-transition: all 0.5s ease-out;
  1490. -o-transition: all 0.5s ease-out;}
  1491.  
  1492. #post:hover #buttons {
  1493. opacity:1;}
  1494.  
  1495.  
  1496. #musicinfo {
  1497. margin-left: 110px;
  1498. font-size:10px;
  1499. min-height:70px;
  1500. text-align:left;
  1501. position: relative;}
  1502.  
  1503. .note {
  1504. color:{color:text};
  1505. text-transform:uppercase;
  1506. width:290px;
  1507. font-style:normal;
  1508. letter-spacing:1px;
  1509. font-size: 7.5px;
  1510. text-align:left;
  1511. line-height:150%;
  1512. margin-left:-15px;}
  1513.  
  1514. .note li {
  1515. list-style-type:none;
  1516. padding:10px 15px 10px 15px;
  1517. text-align:left;
  1518. -moz-transition-duration:0.5s;
  1519. -webkit-transition-duration:0.5s;
  1520. -o-transition-duration:0.5s;}
  1521.  
  1522. .note img.avatar {
  1523. margin-right: 10px;
  1524. width: 16px;
  1525. height: 16px;}
  1526.  
  1527. .tags {
  1528. font-size:7.5px;
  1529. text-transform:uppercase;
  1530. letter-spacing:0.5px;
  1531. padding-top:5px;
  1532. margin-top:-20px;
  1533. opacity:0;
  1534. text-align:center;
  1535. -webkit-transition: all 0.8s ease;
  1536. -moz-transition: all 0.8s ease;
  1537. transition: all 0.8s ease;}
  1538. .posts:hover .tags {
  1539. opacity:1.0;
  1540. margin-top:0px;
  1541. -webkit-transition: all 0.8s ease;
  1542. -moz-transition: all 0.8s ease;
  1543. transition: all 0.8s ease;}
  1544.  
  1545. #permalink {
  1546. font-size:7.5px;
  1547. text-align:center;
  1548. text-transform:uppercase;
  1549. letter-spacing:0.5px;
  1550. margin-top:10px;
  1551. background:{color:post info bg};
  1552. padding:5px;
  1553. opacity:0.8;
  1554. }
  1555.  
  1556.  
  1557.  
  1558.  
  1559. .credit, .credit a {
  1560. font-size:10px;
  1561. color:{color:pagination};
  1562. letter-spacing:1px;
  1563. text-transform:uppercase;
  1564. position:fixed;
  1565. top:509px;
  1566. left:834px;
  1567. opacity:0.7;
  1568. }
  1569.  
  1570. .credit a:hover {
  1571. opacity:0.9;
  1572. }
  1573.  
  1574.  
  1575.  
  1576. div#qTip {
  1577. border:0px dotted #fff;
  1578. padding: 3px;
  1579. display: none;
  1580. margin-left:10px;
  1581. margin-top:-7px;
  1582. text-align: center;
  1583. font-style:normal;
  1584. background:{color:shadow};
  1585. opacity:0.8;
  1586. font-weight:400;
  1587. position: absolute;
  1588. text-transform:uppercase;
  1589. font-size:7.5px;
  1590. font-family: 'Montserrat', sans-serif;
  1591. line-height:10px;
  1592. z-index: 9999999;
  1593. color: {color:desctext};
  1594. letter-spacing: 0.5px;}
  1595.  
  1596. {CustomCSS}</style></head><body>
  1597.  
  1598.  
  1599.  
  1600.  
  1601.  
  1602.  
  1603.  
  1604.  
  1605.  
  1606.  
  1607.  
  1608.  
  1609. <div class="listen">{text:title}</div>
  1610.  
  1611.  
  1612. <div class="descriptionbg"></div>
  1613. <div class="description">
  1614. <div id="descbox">
  1615.  
  1616. <div id="desc">
  1617.  
  1618.  
  1619. <br>This is where your <i>description</i> goes.<br>
  1620. If you <u>hover</u> over this, it'll show your <s>hidden</s> description. <b>Neat</b> huh?
  1621.  
  1622.  
  1623.  
  1624. </div>
  1625.  
  1626. <div id="realdesc">
  1627.  
  1628. {block:Description}
  1629. {Description}
  1630. {/block:Description}
  1631.  
  1632.  
  1633. </div>
  1634.  
  1635. </div>
  1636. </div>
  1637.  
  1638.  
  1639.  
  1640.  
  1641.  
  1642. </div></div></div>
  1643.  
  1644.  
  1645.  
  1646.  
  1647. <div id="sprouty">
  1648.  
  1649. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  1650. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  1651. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  1652. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink1}
  1653. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink1}
  1654. </div>
  1655.  
  1656.  
  1657. <div id="icon"><img src="{image:icon}"></div>
  1658. <div id="icon2"><img src="{image:icon2}"></div>
  1659.  
  1660. <div id="iconbg"></div>
  1661. <div id="iconbg2"></div>
  1662.  
  1663.  
  1664. <div class="tabs">
  1665. <div class="hey">
  1666. <ul class="tab-links">
  1667. <li class="active"><a href="/" title="refresh"></a></li>
  1668. <li><a href="#tab2" title="message"></a></li>
  1669. <li><a href="#tab3" title="{text:tab 3 title}"></a></li>
  1670. <li><a href="#tab4" title="{text:tab 4 title}"></a></li>
  1671. </ul>
  1672. </div>
  1673.  
  1674.  
  1675. <div id="pagination">{block:Pagination}
  1676. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">forth</a>
  1677. {/block:NextPage}
  1678. {/block:Pagination}</div>
  1679.  
  1680.  
  1681.  
  1682.  
  1683. <!-- --------------------------- TABS -------------------------- -->
  1684.  
  1685. <div id="deerbg"></div>
  1686. <div class="tabs">
  1687.  
  1688.  
  1689. <!-- --------------------------- TAB 1 -------------------------- -->
  1690.  
  1691. <div id="tab1" class="tab active">
  1692.  
  1693. <div class="deer">
  1694.  
  1695.  
  1696. <div class="entries">
  1697. {block:Posts}
  1698. <div class="posts">
  1699.  
  1700.  
  1701.  
  1702. <!--TEXT POST-->
  1703. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1704.  
  1705. {block:Photo}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1706. </center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1707.  
  1708. {block:Photoset}
  1709. <div class="poopset">{Photoset}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1710.  
  1711. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1712.  
  1713. {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<b><div id="quotesrc">{Source}</div></b>{/block:Source}{/block:Quote}
  1714.  
  1715. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  1716. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1717. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1718. {/block:ExternalAudio}<br><br>
  1719. {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  1720.  
  1721. {block:Video}<div class="videothing">{Video-400}</div>
  1722. {block:Caption}{Caption}{/block:Caption}
  1723. {/block:Video}
  1724.  
  1725. {block:Chat}
  1726. {block:Title}
  1727. <h2>{Title}</h2>{/block:Title}<br>
  1728. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  1729. {Line}</li>{/block:Lines}</ul>
  1730. {/block:Chat}
  1731.  
  1732. {block:Answer}<div id="ask"><div id="asker"><img src="{AskerPortraitURL-30}"></div><div id="askurl">{Asker}:</div>
  1733. <div id="question">{Question}</div></div>{Answer}{/block:Answer}
  1734.  
  1735. {block:Date}
  1736. <div id="permalink">
  1737. <a href="{Permalink}">{TimeAgo}</a>
  1738. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  1739.  
  1740.  
  1741. {block:RebloggedFrom}/ <a href="{ReblogParentURL}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}">source</a> / <a href="{ReblogURL}">reblog</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}
  1742.  
  1743. </div>
  1744. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1745. </div>
  1746. {/block:Date}
  1747.  
  1748. {block:PostNotes}
  1749. <div class="note">
  1750. {PostNotes}
  1751. </div>
  1752. {/block:PostNotes}
  1753.  
  1754. {/block:Posts}
  1755.  
  1756.  
  1757.  
  1758.  
  1759.  
  1760. </div>
  1761.  
  1762. </div>
  1763.  
  1764. </div>
  1765.  
  1766.  
  1767.  
  1768.  
  1769.  
  1770. <!-- -------------------------- TAB 2 -------------------------- -->
  1771.  
  1772. <div id="tab2" class="tab">
  1773. <div class="deer">
  1774. <div id="message"><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  1775. </div>
  1776. </div>
  1777. </div>
  1778.  
  1779.  
  1780. <!-- -------------------------- TAB 3 -------------------------- -->
  1781.  
  1782. <div id="tab3" class="tab">
  1783. <div class="deer">
  1784. <div id="deertab">
  1785.  
  1786.  
  1787.  
  1788. <h3>Rules & Stuff</h3>
  1789.  
  1790. <h4>this is a header</h4>
  1791. You can put your rules and guidelines here, or perhaps a little About Me page if you prefer.
  1792.  
  1793. <h5>another header</h5>
  1794.  
  1795. This could be a navigation page if you wish. Add anything you want!
  1796.  
  1797.  
  1798. </div>
  1799. </div>
  1800. </div>
  1801.  
  1802.  
  1803. <!-- -------------------------- TAB 4 -------------------------- -->
  1804.  
  1805. <div id="tab4" class="tab">
  1806. <div class="deer">
  1807. <div id="deertab">
  1808.  
  1809.  
  1810. <!----------------------- START OF NEW MUSE SECTION ---------------------->
  1811.  
  1812.  
  1813.  
  1814.  
  1815. <div id="sprout">
  1816. <a href="#" class="cthrough" title="main muses" style="cursor:help">Primary<!-- GROUP TITLE GOES HERE --></a>
  1817. <div class="sub">
  1818.  
  1819.  
  1820. <table><tr>
  1821.  
  1822.  
  1823. <!-------------- NEW MUSE --------------->
  1824.  
  1825.  
  1826. <td class="musey">
  1827. <div id="musepic"><img src="https://38.media.tumblr.com/90b9cf282c4d03a03a7cb9383ce4c1b4/tumblr_inline_ncipiyfKnC1rm8kwk.png"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
  1828.  
  1829. <div id="museyurl">
  1830. <div id="urlstuf"><a href="/YOUR URL HERE">athena.<!-- MUSE NAME GOES HERE --></a></div>
  1831.  
  1832. <div class="corgi">{ the wise }<!-- MUSE SUBTEXT GOES HERE --></div>
  1833.  
  1834. </div>
  1835. </td>
  1836.  
  1837. <!-- END OF MUSE -->
  1838.  
  1839. <!-------------- NEW MUSE --------------->
  1840.  
  1841.  
  1842. <td class="musey">
  1843. <div id="musepic"><img src="https://40.media.tumblr.com/7bc1ec061cf7b0122bb38860d3adeb24/tumblr_nn4burmj5c1up609jo4_250.png"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
  1844.  
  1845. <div id="museyurl">
  1846. <div id="urlstuf"><a href="/YOUR URL HERE">hades.<!-- MUSE NAME GOES HERE --></a></div>
  1847.  
  1848. <div class="corgi">{ the unseen }<!-- MUSE SUBTEXT GOES HERE --></div>
  1849.  
  1850. </div>
  1851. </td>
  1852. <!-- END OF MUSE -->
  1853.  
  1854. <!-------------- NEW MUSE --------------->
  1855.  
  1856.  
  1857. <td class="musey">
  1858. <div id="musepic"><img src="https://41.media.tumblr.com/8f7fad4e7df7b62e1b01750a606cf764/tumblr_nowf05cKrH1rjniu3o2_250.jpg"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
  1859.  
  1860. <div id="museyurl">
  1861. <div id="urlstuf"><a href="/YOUR URL HERE">artemis.<!-- MUSE NAME GOES HERE --></a></div>
  1862.  
  1863. <div class="corgi">{ the huntress }<!-- MUSE SUBTEXT GOES HERE --></div>
  1864.  
  1865. </div>
  1866. </td>
  1867. <!-- END OF MUSE -->
  1868.  
  1869.  
  1870.  
  1871. </tr></table>
  1872.  
  1873.  
  1874.  
  1875.  
  1876. </div></div>
  1877.  
  1878. <!------------------------- END OF MUSE SECTION ------------------------>
  1879.  
  1880.  
  1881.  
  1882. <!----------------------- START OF NEW MUSE SECTION ---------------------->
  1883.  
  1884.  
  1885.  
  1886.  
  1887. <div id="sprout">
  1888. <a href="#" class="cthrough" title="side muses" style="cursor:help">secondary<!-- GROUP TITLE GOES HERE --></a>
  1889. <div class="sub">
  1890.  
  1891.  
  1892. <table><tr>
  1893.  
  1894.  
  1895. <!-------------- NEW MUSE --------------->
  1896.  
  1897.  
  1898. <td class="musey">
  1899. <div id="musepic"><img src="https://40.media.tumblr.com/6812080748d9f0f2fb76b3df9779b23f/tumblr_nq1zduYKuT1ttmes9o2_250.png"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
  1900.  
  1901. <div id="museyurl">
  1902. <div id="urlstuf"><a href="/YOUR URL HERE">anubis.<!-- MUSE NAME GOES HERE --></a></div>
  1903.  
  1904. <div class="corgi">{ the protector }<!-- MUSE SUBTEXT GOES HERE --></div>
  1905.  
  1906. </div>
  1907. </td>
  1908.  
  1909. <!-- END OF MUSE -->
  1910.  
  1911. <!-------------- NEW MUSE --------------->
  1912.  
  1913.  
  1914. <td class="musey">
  1915. <div id="musepic"><img src="https://40.media.tumblr.com/2c8e7aab18749c09118314ae5561d742/tumblr_nrwp8dkQGB1slgxxho1_250.jpg"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
  1916.  
  1917. <div id="museyurl">
  1918. <div id="urlstuf"><a href="/YOUR URL HERE">nike.<!-- MUSE NAME GOES HERE --></a></div>
  1919.  
  1920. <div class="corgi">{ the victorious }<!-- MUSE SUBTEXT GOES HERE --></div>
  1921.  
  1922. </div>
  1923. </td>
  1924. <!-- END OF MUSE -->
  1925.  
  1926. <!-------------- NEW MUSE --------------->
  1927.  
  1928.  
  1929. <td class="musey">
  1930. <div id="musepic"><img src="https://40.media.tumblr.com/a6a662fc18a4718eb90f83d9130ea06f/tumblr_nqt7dictnZ1sji7ozo4_250.jpg"><!-- REPLACE IMAGE URL WITH YOUR OWN --></div>
  1931.  
  1932. <div id="museyurl">
  1933. <div id="urlstuf"><a href="/YOUR URL HERE">poseidon.<!-- MUSE NAME GOES HERE --></a></div>
  1934.  
  1935. <div class="corgi">{ the stormy sea }<!-- MUSE SUBTEXT GOES HERE --></div>
  1936.  
  1937. </div>
  1938. </td>
  1939. <!-- END OF MUSE -->
  1940.  
  1941.  
  1942. </tr></table>
  1943.  
  1944.  
  1945.  
  1946.  
  1947. </div></div>
  1948.  
  1949. <!------------------------- END OF MUSE SECTION ------------------------>
  1950.  
  1951.  
  1952.  
  1953.  
  1954.  
  1955. <!--------////// INSTRUCTIONS /////-------------
  1956.  
  1957. To add a whole new section:
  1958. - copy the entire code from the START OF NEW MUSE SECTION
  1959. to END OF NEW MUSE SECTION
  1960.  
  1961. To add only one member:
  1962. - copy the code from NEW MUSE to END OF MUSE
  1963.  
  1964. *Muse icons will automatically be resized to 80x80 pixels
  1965.  
  1966. If you have any more questions, you can reach me at deersprouts.tumblr.com
  1967.  
  1968. -------- END OF INSTRUCTIONS /////-------------->
  1969.  
  1970.  
  1971.  
  1972.  
  1973.  
  1974. </div>
  1975.  
  1976.  
  1977. </div>
  1978.  
  1979.  
  1980.  
  1981. </div>
  1982. </div>
  1983. </div>
  1984.  
  1985.  
  1986.  
  1987.  
  1988.  
  1989.  
  1990.  
  1991.  
  1992.  
  1993. <!-- END OF TABS -->
  1994.  
  1995. </div>
  1996. </div>
  1997. </div>
  1998. </div>
  1999. </div>
  2000.  
  2001.  
  2002.  
  2003.  
  2004.  
  2005.  
  2006.  
  2007.  
  2008.  
  2009. <!------- UPDATES START --------->
  2010.  
  2011. {block:IfUpdates}
  2012.  
  2013.  
  2014.  
  2015. <div id="little"></div>
  2016. <div id="updates">
  2017.  
  2018. <div id="updatesbox">
  2019.  
  2020. <h6>updates</h6>
  2021. Add whatever you want here.
  2022. <br>
  2023.  
  2024.  
  2025. <h6>about</h6>
  2026.  
  2027. Write something neat here. Use the < h6 > html tag to add a new header. This is how <b>bold</b> text looks like. <i>Whoops,</i> there goes italic. And then there was <u>underline.</u> Don't forget your <a>link</a>!
  2028.  
  2029.  
  2030. <br><br>
  2031.  
  2032. </div>
  2033. </div>
  2034.  
  2035. {/block:IfUpdates}
  2036.  
  2037.  
  2038. <!------- UPDATES END --------->
  2039.  
  2040.  
  2041.  
  2042.  
  2043.  
  2044. <!------- PLEASE DON'T REMOVE THE CREDIT! --------->
  2045.  
  2046. <div class="credit"><a href="http://deersprouts.tumblr.com" title="theme">✖︎</a></div>
  2047.  
  2048.  
  2049.  
  2050.  
  2051. </body>
  2052. </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!