API tools faq
paste
Advertisement
elsaofarendelle

Greyson WIP

elsaofarendelle
Feb 4th, 2018
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.84 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7. <script>
  8. $(document).ready(function() {
  9. //
  10. $('a.poplight[href^=#]').click(function() {
  11. var popID = $(this).attr('rel'); //Get Popup Name
  12. var popURL = $(this).attr('href'); //Get Popup href to define size
  13. var query= popURL.split('?');
  14. var dim= query[1].split('&');
  15. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  16. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  17. var popMargTop = ($('#' + popID).height() + 80) / 2;
  18. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  19. //Apply Margin to Popup
  20. $('#' + popID).css({
  21. 'margin-top' : -popMargTop,
  22. 'margin-left' : -popMargLeft
  23. });
  24. $('body').append('<div id="fade"></div>');
  25. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  26. return false;
  27. });
  28. $('a.close, #fade').live('click', function() {
  29. $('#fade , .popup_block').fadeOut(function() {
  30. $('#fade, a.close').remove(); //fade them both out
  31. });
  32. return false;
  33. });
  34. });
  35. </script>
  36.  
  37. <script>
  38.  
  39. $(document).ready(function(){
  40. $("ul#tabs li").click(function(e){
  41. if (!$(this).hasClass("active")) {
  42. var tabNum = $(this).index();
  43. var nthChild = tabNum+1;
  44. $("ul#tabs li.active").removeClass("active");
  45. $(this).addClass("active");
  46. $("ul#tab li.active").removeClass("active");
  47. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  48. }
  49. });
  50. });
  51. </script>
  52.  
  53. <!--- fonts --->
  54.  
  55. <link href='https://fonts.googleapis.com/css?family=Scheherazade' rel='stylesheet' type='text/css'>
  56.  
  57. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  58.  
  59. <!--- tooltips --->
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("[title]").style_my_tooltips();
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71.  
  72. </style>
  73.  
  74. <title>{Title}</title>
  75. <link rel="shortcut icon" href="{Favicon}">
  76. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  77. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  78.  
  79.  
  80. <!-------------------------------------------
  81. Code by elsaofarendelle.
  82. Don't copy or distribute.
  83. Don't claim as your own.
  84. -------------------------------------------->
  85.  
  86. <meta name="image:background" content=""/>
  87. <meta name="image:sidebar" content=""/>
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92. /* --- SCROLLBAR START ---*/
  93.  
  94. ::-webkit-scrollbar {
  95. height: 0px;
  96. width: 6px;
  97. background: none;
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb {
  101. border: 5px solid transparent;
  102. -webkit-border-radius: 5px;
  103. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  104. }
  105.  
  106. ::-webkit-scrollbar-corner{
  107. background: transparent;
  108. }
  109.  
  110. /* --- SCROLLBAR END --- */
  111.  
  112. /* --- LINK ANIMATION START --- */
  113.  
  114. @-moz-keyframes bbounce{
  115. 0% {-moz-transform:translate(0px,0px);}
  116. 50% {-moz-transform:translate(0px,10px);}
  117. 100% {-moz-transform:translate(0px,0px);}
  118. }
  119.  
  120. @-webkit-keyframes bbounce {
  121. 0% {-webkit-transform:translate(0px,0px);}
  122. 50% {-webkit-transform:translate(0px,10px);}
  123. 100% {-webkit-transform:translate(0px,0px);}
  124. }
  125.  
  126. /* --- LINK ANIMATION END --- */
  127.  
  128. /* --- TOOLTIPS START --- */
  129.  
  130. #s-m-t-tooltip{
  131. max-width:300px;
  132. margin:15px;
  133. padding:2px 8px;
  134. border:1px solid #000;
  135. border-radius:0px;
  136. background-image: url('');
  137. color:#000;
  138. z-index:9999999999999;
  139. font-size:10px;
  140. font-family: 'Scheherazade', serif;
  141. font-weight:bold;
  142. text-transform:uppercase;
  143. box-shadow:0px 0px 10px #000;
  144. -webkit-transition:all 0.7s;
  145. -moz-transition:all 0.7s;
  146. -ms-transition:all 0.7s;
  147. -o-transition:all 0.7s;
  148. transition:all 0.7s;
  149. }
  150.  
  151. /* --- TOOLTIPS END --- */
  152.  
  153.  
  154. /* --- BODY START ---*/
  155.  
  156. body {
  157. background:#fff;
  158. background-image:url({image:background});
  159. background-attachment: fixed;
  160. background-repeat: no-repeat;
  161. background-position:0px 0px;
  162. margin:0px;
  163. color:#000;
  164. font-family: 'Scheherazade', serif;
  165. font-size:12px;
  166. line-height:120%;
  167. word-wrap: break-word;
  168. }
  169.  
  170. blockquote {
  171. padding-left:5px;
  172. border-left:2px solid;
  173. border-radius:6px;
  174. }
  175.  
  176. a {
  177. color:#000;
  178. font-family: 'Scheherazade', serif;
  179. }
  180.  
  181. a {
  182. text-decoration:none;
  183. -webkit-transition:all 0.5s ease-in-out;
  184. -moz-transition:all 0.5s ease-in-out;
  185. -o-transition:all 0.5s ease-in-out;
  186. -ms-transition:all 0.5s ease-in-out;
  187. transition:all 0.5s ease-in-out;
  188. }
  189.  
  190. a:hover {
  191. color: none;
  192. }
  193.  
  194. img {none;}
  195.  
  196. h1 , h2 {
  197. font-family: 'Dancing Script', cursive;
  198. text-transform:none;
  199. font-size:30px;
  200. line-height:30px;
  201. letter-spacing:0px;
  202. text-align:center;
  203. font-style:normal;
  204. color:#000;
  205. text-shadow:0px 0px 3px #000;
  206. }
  207.  
  208.  
  209. #container {
  210. background: none;
  211. border:1px none #fff;
  212. width:320px;
  213. height:386px;
  214. margin-left:750px;
  215. margin-top:190px;
  216. position:fixed;
  217. overflow:auto;
  218. padding-left:50px;
  219. padding-right:50px;
  220. padding-top:17px;
  221. padding-bottom:10px;
  222. -webkit-mask-image: -webkit-gradient(
  223. linear, center 10%, center bottom,
  224. from(rgba(0,0,0,20)),
  225. to(rgba(20,0,0,0)));
  226. }
  227.  
  228. #posts {
  229. width:250px;
  230. background-color: transparent;
  231. padding:-50px;
  232. text-align: justify;
  233. font-size: 12px;
  234. padding-top: -10px;
  235. margin-bottom: 50px;
  236. line-height: 100%px;
  237. font-family: georgia;
  238. z-index:50;
  239. }
  240.  
  241. #posts img {
  242. padding: 0;
  243. max-width:100%;
  244. width: auto;
  245. height: auto;
  246. }
  247.  
  248. pre {
  249. font-family: 'Dancing Script', cursive;
  250. font-size:10px;
  251. color:#000;
  252. text-shadow: none;
  253. letter-spacing:1px;
  254. text-align:center;
  255. text-transform:uppercase;
  256. padding:6px;
  257. background:url('');
  258. background-repeat:repeat;
  259. border: 3px none #a4a4a4;
  260. }
  261.  
  262. b {
  263. text-transform: bold;
  264. color: #000;
  265. text-shadow: 0px 0px 3px #000;
  266. letter-spacing:1px;
  267. font-family: 'Dancing Script', cursive;
  268. font-size:15px;
  269. }
  270.  
  271. i {
  272. text-transform: italic;
  273. color: #000;
  274. text-shadow: 2px 2px 5px #000;
  275. letter-spacing:1px;
  276. font-family: 'Dancing Script', cursive;
  277. font-size:15px;
  278. }
  279.  
  280. em {
  281. text-transform: italic;
  282. color: #000;
  283. text-shadow: 2px 2px 5px #000;
  284. letter-spacing:1px;
  285. font-family: 'Dancing Script', cursive;
  286. font-size:15px;
  287. }
  288.  
  289. sub, small, sup {
  290. font-size: 12px;
  291. }
  292.  
  293. /* --- BODY END --- */
  294.  
  295. /* --- SIDEBAR START ---*/
  296.  
  297.  
  298. #sidebar{
  299. position: fixed;
  300. top: 250px;
  301. width:250px;
  302. height:115px;
  303. left: 300px;
  304. padding:20px;
  305. }
  306.  
  307.  
  308.  
  309. #sidebarimage img{
  310. width: 100px;
  311. height:115px;
  312. padding:10px;
  313. border:3px none #f5f5f5;
  314. margin-top:5px;
  315. background:transparent;
  316. background-image:{image:sidebarimage};
  317. }
  318.  
  319.  
  320. #nav {
  321. position:fixed;
  322. overflow:hidden;
  323. margin-top:150px;
  324. margin-left:315px;
  325. }
  326.  
  327. #title {
  328. font-family: 'Dancing Script', cursive;
  329. text-align:center;
  330. width:300px;
  331. margin-top:5px;
  332. margin-left:100px;
  333. text-transform:uppercase;
  334. font-style:normal;
  335. font-size:20px;
  336. color: transparent;
  337. }
  338.  
  339. #description {
  340. width:130px;
  341. height:360px;
  342. margin-top:-180px;
  343. margin-left:40px;
  344. padding: 10px;
  345. overflow:scroll;
  346. text-align:justify;
  347. font-style:oblique;
  348. font-family:'Scheherazade', serif;
  349. font-size:12px;
  350. color: #000;
  351. text-shadow: none;
  352. background-color: transparent;
  353. border:1px none #eeeff2;
  354. letter-spacing:1px;
  355. line-height:110%;
  356. -webkit-mask-image: -webkit-gradient(
  357. linear, center 15%, center top,
  358. from(rgba(0,0,0,20)),
  359. to(rgba(20,0,0,0)));
  360. }
  361.  
  362. #descriptionheaders{
  363. width:100px;
  364. height:auto;
  365. padding:10px;
  366. font-size:13px;
  367. text-transform:normal;
  368. letter-spacing:1px;
  369. color:#000;
  370. font-family: 'Dancing Script', cursive;
  371. text-shadow:0px 0px 5px #000;
  372. border: 1px solid 000;
  373. background-image: url('');
  374. background-repeat:repeat;
  375. background-attachment:fixed;
  376. line-height:30%;
  377. }
  378.  
  379. #pagination {
  380. font-family: 'Scheherazade', serif;
  381. width:103px;
  382. font-size:50px;
  383. text-transform:normal;
  384. margin-top:-500px;
  385. margin-left:770px;
  386. padding-top:25px;
  387. letter-spacing:1px;
  388. font-style:normal;
  389. text-align:center;
  390. }
  391.  
  392. #pagination a {
  393. color:#000;
  394. text-shadow:0px 0px 3px #000;
  395. }
  396.  
  397. /* --- SIDEBAR END ---*/
  398.  
  399.  
  400. /* --- LINKS START --- */
  401.  
  402. .links1 {
  403. position:fixed;
  404. font-size:40px;
  405. top: 70px;
  406. left: 300px;
  407. -webkit-animation: bbounce linear 3.5s;
  408. -webkit-animation-iteration-count: infinite;
  409. -webkit-transform-origin: 50% 50%;
  410. -webkit-filter: blur(1px)
  411. }
  412.  
  413. .links1 a {
  414. text-decoration:none;
  415. text-transform:normal;
  416. color: #a5a5a5;
  417. font-family: 'Dancing Script', cursive;
  418. text-shadow: 0px 0px 3px #eee;
  419. -moz-transition-duration:.7s;
  420. -webkit-transition-duration:.7s;
  421. -o-transition-duration:.7s;
  422. }
  423.  
  424.  
  425. .links1 a:hover {
  426. text-decoration:none;
  427. text-transform:normal;
  428. color: #a5a5a5;
  429. text-shadow:0px 0px 3px #eee;
  430. }
  431.  
  432. .links2 {
  433. position:fixed;
  434. font-size:30px;
  435. top: 130px;
  436. left: 250px;
  437. transform: rotate(20deg);
  438. -ms-transform: rotate(20deg);
  439. -webkit-transform: rotate(20deg);
  440. -o-transform: rotate(20deg);
  441. -moz-transform: rotate(20deg);
  442. -webkit-animation: bbounce linear 1.7s;
  443. -webkit-animation-iteration-count: infinite;
  444. -webkit-transform-origin: 50% 50%;
  445. -webkit-filter: blur(1px)
  446. }
  447.  
  448. .links2 a {
  449. text-decoration:none;
  450. text-transform:normal;
  451. color: #fff;
  452. font-family: 'Dancing Script', cursive;
  453. text-shadow: 0px 0px 3px #eee;
  454. -moz-transition-duration:.7s;
  455. -webkit-transition-duration:.7s;
  456. -o-transition-duration:.7s;
  457. }
  458.  
  459.  
  460. .links2 a:hover {
  461. text-decoration:none;
  462. text-transform:normal;
  463. color: #a5a5a5;
  464. text-shadow:0px 0px 3px #eee;
  465. }
  466.  
  467. .links3 {
  468. position:fixed;
  469. font-size:40px;
  470. top: 30px;
  471. left: 200px;
  472. transform: rotate(-180deg);
  473. -ms-transform: rotate(-180deg);
  474. -webkit-transform: rotate(-180deg);
  475. -o-transform: rotate(-180deg);
  476. -moz-transform: rotate(-180deg);
  477. -webkit-animation: bbounce linear 1.5s;
  478. -webkit-animation-iteration-count: infinite;
  479. -webkit-transform-origin: 50% 50%;
  480. -webkit-filter: blur(1px)
  481. }
  482.  
  483. .links3 a {
  484. text-decoration:none;
  485. text-transform:normal;
  486. color: #a5a5a5;
  487. font-family: 'Dancing Script', cursive;
  488. text-shadow: 0px 0px 3px #eee;
  489. -moz-transition-duration:.7s;
  490. -webkit-transition-duration:.7s;
  491. -o-transition-duration:.7s;
  492. }
  493.  
  494.  
  495. .links3 a:hover {
  496. text-decoration:none;
  497. text-transform:normal;
  498. color: #a5a5a5;
  499. text-shadow:0px 0px 3px #eee;
  500. }
  501.  
  502.  
  503. /* ---LINKS END --- */
  504.  
  505.  
  506. /* --- CREDIT START --- */
  507.  
  508. .credit{
  509. position:fixed;
  510. font-size:25px;
  511. right:12px;
  512. bottom:10px;
  513. }
  514.  
  515. .credit a {
  516. text-decoration:none;
  517. text-transform:uppercase;
  518. color: #eee;
  519. -moz-transition-duration:.7s;
  520. -webkit-transition-duration:.7s;
  521. -o-transition-duration:.7s;
  522. }
  523.  
  524.  
  525. .credit a:hover {
  526. text-decoration:none;
  527. text-transform:uppercase;
  528. color: #fff;
  529. text-shadow: 0px 0px 3px #fff;
  530. }
  531.  
  532. /* --- CREDIT END --- */
  533.  
  534. /* --- POST NOTES START --- */
  535.  
  536. .note {
  537. padding:0px 20px 0px 20px;
  538. background-color:transparent;
  539. text-transform:lowercase;
  540. letter-spacing:0px;
  541. font-size: 11px;
  542. font-style:normal;
  543. text-align:left;
  544. line-height:120%;
  545. }
  546.  
  547. .note li {
  548. list-style-type:none;
  549. padding:5px 25px 5px 25px;
  550. text-align:left;
  551. margin-right:30px;
  552. margin-top:-50px;
  553. }
  554.  
  555.  
  556. #info {
  557. width:30px;
  558. font-size:8px;
  559. padding:4px 0px 1px 0px;
  560. margin:0px 0px 20px -10px;
  561. letter-spacing:4px;
  562. font-size:25px;
  563. }
  564.  
  565. #info a {
  566. color:#000;
  567. text-shadow:none;
  568. }
  569.  
  570. #info a:hover {
  571. color:#000;
  572. text-shadow:0px 0px 3px #000;
  573. }
  574.  
  575.  
  576. #tags {
  577. height:auto;
  578. font-family: 'Scheherazade', serif;
  579. text-align:center;
  580. margin-top:7px;
  581. padding-top:5px;
  582. padding-bottom:0px;
  583. text-transform:none;
  584. font-style:none;
  585. font-size:15px;
  586. background-image: url('');
  587. background-repeat:repeat;
  588. background-attachment:fixed;
  589. border:1px solid #000;
  590. }
  591.  
  592. #tags a{
  593. color:#000;
  594. }
  595.  
  596. /* --- POST NOTES END --- */
  597.  
  598. /* --- ASK & AUDIO START --- */
  599.  
  600. .ask {
  601. color:#000;
  602. text-shadow:0px 0px 3px #fff;
  603. background: #b3f3d3;
  604. padding:15px;
  605. margin-bottom:15px;
  606. font-size:11px;
  607. background-image: url('https://i.imgur.com/ljWQjLY.png');
  608. background-repeat:repeat;
  609. background-attachment:fixed;
  610. border: 1px solid #000;
  611. border-radius: 0px 30px 0px 30px;
  612. box-shadow: 2px 2px 3px #a4a4a4;
  613. }
  614.  
  615. .askheader {
  616. margin-left:-3px;
  617. }
  618.  
  619. .asker {
  620. font-family: 'Dancing Script', cursive;
  621. font-size:17px;
  622. color: #000;
  623. text-shadow:0px 0px 3px #000;
  624. line-height:10px;
  625. text-align:center;
  626. }
  627.  
  628. .answer {
  629. color: #000;
  630. }
  631.  
  632. .chat {
  633. list-style:none;
  634. margin-top:15px;
  635. margin-bottom:0px;
  636. font-size:10px;
  637. margin-left:0px;
  638. }
  639.  
  640. .chat ul {
  641. line-height:18px;
  642. margin-top:0px;
  643. list-style:none;
  644. padding:0px;
  645. letter-spacing:2px;
  646. font-size:10px;
  647. margin-bottom:0px;
  648. text-transform:normal;
  649. }
  650.  
  651. .person1, .person3, .person5, .person7, .person9, .person11, .person13 {
  652. background-color: #ebebeb;
  653. padding:3px 8px 3px 8px;
  654. color: #000;
  655. border-bottom: none
  656. }
  657.  
  658. .person2, .person4, .person6, .person8, .person10, .person12, .person14 {
  659. background-color: #f2f2f2;
  660. padding:3px 8px 3px 8px;
  661. color: #000;
  662. border-bottom: none;
  663. }
  664.  
  665. .audio {
  666. background-color: #transparent;
  667. background-image:url("https://i.imgur.com/vxTCPie.png");
  668. border:1px solid #000;
  669. height:70px;
  670. font-size:8px;
  671. color:#fff;
  672. overflow:scroll;
  673. }
  674.  
  675. /* --- ASK & AUDIO END --- */
  676.  
  677. /* --- MENU START --- */
  678.  
  679. .popup_block{
  680. display:none;
  681. background: url("");
  682. background:#000;
  683. padding:20px;
  684. border:1px none #eeeff2;
  685. float:left;
  686. height:345px;
  687. top:63%; left:37.5%;
  688. position:fixed;
  689. z-index: 99999;
  690. -webkit-box-shadow: none;
  691. -moz-box-shadow: none;
  692. box-shadow: none;
  693. }
  694.  
  695.  
  696. *html #fade {position: absolute;}
  697. *html .popup_block {position: absolute;}
  698. #fade {
  699. display:none;
  700. position:fixed;
  701. left:0px;
  702. top:0px;
  703. width:100%;
  704. height:100%;
  705. z-index:9999;
  706. background: none;
  707. opacity: none;
  708. }
  709.  
  710. #popheaders{
  711. width:260px;
  712. height:auto;
  713. padding:10px;
  714. font-size:17px;
  715. text-transform:normal;
  716. letter-spacing:1px;
  717. color:#000;
  718. font-family: 'Dancing Script', cursive;
  719. text-shadow:0px 0px 5px #000;
  720. background-image: url('https://i.imgur.com/ljWQjLY.png');
  721. background-repeat:repeat;
  722. background-attachment:fixed;
  723. border:3px none #eee;
  724. line-height:30%;
  725. }
  726.  
  727. #popuptext {
  728. margin-top:-12px;
  729. margin-left:-15px;
  730. width:280px;
  731. height:293px;
  732. font-family: 'Scheherazade', serif;
  733. font-size:15px;
  734. color:#000;
  735. overflow:scroll;
  736. text-align:justify;
  737. position:fixed;
  738. overflow-y padding:20px;
  739. }
  740.  
  741. .poplinks {
  742. padding-top:5px;
  743. text-align:center;
  744. }
  745.  
  746.  
  747. .poplinks a {
  748. display:inline-block;
  749. width:120px; height:8px;
  750. margin:2px; padding:6px 6px 10px;
  751. text-align:center;
  752. font-family:'helvetica';
  753. font-size:11px;
  754. text-transform:uppercase;
  755. letter-spacing:1px;
  756. color:#000; background:transparent;
  757. background-image:url('');
  758. border:1px dotted #eee;
  759. }
  760.  
  761. .poplinks a:hover {
  762. display:inline-block;
  763. width:120px; margin:2px;
  764. padding:6px 6px 10px;
  765. text-align:center;
  766. font-family:times;
  767. font-size:11px;
  768. text-transform:normal;
  769. letter-spacing:1px;
  770. color:#000;
  771. background:transparent
  772. }
  773.  
  774. .buttons a {
  775. text-decoration:none;
  776. background: #000;
  777. border:1px solid #919191;
  778. padding:10px;
  779. width:50px;
  780. margin-top:3px;
  781. margin-left:5px;
  782. display:inline-block;
  783. color:#eee;
  784. text-align:center;
  785. }
  786.  
  787. .butons a:hover {
  788. background:#000;
  789. border:1px none #919191;
  790. color:#fff;
  791. -webkit-transition: all 0.3s ease-in-out;
  792. -moz-transition: all 0.3s ease-in-out;
  793. -o-transition: all 0.3s ease-in-out;
  794. -ms-transition: all 0.3s ease-in-out;
  795. transition: all 0.3s ease-in-out;
  796. }
  797.  
  798. ul#tabs {
  799. list-style-type: none;
  800. padding: 0;
  801. text-align: center;
  802. font-size: 11px;
  803. letter-spacing:1px;
  804. }
  805.  
  806. ul#tabs li {
  807. display: inline-block;
  808. background-color: transparent;
  809. border: 1px solid #eee;
  810. padding: 4px 12px;
  811. margin-bottom: 4px;
  812. color: #a4a4a4;
  813. cursor: pointer;
  814. }
  815.  
  816. ul#tabs li:hover {
  817. background-color: #919191;
  818. }
  819.  
  820. ul#tabs li.active {
  821. background-color: #eee;
  822. color: #eee;
  823. background-image: url('https://i.imgur.com/ljWQjLY.png');
  824. border:3px double #eee;
  825. }
  826.  
  827. ul#tab {
  828. list-style-type: none;
  829. margin: 0;
  830. padding: 0;
  831. }
  832.  
  833. ul#tab li {
  834. display: none;
  835. }
  836.  
  837. ul#tab li.active {
  838. display: block;
  839. }
  840.  
  841. a:link, a:active, a:visited {
  842. text-decoration: none;
  843. color: #fff;
  844. -moz-transition-duration:.6s;
  845. -webkit-transition-duration:.6s;
  846. -o-transition-duration:.6s;
  847. }
  848.  
  849. a:hover {
  850. color: #919191;
  851. -moz-transition-duration:.6s;
  852. -webkit-transition-duration:.6s;
  853. -o-transition-duration:.6s;
  854. }
  855.  
  856. /* --- MENU END --- */
  857.  
  858.  
  859.  
  860. {CustomCSS}</style></head><body>
  861.  
  862.  
  863. <div id="sidebar">
  864. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  865.  
  866. <div class="links1">
  867. <a title="home" href="/"><img src="https://i.imgur.com/GMGAV5U.png"></a>
  868. </div>
  869.  
  870. <div class="links2">
  871. <a title="ask" href="/asks"><img src="https://i.imgur.com/xkYqEY3.png"></a>
  872. </div>
  873.  
  874. <div class="links3">
  875. <a title="more" href="#?w=265" rel="box1" class="poplight"><img src="https://i.imgur.com/FIthkiS.png"></a>
  876. </div>
  877.  
  878. <div class="credit">
  879. <a href="/">š“®</a>
  880. </div>
  881.  
  882. <div id="description">
  883. <center><div id="descriptionheaders">Queen Elsa</div></center>
  884. <center><p>of Frozen & Once Upon A Time.<br>
  885. private & highly selective</p></center>
  886. <center><div id="descriptionheaders">Arendelle</div></center>
  887. <center><p>In Arendelleā€™s fair kingdom a ruler did appear, Born with the secret power so great, alone she stayed in fear.<br>
  888. Although the force was hidden, one day she let it go, and all the land was covered in eternal ice and snow.</p></center>
  889. <center><div id="descriptionheaders">Updates</div></center>
  890. <center><p>Theme Commissions:Open<br>
  891. Drafts:13<br>
  892. Starters:2<br>
  893. Asks:0</p></center>
  894. <center><div id="descriptionheaders">Mundane</div></center>
  895. <center><p>Jess - 33 - United States (pst)</p>
  896. </center>
  897. </div>
  898.  
  899.  
  900. <div id="scrollbar">{scrollbar}</div>
  901.  
  902.  
  903.  
  904. <div id="pagination">
  905. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> Ā« </a>{/block:PreviousPage}{/block:Pagination}
  906. {block:Pagination}{block:NextPage}<a href="{NextPage}"> Ā» </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  907.  
  908.  
  909.  
  910. {block:HasPages}{block:Pages}
  911.  
  912. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  913.  
  914. </div></center>
  915.  
  916.  
  917. </div>
  918.  
  919.  
  920. <div id="container">
  921.  
  922. {block:Posts}
  923. <div id="posts">
  924.  
  925. {Block:Date}
  926. <div id="info">
  927. <a href="{Permalink}" class="details" title="{TimeAgo}" style="postition absolute; margin-left:-18px; margin-top:0px; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg);
  928. -moz-transform: rotate(20deg); transform:rotate(20deg);">ā†</a>
  929.  
  930. {block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" style="postition absolute; margin-left:13px; margin-top:25px; font-size:10px -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg);
  931. -moz-transform: rotate(20deg); transform:rotate(20deg);" href="{Permalink}">ā‰</a>
  932.  
  933. {/block:NoteCount} <a href="{ReblogURL}" target="_blank" class="details" title=reblog style="postition absolute; margin-left:-4px; margin-top:10px; font-size:10px -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); -o-transform: rotate(-50deg); -moz-transform: rotate(-50deg); transform:rotate(-50deg);">āŠ</a>
  934. </div>
  935. {/block:Date}
  936.  
  937.  
  938. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  939.  
  940. {block:blockquote}{/block:blockquote}
  941.  
  942.  
  943.  
  944. {block:Photo}
  945. <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  946. {/block:Photo}
  947.  
  948. {block:Photoset}
  949. <center>{Photoset-250}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  950. {/block:Photoset}
  951.  
  952. {block:Quote}{Quote}{block:Source} ā€”{Source}{/block:Source}{/block:Quote}
  953.  
  954. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  955.  
  956. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  957.  
  958. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="75px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp; {TrackName}{/block:TrackName}
  959. {block:Artist} &nbsp;ā€”&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  960.  
  961. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  962.  
  963. {block:Answer}
  964. <div class="askheader"><img src="" draggable="false"></div>
  965. <div class="ask"><div class="asker">{Asker} said:</div><p>{Question}</div><div class="answer">{Answer}</div>
  966. {/block:Answer}
  967.  
  968.  
  969.  
  970.  
  971.  
  972. <div id="tags">
  973. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  974.  
  975. </div>
  976. {block:PostNotes}{PostNotes}{/block:PostNotes}
  977. {/block:Posts}</div>
  978.  
  979.  
  980. </body>
  981.  
  982.  
  983. <div id="box1" class="popup_block">
  984.  
  985. <ul id="tabs">
  986. <li class="active">Rules</li>
  987. <li>About</li>
  988. <li>Thread Tracker</li>
  989. <li>Commissions</li>
  990. <li>More</li>
  991. </ul>
  992.  
  993. <div style="width:auto;height:335px;overflow:scroll;padding:5px;">
  994.  
  995.  
  996.  
  997. <ul id="tab">
  998. <li class="active">
  999. <div id="popuptext">
  1000. <center><div id="popheaders">Disclaimerr</div></center>
  1001. <p>This is intended to work as more of a reference for you to look back on when you have a question about following or roleplaying with me. I donā€™t expect anyone to remember whatā€™s on here and Iā€™ll never berate you if you make a mistake. I may tell you to come back her to find the answer to something to keep my dash clean.</p>
  1002.  
  1003. <center><div id="popheaders">Header</div></center>
  1004. <p>Est. September of 2014, rebooted January of 2015. All icons used on this blog were screencapped and edited by me so please donā€™t use them. I use gificons I requested from tastesofrumgifcons, those can be found for download here.</p>
  1005.  
  1006. <p>I follow OUAT series canon with influences from Frozen and A Frozen Heart. Please remember Frozen =/= OUAT. So while most of the movie and book are canon to my portrayal there are differences. Iā€™m willing to interact at any point in Elsaā€™s timeline - can adapt to yours easily too.</p>
  1007.  
  1008. <p>Elsaā€™s canon is based on 1840ā€™s Norway, a town called Arendal in the western fjordlands. Keeping this in mind, I used quite a lot of 19th-century canon in my portrayal. When interacting IC there are rules, traditions, titles, etc. that need to be followed just as there were in the mid-19th century. If your character is disrespectful, behaves oddly, etc. Elsa will respond like any monarch in her timeline would. Arendelle may be a fictional place but even it has rules to abide by to keep the 4th wall intact, and world building makes it feel all the more real to us.</p>
  1009.  
  1010. <p>I use script, para, multi-para, icon, GIF, and novella formatting. Just because I use icons and GIFsā€™ to enhance my replies doesnā€™t mean that I expect you to do the same. Iā€™m just very visual and having a reference to help me describe things is helpful and enhances my writing. So long as we are both having a good time - That is all I care about. I do however dislike the use of yourself as a face claim for your character. This feels to me more like live action roleplaying, it is distracting to me, and it breaks the 4th wall. I have nothing against people who do it I just prefer you to please not use icons/gifs of yourself when writing with me. If you cosplay and make reaction icons that is ok.</p>
  1011.  
  1012. <p>I absolutely love crossovers, if you have a plot feel free to share it with me or tag me in a starter. It doesnā€™t matter if your characterā€™s world is outside of OUAT, or a more historical setting - I can and do place Elsa in other timelines if the plot calls for it.</p>
  1013.  
  1014. <p>Original character friendly; so long as your character isnā€™t a random child or lover of Elsaā€™s and well written, I will do my very best to write with you. I do caution that I am picky with OCsā€™ and prefer them to be well developed and preferably not some random OP character. I donā€™t mind them on occasion but I do tend to get overrun by OCsā€™ and I really do want more canon interactions for Elsa because those are big character building exercises for her.</p>
  1015.  
  1016. <p>I am mature, selective, & moderately active. I to keep things on my dash relevant to the character I play and her interests and I do look at every blog that follows me to see if there is potential for interaction before following back if I donā€™t follow you back I apologize, please donā€™t take it personally. It doesnā€™t mean I dislike you as a person, you have done nothing wrong, and it certainly doesnā€™t mean youā€™re a bad writer or your character is poorly done. Youā€™re welcome to continue following and sending anons if you wish to. I do post the occasional starter for non-mutuals.</p>
  1017.  
  1018. <p>I believe in reblog karma, this means if I post a meme and you want to reblog it please send me one first. Itā€™s dampening to the roleplayerā€™s spirit when they use memes to reach out for interaction but instead, the meme is just reblogged and none sent to them. If you only want memes then follow a meme blog, or reblog from the source.</p>
  1019.  
  1020. <p>This is an anon hate free blog. I donā€™t send it, I will never post it, I will never even mention that I have received it. If you have something negative to say and you need anon to do it then you shouldnā€™t be saying it at all. And as much as it may seem cruel I will not acknowledge when others get anon hate in public because I believe that posting it and discussing it in public only adds to the problem. My support is given privately.</p>
  1021.  
  1022. <p>Mutuals are always welcome to tag me in random starters anytime you feel like it, and anyone can approach me to plot anytime. I love plotting but some of my favorite moments and relationships have come from a random post or ask with a fun plot. It may take me a while to respond depending upon how active my blog is at the time but I will get to everything within my tag - Itā€™s also ok to tell me you tagged me in something too. And to help with that: I track the tag elsaofarendelle.</p>
  1023.  
  1024. <p><b></b>My tag is shared with the public. Do not post nsfw or personal information in it. If you tag me in something there is a good chance a personal blog will like or reblog, please be kind to them.</b></p>
  1025.  
  1026. <p>Skype is available upon request for mutuals.<p>
  1027.  
  1028. <center><div id="popheaders">Duplicates</div></center>
  1029. <p>I have a preference to limit duplicate character interactions as plots can often become redundant and that leads to my musesā€™ boredom, however, I will interact with a well written duplicate character if we can come up with a decent plot; I do prefer that you have ideas to contribute when you approach me about plotting. And lastly, my Elsa is the only Elsa on this blog, she will not accept that you know another Elsa in another universe. When we interact I will treat your character as the version of he/she/they that is canon to Elsa. For example, any Kristoff she meets will be her brother in law.</p>
  1030.  
  1031. <p>I donā€™t follow other Elsa blogs unless we are well-acquainted OOC. I have many reasons for this, a few being plot theft, & characterization copying. I, like everyone, have a portrayal of Elsa unique to myself and my writing style. I do not want to see it, my plots, headcanons, etc. being replicated by anyone. Iā€™m sure you feel the same way.</p>
  1032.  
  1033. <center><div id="popheaders">Shipping</div></center>
  1034. <p>This is a multiship blog - Meaning, I have different verses for different characters but unless we have plotted something no verse crosses over with another. I love shipping and I do a lot of it but shipping has never been my motivation in writing a character, Iā€™m always interested in character development, and in Elsaā€™s case, friends, family, and enemy - relationships. When I am plotting a ship or looking for the potential I want chemistry to be the motivator.</p>
  1035.  
  1036. <p>I ship most anything on this blog so long as there is chemistry; incest and pedophilia are really the only things I donā€™t ship. Elsa is heterosexual but there have been exceptions.</p>
  1037.  
  1038. <p>I offer ship exclusively, meaning I will not ship with other versions of your character (provided I donā€™t already have one) and you donā€™t ship with any other Elsa. For some personal reasons people prefer to keep ships a 1x1 thing and that is completely ok with me.</p>
  1039.  
  1040. <p>On the topic of NSFW the writer {myself} is well over 18 and so is my muse, however, NSFW is rare but when I do it is tagged as NSFW, I rarely put it under a cut because tbh Iā€™m lazy. When I do write it I prefer things to fade to write with people I feel comfortable with ooc. NSFW is an intimate for writers as it is for the characters we portray and I want to feel safe & comfortable.</p>
  1041.  
  1042. <center><div id="popheaders">Addendums</div></center>
  1043. <p>Things pop up every now and then that I hadnā€™t thought to or just havenā€™t added to this page yet, I post those <a href="http://elsaofarendelle.tumblr.com/tagged/(addendum)">here</a>.</p>
  1044.  
  1045. <center><div id="popheaders">Theme Information</div></center>
  1046. <p>This theme was coded by me, <b>Do not copy, distribute, or claim as your own</b>. I take commissions and if youā€™re interested you can contact me for more information.</p>
  1047.  
  1048. </li>
  1049. <li>
  1050.  
  1051.  
  1052. <div id="popuptext">
  1053. <center><div id="popheaders">About Elsa</div></center>
  1054. <p>The eldest of two daughters born to Queen Gerda and her husband Agdar, Elsa inherited the throne at the age of twenty when both her parents were lost at sea. She was crowned a year later at the age of twenty-one and has ruled the last 35 years since. Arendelle has a proud history of being ruled by women, Elsa is the fourth in her family line to rule; there was her great grandmother, her grandmother Sonja, her aunt Ingrid, and her mother Gerda.
  1055.  
  1056. </p>
  1057.  
  1058. <p>She shares a close bond with her younger sister Anna. The two have endured a great deal together and since Arendelleā€™s second thawing there is very little that can drive a wedge between them.</p>
  1059.  
  1060. <p>Her time in Storybrooke had taught Elsa that in order to have control over her magic she needs to love herself, she has seen in her late Aunt Ingrid what power like herā€™s can do to the heart if you shut people out, itā€™s a life for herself and her family she doesnā€™t want. So she endeavors to do all she can to be an open, loving, affectionate person.</p>
  1061.  
  1062. <p>There are still moments when the magic gets away from her, anxiety isnā€™t an easy thing to overcome. She is most typically triggered when startled, afraid, over stressed, etc. In moments like those a calm, soothing voice and gentle touches work best to help her regain control. If she knows ahead of time triggers are present she will wear her gloves as a fail safe.</p>
  1063.  
  1064. <p>Despite her warm and open personality once she trusts you Elsa is still very reserved & quiet. She prefers to learn as much as she can about something, itā€™s better to be prepared than to rush in without thinking. Sometimes her directness can seem terse or bossy but itā€™s important to remember she is queen, and her duty to Arendelle comes before personal feelings or wants.</p>
  1065.  
  1066. <p>Elsa realizes that while she can rule without a husband that is a lonely path to take, not to mention it will leave Arendelle without an heir to the throne beyond Anna & any children she and Kristoff may have. Sheā€™s open to marriage so long as itā€™s born of love and not convenience or necessity. She wonā€™t be forced into anything.</p>
  1067.  
  1068. <p>For more please read the ouat wiki</p>
  1069.  
  1070. </li>
  1071. <li>
  1072.  
  1073. <div id="popuptext">
  1074. <center><div id="popheaders">Active Threads</div></center>
  1075. <p>Text Here.</p>
  1076. <center><div id="popheaders">Helsa Threads</div></center>
  1077. <p>Text Here.</p>
  1078.  
  1079. </li>
  1080. <li>
  1081.  
  1082. <div id="popuptext">
  1083. <center><div id="popheaders">Examples & Pricing</div></center>
  1084. <p>Themes start at $25 and vary in pricing if you want extra things like jumbled links, popups, etc. For basic coding without a background made by me, itā€™s $10 plus the cost of whatever extras you want.
  1085. <br>
  1086. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Recent Examples:</b>
  1087. <br>
  1088. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ofthesouthernisles.tumblr.com/">X</a> <a href="http://beautiedd.tumblr.com/">X</a> <a href="http://thefairytalecliche.tumblr.com/">X</a> <a href="https://skyxhook.tumblr.com/">X</a> <a href="http://speedingsecond.tumblr.com/">X</a> <a href="http://warlikeharry.tumblr.com/">X</a> <a href="http://cendrillcn.tumblr.com/">X</a> <a href="http://horriblesleep.tumblr.com/">X</a> <a href="http://islesmade.tumblr.com/">X</a> <a title="colaboration with offreckles" href="http://swanjonessurvivor.tumblr.com/">X</a> <a href="http://mostcapable.tumblr.com/">X</a> <a href="http://primumbellumrpg.tumblr.com/">X</a> <a href="http://springcanwait.tumblr.com/">X</a> <a href="http://captainblackcandles.tumblr.com/">X</a> <a href="http://minstrelmerryman.tumblr.com/">X</a> <a href="http://larswestergaard.tumblr.com/">X</a> <a href="http://secretmissionthings.tumblr.com/">X</a>
  1089. <br>
  1090. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<b>My first themes:</b>
  1091. <br>
  1092. These are the first themes I made. Most of them are in need of updating, my skills were very basic at the time, it was over a year ago As soon as I have the time I'll be fixing them up. I've improved a lot since then but they're still things I'm proud of my work and I like to look back on them to see how far I've come.
  1093. <br>
  1094. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://likemygrandfatherbeforeme.tumblr.com/">X</a> <a href="http://ofmajesty.tumblr.com/">X</a> <a href="http://kissfromadarling.tumblr.com/">X</a> <a href="http://amateurdetectiive.tumblr.com/">X</a> <a href="http://residentshapechanger.tumblr.com/">X</a> <a href="http://ofsuperklutz.tumblr.com/">X</a> <a href="http://cygnetasauveur.tumblr.com/">X</a> <a title="colaboration with offreckles" href="http://darkfxther.tumblr.com/">X</a> <a title="colaboration with offreckles" href="http://http://ofmagicitself.tumblr.com/.tumblr.com/">X</a> <a href="http://verdiglyn.tumblr.com/">X</a>
  1095. <a href="http://offidelity.tumblr.com/">X</a> <a href="http://melhekh.tumblr.com/">X</a> <a href="http://ofbearclaws.tumblr.com/">X</a></p>
  1096.  
  1097. <center><div id="popheaders">Timeline</div></center>
  1098. <p>Youā€™re given as much input into the design and aesthetic as you want to have and I donā€™t mind making changes to fit your needs if they change in the middle of the project ā€”ā€”Because I work a busy full-time job <i>it can take up to two weeks</i> for a theme to be completed. Commissioning me is a collaborative effort (your input and my skills) and I depend on your input. Having clear ideas on the layout and aesthetic you want is very helpful. When things are vague and Iā€™m left to guess things take longer to be completed.</p>
  1099.  
  1100. <center><div id="popheaders">Payments & Refunds</div></center>
  1101. <p>I take payments via Paypal or Venmo only, I ask for a non-refundable deposit of 15% of the total price, once received Iā€™ll begin your commission; Iā€™ll show you multiple live previews and when youā€™re satisfied with the final product (and full payment is received) Iā€™ll release the code to you.</p>
  1102.  
  1103. <p>If there is ever an issue with a theme (ie: a coding error that affects the themeā€™s aesthetic or functionality) I will fix it for you. I also provide free updates to your code if you want to change it up. Iā€™m honest and flexible, you only need to communicate with me. I give refunds at my own discretion, meaning if I feel the reason your asking is something that could have been addressed and worked out before completion and payment I will not refund your money. I apologize if this is an inconvenience, you are given as much input (and multiple live previews) as you want as I work to make sure the final product is what you wanted, I feel there are ample opportunities to work disagreements out before completion; however sometimes there are extenuating personal circumstances and you need that money back for an unforeseen bill or emergency, in cases like that a refund can be negotiated; if a refund is given then the coding must be taken down and cannot be used, edited, or repurposed by anyone but the original creator, that person being me.</p>
  1104.  
  1105. <center><div id="popheaders">Credits & Collaborations</div></center>
  1106. <p>As someone who is self-taught, I rely on tutorials and lessons from friends with coding experience, a few who have been kind enough to allow me the use of their coding in my paid commissions to learn with are <a href="http://noodlehelps.tumblr.com/">Cam</a> who has provided me with the jumbled links, tooltips, and drop down/popup ask, and for when I began coding a base code. <a href="http://breathofarda.tumblr.com/">breathofarda</a> who wrote the javascript for my popup boxes. <a href="http://ofthesouthernisles.tumblr.com/">ofthesouthernisles</a> who teaches me snippets here and there (he said I donā€™t need to credit him but I am anyway), and rabbithelps for allowing people to use their coding tutorials and for being so supportive of peoplesā€™ learning.</p>
  1107.  
  1108. <p> <a href="http://themesbyeris.tumblr.com/tutorial01">themesbyeris</a> has a fantastic step by step guides for coding your own base theme from scratch, which is how I learned to create my own, and octomoosey has one as well. I also recommend <a href="http://www.w3schools.com/">w3schools</a>, codeacademy, and <a href="https://css-tricks.com/">css-tricks</a> for online lessons.</p>
  1109.  
  1110.  
  1111. </li>
  1112. <li>
  1113.  
  1114. <table>
  1115. <tr>
  1116. <td>
  1117. <div class="buttons">
  1118. <a href="/">LINK</a>
  1119. <a href="/">LINK</a>
  1120. <a href="/">LINK</a>
  1121. <a href="/">LINK</a>
  1122. <a href="/">LINK</a>
  1123. <a href="/">LINK</a>
  1124. <a href="/">LINK</a>
  1125.  
  1126. </div>
  1127. <td>
  1128.  
  1129. <div class="buttons">
  1130.  
  1131. <a href="/">LINK</a>
  1132. <a href="/">LINK</a>
  1133. <a href="/">LINK</a>
  1134. <a href="/">LINK</a>
  1135. <a href="/">LINK</a>
  1136. <a href="/">LINK</a>
  1137. <a href="/">LINK</a>
  1138. </div>
  1139.  
  1140. </td>
  1141. <td>
  1142.  
  1143. <div class="buttons">
  1144.  
  1145. <a href="/">LINK</a>
  1146. <a href="/">LINK</a>
  1147. <a href="/">LINK</a>
  1148. <a href="/">LINK</a>
  1149. <a href="/">LINK</a>
  1150. <a href="/">LINK</a>
  1151. <a href="/">LINK</a>
  1152. </div>
  1153.  
  1154. </td>
  1155. </tr>
  1156. </table>
  1157. </div>
  1158. </li>
  1159. <li>
  1160.  
  1161. </div>
  1162. </div>
  1163.  
  1164. <!-- Start of StatCounter Code for Tumblr -->
  1165. <script type="text/javascript">
  1166. var sc_project=10794730;
  1167. var sc_invisible=1;
  1168. var sc_security="b7adc50a";
  1169. var scJsHost = (("https:" == document.location.protocol) ?
  1170. "https://secure." : "http://www.");
  1171. document.write("<sc"+"ript type='text/javascript' src='" +
  1172. scJsHost+
  1173. "statcounter.com/counter/counter.js'></"+"script>");
  1174. </script>
  1175. <noscript><div class="statcounter"><a title="tumblr hit
  1176. tracking tool" href="http://statcounter.com/tumblr/"
  1177. target="_blank"><img class="statcounter"
  1178. src="http://c.statcounter.com/10794730/0/b7adc50a/1/"
  1179. alt="tumblr hit tracking tool"></a></div></noscript>
  1180. <!-- End of StatCounter Code for Tumblr -->
  1181.  
  1182. </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!