atom/static/atom.css

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Lucida Grande;
  font-size: 12px;
}

#root-view {
  height: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  background-image: url(static/images/linen.png);
}

#root-view #horizontal {
  display: -webkit-flexbox;
}

#root-view #panes {
  height: 100%;
  width: -webkit-flex(1 0);
  position: relative;
}

#root-view #panes .column {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}

#root-view #panes .row {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

#root-view #panes .pane {
  position: absolute;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, .1);
}

#root-view #panes .row > * + * {
  border-left: 5px solid #515151;
}

#root-view #panes .column > * + * {
  border-top: 5px solid #515151;
}

.error {
  background: #991212;
  -webkit-transition: background 200ms ease-out;
}

.keybindings-view {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: white;
  overflow: scroll;
  opacity: 0.9;
}

.keybindings-view li .keystroke {
  font-weight: bold;
  float: left;
  text-align: right;
  padding-right: 10px;
  width: 100px;
}