/*
==========================================================================
 Project: Greenhouse - Main Application Interface Styling
 Author: Matt Grantham - @MattGrantham
==========================================================================
*/


/* Toolbar */

.toolbar {
  background: static_url('images/toolbar-bg.png') repeat-x;
}

.greenhouse-logo-s {
  background: static_url('images/logos/greenhouse-s.png') no-repeat;
}

.toolbar .title {
  color: #B3D93B;
  text-shadow: 0 1px 0 #000;
  line-height: 24px;
  font-size: 13px;
}

/* Toolbar Icons */

.toolbar .projects {
  background: static_url('images/icons/projects.png') no-repeat;
  width: 28px;
  height: 14px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -14px;
}
.toolbar .save {
  background: static_url('images/icons/save.png') no-repeat;
  width: 14px;
  height: 15px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -7px;
}
.toolbar .run {
  background: static_url('images/icons/run.png') no-repeat;
  width: 10px;
  height: 12px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -5px;
}
.toolbar .library {
  background: static_url('images/icons/library.png') no-repeat;
  width: 21px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -10px;
}
.toolbar .inspector {
  background: static_url('images/icons/inspector.png') no-repeat;
  width: 25px;
  height: 17px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -12px;
}
.toolbar .actions {
  background: static_url('images/icons/actions.png') no-repeat;
  width: 28px;
  height: 17px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -14px;
}

.toolbar .projects.active {
  background: static_url('images/icons/projects-active.png') no-repeat;
}
.toolbar .save.active {
  background: static_url('images/icons/save-active.png') no-repeat;
}
.toolbar .run.active {
  background: static_url('images/icons/run-active.png') no-repeat;
}
.toolbar .library.active {
  background: static_url('images/icons/library-active.png') no-repeat;
}
.toolbar .inspector.active {
  background: static_url('images/icons/inspector-active.png') no-repeat;
}
.toolbar .actions.active {
  background: static_url('images/icons/actions-active.png') no-repeat;
}

/* Workspace */

.workspace,
.workspace > div.sc-web-view {
  background: static_url('images/main-bg.png');
}

.workspace .design {
  border: 1px solid #1c1c1c;
  box-shadow: 0 3px 6px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.75);
}