Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url('https://fonts.googleapis.com/css?family=Mountains+of+Christmas&display=swap');
- .box_container {
- width: 500px;
- margin: auto;
- position: relative;
- }
- .box_container div {
- display: inline-block;
- }
- .box_mountain {
- position: absolute;
- border-radius: 30px;
- left: 0;
- top: 0;
- background: url('https://dl5zpyw5k3jeb.cloudfront.net/photos/pets/47102286/1/?bust=1578944760&width=300%22') center;
- width: 200px;
- height: 25px;
- font-size: 9pt;
- color: #fff;
- text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000;
- font-family: Verdana;
- text-align: center;
- padding-top: 545px;
- }
- .box_content {
- width: 300px;
- height: 570px;
- position: absolute;
- top: 0;
- right: 0;
- }
- .box_scroll {
- padding: 5px;
- height: 560px;
- overflow: auto;
- }
- .box_content h1 {
- }
- fieldset {
- background: #09bbcf;
- border: 2px solid #056c78;
- border-radius: 10px;
- font-size: 10pt;
- font-family: Verdana;
- }
- legend {
- color: #068653;
- font-family: 'Mountains of Christmas';
- font-weight: bold;
- font-size: 22pt;
- font-variant: small-caps;
- text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff;
- }
- .box_scroll::-webkit-scrollbar {
- width: 10px;
- }
- .box_scroll::-webkit-scrollbar-track {
- background: none!important;
- }
- .box_scroll::-webkit-scrollbar-thumb {
- background: #09bbcf;
- border: 2px solid #056c78;
- border-radius: 4px;
- }
- </style>
- <div class='box_container'>
- <div class='box_mountain'>
- layout by Niabi #10845
- </div>
- <div class='box_content'>
- <div class='box_scroll'>
- <form>
- <fieldset>
- <legend>Welcome</legend>
- This layout has been design by Niabi for your. You can replace all this text with our own text.
- <br><br>Do not remove my credit at the bottom of the layout.
- <br><br>If you're having problems editing this layout, don't hesitate to ask for help.
- </fieldset>
- </form>
- <form>
- <fieldset>
- <legend>Heading Title</legend>
- This is just a place holder, so you can what the layout would look like.
- </fieldset>
- </form>
- <form>
- <fieldset>
- <legend>Heading Title</legend>
- This is just a place holder, so you can what the layout would look like.
- </fieldset>
- </form>
- <form>
- <fieldset>
- <legend>Heading Title</legend>
- This is just a place holder, so you can what the layout would look like.
- </fieldset>
- <fieldset>
- <legend>Heading Title</legend>
- This is just a place holder, so you can what the layout would look like.
- </fieldset>
- </form>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement