ample_assets 0.0.2 → 0.0.3

data/test/dummy/tmp/dragonfly/cache/body/9a/f99e61a03c65d6b5173e696bc813fbe184b76c

@@ -0,0 +1,735 @@
+/* ------------------------------------------- */
+/*    VARIABLES & SETUP              					 */
+/* ------------------------------------------- */
+/* Primary Typography configuration */
+/* Border-radius configuration */
+/* Asset border configuration */
+/* ------------------------------------------- */
+/*    WEBKIT ANIMATIONS												 */
+/* ------------------------------------------- */
+@-webkit-keyframes pulse_target {
+  0% {
+    -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #1da000 0 0 16px;
+    -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #1da000 0 0 16px;
+    -ms-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #1da000 0 0 16px;
+    -o-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #1da000 0 0 16px;
+    box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #1da000 0 0 16px; }
+
+  50% {
+    -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, rgba(29, 160, 0, 0.5) 0 0 6px;
+    -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, rgba(29, 160, 0, 0.5) 0 0 6px;
+    -ms-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, rgba(29, 160, 0, 0.5) 0 0 6px;
+    -o-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, rgba(29, 160, 0, 0.5) 0 0 6px;
+    box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, rgba(29, 160, 0, 0.5) 0 0 6px; }
+
+  100% {
+    -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #1da000 0 0 16px;
+    -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #1da000 0 0 16px;
+    -ms-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #1da000 0 0 16px;
+    -o-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #1da000 0 0 16px;
+    box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #1da000 0 0 16px; } }
+
+@-webkit-keyframes pulse_success {
+  0% {
+    -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #3e6e9b 0 0 16px;
+    -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #3e6e9b 0 0 16px;
+    -ms-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #3e6e9b 0 0 16px;
+    -o-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #3e6e9b 0 0 16px;
+    box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #3e6e9b 0 0 16px; }
+
+  50% {
+    -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, rgba(62, 110, 155, 0.5) 0 0 6px;
+    -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, rgba(62, 110, 155, 0.5) 0 0 6px;
+    -ms-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, rgba(62, 110, 155, 0.5) 0 0 6px;
+    -o-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, rgba(62, 110, 155, 0.5) 0 0 6px;
+    box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, rgba(62, 110, 155, 0.5) 0 0 6px; }
+
+  100% {
+    -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #3e6e9b 0 0 16px;
+    -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #3e6e9b 0 0 16px;
+    -ms-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #3e6e9b 0 0 16px;
+    -o-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #3e6e9b 0 0 16px;
+    box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px, #3e6e9b 0 0 16px; } }
+
+.asset-drop-target.asset-success {
+  color: #FFF;
+  text-shadow: black 0 -1px 0;
+  border: 1px solid #3e6e9b;
+  background: #3e6e9b;
+  background: -moz-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e6e9b), color-stop(100%, #124d87));
+  background: -webkit-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+  background: -o-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+  background: -ms-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+  background: linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+  -webkit-animation-name: pulse_success;
+  -webkit-animation-duration: 1s;
+  -webkit-animation-timing-function: ease-in-out;
+  -webkit-animation-iteration-count: infinite; }
+.asset-drop-target, .asset-drop-target.asset-inactive-target {
+  border: 1px solid #3e7532;
+  background: #6ca852;
+  background: -moz-linear-gradient(top, #6ca852 0%, #3e7532 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6ca852), color-stop(100%, #3e7532));
+  background: -webkit-linear-gradient(top, #6ca852 0%, #3e7532 100%);
+  background: -o-linear-gradient(top, #6ca852 0%, #3e7532 100%);
+  background: -ms-linear-gradient(top, #6ca852 0%, #3e7532 100%);
+  background: linear-gradient(top, #6ca852 0%, #3e7532 100%);
+  -webkit-animation-name: pulse_target;
+  -webkit-animation-duration: 1s;
+  -webkit-animation-timing-function: ease-in-out;
+  -webkit-animation-iteration-count: infinite; }
+
+/* ------------------------------------------- */
+/*   TOP FORM ELEMENTS              					 */
+/* ------------------------------------------- */
+.asset-drop {
+  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
+  font-size: 16px;
+  clear: both;
+  text-align: center; }
+  .asset-drop .droppable {
+    width: 4.6875em;
+    height: 4.6875em;
+    margin: 0 0 1.25em;
+    border: 1px solid #A5A5A5;
+    background: #eeeeee;
+    background: -moz-linear-gradient(top, #eeeeee 0%, #c6c6c6 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #c6c6c6));
+    background: -webkit-linear-gradient(top, #eeeeee 0%, #c6c6c6 100%);
+    background: -o-linear-gradient(top, #eeeeee 0%, #c6c6c6 100%);
+    background: -ms-linear-gradient(top, #eeeeee 0%, #c6c6c6 100%);
+    background: linear-gradient(top, #eeeeee 0%, #c6c6c6 100%);
+    -webkit-border-radius: 1px;
+    -moz-border-radius: 1px;
+    -ms-border-radius: 1px;
+    -o-border-radius: 1px;
+    border-radius: 1px;
+    -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px;
+    -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px;
+    -ms-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px;
+    -o-box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px;
+    box-shadow: inset rgba(0, 0, 0, 0.2) 0 2px 4px; }
+    .asset-drop .droppable span {
+      display: block;
+      margin: 1.75em 0 0 0;
+      font-weight: bold;
+      color: #6d6d6d;
+      font-size: 0.75em;
+      line-height: 1.75em;
+      text-shadow: rgba(0, 0, 0, 0.05) 0 -1px 0, white 0 1px 0; }
+    .asset-drop .droppable.asset-drop-target {
+      border: 1px solid #3e7532;
+      background: #6ca852;
+      background: -moz-linear-gradient(top, #6ca852 0%, #3e7532 100%);
+      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6ca852), color-stop(100%, #3e7532));
+      background: -webkit-linear-gradient(top, #6ca852 0%, #3e7532 100%);
+      background: -o-linear-gradient(top, #6ca852 0%, #3e7532 100%);
+      background: -ms-linear-gradient(top, #6ca852 0%, #3e7532 100%);
+      background: linear-gradient(top, #6ca852 0%, #3e7532 100%);
+      -webkit-animation-name: pulse_target;
+      -webkit-animation-duration: 1s;
+      -webkit-animation-timing-function: ease-in-out;
+      -webkit-animation-iteration-count: infinite; }
+      .asset-drop .droppable.asset-drop-target span {
+        color: #223f1b;
+        text-shadow: rgba(0, 0, 0, 0.05) 0 -1px 0, rgba(255, 255, 255, 0.3) 0 1px 0; }
+      .asset-drop .droppable.asset-drop-target.asset-success {
+        border: 1px solid #3e6e9b;
+        background: #3e6e9b;
+        background: -moz-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e6e9b), color-stop(100%, #124d87));
+        background: -webkit-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+        background: -o-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+        background: -ms-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+        background: linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+        -webkit-animation-name: pulse_success;
+        -webkit-animation-duration: 1s;
+        -webkit-animation-timing-function: ease-in-out;
+        -webkit-animation-iteration-count: infinite; }
+    .asset-drop .droppable .draggable img {
+      border: none; }
+  .asset-drop .asset-action {
+    display: block;
+    text-indent: -9999px;
+    width: 1.25em;
+    height: 1.25em;
+    position: absolute;
+    margin-left: 4.0625em;
+    margin-top: 4.0625em; }
+    .asset-drop .asset-action.asset-select {
+      margin-top: 1.25em; }
+  .asset-drop .asset-remove {
+    background: url("/assets/ample_assets/remove.png") no-repeat top left; }
+    .asset-drop .asset-remove.hide {
+      display: none; }
+
+#asset-gravity-handle {
+  background: url("/assets/ample_assets/gravity.png") no-repeat 0 0;
+  width: 50px;
+  height: 50px;
+  cursor: move; }
+
+.asset-selection,
+.asset-detail {
+  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
+  font-size: 16px;
+  margin-top: 20px;
+  padding: 15px 10px 10px;
+  width: 540px; }
+  .asset-selection div.asset-media,
+  .asset-detail div.asset-media {
+    width: 480px;
+    text-align: center;
+    padding: 20px;
+    background: #f2f2f2;
+    border: 1px solid #d4d4d4; }
+  .asset-selection .asset-detail,
+  .asset-detail .asset-detail {
+    margin-top: 0;
+    padding-top: 0;
+    padding-bottom: 0; }
+
+.asset-detail {
+  font-size: 12.8px; }
+  .asset-detail .asset-delete {
+    float: right;
+    margin: 10px 20px 0 0;
+    background: url("/assets/ample_assets/remove.png") no-repeat center left;
+    padding: 5px 0 5px 25px;
+    color: #91291a;
+    text-decoration: none;
+    font-weight: bold; }
+  .asset-detail #asset-gravity-notification {
+    background: #60b84b;
+    border: 1px solid #509940;
+    color: #FFF;
+    padding: 3px 10px;
+    margin: 3px 0 5px 0;
+    width: 502px;
+    font-weight: bold;
+    text-align: center;
+    display: none; }
+  .asset-detail hr {
+    width: 520px;
+    margin: 0 0 10px;
+    padding: 0;
+    border: none;
+    color: #D4D4D4;
+    background-color: #D4D4D4;
+    height: 1px; }
+  .asset-detail ul {
+    margin: 0;
+    padding: 0;
+    list-style-type: none; }
+  .asset-detail li {
+    color: #999; }
+
+.asset-selection {
+  min-height: 0;
+  font-size: 12.8px;
+  margin-top: 0;
+  padding-top: 0;
+  padding-bottom: 0; }
+  .asset-selection:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden; }
+  .asset-selection div.asset-media {
+    width: 140px;
+    min-height: 0; }
+  .asset-selection p {
+    text-transform: capitalize;
+    margin-top: 0; }
+    .asset-selection p span {
+      padding: 0 5px;
+      font-size: 10.4px; }
+  .asset-selection hr.space {
+    visibility: hidden;
+    clear: both; }
+  .asset-selection label {
+    font-weight: bold; }
+  .asset-selection input#asset-width,
+  .asset-selection input#asset-alt,
+  .asset-selection input#asset-height {
+    padding: 0.38462em 0.38462em;
+    margin: 0;
+    border: 1px solid rgba(0, 0, 0, 0.4);
+    width: 3em;
+    font-size: 0.75em;
+    text-align: center; }
+  .asset-selection input#asset-alt {
+    margin-top: 10px;
+    width: auto;
+    text-align: left; }
+  .asset-selection .asset-media,
+  .asset-selection .asset-dimensions {
+    float: left; }
+  .asset-selection .asset-dimensions {
+    width: 285px;
+    padding: 0 20px; }
+
+textarea.drag-notice {
+  border: 1px solid #3e7532; }
+
+#pdf {
+  width: 480px;
+  height: 300px;
+  padding: 20px;
+  background: #f2f2f2;
+  border: 1px solid #d4d4d4; }
+
+/* ------------------------------------------- */
+/*   ASSET MANAGER                  					 */
+/* ------------------------------------------- */
+#ample-assets-handle {
+  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
+  font-size: 16px;
+  outline: none;
+  padding: 0.76923em 1.53846em;
+  cursor: pointer;
+  background: #2b2b2b url("/assets/ample_assets/bg-noise.png") repeat top left;
+  color: #FFF;
+  font-size: 0.8125em;
+  font-weight: bold;
+  text-decoration: none;
+  text-shadow: black 0 -1px 0, rgba(255, 255, 255, 0.1) 0 1px 0;
+  -webkit-border-top-left-radius: 6px;
+  -moz-border-top-left-radius: 6px;
+  -ms-border-top-left-radius: 6px;
+  -o-border-top-left-radius: 6px;
+  border-top-left-radius: 6px;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 2px, inset rgba(255, 255, 255, 0.2) 0 2px 0, inset rgba(255, 255, 255, 0.1) 2px 0 0;
+  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 2px, inset rgba(255, 255, 255, 0.2) 0 2px 0, inset rgba(255, 255, 255, 0.1) 2px 0 0;
+  -ms-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 2px, inset rgba(255, 255, 255, 0.2) 0 2px 0, inset rgba(255, 255, 255, 0.1) 2px 0 0;
+  -o-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 2px, inset rgba(255, 255, 255, 0.2) 0 2px 0, inset rgba(255, 255, 255, 0.1) 2px 0 0;
+  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 2px, inset rgba(255, 255, 255, 0.2) 0 2px 0, inset rgba(255, 255, 255, 0.1) 2px 0 0; }
+
+#ample-assets {
+  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
+  font-size: 16px;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 0; }
+  #ample-assets .container {
+    width: 950px;
+    margin: 0 auto; }
+  #ample-assets .background {
+    clear: both;
+    background: #2b2b2b url("/assets/ample_assets/bg-noise.png") repeat top left;
+    background: url("/assets/ample_assets/bg-noise.png") repeat top left, -moz-linear-gradient(top, #2b2b2b 0%, #191919 44%, #111111 100%);
+    background: url("/assets/ample_assets/bg-noise.png") repeat top left, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(44%, #191919), color-stop(100%, #111111));
+    background: url("/assets/ample_assets/bg-noise.png") repeat top left, -webkit-linear-gradient(top, #2b2b2b 0%, #191919 44%, #111111 100%);
+    background: url("/assets/ample_assets/bg-noise.png") repeat top left, -o-linear-gradient(top, #2b2b2b 0%, #191919 44%, #111111 100%);
+    background: url("/assets/ample_assets/bg-noise.png") repeat top left, -ms-linear-gradient(top, #2b2b2b 0%, #191919 44%, #111111 100%);
+    background: url("/assets/ample_assets/bg-noise.png") repeat top left, linear-gradient(top, #2b2b2b 0%, #191919 44%, #111111 100%);
+    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 2px, inset rgba(255, 255, 255, 0.2) 0 2px 0, inset rgba(255, 255, 255, 0.1) 2px 0 0;
+    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 2px, inset rgba(255, 255, 255, 0.2) 0 2px 0, inset rgba(255, 255, 255, 0.1) 2px 0 0;
+    -ms-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 2px, inset rgba(255, 255, 255, 0.2) 0 2px 0, inset rgba(255, 255, 255, 0.1) 2px 0 0;
+    -o-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 2px, inset rgba(255, 255, 255, 0.2) 0 2px 0, inset rgba(255, 255, 255, 0.1) 2px 0 0;
+    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 2px, inset rgba(255, 255, 255, 0.2) 0 2px 0, inset rgba(255, 255, 255, 0.1) 2px 0 0; }
+  #ample-assets .collapse {
+    float: right;
+    position: relative;
+    right: 0;
+    background: url("/assets/ample_assets/collapse.png") no-repeat center center;
+    display: block;
+    width: 12px;
+    height: 12px;
+    padding: 10px;
+    text-indent: -99999em; }
+  #ample-assets .pages {
+    width: 100%;
+    margin-top: 1em; }
+  #ample-assets .page:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden; }
+  #ample-assets .page.panels {
+    border: none;
+    background: #141414;
+    background: -moz-linear-gradient(top, #141414 0%, #070707 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141414), color-stop(100%, #070707));
+    background: -webkit-linear-gradient(top, #141414 0%, #070707 100%);
+    background: -o-linear-gradient(top, #141414 0%, #070707 100%);
+    background: -ms-linear-gradient(top, #141414 0%, #070707 100%);
+    background: linear-gradient(top, #141414 0%, #070707 100%);
+    -webkit-box-shadow: inset black 1px 2px 3px;
+    -moz-box-shadow: inset black 1px 2px 3px;
+    -ms-box-shadow: inset black 1px 2px 3px;
+    -o-box-shadow: inset black 1px 2px 3px;
+    box-shadow: inset black 1px 2px 3px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+    width: 58.75em;
+    margin: 0 auto;
+    padding: 1em 0;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    -ms-border-radius: 3px;
+    -o-border-radius: 3px;
+    border-radius: 3px; }
+  #ample-assets .page ul {
+    margin: 0;
+    padding: 0; }
+  #ample-assets .controls {
+    display: none;
+    position: absolute;
+    width: 59.375em;
+    margin: -4.375em 0 0 0; }
+    #ample-assets .controls:after {
+      content: ".";
+      display: block;
+      height: 0;
+      clear: both;
+      visibility: hidden; }
+    #ample-assets .controls .previous,
+    #ample-assets .controls .next {
+      position: relative;
+      text-indent: -9999px;
+      width: 15px;
+      height: 27px; }
+    #ample-assets .controls .previous {
+      float: left;
+      background: url("/assets/ample_assets/btn-prev.png") no-repeat top left; }
+    #ample-assets .controls .next {
+      float: right;
+      background: url("/assets/ample_assets/btn-next.png") no-repeat top left; }
+  #ample-assets .ampn {
+    margin-left: 0.875em;
+    position: relative;
+    z-index: 100; }
+    #ample-assets .ampn .empty {
+      color: #D4D4D4;
+      font-size: 14px;
+      text-align: center;
+      padding: 2.25em; }
+      #ample-assets .ampn .empty a {
+        color: #7799b8;
+        text-decoration: none; }
+        #ample-assets .ampn .empty a:hover {
+          text-decoration: underline; }
+  #ample-assets .asset-search {
+    float: right;
+    margin: 0.625em 0 0 0;
+    width: 18.4375em;
+    background: #141414;
+    background: -moz-linear-gradient(top, #141414 0%, #070707 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141414), color-stop(100%, #070707));
+    background: -webkit-linear-gradient(top, #141414 0%, #070707 100%);
+    background: -o-linear-gradient(top, #141414 0%, #070707 100%);
+    background: -ms-linear-gradient(top, #141414 0%, #070707 100%);
+    background: linear-gradient(top, #141414 0%, #070707 100%);
+    -webkit-box-shadow: inset black 1px 2px 3px;
+    -moz-box-shadow: inset black 1px 2px 3px;
+    -ms-box-shadow: inset black 1px 2px 3px;
+    -o-box-shadow: inset black 1px 2px 3px;
+    box-shadow: inset black 1px 2px 3px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -ms-border-radius: 4px;
+    -o-border-radius: 4px;
+    border-radius: 4px;
+    -webkit-box-shadow: inset black 1px 2px 3px, inset rgba(255, 255, 255, 0.15) 0 -1px 0;
+    -moz-box-shadow: inset black 1px 2px 3px, inset rgba(255, 255, 255, 0.15) 0 -1px 0;
+    -ms-box-shadow: inset black 1px 2px 3px, inset rgba(255, 255, 255, 0.15) 0 -1px 0;
+    -o-box-shadow: inset black 1px 2px 3px, inset rgba(255, 255, 255, 0.15) 0 -1px 0;
+    box-shadow: inset black 1px 2px 3px, inset rgba(255, 255, 255, 0.15) 0 -1px 0;
+    border-top: none;
+    border-bottom: none; }
+    #ample-assets .asset-search:after {
+      content: ".";
+      display: block;
+      height: 0;
+      clear: both;
+      visibility: hidden; }
+    #ample-assets .asset-search input {
+      color: #FFF;
+      float: left;
+      padding: 0.58333em 0.41667em 0.5em;
+      margin: 0;
+      background: none;
+      border: none;
+      width: 17.5em;
+      font-size: 0.75em;
+      -webkit-border-top-left-radius: 4px;
+      -moz-border-top-left-radius: 4px;
+      -ms-border-top-left-radius: 4px;
+      -o-border-top-left-radius: 4px;
+      border-top-left-radius: 4px;
+      -webkit-border-bottom-left-radius: 4px;
+      -moz-border-bottom-left-radius: 4px;
+      -ms-border-bottom-left-radius: 4px;
+      -o-border-bottom-left-radius: 4px;
+      border-bottom-left-radius: 4px; }
+    #ample-assets .asset-search label {
+      border-left: 1px solid #000;
+      border-bottom: 1px solid #000;
+      float: right;
+      display: block;
+      padding: 0 1.07692em;
+      line-height: 2.15385em;
+      font-size: 0.8125em;
+      color: #FFF;
+      text-shadow: black 0 -1px 0;
+      background: #3e6e9b;
+      background: -moz-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e6e9b), color-stop(100%, #124d87));
+      background: -webkit-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+      background: -o-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+      background: -ms-linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+      background: linear-gradient(top, #3e6e9b 0%, #124d87 100%);
+      -webkit-border-top-right-radius: 4px;
+      -moz-border-top-right-radius: 4px;
+      -ms-border-top-right-radius: 4px;
+      -o-border-top-right-radius: 4px;
+      border-top-right-radius: 4px;
+      -webkit-border-bottom-right-radius: 4px;
+      -moz-border-bottom-right-radius: 4px;
+      -ms-border-bottom-right-radius: 4px;
+      -o-border-bottom-right-radius: 4px;
+      border-bottom-right-radius: 4px;
+      -webkit-box-shadow: inset rgba(255, 255, 255, 0.3) 0 1px 0, inset rgba(255, 255, 255, 0.1) -1px 0 0, rgba(0, 0, 0, 0.4) -2px 0 1px;
+      -moz-box-shadow: inset rgba(255, 255, 255, 0.3) 0 1px 0, inset rgba(255, 255, 255, 0.1) -1px 0 0, rgba(0, 0, 0, 0.4) -2px 0 1px;
+      -ms-box-shadow: inset rgba(255, 255, 255, 0.3) 0 1px 0, inset rgba(255, 255, 255, 0.1) -1px 0 0, rgba(0, 0, 0, 0.4) -2px 0 1px;
+      -o-box-shadow: inset rgba(255, 255, 255, 0.3) 0 1px 0, inset rgba(255, 255, 255, 0.1) -1px 0 0, rgba(0, 0, 0, 0.4) -2px 0 1px;
+      box-shadow: inset rgba(255, 255, 255, 0.3) 0 1px 0, inset rgba(255, 255, 255, 0.1) -1px 0 0, rgba(0, 0, 0, 0.4) -2px 0 1px; }
+  #ample-assets .container {
+    width: 950px;
+    margin: 0 auto; }
+  #ample-assets .asset-pages {
+    width: 100%; }
+  #ample-assets .assets-empty {
+    display: none; }
+  #ample-assets .page:after {
+    content: ".";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden; }
+  #ample-assets .page.panels {
+    width: 58.125em;
+    margin: 0 auto;
+    padding: 1em 0;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -ms-border-radius: 4px;
+    -o-border-radius: 4px;
+    border-radius: 4px;
+    border: none;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+    background: #141414;
+    background: -moz-linear-gradient(top, #141414 0%, #070707 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141414), color-stop(100%, #070707));
+    background: -webkit-linear-gradient(top, #141414 0%, #070707 100%);
+    background: -o-linear-gradient(top, #141414 0%, #070707 100%);
+    background: -ms-linear-gradient(top, #141414 0%, #070707 100%);
+    background: linear-gradient(top, #141414 0%, #070707 100%);
+    -webkit-box-shadow: inset black 1px 2px 3px;
+    -moz-box-shadow: inset black 1px 2px 3px;
+    -ms-box-shadow: inset black 1px 2px 3px;
+    -o-box-shadow: inset black 1px 2px 3px;
+    box-shadow: inset black 1px 2px 3px; }
+  #ample-assets .page ul {
+    display: none;
+    margin: 0;
+    padding: 0; }
+  #ample-assets .tabs {
+    padding-top: 2px;
+    text-shadow: black 0 -1px 0, rgba(255, 255, 255, 0.1) 0 1px 0;
+    font-weight: bold;
+    padding: 0 0.6875em; }
+    #ample-assets .tabs:after {
+      content: ".";
+      display: block;
+      height: 0;
+      clear: both;
+      visibility: hidden; }
+    #ample-assets .tabs span.asset-loading {
+      display: none;
+      float: left;
+      background: url("/assets/ample_assets/loading.gif") no-repeat center center;
+      width: 1.53846em;
+      height: 1.53846em;
+      margin: 0.76923em 0 0 0.76923em; }
+    #ample-assets .tabs .asset-results {
+      display: none; }
+  #ample-assets a.assets-reload,
+  #ample-assets a.tab {
+    float: left;
+    display: block;
+    outline: none;
+    margin: 0.76923em 0 0 0.76923em;
+    padding: 0 1.07692em;
+    border: 1px solid #000;
+    color: #FFF;
+    font-size: 0.8125em;
+    line-height: 2em;
+    text-decoration: none;
+    text-shadow: black 0 1px 0;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    -ms-border-radius: 3px;
+    -o-border-radius: 3px;
+    border-radius: 3px;
+    background: #333333;
+    background: -moz-linear-gradient(top, #333333 0%, #1c1c1c 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #1c1c1c));
+    background: -webkit-linear-gradient(top, #333333 0%, #1c1c1c 100%);
+    background: -o-linear-gradient(top, #333333 0%, #1c1c1c 100%);
+    background: -ms-linear-gradient(top, #333333 0%, #1c1c1c 100%);
+    background: linear-gradient(top, #333333 0%, #1c1c1c 100%);
+    -webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, inset rgba(255, 255, 255, 0.1) -1px 0 0, inset rgba(255, 255, 255, 0.1) 1px 0 0, rgba(0, 0, 0, 0.6) 0 1px 2px;
+    -moz-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, inset rgba(255, 255, 255, 0.1) -1px 0 0, inset rgba(255, 255, 255, 0.1) 1px 0 0, rgba(0, 0, 0, 0.6) 0 1px 2px;
+    -ms-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, inset rgba(255, 255, 255, 0.1) -1px 0 0, inset rgba(255, 255, 255, 0.1) 1px 0 0, rgba(0, 0, 0, 0.6) 0 1px 2px;
+    -o-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, inset rgba(255, 255, 255, 0.1) -1px 0 0, inset rgba(255, 255, 255, 0.1) 1px 0 0, rgba(0, 0, 0, 0.6) 0 1px 2px;
+    box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, inset rgba(255, 255, 255, 0.1) -1px 0 0, inset rgba(255, 255, 255, 0.1) 1px 0 0, rgba(0, 0, 0, 0.6) 0 1px 2px; }
+    #ample-assets a.assets-reload.on, #ample-assets a.assets-reload:active,
+    #ample-assets a.tab.on,
+    #ample-assets a.tab:active {
+      color: #E5E5E5;
+      line-height: 2.07692em;
+      text-shadow: black 0 -1px 0;
+      border: none;
+      background: #141414;
+      background: -moz-linear-gradient(top, #141414 0%, #070707 100%);
+      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141414), color-stop(100%, #070707));
+      background: -webkit-linear-gradient(top, #141414 0%, #070707 100%);
+      background: -o-linear-gradient(top, #141414 0%, #070707 100%);
+      background: -ms-linear-gradient(top, #141414 0%, #070707 100%);
+      background: linear-gradient(top, #141414 0%, #070707 100%);
+      -webkit-box-shadow: inset black 1px 2px 3px;
+      -moz-box-shadow: inset black 1px 2px 3px;
+      -ms-box-shadow: inset black 1px 2px 3px;
+      -o-box-shadow: inset black 1px 2px 3px;
+      box-shadow: inset black 1px 2px 3px;
+      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
+  #ample-assets a.assets-reload {
+    margin-left: 0; }
+    #ample-assets a.assets-reload span {
+      display: block;
+      background: url("/assets/ample_assets/reload.png") no-repeat center center;
+      width: 16px;
+      height: 20px;
+      padding: 3px 0; }
+  #ample-assets li {
+    display: block;
+    float: left; }
+    #ample-assets li.file a {
+      display: block;
+      background: url("/assets/ample_assets/loading.gif") no-repeat center center;
+      width: 4.6875em;
+      height: 4.6875em;
+      border: 3px solid #999999;
+      background: #111111;
+      -webkit-border-radius: 3px;
+      -moz-border-radius: 3px;
+      -ms-border-radius: 3px;
+      -o-border-radius: 3px;
+      border-radius: 3px;
+      -webkit-box-shadow: black 0 2px 3px;
+      -moz-box-shadow: black 0 2px 3px;
+      -ms-box-shadow: black 0 2px 3px;
+      -o-box-shadow: black 0 2px 3px;
+      box-shadow: black 0 2px 3px;
+      opacity: 1;
+      -webkit-transition: .3s linear border;
+      -moz-transition: .3s linear border;
+      transition: .3s linear border; }
+      #ample-assets li.file a:hover {
+        border: 3px solid white;
+        cursor: move; }
+      #ample-assets li.file a img {
+        border: none; }
+  #ample-assets #upload {
+    padding: 0 0.6875em; }
+    #ample-assets #upload p {
+      float: left;
+      width: 7.0625em; }
+    #ample-assets #upload .uploadifyQueue {
+      float: left;
+      width: 48.75em;
+      max-height: 6.25em;
+      overflow-y: scroll; }
+      #ample-assets #upload .uploadifyQueue:after {
+        content: ".";
+        display: block;
+        height: 0;
+        clear: both;
+        visibility: hidden; }
+      #ample-assets #upload .uploadifyQueue .uploadifyQueueItem {
+        float: left;
+        width: 31.81818em;
+        margin: 0.90909em 0.90909em 0 0;
+        padding: 0.90909em;
+        background: rgba(0, 0, 0, 0.2);
+        border: 1px solid #000;
+        -webkit-border-radius: 3px;
+        -moz-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -o-border-radius: 3px;
+        border-radius: 3px;
+        font-weight: bold;
+        font-size: 0.6875em;
+        text-shadow: black 0 -1px 0, rgba(255, 255, 255, 0.1) 0 1px 0;
+        text-transform: uppercase; }
+        #ample-assets #upload .uploadifyQueue .uploadifyQueueItem .cancel {
+          float: right; }
+        #ample-assets #upload .uploadifyQueue .uploadifyQueueItem .fileName {
+          color: #FFF; }
+        #ample-assets #upload .uploadifyQueue .uploadifyQueueItem .percentage {
+          color: #1b6fc0; }
+        #ample-assets #upload .uploadifyQueue .uploadifyQueueItem .uploadifyProgress,
+        #ample-assets #upload .uploadifyQueue .uploadifyQueueItem .uploadifyError {
+          background: #141414;
+          background: -moz-linear-gradient(top, #141414 0%, #070707 100%);
+          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #141414), color-stop(100%, #070707));
+          background: -webkit-linear-gradient(top, #141414 0%, #070707 100%);
+          background: -o-linear-gradient(top, #141414 0%, #070707 100%);
+          background: -ms-linear-gradient(top, #141414 0%, #070707 100%);
+          background: linear-gradient(top, #141414 0%, #070707 100%);
+          -webkit-box-shadow: inset black 1px 2px 3px;
+          -moz-box-shadow: inset black 1px 2px 3px;
+          -ms-box-shadow: inset black 1px 2px 3px;
+          -o-box-shadow: inset black 1px 2px 3px;
+          box-shadow: inset black 1px 2px 3px;
+          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+          border: 1px solid #000;
+          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+          width: 100%;
+          padding: 0.27273em;
+          margin-top: 0.90909em;
+          -webkit-border-radius: 3px;
+          -moz-border-radius: 3px;
+          -ms-border-radius: 3px;
+          -o-border-radius: 3px;
+          border-radius: 3px;
+          -webkit-box-shadow: inset black 1px 2px 3px;
+          -moz-box-shadow: inset black 1px 2px 3px;
+          -ms-box-shadow: inset black 1px 2px 3px;
+          -o-box-shadow: inset black 1px 2px 3px;
+          box-shadow: inset black 1px 2px 3px; }
+          #ample-assets #upload .uploadifyQueue .uploadifyQueueItem .uploadifyProgress .uploadifyProgressBar,
+          #ample-assets #upload .uploadifyQueue .uploadifyQueueItem .uploadifyError .uploadifyProgressBar {
+            height: 0.45455em;
+            width: 1px;
+            background-color: #0099FF;
+            color: #1b6fc0;
+            -webkit-border-top-right-radius: 12px;
+            -moz-border-top-right-radius: 12px;
+            -ms-border-top-right-radius: 12px;
+            -o-border-top-right-radius: 12px;
+            border-top-right-radius: 12px;
+            -webkit-border-bottom-right-radius: 12px;
+            -moz-border-bottom-right-radius: 12px;
+            -ms-border-bottom-right-radius: 12px;
+            -o-border-bottom-right-radius: 12px;
+            border-bottom-right-radius: 12px; }
+        #ample-assets #upload .uploadifyQueue .uploadifyQueueItem.uploadifyError .percentage {
+          color: #c00d0d; }