jrenslin/md-cms
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added interpreter for pseudocode for displaying exhibitions, events.

Browse Source 
Added basic search.
Added object pages.
This commit is contained in:
Joshua Ramon Enslin
2018-06-15 11:26:25 +02:00
committed by Stefan Rohde-Enslin
parent a49746ab10
commit 80485a98ab
19 changed files with 1573 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
themes/default/default.css
View File

@ -2,6 +2,12 @@
* Default theme for the backend of md:cms.
*/
/****************************
* Imports
*/
@import 'mdEmbeds.css';
/****************************
* Load fonts
*/
@ -82,7 +88,7 @@ aside > * { display: block; padding: 1em; border: 1px solid #D6D6D6; }
body > header:nth-child(2) { margin: 0; padding: 0; }
body > header:nth-child(2) p { margin: 0; padding: 0; }
body > header:nth-child(2) img { width: 100vw; height: 20vh; object-fit: cover; margin-bottom: -.4em; }
body > header:nth-child(2) img { width: 100%; height: 20vh; object-fit: cover; margin-bottom: -.4em; }
/************
* Main wrapper
@ -104,7 +110,7 @@ body > nav { display: block; background: #212121; color: #EEE;
border: 1px solid #D6D6D6; border-width: 0; padding: 0 5vw; }
body > nav ul { list-style: none; margin: 0; padding: 0 0; }
body > nav li { position: relative; }
body > nav > ul { display: block; border-bottom: 1px solid #D6D6D6; }
body > nav > ul { display: block; }
body > nav > ul > li { display: inline-block; }
body > nav > ul > li ul { position: absolute; left: 0; top: 100%;
background: #424242; color: #EEE; z-index: 2; animation: fade-in .4s; }

54
themes/default/mdEmbeds.css Normal file
View File

@ -0,0 +1,54 @@
/**
* Default theme for the backend of md:cms:
* Styles for data embedded from museum-digital.
*/
/**********
* Simple tiles for displaying an object.
*/
div.objTile { display: inline-block; width: 200px; border: 1px solid #D6D6D6; text-align: center;
transition: background .4s, box-shadow .4s; }
div.objTile > div { position: relative; padding: .5em .5em 1.5em .5em; }
div.objTile h4 { margin: 0; padding: 0 .5em; }
div.objTile img { max-width: 198px; }
div.objTile:hover { background: #F2F2F2; box-shadow: 1px 1px 3px #D6D6D6, -1px -1px 3px #D6D6D6; }
div.objTile > div > div { color: #888; font-size: .8em; }
div.objTile > div > div > a { position: absolute; top: 100%; left: -1px;
display: none; max-width: 50%; padding: .3em;
background: #FFF; text-align: left; border: 1px solid #D6D6D6;
transition: background .4s, color .4s; }
div.objTile:hover > div > div > a { display: block; animation: fade-in .4s; }
div.objTile > div > div > a:last-child { left: initial; right: -1px; text-align: right; }
div.objTile > div > div > a:hover { background: #EEE; color: #212121; }
/**********
* Object details.
*/
div.objDetails { }
div.objDetails dt { font-weight: bold; margin-top: .5em; }
div.objDetails dd { margin-left: 0; padding-left: 0; }
div.objDetails .objMainImg { max-width: 200px; margin: .5em 1em 1em 0; float: left;
border: 1px solid #D6D6D6; transition: max-width .4s; }
div.objDetails .objMainImg:hover { max-width: 100vw; max-height: 80vh; float: initial; }
.metadataLine { margin-top: 2.5em; color: #666; border-top: 1px solid #D6D6D6; }
.metadataLine > span { margin-right: 2em; font-size: .95em; font-style: italic; }
/*****
* Events on object detail page.
*/
.events { display: block; max-width: 100%; width: auto; margin: 0 0 1em 0; }
.events > * { display: inline-block; margin: 0 1em 1em 0; padding: 0 1em; border: 1px solid #D6D6D6;
vertical-align: top; transition: box-shadow .4s; }
.events h5 { margin: 0; padding: .5em 1em; font-size: .9em; background: #F2F2F2; color: #646464; }
.events tr * { padding: .1em .5em; vertical-align: middle; font-size: .95em; }
.events th { font-weight: normal; color: #646464; }
.events table { margin: .5em 0; }
.events > *:hover { box-shadow: 1px 1px 3px #D6D6D6, -1px -1px 3px #D6D6D6; }
.events tr:hover { background: initial; }