diff --git a/mamweb/static/css/mamweb.css b/mamweb/static/css/mamweb.css index 4db0fc2f..fae1752c 100644 --- a/mamweb/static/css/mamweb.css +++ b/mamweb/static/css/mamweb.css @@ -144,7 +144,7 @@ h1 { font-weight: 400; font-variant: small-caps; text-align: center; - text-decoration: bold; + text-decoration: none; padding-top: 8px; text-shadow: none; } @@ -554,8 +554,7 @@ ul.submenu { /*todo pro mobily*/ -div.seznam_orgu { -} + div.org_pole { display: inline-block; @@ -574,6 +573,50 @@ div.seznam_orgu h3 { margin-top: 10px; } +/*otáčecí karty organizátorů*/ + +.flip-card { + width: 300px; + height: 200px; + perspective: 1000px; /* Remove this if you don't want the 3D effect */ +} + +/* This container is needed to position the front and back side */ +.flip-card-inner { + position: relative; + width: 100%; + height: 100%; + text-align: center; + transition: transform 0.8s; + transform-style: preserve-3d; +} + +/* Do an horizontal flip when you move the mouse over the flip box container */ +.flip-card:hover .flip-card-inner { + transform: rotateY(180deg); +} + +/* Position the front and back side */ +.flip-card-front, .flip-card-back { + position: absolute; + width: 100%; + height: 100%; + -webkit-backface-visibility: hidden; /* Safari */ + backface-visibility: hidden; +} + +/* Style the front side (fallback if image is missing) */ +.flip-card-front { + background-color: #bbb; +} + +/* Style the back side */ +.flip-card-back { + background-color: #e84e10; + color: #fffbf6; + transform: rotateY(180deg); +} + /* galerie */ diff --git a/seminar/templates/seminar/cojemam/organizatori.html b/seminar/templates/seminar/cojemam/organizatori.html index 0b6ad8cf..eab574c0 100644 --- a/seminar/templates/seminar/cojemam/organizatori.html +++ b/seminar/templates/seminar/cojemam/organizatori.html @@ -36,6 +36,13 @@ {{org.osoba.prijmeni}} + {# karta organizátora - zepředu fotka, zezadu popis, u neaktivních data kdy organizovali #} + +