71 lines
1.1 KiB
CSS
71 lines
1.1 KiB
CSS
div.container {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
gird-template-rows: 1fr 1fr 1fr;
|
|
|
|
grid-template-areas:
|
|
"title title"
|
|
". date"
|
|
"content content";
|
|
}
|
|
|
|
.title {
|
|
grid-area: title;
|
|
margin: 0;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
article {
|
|
grid-area: content;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.date {
|
|
grid-area: date;
|
|
text-align: right;
|
|
}
|
|
|
|
pre {
|
|
font-family: monospace;
|
|
background-color: #333333;
|
|
padding-top: 0.7em;
|
|
padding-right: 0.7em;
|
|
padding-bottom: 0.7em;
|
|
padding-left: 0.5em;
|
|
color: white;
|
|
white-space: pre;
|
|
word-wrap: normal;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
article p {
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* Table things */
|
|
|
|
article table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
article table td, article table th {
|
|
border: 1px solid #f0f0f0;
|
|
padding: 3px;
|
|
}
|
|
|
|
article table tr:nth-child(even){
|
|
background-color: #f6f6f6;
|
|
}
|
|
|
|
article table tr:hover {
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
article table th {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
text-align: left;
|
|
background-color: #444444;
|
|
color: white;
|
|
}
|