9d7c4d5c |
* {
box-sizing: border-box;
padding: 0px;
margin: 0px;
}
body {
|
ef839cbf |
background: #fdf6e3;
|
9d7c4d5c |
color: hsl(194, 14%, 40%);
|
ef839cbf |
text-rendering: geometricPrecision;
|
9d7c4d5c |
font-family: Caudex;
|
ef839cbf |
padding-top: 10vh;
}
main {
background: #eee8d5;
width: 66vw;
margin-left: 16.5vw;
display:block;
|
9d7c4d5c |
}
header {
|
ef839cbf |
/*padding: 2em;*/
|
9d7c4d5c |
font-size: 2vmin;
height: 10vh;
width: 66vw;
border: thin solid black;
|
ef839cbf |
position: fixed;
top: 0px;
line-height: 10vh;
text-align: center;
z-index: 100;
}
header h1 {
text-shadow: 0px 0px 0.5em hsl(194, 14%, 40%);
color: hsl(44, 87%, 94%);
padding: 0px;
margin: 0px;
}
h1, h2 {
text-align: center;
margin-top: 1em;
margin-bottom: 0.5em;
}
header::before {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
content: " ";
display: block;
background: hsla(194, 14%, 40%, 0.7);
z-index: -1;
-webkit-backdrop-filter: blur(2px);
|
9d7c4d5c |
}
section.post-new, section.post-show {
padding: 2em;
|
ef839cbf |
overflow: hidden;
border: thin solid hsl(194, 14%, 40%);
border-top: none;
border-bottom-width: medium;
border-bottom-style: double;
|
9d7c4d5c |
}
|
ef839cbf |
|
9d7c4d5c |
section.post-new {
|
ef839cbf |
overflow-y: auto;
min-height: 90vh;
}
form {
position: relative;
|
9d7c4d5c |
}
input[type=text], textarea {
display: inline-block;
}
input, textarea {
padding: 0.5em 1em;
|
ef839cbf |
border: thin solid #fdf6e3;
border-radius: 0.5rem;
background: #fdf6e3;
|
9d7c4d5c |
color: hsl(194, 14%, 40%);
}
|
ef839cbf |
input[type=submit], button {
color: hsl(44, 87%, 94%);
text-shadow: 0px 0px 0.2em hsl(194, 14%, 40%), 0px 0px 0.2em hsl(44, 87%, 94%);
background-image: linear-gradient(
hsla(194, 14%, 40%, 0.25),
hsla(194, 14%, 40%, 0.5),
hsl(194, 14%, 40%)
);
}
div.input-group {
display: inline-block;
}
input[type=submit]:hover, button:hover {
background-image: linear-gradient(
hsl(194, 14%, 40%),
hsla(194, 14%, 40%, 0.5),
hsla(194, 14%, 40%, 0.25)
);
}
input[type=text], textarea {
box-shadow: inset 0em 0em 1em #eee8d5,
0em 0em 1em #eee8d5;
}
|
9d7c4d5c |
section.post-new textarea {
display: block;
width: 100%;
height: 60vh;
margin-bottom: 1em;
}
|
ef839cbf |
.input-group.title {
|
9d7c4d5c |
width: 100%;
|
ef839cbf |
}
.input-group.title label,
.input-group.title input {
|
9d7c4d5c |
font-size: 150%;
font-weight: bolder;
margin-bottom: 1em;
}
|
ef839cbf |
.input-group.title label, .input-group.author label {
width: 33%;
text-align: right;
display: inline-block;
}
.input-group label {
text-transform: uppercase;
}
.input-group.post {
width: 100%;
}
.input-group.title input, .input-group.author input {
display: inline-block;
|
9d7c4d5c |
width: 66%;
|
ef839cbf |
}
.input-group.author {
width: 100%;
|
9d7c4d5c |
margin-bottom: 1em;
}
|
ef839cbf |
.input-group.set {
|
9d7c4d5c |
width: 24%;
margin-bottom: 1em;
}
|
ef839cbf |
input[type=text] {
width: 100%;
}
.input-group.tags {
|
9d7c4d5c |
width: 74%;
margin-left: 1%;
margin-bottom: 1em;
clear: both;
}
|
ef839cbf |
input[type=submit], button {
cursor: pointer;
position: absolute;
right: 0px;
}
ul, ol {
margin-left: 1.5em;
|
9d7c4d5c |
}
|