ABOUT US
PROGRAMS
Engineering
Math
Coding
Chess
Creative Design
Financial Literacy
CLASS SCHEDULES
TOURNAMENTS
CAMPS
INNOVATOR BLOG
Search
Email:
info@incntr.com
Now Offering Virtual Classes!
SOUTH JERSEY INNOVATION CENTER
ABOUT US
PROGRAMS
Engineering
Math
Coding
Chess
Creative Design
Financial Literacy
CLASS SCHEDULES
TOURNAMENTS
CAMPS
INNOVATOR BLOG
Creative Design
Summer Camp 3D Contest
August 11, 2017
Facebook
Twitter
Google+
Pinterest
WhatsApp
RELATED ARTICLES
MORE FROM AUTHOR
Creative Design
Notes from 3D Drawing
Creative Design
Workshop: 3D Printing – Feb 24th
Creative Design
Notes from Virtual Reality
Edit with Live CSS
.module8special .td-post-date { display:none!important; } body { font-family: Arial, sans-serif; background: #ddd; } h1 { text-align: center; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color: #333; text-shadow: 0 1px 0 #fff; margin: 50px 0; } #wrapper { width: 100px; margin: 0 auto; background: #fff; padding: 20px; border: 10px solid #aaa; border-radius: 15px; background-clip: padding-box; text-align: center; } .button { font-family: Helvetica, Arial, sans-serif; font-size: 13px; padding: 5px 10px; border: 1px solid #aaa; background-color: #eee; background-image: linear-gradient(top, #fff, #f0f0f0); border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.15); color: #666; text-decoration: none; text-shadow: 0 1px 0 #fff; cursor: pointer; transition: all 0.2s ease-out; &:hover { border-color: #999; box-shadow: 0 1px 3px rgba(0,0,0,0.25); } &:active { box-shadow: 0 1px 3px rgba(0,0,0,0.25) inset; } } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); transition: opacity 200ms; visibility: hidden; opacity: 0; &.light { background: rgba(255,255,255,0.5); } .cancel { position: absolute; width: 100%; height: 100%; cursor: default; } &:target { visibility: visible; opacity: 1; } } .popup { margin: 75px auto; padding: 20px; background: #fff; border: 1px solid #666; width: 300px; box-shadow: 0 0 50px rgba(0,0,0,0.5); position: relative; .light & { border-color: #aaa; box-shadow: 0 2px 10px rgba(0,0,0,0.25); } h2 { margin-top: 0; color: #666; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; } .close { position: absolute; width: 20px; height: 20px; top: 20px; right: 20px; opacity: 0.8; transition: all 200ms; font-size: 24px; font-weight: bold; text-decoration: none; color: #666; &:hover { opacity: 1; } } .content { max-height: 400px; overflow: auto; } p { margin: 0 0 1em; &:last-child { margin: 0; } } }