Skip to primary navigation
Skip to content
Skip to primary sidebar
Skip to footer
Greek Action of Volunteer Vets
Make a Donation
Main
Board of Directors
Code of Operation
Mission groups
Support
SITE-PEOPLEGREECE.COM~10.2015
June 29, 2017
by
admin-edke
Reader Interactions
/* ----------------------------------------- */ /* View: Geo location menu widget - start */ /* ----------------------------------------- */ .accordion .transition, .accordion p, .accordion ul li i:before, .accordion ul li i:after { transition: all 0.25s ease-in-out; } .accordion .flipIn, .accordion h1, .accordion ul li { animation: flipdown 0.5s ease both; } .accordion .no-select, .accordion h2 { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .accordion h1, .accordion h2 { color: #696969; } .accordion h1 { text-transform: uppercase; font-size: 36px; line-height: 42px; letter-spacing: 3px; font-weight: 100; } .accordion h2 { font-size: 19px; line-height: 22px; font-weight: 300; letter-spacing: 1px; display: block; background-color: #fefffa; margin: 0; cursor: pointer; } .accordion p a{ display:block; color:#696969; } .accordion p { text-align:left; color: rgba(48, 69, 92, 0.8); font-size: 16px; line-height: 16px; letter-spacing: 0px; position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0); margin-top: 14px; z-index: 2; } .accordion ul { list-style: none; perspective: 900; padding: 0; margin: 0; } .accordion ul li { position: relative; padding: 0; margin: 0; padding-bottom: 4px; padding-top: 18px; } .accordion ul li:nth-of-type(1) { animation-delay: 0.5s; } .accordion ul li:nth-of-type(2) { animation-delay: 0.75s; } .accordion ul li:nth-of-type(3) { animation-delay: 1s; } .accordion ul li:last-of-type { padding-bottom: 0; } .accordion ul li i { position: absolute; transform: translate(-6px, 0); margin-top: 6px; right: 0; } .accordion ul li i:before, .accordion ul li i:after { content: ""; position: absolute; background-color: #696969; width: 3px; height: 9px; } .accordion ul li i:before { transform: translate(-2px, 0) rotate(45deg); } .accordion ul li i:after { transform: translate(2px, 0) rotate(-45deg); } .accordion ul li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; } .accordion ul li input[type=checkbox]:checked ~ p { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .accordion ul li input[type=checkbox]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg); } .accordion ul li input[type=checkbox]:checked ~ i:after { transform: translate(-2px, 0) rotate(-45deg); } @keyframes flipdown { 0% { opacity: 0; transform-origin: top center; transform: rotateX(-90deg); } 5% { opacity: 1; } 80% { transform: rotateX(8deg); } 83% { transform: rotateX(6deg); } 92% { transform: rotateX(-3deg); } 100% { transform-origin: top center; transform: rotateX(0deg); } } /* ----------------------------------------- */ /* View: Geo location menu widget - end */ /* ----------------------------------------- */