API tools faq
paste
Advertisement
elsaofarendelle

Elsa 34 Navigation

elsaofarendelle
Nov 17th, 2019
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.57 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>
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6.  
  7. <!-------------------------------------------
  8. Code by wintersovereign.
  9. Don't copy or distribute.
  10. Don't claim as your own.
  11. -------------------------------------------->
  12.  
  13.  
  14.  
  15. <head>
  16.  
  17. <title>I Am Found!</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <link href="https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy" rel="stylesheet">
  22.  
  23. <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Playfair+Display" />
  24.  
  25.  
  26. <style type="text/css">
  27.  
  28. /*--- fonts start ---*/
  29.  
  30. /* --- fonts end --- */
  31.  
  32.  
  33.  
  34. /* --- scrollbar start --- */
  35.  
  36. ::-webkit-scrollbar {
  37. height: 0px;
  38. width: 5px;
  39. background: none;
  40. }
  41.  
  42. ::-webkit-scrollbar-thumb {
  43. border: 5px solid #919191;
  44. -webkit-border-radius: 6px;
  45. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  46. }
  47.  
  48. ::-webkit-scrollbar-corner{
  49. background: transparent;
  50. }
  51.  
  52.  
  53. /* --- scrollbar end --- */
  54.  
  55.  
  56. /* --- body start --- */
  57.  
  58. body {
  59. background-color: #3cbbff;
  60. background-image: url("https://i.imgur.com/T4HkCEa.png");
  61. background-repeat: repeat;
  62. }
  63.  
  64. a {
  65. text-decoration: none;
  66. -webkit-transition: 0.5s;
  67. -moz-transition: 0.5s;
  68. transition: 0.5s;
  69. color: #000;
  70. }
  71.  
  72. a: hover {
  73. text-decoration: none;
  74. -webkit-transition: 0.5s;
  75. -moz-transition: 0.5s;
  76. transition: 0.5s;
  77. color: white;
  78. }
  79.  
  80. b {
  81. text-transform: bold;
  82. color: #aab7b9;
  83. text-shadow:0px 0px 5px #fff;
  84. letter-spacing:1px;
  85. font-family: 'Dancing Script', cursive;
  86. font-size:15px;
  87. }
  88.  
  89. i, em {
  90. text-transform: italic;
  91. color: #aab7b9;
  92. text-shadow:2px 2px 3px #000;
  93. letter-spacing:1px;
  94. font-family: 'Dancing Script', cursive;
  95. font-size:15px;
  96. }
  97.  
  98. /* --- body end --- */
  99.  
  100.  
  101. /* --- columns start --- */
  102.  
  103. #column1 {
  104. width: 200px;
  105. height: 400px;
  106. margin-top: 20px;
  107. margin-left: 600px;
  108. position: fixed;
  109. }
  110.  
  111.  
  112. #column2 {
  113. width: 200px;
  114. height: 400px;
  115. margin-top: 20px;
  116. margin-left: 830px;
  117. position: fixed;
  118. }
  119.  
  120.  
  121. #column3 {
  122. width: 200px;
  123. height: 400px;
  124. margin-top: 305px;
  125. margin-left: 600px;
  126. position: fixed;
  127. }
  128.  
  129. #column4 {
  130. width: 200px;
  131. height: 400px;
  132. margin-top: 305px;
  133. margin-left: 830px;
  134. position: fixed;
  135. }
  136.  
  137. /* --- columns end --- */
  138.  
  139.  
  140. /* --- links start --- */
  141.  
  142. .linkage {
  143. width: 100%;
  144. height: 15px;
  145. margin-top: 10px;
  146. padding-top: 2px;
  147. background: #399986;
  148. border: 2px none #a9e7ff;
  149. text-align: center;
  150. font-size: 13px;
  151. font-family: 'Sorts Mill Goudy', serif;
  152. }
  153.  
  154. .linkage a {
  155. color: #fff;
  156. }
  157.  
  158. /* --- links end --- */
  159.  
  160.  
  161.  
  162. /* --- column titles start */
  163.  
  164. .titles {
  165. font-family:'Playfair Display', serif;
  166. color: #546a88;
  167. font-size: 27px;
  168. position: fixed;
  169. margin-top: -38px;
  170. margin-left: 77px;
  171. text-transform:uppercase;
  172. }
  173.  
  174. /* --- column titles end --- */
  175.  
  176.  
  177.  
  178. /* --- headers start ---*/
  179.  
  180. #header{
  181. font-family:'Ice kingdom';
  182. color: #3cbbff;
  183. text-align:center;
  184. font-size: 20px;
  185. position: fixed;
  186. margin-top: auto;
  187. margin-left:10px;
  188. margin-top:30px;
  189. text-transform:uppercase;
  190. }
  191.  
  192. /* --- headers end --- */
  193.  
  194.  
  195. /* --- navi links --- */
  196.  
  197. #navi{
  198. width:350px;
  199. position:fixed;
  200. margin-top:170px;
  201. margin-left:90px;
  202. padding:8px;
  203. }
  204.  
  205. #navi a{
  206. min-width:100px;
  207. background: #2e1f18;
  208. border: 1px none #381b19;
  209. color: #cfc9ce;
  210. display:inline-block;
  211. margin:4px;
  212. font-size:10px;
  213. font-family: 'Ice kingdom';
  214. text-align:center;
  215. text-transform:uppercase;
  216. padding-top:2px;
  217. line-height:155%;
  218. }
  219.  
  220. /* --- navi links end --- */
  221.  
  222.  
  223. /* --- ask box --- */
  224.  
  225. .popup_block{
  226. display:none;
  227. background:transparent;
  228. padding:20px;
  229. border:1px none #fff;
  230. width: 300px;
  231. height: 400px;
  232. overflow-y:scroll;
  233. overflow-x:hidden;
  234. float:left;
  235. position:fixed;
  236. top:60%;left:702.5px;
  237. z-index: 99999;
  238. -webkit-box-shadow: 0px 0px 0px #000;
  239. -moz-box-shadow: 0px 0px 0px #000;
  240. box-shadow: 0px 0px 0px #000;
  241. }
  242.  
  243. *html #fade {position: absolute;}
  244. *html .popup_block .popup_block2 .popup_block3 .popup_block4 .popup_block5 {position: absolute;}
  245. #fade {
  246. display:none;
  247. position:fixed;
  248. left:0px;
  249. top:0px;
  250. width:100%;
  251. height:100%;
  252. z-index:9999;
  253. background:none;
  254. opacity:0.5;
  255. }
  256.  
  257. /* --- ask box end --- */
  258.  
  259.  
  260. .credit{
  261. position:fixed;
  262. font-size:15px;
  263. right:20px;
  264. bottom:10px;
  265. z-index:51;
  266. }
  267.  
  268. .credit a {
  269. text-decoration:none;
  270. text-transform:uppercase;
  271. font-family: 'starfish';
  272. color: #399986;
  273. text-shadow: 0px 0px 3px #399986;
  274. -moz-transition-duration:.7s;
  275. -webkit-transition-duration:.7s;
  276. -o-transition-duration:.7s;
  277. }
  278.  
  279.  
  280. </style>
  281. </head>
  282.  
  283. <body>
  284.  
  285. <!--FIRST COLUMN STARTS-->
  286.  
  287. <div id="column1">
  288.  
  289.  
  290. <div class="linkage">
  291. <a href="https://wintersovereign.tumblr.com/post/189155636900/following-a-roleplayer-etiquette-basics">Non Roleplayers: Please Read</a>
  292. </div>
  293. <div class="linkage">
  294. <a href="http://wintersovereign.tumblr.com/tagged/finding arendelle (canon)">Canon</a>
  295. </div>
  296. <div class="linkage">
  297. <a href="http://wintersovereign.tumblr.com/tagged/headcanon">Headcanons</a>
  298. </div>
  299. <div class="linkage">
  300. <a href="http://wintersovereign.tumblr.com/tagged/(born of cold & winter air)">Elsa Gallery</a>
  301. </div>
  302. <div class="linkage">
  303. <a href="http://wintersovereign.tumblr.com/tagged/my soul is spiraling in frozen fractals (aesthetic)">Aesthetic Gallery</a>
  304. </div>
  305. <div class="linkage">
  306. <a href="http://wintersovereign.tumblr.com/tagged/more than a touch of ice (character study)">Character Study</a>
  307. </div>
  308. <div class="linkage">
  309. <a href="http://wintersovereign.tumblr.com/tagged/meta">Character Meta</a>
  310. </div>
  311. <div class="linkage">
  312. <a href="http://wintersovereign.tumblr.com/tagged/chocolate!">Chocolate!</a>
  313. </div>
  314. <div class="linkage">
  315. <a href="http://wintersovereign.tumblr.com/tagged/snowflakes">Snowflake Gallery</a>
  316. </div>
  317. <div class="linkage">
  318. <a href="/">Link</a>
  319. </div>
  320.  
  321.  
  322. </div>
  323.  
  324. </div>
  325.  
  326. <!--FIRST COLUMN ENDS-->
  327.  
  328.  
  329. <!--SECOND COLUMN STARTS-->
  330.  
  331. <div id="column2">
  332.  
  333.  
  334. <div class="linkage">
  335. <a href="http://wintersovereign.tumblr.com/tagged/open">Open Starters</a>
  336. </div>
  337. <div class="linkage">
  338. <a href="http://wintersovereign.tumblr.com/tagged/memes">Memes</a>
  339. </div>
  340. <div class="linkage">
  341. <a href="http://wintersovereign.tumblr.com/tagged/drabble promopts">Drable Prompts</a>
  342. </div>
  343. <div class="linkage">
  344. <a href="http://wintersovereign.tumblr.com/tagged/answered">Answered Asks</a>
  345. </div>
  346. <div class="linkage">
  347. <a href="http://wintersovereign.tumblr.com/tagged/wishlist">Wishlist</a>
  348. </div>
  349. <div class="linkage">
  350. <a href="http://wintersovereign.tumblr.com/tagged/(addendum)">Rule Addendums</a>
  351. </div>
  352. <div class="linkage">
  353. <a href="http://wintersovereign.tumblr.com/tagged/ooc">Out Of Character Posts</a>
  354. </div>
  355. <div class="linkage">
  356. <a href="http://wintersovereign.tumblr.com/tagged/self promo">Self Promos</a>
  357. </div>
  358. <div class="linkage">
  359. <a href="/">link</a>
  360. </div>
  361. <div class="linkage">
  362. <a href="/">link</a>
  363. </div>
  364.  
  365.  
  366. </div>
  367.  
  368. </div>
  369.  
  370. <!--SECOND COLUMN ENDS-->
  371.  
  372.  
  373. <!--THIRD COLUMN STARTS-->
  374.  
  375. <div id="column3">
  376.  
  377.  
  378. <div class="linkage">
  379. <a href="http://wintersovereign.tumblr.com/tagged/icon things">My Icon tutorials</a>
  380. </div>
  381. <div class="linkage">
  382. <a href="http://wintersovereign.tumblr.com/tagged/coding things">My Coding tutorials</a>
  383. </div>
  384. <div class="linkage">
  385. <a href="http://wintersovereign.tumblr.com/tagged/icon help">Icon Tutorials By Others</a>
  386. </div>
  387. <div class="linkage">
  388. <a href="http://wintersovereign.tumblr.com/tagged/coding help">Coding Tutorials By Others</a>
  389. </div>
  390. <div class="linkage">
  391. <a href="http://wintersovereign.tumblr.com/tagged/my graphics">My Graphics</a>
  392. </div>
  393. <div class="linkage">
  394. <a href="http://wintersovereign.tumblr.com/tagged/my gifs">My Gifs</a>
  395. </div>
  396. <div class="linkage">
  397. <a href="http://wintersovereign.tumblr.com/tagged/rp etiquette">Roleplaying Etiquite</a>
  398. </div>
  399. <div class="linkage">
  400. <a href="http://wintersovereign.tumblr.com/tagged/rp tips">Roleplaying Tips</a>
  401. </div>
  402. <div class="linkage">
  403. <a href="http://wintersovereign.tumblr.com/tagged/writing tips">Writing Tips</a>
  404. </div>
  405. <div class="linkage">
  406. <a href="http://wintersovereign.tumblr.com/tagged/psa">PSA Posts</a>
  407. </div>
  408.  
  409.  
  410.  
  411. </div>
  412.  
  413. </div>
  414.  
  415. <!--THIRD COLUMN ENDS-->
  416.  
  417.  
  418. <!--FOURTH COLUMN STARTS-->
  419.  
  420. <div id="column4">
  421.  
  422.  
  423. <div class="linkage">
  424. <a href="http://wintersovereign.tumblr.com/tagged/otp: helsa">Helsa Gallery</a>
  425. </div>
  426. <div class="linkage">
  427. <a href="http://wintersovereign.tumblr.com/helsa">Helsa Threads</a>
  428. </div>
  429. <div class="linkage">
  430. <a href="/">Link</a>
  431. </div>
  432. <div class="linkage">
  433. <a href="">Link</a>
  434. </div>
  435. <div class="linkage">
  436. <a href="/">Link</a>
  437. </div>
  438. <div class="linkage">
  439. <a href="/">Link</a>
  440. </div>
  441. <div class="linkage">
  442. <a href="/">Link</a>
  443. </div>
  444. <div class="linkage">
  445. <a href="/">Link</a>
  446. </div>
  447. <div class="linkage">
  448. <a href="/">Link</a>
  449. </div>
  450. <div class="linkage">
  451. <a href="">Link</a>
  452. </div>
  453.  
  454.  
  455. </div>
  456.  
  457. </div>
  458.  
  459. <!--FOURTH COLUMN ENDS-->
  460.  
  461.  
  462. <!--CODE FOR THE HEADER AND NAVI-->
  463.  
  464. <div id="header"></div>
  465.  
  466. <div id="navi">
  467. <center>
  468. <a href="http://wintersovereign.tumblr.com">back</a>&nbsp;&nbsp;
  469. <a href="https://tumblr.com/dashboard">dashboard</a>&nbsp;&nbsp;
  470. <a href="#?w=400" rel="box1" class="poplight">ask</a>
  471. </center>
  472. </div>
  473.  
  474. <div class="credit">
  475. <a href="https://wintersovereign.tumblr.com/commission info">E</a>
  476. </div>
  477.  
  478. <!-- Wikplayer https://www.wikplayer.com -->
  479. <script type="text/javascript" src="https://www.wikplayer.com/code.js"
  480. data-config="{'skin':'https://static.tumblr.com/zeaszfj/6I9n2rp0t/.css','volume':41,'autoplay':true,'shuffle':false,'repeat':1,'showcomment':false,'marqueetexton':false,'placement':'mini','showplaylist':false,'playlist':[{'title':'All%20Is%20Found%20(Lullabye%20Ending)%20(Outtake)%20-%20Evan%20Rachel%20Wood','url':'http%3A%2F%2Fk007.kiwi6.com%2Fhotlink%2Ftvjtzqklzf%2F1-12_All_Is_Found_Lullaby_Ending_Outtake_.mp3'}]}" ></script>
  481. <!-- Wikplayer code end -->
  482.  
  483. <script type="text/javascript"
  484. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  485. <script>
  486. $(document).ready(function() {
  487. //
  488. $('a.poplight[href^=#]').click(function() {
  489. var popID = $(this).attr('rel'); //Get Popup Name
  490. var popURL = $(this).attr('href'); //Get Popup href to define size
  491. var query= popURL.split('?');
  492. var dim= query[1].split('&');
  493. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  494. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  495. var popMargTop = ($('#' + popID).height() + 80) / 2;
  496. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  497. //Apply Margin to Popup
  498. $('#' + popID).css({
  499. 'margin-top' : -popMargTop,
  500. 'margin-left' : -popMargLeft
  501. });
  502. $('body').append('<div id="fade"></div>');
  503. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  504. return false;
  505. });
  506. $('a.close, #fade').live('click', function() {
  507. $('#fade, .popup_block, .popup_block2, .popup_block3, .popup_block4, .popup_block5').fadeOut(function() {
  508. $('#fade, a.close').remove(); //fade them both out
  509. });
  510. return false;
  511. });
  512. });
  513. </script>
  514.  
  515. <div id="box1" class="popup_block">
  516. <center><p><iframe frameborder="0" height="270" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/wintersovereign.tumblr.com" width="100%"></iframe></p></center>
  517. </div>
  518.  
  519. </div></div></div></div></div>
  520.  
  521. </body>
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!