diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css index c457077..98b357c 100644 --- a/themes/lumbung-theme/static/css/main.css +++ b/themes/lumbung-theme/static/css/main.css @@ -41,75 +41,74 @@ body { font-family: ZenMaruGothic; color: maroon; } - - a { - color: #1B4C8A; - } + +a { + color: #1B4C8A; +} * { box-sizing: border-box; } #content { - margin: 2em auto; - max-width: 80%; - margin-bottom: 0; - } + margin: 2em auto; + max-width: 80%; + margin-bottom: 0; +} .card{ + border: 2px solid var(--border-color); + box-shadow:1em 1em 0 #d2d1c8; + background-color: #fff09d; + max-width: 600px; + margin-bottom: 2em; + flex: auto; + margin: 0 3em 3em 0; + align-self: start; + +} - border: 2px solid var(--border-color); - box-shadow:1em 1em 0 #d2d1c8; - background-color: #fff09d; - max-width: 600px; - margin-bottom: 2em; - flex: auto; - margin: 0 3em 3em 0; - align-self: start; +.card{ + background-color: peachpuff; +} - } - - .card{ - background-color: peachpuff; - } - - .side-bar { - border: 2px solid var(--border-color); - max-width: 400px; - } +.side-bar { + border: 2px solid var(--border-color); + max-width: 400px; +} - .card:nth-child(even){ - transform: rotate(-1deg); - } +.card:nth-child(even){ + transform: rotate(-1deg); +} - .card:nth-child(odd){ - transform: rotate(1deg); - } +.card:nth-child(odd){ + transform: rotate(1deg); +} - .card:nth-child(5){ - transform: rotate(2deg); - } +.card:nth-child(5){ + transform: rotate(2deg); +} - .video.box{ - margin-top:3em; - } +.video.box{ + margin-top:3em; +} - .bar{ - border: 2px solid var(--border-color); - box-shadow: 0.6em 0.6em 0 #d2d1c8; - margin-bottom: 2em; - margin-top:3em; - display: inline-block; - background-color: #fff09d; - } +.bar{ + border: 2px solid var(--border-color); + box-shadow: 0.6em 0.6em 0 #d2d1c8; + margin-bottom: 2em; + margin-top:3em; + display: inline-block; + background-color: #fff09d; +} .h-feed{ display: flex; flex-flow: row wrap; width: 100%; - + } .entries{ @@ -153,7 +152,7 @@ body { border-top: 2px solid var(--border-color); margin: 0px; padding: 0px; - + } .menu ul{ @@ -186,8 +185,8 @@ body { } .h-entry header h2:hover{ - box-shadow: inset 4px 4px 0px tomato; - cursor: pointer; + box-shadow: inset 4px 4px 0px tomato; + cursor: pointer; } .h-entry header h2 a { @@ -232,10 +231,10 @@ body { } .summary-image > img { -/* height: 100%; - object-fit: cover; - max-width: 100%;*/ - + /* height: 100%; + object-fit: cover; + max-width: 100%;*/ + } .summary-image > a { @@ -266,17 +265,17 @@ footer.post-footer { /* network cards */ .card.network{ - - border: 2px solid darkcyan; - box-shadow:1em 1em 0 #d2d1c8; - background-color: lightgreen; - max-width: min-content; - margin-bottom: 2em; - flex: auto; - margin: 0 3em 3em 0; - align-self: start; - color: darkcyan; - } + + border: 2px solid darkcyan; + box-shadow:1em 1em 0 #d2d1c8; + background-color: lightgreen; + max-width: min-content; + margin-bottom: 2em; + flex: auto; + margin: 0 3em 3em 0; + align-self: start; + color: darkcyan; +} .h-entry.network header { display: flex; @@ -291,8 +290,8 @@ footer.post-footer { } .h-entry.network header h2:hover{ - box-shadow: inset 4px 4px 0px darkcyan; - cursor: pointer; + box-shadow: inset 4px 4px 0px darkcyan; + cursor: pointer; } .h-entry.network header h2 a { @@ -305,7 +304,7 @@ footer.post-footer { } .network .header-metadata .dt-published{ - + border-bottom: 2px solid darkcyan; } @@ -381,31 +380,31 @@ div.network-source{ /* shouts cards */ .card.shout{ - border-color: steelblue; - border: 2px solid; - box-shadow:1em 1em 0 #d2d1c8; - background-color: aliceblue; - max-width: min-content; - margin-bottom: 2em; - flex: auto; - margin: 0 3em 3em 0; - align-self: start; - color: steelblue; - } + border-color: steelblue; + border: 2px solid; + box-shadow:1em 1em 0 #d2d1c8; + background-color: aliceblue; + max-width: min-content; + margin-bottom: 2em; + flex: auto; + margin: 0 3em 3em 0; + align-self: start; + color: steelblue; +} /* calendar cards */ .card.calendar { - border: 2px solid cornflowerblue; - box-shadow:1em 1em 0 #d2d1c8; - background-color: lightblue; - max-width: 360px; - margin-bottom: 2em; - flex: auto; - margin: 0 3em 3em 0; - align-self: start; - color: royalblue; - + border: 2px solid cornflowerblue; + box-shadow:1em 1em 0 #d2d1c8; + background-color: lightblue; + max-width: 360px; + margin-bottom: 2em; + flex: auto; + margin: 0 3em 3em 0; + align-self: start; + color: royalblue; + } .card.calendar.past { @@ -428,8 +427,8 @@ div.network-source{ } .h-event.calendar header h2:hover{ - box-shadow: inset 4px 4px 0px royalblue; - cursor: pointer; + box-shadow: inset 4px 4px 0px royalblue; + cursor: pointer; } .h-event.calendar header h2 a { @@ -438,7 +437,7 @@ div.network-source{ } .header-filler { - min-width: 10%; + min-width: 10%; } .calendar-location{ @@ -499,13 +498,13 @@ div.network-source{ } input + label +.calendar-location+.description{ - display: none; - } + display: none; +} input:checked + label +.calendar-location+.description { - display: block; - transition: ease .5s; - } + display: block; + transition: ease .5s; +} .metadata label { text-align: center; @@ -555,7 +554,7 @@ ul.pagination{ font-size: 38px; border: 2px solid #1B4C8A; box-shadow:0.4em 0.4em 0 #d2d1c8; - + } li.page-item{ @@ -573,21 +572,21 @@ li.page-item.disabled{ display: none; } - li.page-item:nth-child(even){ - transform: rotate(-1deg); - } +li.page-item:nth-child(even){ + transform: rotate(-1deg); +} - li.page-item:nth-child(odd){ - transform: rotate(1deg); - } +li.page-item:nth-child(odd){ + transform: rotate(1deg); +} - li.page-item:nth-child(5){ - transform: rotate(2deg); - } +li.page-item:nth-child(5){ + transform: rotate(2deg); +} - li.page-item:nth-child(8){ - transform: rotate(-3deg); - } +li.page-item:nth-child(8){ + transform: rotate(-3deg); +}