ABOUT US
PROGRAMS
CLASS SCHEDULES
TOURNAMENTS
CAMPS
INNOVATOR BLOG

Search

Tel: (856) 334-5288

Email: info@incntr.com

2003 Lincoln Dr West, Marlton, NJ 08053

SOUTH JERSEY INNOVATION CENTER

ABOUT US
PROGRAMS
CLASS SCHEDULES
TOURNAMENTS
CAMPS
INNOVATOR BLOG

Coding

Notes from Coding

April 11, 2019

Scratch coding class teaches these young coders how to program computer generated images called sprites.

1 of 5

Previous article“Just for Girls” Chess Workshop – Mar 30th

Next articleSpring STEM Camp 2019: Day 1

RELATED ARTICLES MORE FROM AUTHOR

Coding

Notes from Camp: Game Programming

Coding

Notes from Camp: Coding

Coding

Notes from Scratch Coding

Recent Posts

Meet Dashiel
New Semester Classes!
The Future of Self-driving Cars
Instructor Highlight: Ardit Pranvoku
Meet Ben

Categories

Chess
Coding
Creative Design
Engineering
Events
Financial Literacy
Math
Science
STEM News
Uncategorized
Wall of Fame

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.