bookends 0.6.0 → 2.0.0

data/fixtures/dummy-jekyll/_sass/_google-cse.scss

@@ -0,0 +1,372 @@
+.gsc-control-searchbox-only,
+.gsc-control-cse,
+.gsc-completion-container {
+  table, th, td {
+    border: 0;
+    padding: 0;
+  }
+}
+
+form.gsc-search-box {
+  font-size: inherit !important;
+  margin: 0 !important;
+}
+
+table.gsc-search-box,
+.gsc-input {
+  margin: 0 !important;
+  padding: 0 !important;
+  height: 100% !important;
+  td {
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+}
+
+input.gsc-input,
+.gsc-input-box,
+.gsc-input-box-hover,
+.gsc-input-box-focus {
+  border: 0 !important;
+  height: auto !important;
+  box-shadow: none !important;
+}
+
+.gsc-input-box {
+  background: none !important;
+}
+
+//Completion
+
+.gsc-completion-container {
+  border: 0 !important;
+  font-family: "BentonSans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;
+  font-size: 13px !important;
+  margin-top: 5px !important;
+  box-shadow: 0 4px 6px 2px fade-out(black, .9) !important;
+  border-radius: 3px !important;
+  overflow: hidden !important;
+  z-index: 10;
+
+  tr, tr:nth-child(2n) {
+    background: inherit;
+    &.gsc-completion-selected {
+      background: fade-out($faded-purple, .8);
+    }
+  }
+
+  .search-page & {
+    border: 1px solid #ddd !important;
+  }
+}
+
+.gssb_a,
+.gssb_a td {
+  line-height: normal !important;
+  padding: 2px 5px !important;
+  font-weight: bold;
+
+  b {
+    font-weight: 200;
+    color: fade-out(#222, .2);
+  }
+
+}
+
+.gssb_e {
+  box-shadow: none !important;
+}
+
+.gsib_b {
+  display: none !important;
+}
+
+//Search Page
+.search-page,
+.search-results {
+
+  .gcsc-branding {
+    display: none;
+  }
+
+  .page-content {
+    padding-top: 4em;
+  }
+
+  form.gsc-search-box {
+    position: relative !important;
+    max-width: 700px;
+    margin: 0 auto 2em !important;
+    padding: 5px;
+  }
+
+  input.gsc-input {
+    padding: 0 !important;
+    font-size: 22px !important;
+  }
+
+  .gsc-input-box {
+    padding: 12px 45px 12px 14px;
+    border: 1px solid #DDD !important;
+    border-radius: 4px !important;
+    box-shadow: none !important;
+    @include transition(all .15s linear);
+    box-shadow: 0 0 25px fade-out($primary-color, 1) !important;
+    input.gsc-input {
+      color: #777 !important;
+    }
+    &.gsc-input-box-focus {
+      border-color: fade-out($primary-color, .1) !important;
+      box-shadow: 0 0 25px fade-out($primary-color, .8) !important;
+      input.gsc-input {
+        color: #222 !important;
+      }
+    }
+  }
+
+  .gsc-search-button {
+    position: absolute;
+    right: 22px;
+    top: 21px;
+    width: 22px;
+    height: 21px;
+    opacity: .8;
+    @include retina-image(components/search-sprite-large, 42px 42px, $asset-pipeline: true);
+    &:hover {
+      opacity: 1;
+    }
+    input {
+      position: relative;
+      display: block;
+      background-color: transparent;
+      right: 0;
+      top: 0;
+      height: 100%;
+      width: 100%;
+      border: 0;
+      padding: 0;
+      margin: 0;
+      opacity: 0;
+      &:active,
+      &:focus {
+        outline: none;
+      }
+      &:hover {
+        opacity: 0;
+      }
+    }
+  }
+
+  .gsc-completion-container {
+    margin-left: -14px;
+    margin-top: 15px !important;
+    @include screen(min-width, 699px) {
+      width: 700px - 4px !important;
+    }
+  }
+
+}
+
+// Tabs
+
+.gsc-control-cse {
+  font-family: inherit !important;
+}
+
+.gsc-tabsArea {
+  height: auto !important;
+  margin: 0 auto !important;
+  border-bottom: 1px solid #ddd !important;
+  text-align: center;
+  > div {
+    height: auto !important;
+  }
+}
+
+  .gsc-tabHeader {
+    height: auto !important;
+    padding: 1em 1.5em !important;
+    line-height: normal !important;
+    border: 0 !important;
+    font-size: 13px;
+    color: #999 !important;
+    min-width: 75px !important;
+    border-radius: 0 !important;
+    font-weight: 300 !important;
+    @include box-sizing(border-box);
+    &:hover, &:focus {
+      background: transparent !important;
+      color: $primary-color !important;
+    }
+    &:active,
+    &:focus {
+      outline: none;
+    }
+    &.gsc-tabhActive {
+      color: $primary-color !important;
+      cursor: default;
+      font-weight: bold !important;
+      background: transparent !important;
+      border-bottom: 2px solid $primary-color !important;
+    }
+  }
+
+.gsc-above-wrapper-area {
+  border: 0 !important;
+}
+
+
+// Results
+.gs-webResult.gs-result a.gs-title:link,
+.gs-webResult.gs-result a.gs-title:visited,
+.gs-imageResult a.gs-title:link,
+.gs-imageResult a.gs-title:visited,
+.gs-promotion.gs-result a.gs-title:link,
+.gs-promotion.gs-result a.gs-title:visited {
+  position: relative;
+  color: saturate($primary-color, 10%) !important;
+  font-size: 18px !important;
+  b {
+    color: saturate($primary-color, 10%) !important;
+    font-size: 18px !important;
+  }
+  &:before {
+    content: "";
+    display: none;
+    position: absolute;
+    left: -12px;
+    top: 5px;
+    @include triangle(12px, $primary-color, right);
+  }
+  &:hover {
+    text-decoration: none !important;
+    b {
+      text-decoration: none !important;
+    }
+  }
+  &:focus {
+    outline: none;
+    &:before {
+      display: block;
+    }
+  }
+}
+
+.gsc-result .gs-title {
+  height: auto !important;
+}
+
+.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
+  font-family: inherit !important;
+}
+
+.gsc-result .gs-title {
+  overflow: visible !important;
+  &:hover {
+    text-decoration: none !important;
+  }
+}
+
+.gsc-table-result,
+.gsc-thumbnail-inside,
+.gsc-url-top {
+  padding: 0 !important;
+}
+
+.gsc-results {
+  width: 100% !important;
+}
+
+.gsc-webResult .gsc-result {
+  padding: 18px 6px 20px !important;
+}
+
+.gs-webResult div.gs-visibleUrl,
+.gs-imageResult div.gs-visibleUrl {
+  color: #aaa !important;
+  padding-top: 2px !important;
+  padding-bottom: 0 !important;
+
+}
+
+.gs-webResult .gs-snippet,
+.gs-imageResult .gs-snippet,
+.gs-fileFormatType,
+.gs-promotion .gs-snippet {
+  font-size: 14px !important;
+}
+
+.gs-per-result-labels {
+  margin-top: 5px !important;
+  > span {
+    display: none !important;
+  }
+  a.gs-label {
+    text-decoration: none !important;
+    color: #666 !important;
+    background-color: #fff !important;
+    border: 1px solid #ddd !important;
+    font-size: .8em !important;
+    padding: 4px !important;
+    border-radius: 3px !important;
+    margin-right: 3px !important;
+    &:hover,
+    &:focus {
+      background: $primary-color !important;
+      border-color: $primary-color !important;
+      color: white !important;
+      outline: none !important;
+    }
+  }
+}
+
+//Promo
+
+.gs-promotion.gs-result {
+  padding-left: 1em;
+  padding-right: 1em;
+}
+
+.gsc-webResult.gsc-result.gsc-promotion {
+  border-radius: 6px;
+  position: relative;
+  width: 101%;
+  left: -.75em;
+}
+
+.gs-promotion-image-cell {
+  width: 68px;
+}
+
+.gs-promotion-image-box img.gs-promotion-image {
+  border: 0 !important;
+}
+
+.gs-promotion-table-snippet-with-image {
+  margin-top: 5px;
+}
+
+.gs-promotion.gs-result a.gs-title:link,
+.gs-promotion.gs-result a.gs-title:visited {
+  font-weight: bold;
+}
+
+//Pagination
+
+.gsc-results .gsc-cursor-box {
+  text-align: center;
+  border-top: 1px solid #ddd;
+  padding-top: 2em;
+  margin-top: 2em !important;
+  font-size: 1.2em !important;
+  .gsc-cursor-page {
+    color: #aaa !important;
+    &:hover {
+      text-decoration: none !important;
+      color: $primary-color !important;
+    }
+    &.gsc-cursor-current-page {
+      color: $primary-color !important;
+    }
+  }
+}