Browse Source

refine calendar cards design

main
rra 3 years ago
parent
commit
e12d850af6
  1. 3
      layouts/partials/calendar_card.html
  2. 4
      static/css/main.css

3
layouts/partials/calendar_card.html

@ -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>

4
static/css/main.css

@ -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…
Cancel
Save