forked from rc/aircox
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:
104
cms/static/cms/css/layout.css
Normal file
104
cms/static/cms/css/layout.css
Normal 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 **/
|
||||
|
||||
|
||||
|
||||
|
74
cms/static/cms/css/theme.css
Normal file
74
cms/static/cms/css/theme.css
Normal 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;
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user