Skip to content

Instantly share code, notes, and snippets.

@iiviigames

iiviigames/dabblet.css

Last active June 11, 2022 07:58
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/a7020b0aab5eb63fd760dd3cca1c0ddd to your computer and use it in GitHub Desktop.
Save iiviigames/a7020b0aab5eb63fd760dd3cca1c0ddd to your computer and use it in GitHub Desktop.
Download ZIP
Nevermore
Raw
dabblet.css
/*
* Nevermore
*/
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: 926px;
padding: 1rem;
postition: absolute;
border: solid 1px white;
background-color: #254252;
}
.rightbar {
width: calc(960px / 8*2/1.5);
height: 926px;
float: right;
background-color: #254252;
padding: 1rem;
border: solid 1px white;
}
.centerbar {
float: left;
width: 540px;
margin: 0px 4px 0px 5px;
height: 960px;
border: solid 1px white;
text-align: justify;
position: relative;
background: #2a2a2a;
}
.centerbar h2 {
font-family: "Gothic", "Trojan", serif;
}
.centerbar p {
padding-left: 25%;
text-align: justify;
font-family: cursive;
font-style: italic;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<header>Nevermore</header><hr>
<main>
<article>
<div class='leftbar'>
<p>Hello there this is some text </p>
</div>
<div class='centerbar'>
<center><h2>The Raven</h2></center>
<p>
Once upon a midnight dreary<br>
while I pondered, weak, and weary
</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":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment