API tools faq
paste
Guest User

Poe_start_page

a guest
Nov 22nd, 2018
52
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 6.96 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <title>PoE StartPage MK II</title>
  5.     <link rel="shortcut icon" type="image/png" href="https://tinyurl.com/mirrorofkalandra"/>
  6. <style>
  7.  
  8. body {
  9.     background-image: url("https://i.imgur.com/M3FI4GK.jpg");
  10.     background-color: rgb(225, 255, 255);
  11.     background-repeat: no-repeat;
  12.     background-size:cover;
  13.     background-attachment: fixed;
  14. }
  15.  
  16. #nts {
  17.     z-index: 1;
  18.     position: absolute;
  19.     right: 4.5%;
  20.     top: 0.6%;
  21.     font-family: Arial, Helvetica, sans-serif;
  22.     font-size: 35px;
  23.     letter-spacing: 23px;
  24.     color: rgb(210, 178, 135);
  25. }
  26.  
  27. #welcome{
  28.     position: absolute;
  29.     left: 22%;
  30.     top: 12%;
  31.     font-family: Arial, Helvetica, sans-serif;
  32.     font-size: 35px;
  33.     letter-spacing: 15px;
  34.     color: rgb(28, 28, 28);
  35.     text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  36. }
  37.  
  38. .search {
  39.     width: 74rem;
  40.     border: 2px solid #4a1514;
  41.     position: absolute;
  42.     left: 8.4%;
  43.     top: 20%;
  44.     border-radius: 3px;
  45. }
  46.  
  47. .search-box {
  48.     width: 100%;
  49.     height: 30px;
  50.     margin: auto;
  51.     padding: 0;
  52.     background-color: rgba(255, 255, 255, 0.8);
  53.     color: #5d1817;
  54.     border: none;
  55.     text-align: center;
  56.     box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px 0 rgba(0, 0, 0, 0.4);
  57.     border-radius: 3px;
  58. }
  59.  
  60. .search-box:focus {
  61.     outline: none;
  62. }
  63.  
  64.  
  65. .bookmark-container {
  66.     display: flex;
  67.     flex-direction: row;
  68.     justify-content: center;
  69.     width: 75rem;
  70.     margin: 1em 0em;
  71.     position: absolute;
  72.     left: 8%;
  73.     top: 25%;
  74. }
  75.  
  76. .bookmark-set{
  77.     padding: 1em;
  78.     background-color: rgba(210, 178, 135, 0.6);
  79.     border: 2px solid #4a1514 ;
  80.     border-radius: 2px ;
  81.     font-family: Arial, Helvetica, sans-serif;
  82.     font-size: .85rem;
  83.     width: 20%;
  84.     height: 22em;
  85.     margin: 0em .5em;
  86.     box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.3), 0 10px 20px 0 rgba(0, 0, 0, 0.4);
  87.     border-radius: 5px;
  88. }
  89.  
  90. .bookmark-inner-container {
  91.     height: 80%;
  92.     vertical-align: top;
  93. }
  94.  
  95. .bookmark-title {
  96.     font-size: 1.7rem;
  97.     color: #5d1817;
  98.     margin: 0em 0em .35em 0em;
  99.     text-align: center;
  100.     letter-spacing: 3px;
  101. }
  102.  
  103. .bookmark {
  104.     font-size: 20px;
  105.     letter-spacing: 3px;
  106.     text-decoration: none;
  107.     color: rgb(28, 28, 28);
  108.     display:block;
  109.     margin: .6em 0em;
  110.     text-align:center;
  111. }
  112.  
  113. .bookmark:hover {
  114.     color: rgba(210, 178, 135, 0.8);
  115.     background-color: rgba(94, 24, 23, 0.7);
  116. }
  117.  
  118. .sidenote {
  119.     height: 100%;
  120.     width: 384x;
  121.     position: fixed;
  122.     top: 0;
  123.     right: 0;
  124.     background-color:#4a1514;
  125.     overflow-x: hidden;
  126.     padding-top: 50px;
  127.     border: 2px solid #4a1514 ;
  128.     box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.19);
  129.     border-radius: 3px;
  130. }
  131.  
  132. .txt {
  133.     resize:none;
  134.     height:99%;
  135.     width:384px;
  136.     font-size: 15px;
  137.     color: rgb(210, 178, 135);
  138.     background-image:url(https://i.imgur.com/ldR5U7K.png);
  139.     background-color:transparent;
  140.     background-repeat:no-repeat;
  141.     border:0px;
  142.     border-radius: 3px;
  143. }
  144.  
  145. textarea:hover,
  146. input:hover,
  147. textarea:active,
  148. input:active,
  149. textarea:focus,
  150. input:focus,
  151. button:focus,
  152. button:active,
  153. button:hover,
  154. label:focus,
  155. .btn:active,
  156. .btn.active
  157. {
  158.     outline:0px !important;
  159.     -webkit-appearance:none;
  160. }
  161.  
  162. </style>
  163. </head>
  164.  
  165. <body>
  166.  
  167. <div id="nts">notes</div>
  168.  
  169. <div id="welcome">TALA MOANA, WARRIOR</div>
  170.  
  171. <div class="search">
  172.         <form method="get" action="https://duckduckgo.com/?">
  173.         <input class="search-box" name="q" type="text" placeholder=" search  | -wk wiki |" autofocus />
  174.     </form>
  175. </div>
  176.            
  177.            
  178.         <div class="bookmark-container">
  179.             <div class="bookmark-set">
  180.                 <div class="bookmark-title">GENERAL<br><img src="https://tinyurl.com/altorb" alt=AlterationOrb style="width:40px;height:40px;"></div>
  181.                 <div class="bookmark-inner-container">
  182.                     <a class="bookmark" href="https://www.pathofexile.com/news/" target="_blank">path of exile</a>
  183.                     <a class="bookmark" href="https://www.reddit.com/r/pathofexile/" target="_blank">/r/pathofexile/</a>
  184.                     <a class="bookmark" href="https://pathofexile.gamepedia.com/Path_of_Exile_Wiki" target="_blank">wiki</a>
  185.                 </div>
  186.             </div>
  187.             <div class="bookmark-set">
  188.                 <div class="bookmark-title">DATABASE<br><img src="https://tinyurl.com/wisscr" alt=WisdomScroll style="width:40px;height:40px;"></div>
  189.                 <div class="bookmark-inner-container">
  190.                     <a class="bookmark" href="http://poedb.tw/us/" target="_blank">poedb</a>
  191.                     <a class="bookmark" href="http://poewizard.com/database.php" target="_blank">wizard</a>
  192.                     <a class="bookmark" href="https://pathofexile.gamepedia.com/Unique_item" target="_blank">uniques</a>
  193.                     <a class="bookmark" href="https://pathofexile.gamepedia.com/Vendor_recipe_system" target="_blank">vendor</a>
  194.                 </div>
  195.             </div>
  196.             <div class="bookmark-set">
  197.             <div class="bookmark-title">CRAFTING<br><img src="https://tinyurl.com/fusorb" alt=OrbOfFusing style="width:40px;height:40px;"></div>
  198.                 <div class="bookmark-inner-container">
  199.                 <a class="bookmark" href="http://poeaffix.net/index.html" target="_blank">affix</a>                    
  200.                 <a class="bookmark" href="https://poecraft.com/" target="_blank">craft</a>
  201.                     <a class="bookmark" href="https://siveran.github.io/calc.html" target="_blank">vorici cal</a>
  202.                    </div>
  203.             </div>
  204.             <div class="bookmark-set">
  205.                 <div class="bookmark-title">TRADE<br><img src="https://tinyurl.com/exalorb" alt=ExaltedOrb style="width:40px;height:40px;"></div>
  206.                 <div class="bookmark-inner-container">
  207.                     <a class="bookmark" href="http://poe.trade/" target="_blank">goods</a>
  208.                     <a class="bookmark" href="https://www.pathofexile.com/trade/search" target="_blank">trade</a>
  209.                     <a class="bookmark" href="https://poe.ninja/" target="_blank">ninja</a>
  210.                     <a class="bookmark" href="https://www.poeprices.info/" target="_blank">prices</a>
  211.                     <a class="bookmark" href="https://poewealth.com/" target="_blank">wealth</a>
  212.                 </div>
  213.                 </div>
  214.             <div class="bookmark-set">
  215.                 <div class="bookmark-title">OTHER<br><img src="https://tinyurl.com/arfeather" alt=AlbinoFeather style="width:40px;height:40px;"></div>
  216.                 <div class="bookmark-inner-container">
  217.                     <a class="bookmark" href="https://www.poelab.com/" target="_blank">labyrinth</a>
  218.                     <a class="bookmark" href="https://www.poebuilds.cc/" target="_blank">builds</a>
  219.                     <a class="bookmark" href="https://www.filterblade.xyz/" target="_blank">filterblade</a>
  220.                     <a class="bookmark" href="https://i.imgur.com/7wBbGFz.jpg" target="_blank">strongbox</a>
  221.                 </div>
  222.             </div>  
  223.         </div>
  224.  
  225.    
  226. <div class="sidenote"><textarea class="txt"placeholder="Empty scroll of wisdom..."></textarea></div>
  227.  
  228. </body>
Add Comment
Please, Sign In to add comment
Public Pastes
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!