Skip to content

Instantly share code, notes, and snippets.

@iiviigames

iiviigames/dabblet.css

Last active June 11, 2022 07:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save iiviigames/1b4781db8b0e24a1dc4d32bba0fcf0b7 to your computer and use it in GitHub Desktop.
Save iiviigames/1b4781db8b0e24a1dc4d32bba0fcf0b7 to your computer and use it in GitHub Desktop.
Download ZIP
Four Score
Raw
dabblet.css
/**
* Four Score
*/
html {
background: #000;
color: white;
background: radial-graident(100px, red);
max-width: 960px;
margin: 20px auto;
}
header {
text-align: center;
font-size: 200px;
margin-top: -5%;
}
hr {
padding: 10px 0px 10px;
background: white;
border-radius: 10px;
}
.leftbar {
width: calc(960px / 8*2/1.5);
float: left;
height: 960px;
padding: 1rem;
postition: absolute;
border: solid 1px white;
}
.rightbar {
width: calc(960px / 8*2/1.5);
height: 960px;
float: right;
padding: 1rem;
border: solid 1px white;
}
.centerbar {
width: calc(960px - (960px / ((8*2)/1.5) * 2)) * 2);
float: left;
border: solid 1px white;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<header>Four Score</header><hr>
<main>
<article>
<div class='leftbar'>
<p>Hello there this is some text </p>
</div>
<div class='centerbar'>
<p>Hello there this is some text </p>
</div>
<div class='rightbar'>
<p>Hello there this is some text </p>
</div>
</article>
</main>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","fontsize":"140","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment