refine calendar cards design
This commit is contained in:
parent
5ab7b9d071
commit
e12d850af6
@ -2,7 +2,6 @@
|
||||
<article class="h-entry calendar">
|
||||
<header>
|
||||
<h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
|
||||
<div class='header-filler'></div>
|
||||
</header>
|
||||
<div class='start-scroller'>
|
||||
<marquee behavior="scroll" direction="left">
|
||||
@ -10,7 +9,7 @@
|
||||
</marquee>
|
||||
</div>
|
||||
<div class='calendar metadata'>
|
||||
<div class='calendar-duration'>{{ .Params.duration }}</div>
|
||||
<div class='calendar-duration'>Duration: <b>{{ .Params.duration }}</b></div>
|
||||
<input class='descr_button' type='checkbox' id='toggle-{{ .Params.uid }}'/>
|
||||
<label class='calendar' for='toggle-{{ .Params.uid }}'>↕</label>
|
||||
<div class='calendar-location'>{{ .Params.location | markdownify }}</div>
|
||||
|
@ -212,7 +212,7 @@ footer.post-footer {
|
||||
border: 2px solid cornflowerblue;
|
||||
box-shadow:1em 1em 0 #d2d1c8;
|
||||
background-color: lightblue;
|
||||
max-width: 300px;
|
||||
max-width: 360px;
|
||||
margin-bottom: 2em;
|
||||
flex: auto;
|
||||
margin: 0 3em 3em 0;
|
||||
@ -229,7 +229,7 @@ footer.post-footer {
|
||||
.h-entry.calendar header h2{
|
||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||
margin: 0;
|
||||
border-right: 2px solid cornflowerblue;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.h-entry.calendar header h2:hover{
|
||||
|
Loading…
Reference in New Issue
Block a user