fel_website/themes/felicie/static/css/main.css

109 lines
1.7 KiB
CSS
Raw Normal View History

2020-04-27 13:43:55 +00:00
@font-face {
font-family: customFont;
src: url(fonts/cmu-typewriter/Typewriter/cmuntt.ttf);
2020-04-27 13:43:55 +00:00
}
@font-face {
font-family: customFont;
src: url(fonts/cmu-typewriter/Typewriter/cmuntb.ttf);
font-weight: bold;
}
@font-face {
font-family: customFont;
src: url(fonts/cmu-typewriter/Typewriter/cmunit.ttf);
font-style: italic;
}
2020-04-03 13:05:13 +00:00
*{
2020-04-27 13:43:55 +00:00
font-family: customFont;
2020-04-27 18:18:58 +00:00
background-color:#ccffff;
2020-04-24 15:55:13 +00:00
}
text{
2020-04-24 15:55:13 +00:00
font-size: 1.5em;
}
h1{
font-size: 2em;
font-weight: bold;
display: block;
}
h2{
font-style: italic;
display: block;
margin-left: auto;
margin-right: auto;
2020-04-03 13:05:13 +00:00
}
.sidebar{
font-size: 1.5em;
2020-04-03 13:05:13 +00:00
height: 100%;
2020-04-24 15:55:13 +00:00
width: 13%;
2020-04-03 13:05:13 +00:00
z-index: 1; /* Stay on top */
top: 0; /* Stay at the top */
left: 0;
padding-top: 20px;
position: fixed;
2020-04-24 15:55:13 +00:00
border: solid;
border-width: 1px;
border-top: unset;
border-bottom: unset;
2020-04-03 13:05:13 +00:00
border-right-color: black;
2020-04-27 18:18:58 +00:00
background-color:#00b3b3;
2020-04-24 15:55:13 +00:00
}
a {
color: black;
text-decoration: unset;
background-color: inherit;
2020-04-24 15:55:13 +00:00
}
a:hover{
color: #808080;
}
#article-anchors {
2020-04-24 15:55:13 +00:00
padding: 1em;
background-color: inherit;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
2020-04-03 13:05:13 +00:00
}
.content{
2020-04-24 15:55:13 +00:00
margin-left: 13%;
padding-left: 2em;
padding-bottom: 5em;
2020-04-24 15:55:13 +00:00
max-width: 50%;
line-height: 1.2;
font-size: 1.2em;
text-align: justify;
text-justify: inter-word;
}
2020-04-24 15:55:13 +00:00
.article-author {
color:#4d4d4d;
text-decoration: unset;
}
.article-author:before{
content:"_";
2020-04-03 13:05:13 +00:00
}
a:before{
2020-04-27 18:18:58 +00:00
color: #00e6e6;
2020-04-03 13:05:13 +00:00
content: '> ';
2020-04-24 15:55:13 +00:00
}
img{
max-width: 60%;
margin: 3em;
display: block;
}
.audio {
display: none;
2020-04-03 13:05:13 +00:00
}