redesign default layout; add new sections type (Timetable, Logs, Search); fix multiple things & minors changes in some sections; new settings for referencing; new templates for date_list's items; etc

This commit is contained in:
bkfox
2016-07-25 22:31:00 +02:00
parent 960fcab65d
commit bce84af7f3
21 changed files with 630 additions and 249 deletions

View File

@ -0,0 +1,104 @@
/**
* Define rules for the default layouts, and some useful classes
*/
body {
margin: 0em;
padding: 0em;
}
h1, h2, h3, h4, h5 {
margin: 0.4em 0em;
}
/** classes: flex **/
.flex_row {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
}
.flex_column {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
.flex_row > .flex_item,
.flex_column > .flex_item {
-webkit-flex: auto;
flex: auto;
}
/** content: list & items **/
.list {
width: 100%;
padding: 0.4em;
}
.list_item {
width: inherit;
margin: 0.4em 0;
}
.list_item > *:not(:last-child) {
margin-right: 0.4em;
}
.list_item img.cover.big {
display: block;
}
.list_item img.cover.small {
margin-right: 0.4em;
border-radius: 0.4em;
float: left;
min-height: 64px;
}
/** content: date list **/
.date_list nav {
text-align:center;
}
.date_list nav a {
display: inline-block;
width: 4em;
}
.date_list nav a[selected] {
color: #007EDF;
border-bottom: 0.2em #007EDF dotted;
}
.date_list ul:not([selected]) {
display: none;
}
.date_list ul:target {
display: block;
}
.date_list h2 {
display: none;
}
.date_list_item .cover.small {
width: 64px;
margin: 0.4em;
}
.date_list_item h3 {
width: 100%;
}
/** content: publication **/

View File

@ -0,0 +1,74 @@
/*
* Define a default theme, that is the one for RadioCampus
*
* Colors:
* - light:
* - background: #F2F2F2
* - color: #000
*
* - dark:
* - background: #212121
* - color: #007EDF
*
* - info:
* - generic (time,url,...): #616161
* - additional: #007EDF
* - active: #007EDF
*/
/** main **/
body {
background-color: #F2F2F2;
font-family: "Myriad Pro",Calibri,Helvetica,Arial,sans-serif;
margin: 0em;
padding: 0em;
}
h1, h2, h3 {
font-family: "Myriad Pro",Calibri,Helvetica,Arial,sans-serif;
}
h1:first-letter, h2:first-letter, h3:first-letter {
text-transform: capitalize;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.0em; }
/** info **/
time {
font-size: 0.9em;
color: #616161;
}
.info {
font-size: 0.9em;
color: #007EDF;
}
a {
cursor: pointer;
text-decoration: none;
color: #616161;
}
a:hover {
color: #007EDF;
}
.error { color: red; }
.warning { color: orange; }
.success { color: green; }
/** page **/
.page > nav {
width: 20em;
overflow: hidden;
}