Note
code presented here, readme coming soon
feedback welcomed
| @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap'); | |
| @import url('https://fonts.googleapis.com/css2?family=Fontdiner+Swanky&display=swap'); | |
| @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap'); | |
| * { | |
| box-sizing: border-box; | |
| } |
| @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap'); | |
| @import url('https://fonts.googleapis.com/css2?family=Fontdiner+Swanky&display=swap'); | |
| @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap'); | |
| * { | |
| box-sizing: border-box; | |
| } |
| * | |
| { | |
| box-sizing: border-box; | |
| } | |
| body { | |
| overflow: auto; | |
| background: #000; | |
| width: 100%; height: 800px; border: 5px solid white; | |
| } |
| /* Vertical Sliding Tabs */ | |
| * | |
| { | |
| box-sizing: border-box; | |
| } | |
| body { | |
| overflow: auto; | |
| background: #000; | |
| width: 100%; height: 800px; border: 5px solid white; |
| /* Vertical Sliding Tabs */ | |
| * | |
| { | |
| box-sizing: border-box; | |
| } | |
| body { | |
| overflow: auto; | |
| background: #000; | |
| width: 100%; height: 800px; border: 5px solid white; |
| //**8 tabs slider */ | |
| body { | |
| overflow: hidden; | |
| background: #000; | |
| } | |
| body .container { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| width: 800px; |
| /* | |
| * Foundation Responsive Library | |
| * http://foundation.zurb.com | |
| * Copyright 2013, ZURB | |
| * Free to use under the MIT license. | |
| * http://www.opensource.org/licenses/mit-license.php | |
| */ | |
| (function ($, window, document, undefined) { |
| <main id="board"> | |
| <div id="trash"> | |
| <span id="reset">RESET</span> | |
| <svg viewBox="0 0 448 512" title="trash-alt"> | |
| <path d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z" /> | |
| </svg> | |
| </div> | |
| </main> |
| ###<header> | |
| <div id='header'> | |
| <h1>CSS Selectors for Reference</h1> | |
| <div class='extra-shadow'></div> | |
| </div> | |
| </header> | |
| <div class='leather'> | |
| <div class='leather-stitch'> | |
| <ul class='rings'> |