show_all_snippets.css

/* PREVIEW */
.snippet-preview {
    padding: 14px;
    width: 600px;
    background-image: -moz-linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.1));
    background-color: rgb(250,250,250);
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset,
    0 -2px 0 rgba(0,0,0,.1) inset,
    0 0 10px rgba(255,255,255,.5) inset,
    0 0 0 1px rgba(0,0,0,.1),
    0 2px 4px rgba(0,0,0,.2);
    color: rgb(60,60,60);
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    min-height: 30px;
    margin: 10px 0;
}

.snippet-preview:hover {
  background-color: rgb(255,255,255);
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset,
              0 -2px 0 rgba(0,0,0,.1) inset,
              0 0 10px rgba(255,255,255,.5) inset,
              0 0 5px rgba(0,0,0,.1),
              0 0 0 1px rgba(0,0,0,.1),
              0 2px 4px rgba(0,0,0,.2);
}

.snippet-preview:hover:active {
  background-color: rgb(210,210,210);
  box-shadow: 0 2px 3px rgba(0,0,0,.3) inset,
              0 1px 0 rgba(255,255,255,.5);
}

.snippet-preview p {
    margin: 10px 0px;
    padding: 0px;
    font-size: 13px;
}

.snippet-preview img.icon {
    margin: -0.75em 1em 0 0;
    float: left;
}