SHARE
TWEET

Briana (#3705)

a guest Jan 17th, 2020 108 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Mountains+of+Christmas&display=swap');
  3. .box_container {
  4.     width: 500px;
  5.     margin: auto;
  6.     position: relative;
  7. }
  8. .box_container div {
  9.     display: inline-block;
  10. }
  11. .box_mountain {
  12.     position: absolute;
  13.     border-radius: 30px;
  14.     left: 0;
  15.     top: 0;
  16.     background: url('https://dl5zpyw5k3jeb.cloudfront.net/photos/pets/47102286/1/?bust=1578944760&amp;width=300%22') center;
  17.     width: 200px;
  18.     height: 25px;
  19.     font-size: 9pt;
  20.     color: #fff;
  21.     text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000;
  22.     font-family: Verdana;
  23.     text-align: center;
  24.     padding-top: 545px;
  25. }
  26. .box_content {
  27.     width: 300px;
  28.     height: 570px;
  29.     position: absolute;
  30.     top: 0;
  31.     right: 0;
  32. }
  33. .box_scroll {
  34.     padding: 5px;
  35.     height: 560px;
  36.     overflow: auto;
  37. }
  38. .box_content h1 {
  39. }
  40. fieldset {
  41.     background: #09bbcf;
  42.     border: 2px solid #056c78;
  43.     border-radius: 10px;
  44.     font-size: 10pt;
  45.     font-family: Verdana;
  46. }
  47. legend {
  48.     color: #068653;
  49.     font-family: 'Mountains of Christmas';
  50.     font-weight: bold;
  51.     font-size: 22pt;
  52.     font-variant: small-caps;
  53.     text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff;
  54. }
  55. .box_scroll::-webkit-scrollbar {
  56.     width: 10px;
  57. }
  58. .box_scroll::-webkit-scrollbar-track {
  59.     background: none!important;
  60. }
  61. .box_scroll::-webkit-scrollbar-thumb {
  62.     background: #09bbcf;
  63.      border: 2px solid #056c78;
  64.     border-radius: 4px;
  65. }
  66. </style>
  67.  
  68. <div class='box_container'>
  69.     <div class='box_mountain'>
  70.         layout by Niabi #10845
  71.     </div>
  72.     <div class='box_content'>
  73.         <div class='box_scroll'>
  74.             <form>
  75.                 <fieldset>
  76.                     <legend>Welcome</legend>
  77.                     This layout has been design by Niabi for your. You can replace all this text with our own text.
  78.                     <br><br>Do not remove my credit at the bottom of the layout.
  79.                     <br><br>If you're having problems editing this layout, don't hesitate to ask for help.
  80.                 </fieldset>
  81.             </form>
  82.            
  83.             <form>
  84.                 <fieldset>
  85.                     <legend>Heading Title</legend>
  86.                     This is just a place holder, so you can what the layout would look like.
  87.                 </fieldset>
  88.             </form>
  89.            
  90.             <form>
  91.                 <fieldset>
  92.                     <legend>Heading Title</legend>
  93.                     This is just a place holder, so you can what the layout would look like.
  94.                 </fieldset>
  95.             </form>
  96.            
  97.                         <form>
  98.                 <fieldset>
  99.                     <legend>Heading Title</legend>
  100.                     This is just a place holder, so you can what the layout would look like.
  101.                 </fieldset>
  102.  
  103.                 <fieldset>
  104.                     <legend>Heading Title</legend>
  105.                     This is just a place holder, so you can what the layout would look like.
  106.                 </fieldset>
  107.             </form>
  108.         </div>
  109.     </div>
  110. </div>
RAW Paste Data
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
Top