/* css for read */
/* check default: https://www.w3schools.com/cssref/css_default_values.asp */
body {
background-color: white;
color: black;
font-family: sans-serif; /* more readable on computer screens than serif fonts */
font-size: large;
}
div#allcontent { /* div jello layout */
width: 800px;
padding: 5px;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
div#frlan {
font-size: 240%;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
width: 60%;
float: left;
}
#frlan a { /* edit 2024-06 */
color: black;
text-decoration: none;
}
#frlan a:hover { /* edit 2024-06 */
text-decoration: underline;
}
div#language { /* select between english and slovene */
font-size: 0.9em;
text-transform: uppercase;
line-height: 3em;
}
#language a {
color: black;
text-decoration: none;
}
#language a:hover {
text-decoration: underline;
}
h1 { /* main article title */
font-size: 240%;
font-weight: normal;
}
div#publish {
font-size: 0.9em;
line-height: 1.5em;
width: 60%;
float: left;
}
div#count { /* edit 2024-06 */
font-size: 0.9em;
line-height: 1.5em;
width: 40%;
display: inline-block;
margin-bottom: 0.5em;
}
ul#list a { /* books read list in chronological order */
color: black;
text-decoration: none;
line-height: 1.6em;
}
ul#list a:hover {
text-decoration: underline;
}
h2 { /* book title */
font-size: 180%;
font-weight: normal;
margin-top: 1.2em;
margin-bottom: 0em;
}
h2 a { /* select all a elements inside h2 elements */
color: black;
text-decoration: none;
}
h2 a:hover {
text-decoration: underline;
}
h2 span.subtitle { /* book subtitle */
font-size: 60%;
}
div.author {
font-weight: bold;
float: left;
}
div.read {
text-align: center;
float: right;
}
.author, .read {
width: 50%;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
p {
line-height: 1.5em;
}
em, a, br {} /* default property */
/* list of html elements used:
, , , , ,
<a>, <body>, <br>, <div>, <em>, <h1>, <h2>, <header>, <li>, <main>, <p>, <span>, <ul> */