diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css index 3ab41eb..14a2dd9 100644 --- a/themes/lumbung-theme/static/css/main.css +++ b/themes/lumbung-theme/static/css/main.css @@ -36,22 +36,22 @@ :root { --border-color: tomato; - + --tv-dark: #237D0F; --tv-light: #E2FAD7; - + --pen-dark: #E0005C; --pen-light: #FEDAE9; - + --social-light: #C2E4F2; --social-dark: #0163A4; - + --gallery-light: #FCF4B9; --gallery-dark: #846A00; - + --shouts-dark: #CB001D; --shouts-light: #FFD9DD; - + --calendar-light: #B6EDFF; --calendar-dark: #0E64C8; } @@ -583,13 +583,14 @@ div.network-source { } .calendar-image { + width: 100%; max-width: 100%; display: inherit; } /* Card metadata (video & calendar) */ - + .tape-label { display: flex; justify-content: center; @@ -700,7 +701,7 @@ li.page-item.disabled { } -/* +/* li.page-item:nth-child(even) { transform: rotate(-1deg); } @@ -710,7 +711,7 @@ li.page-item:nth-child(odd) { } li.page-item:nth-child(5) { - transform: rotate(2deg); + transform: rotate(2deg); } li.page-item:nth-child(8) { @@ -801,7 +802,7 @@ footer a:hover { #top-menu { grid-template-columns: 1fr; } - + .menu, #top-menu .search, #login { @@ -813,18 +814,18 @@ footer a:hover { display: flex; justify-content: space-between; } - + .mobile-menu #login { display: inline-flex; } - + .hamburger { border: none; background: none; position: relative; z-index: 3; } - + .drawer { display: block; position: fixed; @@ -837,7 +838,7 @@ footer a:hover { transition: 0.2s all ease-in-out; padding-top: 120px; } - + .drawer * { display: none; opacity: 0; @@ -851,12 +852,12 @@ footer a:hover { margin: 0; padding: 0; } - + .drawer ul li { padding: 1em 0; /* border-bottom: 1px solid #333; */ } - + .drawer ul li a { color: white; text-decoration: none; @@ -867,12 +868,12 @@ footer a:hover { .drawer.opened { width: 80%; } - + .drawer.opened * { display: block; opacity: 1; } - + /* card styles */ .card, .card.network { @@ -883,7 +884,7 @@ footer a:hover { font-size: 17px; min-width: 30ch; } - + .card h2 a { font-size: 26px; }