151 lines
2.2 KiB
CSS
151 lines
2.2 KiB
CSS
/*
|
|
|
|
Daily Blackout Poetry Challenge
|
|
|
|
style.css
|
|
|
|
license GPLv3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
|
|
Code repository:
|
|
Written by Jacob Haddon https://jacobhaddon.com
|
|
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: "lora";
|
|
src: local("Lora"),
|
|
url("fonts/Lora/Lora-VariableFont_wght.ttf");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "brygada";
|
|
src: local("Brygada1918"),
|
|
url("fonts/Brygada_1918/Brygada1918-VariableFont_wght.ttf");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "lora";
|
|
src: local("Lora"),
|
|
url("fonts/Lora/Lora-VariableFont_wght.ttf");
|
|
font-weight: normal;
|
|
}
|
|
|
|
body {
|
|
margin: 40px auto;
|
|
max-width: 750px;
|
|
font: 18px/1.6 lora, Baskerville, TimesNewRoman, Times New Roman, Times, Georgia, serif;
|
|
padding: 0 10px:
|
|
word-break: break-word;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: RebeccaPurple;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.help {
|
|
display: none;
|
|
}
|
|
|
|
/* Styles for the help section of the site */
|
|
|
|
#help {
|
|
color: white;
|
|
position: absolute;
|
|
top: 0%;
|
|
left: 0%;
|
|
background-color: black;
|
|
width: 100%;
|
|
}
|
|
|
|
#help a {
|
|
color: white;
|
|
}
|
|
|
|
.helpwords {
|
|
margin: 40px auto;
|
|
max-width: 650px;
|
|
}
|
|
|
|
/* styles for the 'page */
|
|
#spina {
|
|
max-width: 100%;
|
|
margin: 0;
|
|
border-style: solid;
|
|
padding: 10%;
|
|
border-width: 1px;
|
|
/*background-color: #fdf8e9;*/
|
|
}
|
|
|
|
#byline {
|
|
font: italic 14px/1.1 lora, Baskerville, TimesNewRoman, Times New Roman, Times, Georgia, serif;
|
|
padding: 0 25px 25px 25px;
|
|
}
|
|
|
|
#poem_list {
|
|
border: 2px solid RebeccaPurple;
|
|
min-height: 75px;
|
|
padding: 50px 5% 5%;
|
|
}
|
|
#copy_buttons {
|
|
float: right;
|
|
}
|
|
|
|
.click {
|
|
background-color: Plum;
|
|
}
|
|
|
|
/* Styles for the buttons */
|
|
|
|
/* all buttons have this */
|
|
.btn {
|
|
font: 18px lora, Baskerville, TimesNewRoman, Times New Roman, Times, Georgia, serif;
|
|
padding: 8px;
|
|
border-style: none;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.btn-mn {
|
|
background-color: RebeccaPurple;
|
|
color: #ffffff;
|
|
}
|
|
.btn-mn:hover {
|
|
background-color: Plum;
|
|
color: #000000;
|
|
}
|
|
|
|
.btn-hlp-bx {
|
|
position: fixed;
|
|
top: 40px;
|
|
right: 10%;
|
|
z-index: 10;
|
|
float: right;
|
|
}
|
|
|
|
.btn-hlp {
|
|
background-color: white;
|
|
}
|
|
|
|
.btn-hlp:hover {
|
|
background-color: silver;
|
|
}
|
|
|
|
/* Styles for the blacked-out page */
|
|
|
|
.clickDone {
|
|
background-color: white;
|
|
padding: 2px;
|
|
}
|
|
|
|
.done {
|
|
background-color: black;
|
|
/*border: 10px solid black;*/
|
|
}
|
|
|
|
.purple {
|
|
color: RebeccaPurple;
|
|
}
|
|
|