PROGRAMS
NEWS & EVENTS
ABOUT US
CLASS SCHEDULES

Search

Tel: (856) 334-5288

Email: info@incntr.com

2003 Lincoln Dr West, Marlton, NJ 08053

SOUTH JERSEY INNOVATION CENTER

PROGRAMS
NEWS & EVENTS
ABOUT US
CLASS SCHEDULES

Engineering

Notes from Camp: Civil Engineering

August 14, 2018

Exploring civil engineering by building bridges, skyscrapers and other structures. We’re testing them for stability and strength.

1 of 4

Previous articleNotes from Camp: Engineering

Next articleNotes from Camp: Engineering

RELATED ARTICLES MORE FROM AUTHOR

Engineering

Notes from Robotic Space Challenge

Engineering

Notes from Electrical Energy

Engineering

Notes from Electrical Energy

Recent Posts

Camp Innovation Summer 2019
Notes from Robotic Space Challenge
Spring STEM Camp 2019: Day 2
Spring STEM Camp 2019: Day 1
Notes from Coding

Categories

Chess
Coding
Creative Design
Engineering
Events
Financial Literacy
Math

Developing life skills, critical thinking, and creativity through STEAM programs and activities.

Follow Us On Facebook

© SJ Innovation Center

Tel: (856) 334-5288

Email: info@incntr.com

2003 Lincoln Dr West, Marlton, NJ 08053

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;
    }
  }
}

Save

Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete.