A few more CSS rules: lists, margins…

This commit is contained in:
Théophile Bastian 2017-11-02 13:57:27 +01:00
parent d719dde279
commit 9c78ecb895
2 changed files with 52 additions and 19 deletions

View file

@ -262,31 +262,49 @@ header {
text-align: justify; text-align: justify;
font-size: 1.1em; font-size: 1.1em;
} }
/* line 189, ../sass/screen.scss */
.main ol, .main ul {
list-style-position: outside;
margin-left: 20px;
margin-bottom: 1em;
}
/* line 194, ../sass/screen.scss */
.main ol {
list-style-type: decimal;
}
/* line 197, ../sass/screen.scss */
.main ul {
list-style-type: disc;
}
/* line 200, ../sass/screen.scss */
.main li {
margin: 0.35em 0;
}
/* line 190, ../sass/screen.scss */ /* line 205, ../sass/screen.scss */
.publication-list { .publication-list {
margin: 10px 5px; margin: 10px 5px;
margin-left: 30px; margin-left: 30px;
padding: 0 30px; padding: 0 30px;
max-width: 700px; max-width: 700px;
} }
/* line 196, ../sass/screen.scss */ /* line 211, ../sass/screen.scss */
.publication-list .publication-entry { .publication-list .publication-entry {
display: flex; display: flex;
align-items: center; align-items: center;
position: relative; position: relative;
border-bottom: 1px solid #86abcb; border-bottom: 1px solid #86abcb;
} }
/* line 202, ../sass/screen.scss */ /* line 217, ../sass/screen.scss */
.publication-list .publication-entry:first-child { .publication-list .publication-entry:first-child {
border-top: 1px solid #86abcb; border-top: 1px solid #86abcb;
} }
/* line 206, ../sass/screen.scss */ /* line 221, ../sass/screen.scss */
.publication-list .publication-entry > span { .publication-list .publication-entry > span {
padding: 7px 5px; padding: 7px 5px;
display: inline-block; display: inline-block;
} }
/* line 210, ../sass/screen.scss */ /* line 225, ../sass/screen.scss */
.publication-list .publication-entry .publication-date { .publication-list .publication-entry .publication-date {
text-align: right; text-align: right;
font-weight: light; font-weight: light;
@ -294,16 +312,16 @@ header {
font-style: italic; font-style: italic;
width: 100px; width: 100px;
} }
/* line 217, ../sass/screen.scss */ /* line 232, ../sass/screen.scss */
.publication-list .publication-entry .publication-descr { .publication-list .publication-entry .publication-descr {
font-size: 0.9em; font-size: 0.9em;
opacity: 0.9; opacity: 0.9;
} }
/* line 220, ../sass/screen.scss */ /* line 235, ../sass/screen.scss */
.publication-list .publication-entry .publication-descr:before { .publication-list .publication-entry .publication-descr:before {
content: " "; content: " ";
} }
/* line 224, ../sass/screen.scss */ /* line 239, ../sass/screen.scss */
.publication-list .publication-entry a.overlay { .publication-list .publication-entry a.overlay {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
@ -314,12 +332,12 @@ header {
} }
@media screen and (max-width: 599px) { @media screen and (max-width: 599px) {
/* line 236, ../sass/screen.scss */ /* line 251, ../sass/screen.scss */
body { body {
padding-top: 75px; padding-top: 75px;
} }
/* line 239, ../sass/screen.scss */ /* line 254, ../sass/screen.scss */
header, .sidebar { header, .sidebar {
position: fixed; position: fixed;
top: 0; top: 0;
@ -327,7 +345,7 @@ header {
width: 100%; width: 100%;
} }
/* line 245, ../sass/screen.scss */ /* line 260, ../sass/screen.scss */
header { header {
z-index: 15; z-index: 15;
right: 60px; right: 60px;
@ -336,13 +354,13 @@ header {
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
} }
/* line 252, ../sass/screen.scss */ /* line 267, ../sass/screen.scss */
header img { header img {
max-height: 55px; max-height: 55px;
vertical-align: middle; vertical-align: middle;
} }
/* line 257, ../sass/screen.scss */ /* line 272, ../sass/screen.scss */
.sidebar { .sidebar {
z-index: 14; z-index: 14;
background: #f8ef78; background: #f8ef78;
@ -352,18 +370,18 @@ header {
max-height: 100vh; max-height: 100vh;
overflow-y: auto; overflow-y: auto;
} }
/* line 266, ../sass/screen.scss */ /* line 281, ../sass/screen.scss */
.sidebar .minimenu { .sidebar .minimenu {
position: absolute; position: absolute;
right: 5px; right: 5px;
top: 5px; top: 5px;
display: block; display: block;
} }
/* line 271, ../sass/screen.scss */ /* line 286, ../sass/screen.scss */
.sidebar .minimenu img { .sidebar .minimenu img {
height: 50px; height: 50px;
} }
/* line 275, ../sass/screen.scss */ /* line 290, ../sass/screen.scss */
.sidebar ul.nav { .sidebar ul.nav {
display: flex; display: flex;
width: 100%; width: 100%;
@ -372,17 +390,17 @@ header {
font-size: 0.95em; font-size: 0.95em;
margin-bottom: 10px; margin-bottom: 10px;
} }
/* line 283, ../sass/screen.scss */ /* line 298, ../sass/screen.scss */
.sidebar ul.nav li { .sidebar ul.nav li {
display: inline-block; display: inline-block;
min-width: 150px; min-width: 150px;
margin: 5px; margin: 5px;
} }
/* line 287, ../sass/screen.scss */ /* line 302, ../sass/screen.scss */
.sidebar ul.nav li a { .sidebar ul.nav li a {
padding: 10px; padding: 10px;
} }
/* line 294, ../sass/screen.scss */ /* line 309, ../sass/screen.scss */
.sidebar.collapse ul { .sidebar.collapse ul {
display: none; display: none;
} }

View file

@ -185,6 +185,21 @@ header {
text-align: justify; text-align: justify;
font-size: 1.1em; font-size: 1.1em;
} }
ol, ul {
list-style-position: outside;
margin-left: 20px;
margin-bottom: 1em;
}
ol {
list-style-type: decimal;
}
ul {
list-style-type: disc;
}
li {
margin: 0.35em 0;
}
} }
.publication-list { .publication-list {