squab 1.3.2

data/public/css/pickadate/default.date.css

@@ -0,0 +1,332 @@
+/* ==========================================================================
+   $BASE-DATE-PICKER
+   ========================================================================== */
+/* ==========================================================================
+   $VARIABLES
+   ========================================================================== */
+/**
+ * Base colors
+ */
+/**
+ * Backgrounds
+ */
+/**
+ * Borders
+ */
+/**
+ * Buttons
+ */
+/**
+ * Picker base
+ */
+/**
+ * Date picker options
+ */
+/**
+ * Theme configurations
+ */
+/* ==========================================================================
+   $MIXINS
+   ========================================================================== */
+/**
+ * Common picker item states
+ */
+/**
+ * Opacity
+ */
+/**
+ * Vendor prefixes
+ */
+/**
+ * The picker box.
+ */
+.picker__box {
+  padding: 0 1em;
+}
+/**
+ * The header containing the month and year stuff.
+ */
+.picker__header {
+  text-align: center;
+  position: relative;
+  margin-top: .75em;
+}
+/**
+ * The month and year labels.
+ */
+.picker__month,
+.picker__year {
+  font-weight: 500;
+  display: inline-block;
+  margin-left: .25em;
+  margin-right: .25em;
+}
+.picker__year {
+  color: #999999;
+  font-size: .8em;
+  font-style: italic;
+}
+/**
+ * The month and year selectors.
+ */
+.picker__select--month,
+.picker__select--year {
+  font-size: .8em;
+  border: 1px solid #b7b7b7;
+  height: 2.5em;
+  padding: .66em .25em;
+  margin-left: .25em;
+  margin-right: .25em;
+  margin-top: -0.5em;
+}
+.picker__select--month {
+  width: 35%;
+}
+.picker__select--year {
+  width: 22.5%;
+}
+.picker__select--month:focus,
+.picker__select--year:focus {
+  border-color: #0089ec;
+}
+/**
+ * The month navigation buttons.
+ */
+.picker__nav--prev,
+.picker__nav--next {
+  position: absolute;
+  top: -0.33em;
+  padding: .5em 1.33em;
+  width: 1em;
+  height: 1em;
+}
+.picker__nav--prev {
+  left: -1em;
+  padding-right: 1.5em;
+}
+.picker__nav--next {
+  right: -1em;
+  padding-left: 1.5em;
+}
+.picker__nav--prev:before,
+.picker__nav--next:before {
+  content: " ";
+  border-top: .5em solid transparent;
+  border-bottom: .5em solid transparent;
+  border-right: 0.75em solid #000000;
+  width: 0;
+  height: 0;
+  display: block;
+  margin: 0 auto;
+}
+.picker__nav--next:before {
+  border-right: 0;
+  border-left: 0.75em solid #000000;
+}
+.picker__nav--prev:hover,
+.picker__nav--next:hover {
+  cursor: pointer;
+  color: #000000;
+  background: #b1dcfb;
+}
+.picker__nav--disabled,
+.picker__nav--disabled:hover,
+.picker__nav--disabled:before,
+.picker__nav--disabled:before:hover {
+  cursor: default;
+  background: none;
+  border-right-color: #f5f5f5;
+  border-left-color: #f5f5f5;
+}
+/**
+ * The calendar table of dates
+ */
+.picker__table {
+  text-align: center;
+  border-collapse: collapse;
+  border-spacing: 0;
+  table-layout: fixed;
+  font-size: inherit;
+  width: 100%;
+  margin-top: .75em;
+  margin-bottom: .5em;
+}
+@media (min-height: 33.875em) {
+  .picker__table {
+    margin-bottom: .75em;
+  }
+}
+.picker__table td {
+  margin: 0;
+  padding: 0;
+}
+/**
+ * The weekday labels
+ */
+.picker__weekday {
+  width: 14.285714286%;
+  font-size: .75em;
+  padding-bottom: .25em;
+  color: #999999;
+  font-weight: 500;
+  /* Increase the spacing a tad */
+
+}
+@media (min-height: 33.875em) {
+  .picker__weekday {
+    padding-bottom: .5em;
+  }
+}
+/**
+ * The days on the calendar
+ */
+.picker__day {
+  padding: .3125em 0;
+  font-weight: 200;
+  border: 1px solid transparent;
+}
+.picker__day--today {
+  color: #0089ec;
+  position: relative;
+}
+.picker__day--today:before {
+  content: " ";
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  width: 0;
+  height: 0;
+  border-top: 0.5em solid #0059bc;
+  border-left: .5em solid transparent;
+}
+.picker__day--selected,
+.picker__day--selected:hover {
+  border-color: #0089ec;
+}
+.picker__day--highlighted {
+  background: #b1dcfb;
+}
+.picker__day--disabled:before {
+  border-top-color: #aaaaaa;
+}
+.picker__day--outfocus {
+  color: #dddddd;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
+  filter: alpha(opacity=66);
+  -moz-opacity: 0.66;
+  opacity: 0.66;
+}
+.picker__day--infocus:hover,
+.picker__day--outfocus:hover {
+  cursor: pointer;
+  color: #000000;
+  background: #b1dcfb;
+}
+.picker__day--highlighted:hover,
+.picker--focused .picker__day--highlighted {
+  background: #0089ec;
+  color: #ffffff;
+}
+.picker__day--disabled,
+.picker__day--disabled:hover {
+  background: #f5f5f5;
+  border-color: #f5f5f5;
+  color: #dddddd;
+  cursor: default;
+}
+.picker__day--highlighted.picker__day--disabled,
+.picker__day--highlighted.picker__day--disabled:hover {
+  background: #bbbbbb;
+}
+/**
+ * The footer containing the "today" and "clear" buttons.
+ */
+.picker__footer {
+  text-align: center;
+}
+.picker__button--today,
+.picker__button--clear {
+  border: 1px solid #ffffff;
+  background: #ffffff;
+  font-size: .8em;
+  padding: .66em 0;
+  font-weight: bold;
+  width: 50%;
+  display: inline-block;
+  vertical-align: bottom;
+}
+.picker__button--today:hover,
+.picker__button--clear:hover {
+  cursor: pointer;
+  color: #000000;
+  background: #b1dcfb;
+  border-bottom-color: #b1dcfb;
+}
+.picker__button--today:focus,
+.picker__button--clear:focus {
+  background: #b1dcfb;
+  border-color: #0089ec;
+  outline: none;
+}
+.picker__button--today:before,
+.picker__button--clear:before {
+  position: relative;
+  display: inline-block;
+  height: 0;
+}
+.picker__button--today:before {
+  content: " ";
+  margin-right: .45em;
+  top: -0.05em;
+  width: 0;
+  border-top: 0.66em solid #0059bc;
+  border-left: .66em solid transparent;
+}
+.picker__button--clear:before {
+  content: "\D7";
+  margin-right: .35em;
+  top: -0.1em;
+  color: #ee2200;
+  vertical-align: top;
+  font-size: 1.1em;
+}
+
+/* ==========================================================================
+   $DEFAULT-DATE-PICKER
+   ========================================================================== */
+/* ==========================================================================
+   $VARIABLES
+   ========================================================================== */
+/**
+ * Base colors
+ */
+/**
+ * Backgrounds
+ */
+/**
+ * Borders
+ */
+/**
+ * Buttons
+ */
+/**
+ * Picker base
+ */
+/**
+ * Date picker options
+ */
+/**
+ * Theme configurations
+ */
+/* ==========================================================================
+   $MIXINS
+   ========================================================================== */
+/**
+ * Common picker item states
+ */
+/**
+ * Opacity
+ */
+/**
+ * Vendor prefixes
+ */

data/public/css/prettify.css

@@ -0,0 +1,30 @@
+.com { color: #93a1a1; }
+.lit { color: #195f91; }
+.pun, .opn, .clo { color: #93a1a1; }
+.fun { color: #dc322f; }
+.str, .atv { color: #D14; }
+.kwd, .prettyprint .tag { color: #1e347b; }
+.typ, .atn, .dec, .var { color: teal; }
+.pln { color: #48484c; }
+
+.prettyprint {
+  padding: 8px;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+}
+.prettyprint.linenums {
+  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+}
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+  margin: 0 0 0 33px; /* IE indents via margin-left */
+}
+ol.linenums li {
+  padding-left: 12px;
+  color: #bebec5;
+  line-height: 20px;
+  text-shadow: 0 1px 0 #fff;
+}

data/public/css/squab.css

@@ -0,0 +1,307 @@
+/* NOTE: These are the same font assets used by the Franklin project */
+
+@font-face {
+  font-family: "SQMarket";
+  src: url(https://squareup.com/fonts/sqmarket/sqmarket-light.eot);
+  src: url(https://squareup.com/fonts/sqmarket/sqmarket-light.eot?#iefix) format('eot'), url(https://squareup.com/fonts/sqmarket/sqmarket-light.woff) format('woff'), url(https://squareup.com/fonts/sqmarket/sqmarket-light.ttf) format('truetype'), url(https://squareup.com/fonts/sqmarket/sqmarket-light.svg) format('svg');
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: "SQMarket";
+  src: url(https://squareup.com/fonts/sqmarket/sqmarket-regular.eot);
+  src: url(https://squareup.com/fonts/sqmarket/sqmarket-regular.eot?#iefix) format('eot'), url(https://squareup.com/fonts/sqmarket/sqmarket-regular.woff) format('woff'), url(https://squareup.com/fonts/sqmarket/sqmarket-regular.ttf) format('truetype'), url(https://squareup.com/fonts/sqmarket/sqmarket-regular.svg) format('svg');
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: "SQMarket";
+  src: url(https://squareup.com/fonts/sqmarket/sqmarket-medium.eot);
+  src: url(https://squareup.com/fonts/sqmarket/sqmarket-medium.eot?#iefix) format('eot'), url(https://squareup.com/fonts/sqmarket/sqmarket-medium.woff) format('woff'), url(https://squareup.com/fonts/sqmarket/sqmarket-medium.ttf) format('truetype'), url(https://squareup.com/fonts/sqmarket/sqmarket-medium.svg) format('svg');
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: "SQMarket";
+  src: url(https://squareup.com/fonts/sqmarket/sqmarket-medium.eot);
+  src: url(https://squareup.com/fonts/sqmarket/sqmarket-medium.eot?#iefix) format('eot'), url(https://squareup.com/fonts/sqmarket/sqmarket-medium.woff) format('woff'), url(https://squareup.com/fonts/sqmarket/sqmarket-medium.ttf) format('truetype'), url(https://squareup.com/fonts/sqmarket/sqmarket-medium.svg) format('svg');
+  font-weight: bold;
+}
+
+@-webkit-keyframes pulse {
+  0% { background-color: #27a6e1; }
+  50% { background-color: #32beff; }
+}
+
+body {
+  font-family: 'SQMarket', 'Helvetica Neue', Helvetica, sans-serif;
+  max-width: 620px;
+  margin: 60px auto;
+  padding: 0 20px;
+  color: #162633;
+}
+
+h1 {
+  margin-top: 0;
+}
+
+h2 {
+  color: #808487;
+  font-size: 20px;
+  font-weight: 100;
+  margin-bottom: 24px;
+}
+
+a {
+  color: #49b1e4;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+form {
+  margin-bottom: 25px;
+}
+
+fieldset {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  display: inline-block;
+  position: relative;
+}
+
+input[type="date"],
+input[type="search"],
+input[type="submit"],
+input[type="text"],
+.tt-query {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; 
+  padding: 0 5px;
+}
+
+input[type="date"],
+input[type="search"],
+input[type="submit"],
+input[type="text"] {
+  margin-bottom: 8px;
+  border: solid 1px #AAA;
+  display: inline-block;
+}
+
+input[type="date"],
+input[type="search"],
+input[type="text"] {
+  height: 26px; 
+  margin-right: 8px;
+}
+
+input[type="date"]:focus,
+input[type="search"]:focus,
+input[type="submit"]:focus,
+input[type="text"]:focus {
+  outline: none;
+  border-color: #27a6e1;
+}
+
+input[type="date"],
+input[type="text"] {
+  width: calc(50% - 4px);
+}
+
+input[type="search"] {
+  padding-left: 0;
+}
+
+.twitter-typeahead,
+input[name="value"],
+input[name="url"] {
+  width: calc(25% - 6px);
+}
+
+input[name="to"],
+input[name="url"] {
+  margin-right: 0;
+}
+
+input[type="submit"] {
+  display: block;
+  width: 100%;
+  padding: 10px;
+  border-radius: 23px;
+  background-color: #27a6e1;
+  color: white;
+  border: none;
+}
+
+input[type="submit"]:hover {
+  background-color: #32beff;
+}
+
+input[type="submit"].searching {
+  -webkit-animation: 1s pulse infinite;
+  animation: 1s pulse infinite;
+}
+
+input[type="checkbox"] {
+  vertical-align: top;
+}
+
+#js-datepickers fieldset {
+  width: calc(50% - 4px);
+}
+
+#js-datepickers fieldset:first-child {
+  margin-right: 8px;
+}
+
+#from-text,
+#to-text {
+  width: 100%;
+}
+
+#from-date,
+#to-date {
+  position: absolute;
+  right: .9em;
+  top: .4em;
+  padding: 0;
+  margin: 0;
+  width: 0;
+  height: 0;
+  background: transparent;
+  color: #333;
+  border: 0;
+  border-left: .5em solid transparent;
+  border-right: .5em solid transparent;
+  border-top: 0.7em solid #333;
+  cursor: pointer;
+}
+
+.search-tip,
+.search-info {
+  color: #808487;
+  font-weight: 100;
+  font-size: smaller;
+}
+
+.search-tip {
+  margin-bottom: 8px;
+}
+
+#update-notice {
+  opacity: 0;
+  transition: opacity .2s;
+}
+
+#update-notice.visible {
+  opacity: 1;
+}
+
+ul {
+  padding: 0;
+  margin: 0;
+}
+
+li {
+  list-style-type: none;
+  position: relative;
+  margin: 1em 0;
+  padding-left: 150px;
+  line-height: 1.4;
+}
+
+.day {
+  margin: 50px 0;
+}
+
+.source {
+  position: absolute;
+  width: 120px;
+  font-weight: bold;
+  left: 0;
+  top: 0;
+  margin-bottom: 4px;
+}
+
+.meta {
+  color: #A8A9AB;
+  font-size: smaller;
+  margin-top: 4px;
+}
+
+.source:hover,
+.user:hover {
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+/* Typeahead */
+
+.twitter-typeahead {
+  vertical-align: top;
+  margin-right: 8px;
+  margin-bottom: 8px
+}
+
+.twitter-typeahead input {
+  margin: 0;
+}
+
+.tt-query {
+  width: 100%;
+}
+
+.tt-hint {
+  display: none !important;
+}
+
+.tt-dropdown-menu {
+  background-color: white;
+  border: solid 1px #A8A9AB;
+  width: 160px;
+  padding: 0 5px 0 9px;
+  box-shadow: 0 2px 8px rgba(0,0,0,.4)
+}
+
+.tt-dropdown-menu p {
+  margin: 5px 0;
+}
+
+.tt-is-under-cursor {
+  color: #27a6e1;
+}
+
+@media screen and (max-width: 500px) {
+  body {
+    margin: 0;
+    padding: 20px;
+  }
+  .day-events li {
+    padding-left: 0;
+  }
+  .source {
+    position: static;
+    display: block;
+    width: 100%;
+  }
+  input[type="date"],
+  input[type="search"],
+  input[type="text"],
+  .twitter-typeahead,
+  #js-datepickers fieldset {
+    width: 100%;
+    margin-right: 0;
+  }
+  .twitter-typeahead {
+    display: block !important;
+  }
+  .tt-dropdown-menu {
+    width: 100%;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+}