diff lightbox/css/screen.css @ 8:adc01e560eae

Uploaded
author rlegendre
date Mon, 20 Oct 2014 11:34:11 -0400
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/lightbox/css/screen.css	Mon Oct 20 11:34:11 2014 -0400
@@ -0,0 +1,522 @@
+/* line 17, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+
+/* line 22, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+html {
+  line-height: 1;
+}
+
+/* line 24, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+ol, ul {
+  list-style: none;
+}
+
+/* line 26, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* line 28, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle;
+}
+
+/* line 30, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+q, blockquote {
+  quotes: none;
+}
+/* line 103, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+q:before, q:after, blockquote:before, blockquote:after {
+  content: "";
+  content: none;
+}
+
+/* line 32, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+a img {
+  border: none;
+}
+
+/* line 116, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
+  display: block;
+}
+
+/* Typography
+ *----------------------------------------------- */
+/* line 10, ../sass/screen.sass */
+body,
+input,
+textarea {
+  color: #cccccc;
+  font-size: 18px;
+  font-family: "Karla", "lucida grande", sans-serif;
+}
+
+/* line 17, ../sass/screen.sass */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  line-height: 1.2em;
+  color: #fdf485;
+}
+
+/* line 26, ../sass/screen.sass */
+h1 {
+  font-size: 72px;
+  line-height: 1em;
+}
+
+/* line 30, ../sass/screen.sass */
+h2 {
+  font-size: 48px;
+  line-height: 1.2em;
+  margin-bottom: 0.3em;
+}
+
+/* line 35, ../sass/screen.sass */
+h3 {
+  font-size: 18px;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: #e5d404;
+  margin-bottom: 0.3em;
+}
+
+/* line 42, ../sass/screen.sass */
+h4 {
+  font-size: 18px;
+}
+
+/* line 45, ../sass/screen.sass */
+p {
+  line-height: 1.4em;
+  margin-bottom: 1em;
+}
+
+/* line 49, ../sass/screen.sass */
+ol {
+  list-style-type: decimal;
+}
+
+/* line 52, ../sass/screen.sass */
+ul, ol {
+  margin: 0 0 1.25em 0;
+}
+
+/* line 55, ../sass/screen.sass */
+li {
+  padding-bottom: 0.8em;
+  margin-bottom: 0.8em;
+  border-bottom: 2px solid #515151;
+  line-height: 1.3em;
+}
+/* line 60, ../sass/screen.sass */
+li.last-list-item {
+  border-bottom: none;
+}
+
+/* line 63, ../sass/screen.sass */
+dt {
+  font-weight: bold;
+}
+
+/* line 66, ../sass/screen.sass */
+dd {
+  margin-bottom: 1.625em;
+}
+
+/* line 69, ../sass/screen.sass */
+strong {
+  font-weight: bold;
+}
+
+/* line 72, ../sass/screen.sass */
+i {
+  font-style: italic;
+}
+
+/* line 75, ../sass/screen.sass */
+pre {
+  padding: 10px;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  background-color: #2b2b2b;
+  font: 13px "Andale Mono", "DejaVu Sans Mono", monospace;
+  line-height: 1.5em;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  overflow-x: auto;
+}
+
+/* line 85, ../sass/screen.sass */
+code, kbd {
+  padding: 4px;
+  color: #ac8053;
+  background-color: #2b2b2b;
+  font: 13px "Andale Mono", "DejaVu Sans Mono", monospace;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+}
+
+/* line 92, ../sass/screen.sass */
+code {
+  position: relative;
+  top: -1px;
+}
+
+/* line 96, ../sass/screen.sass */
+pre code {
+  top: 0;
+  padding: 0;
+  background: transparent;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  font-size: 13px;
+}
+
+/* line 103, ../sass/screen.sass */
+a {
+  color: #00bfa8;
+  text-decoration: none;
+}
+/* line 106, ../sass/screen.sass */
+a:hover {
+  color: #59ffeb;
+}
+
+/* line 109, ../sass/screen.sass */
+::-moz-selection,
+::selection {
+  background: #ff8000;
+  color: white;
+}
+
+/* line 114, ../sass/screen.sass */
+.sub-point {
+  display: block;
+  font-size: 14px;
+}
+/* line 117, ../sass/screen.sass */
+.sub-point code {
+  font-size: 12px;
+  padding: 2px;
+}
+
+/* -- Layout ------------------------------------------------------------------ */
+/* line 124, ../sass/screen.sass */
+body {
+  margin: 40px 40px 80px 40px;
+  background: #444444;
+}
+
+/* line 128, ../sass/screen.sass */
+.wrapper {
+  max-width: 740px;
+  margin: 0 auto;
+}
+
+/* line 132, ../sass/screen.sass */
+.section {
+  padding: 0 0 40px 0;
+  margin-bottom: 40px;
+  *zoom: 1;
+  border-bottom: 4px solid #373737;
+}
+/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+.section:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+/* line 137, ../sass/screen.sass */
+.section.last {
+  border-bottom: none;
+}
+
+/* line 140, ../sass/screen.sass */
+.section-header {
+  text-align: center;
+}
+
+/* line 143, ../sass/screen.sass */
+.section-subheader {
+  margin-top: -0.6em;
+  margin-bottom: 1em;
+  text-align: center;
+  font-size: 24px;
+}
+
+/* line 149, ../sass/screen.sass */
+.row {
+  *zoom: 1;
+}
+/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+/* -- Sections ------------------------------------------------------------------ */
+/* -- Intro -- */
+/* line 156, ../sass/screen.sass */
+.intro-section {
+  text-align: center;
+}
+
+/* line 159, ../sass/screen.sass */
+.logo {
+  color: white;
+  margin-bottom: 0.05em;
+}
+/* line 162, ../sass/screen.sass */
+.logo .version {
+  color: #fdf485;
+}
+
+/* line 165, ../sass/screen.sass */
+.author {
+  margin-top: -9px;
+  padding-left: 23px;
+  line-height: 1.2em;
+}
+
+/* line 170, ../sass/screen.sass */
+.author-links {
+  font-size: 16px;
+}
+
+/* line 173, ../sass/screen.sass */
+.lead {
+  font-size: 22px;
+}
+
+/* -- Examples -- */
+/* line 177, ../sass/screen.sass */
+.examples-section {
+  text-align: center;
+}
+
+/* line 180, ../sass/screen.sass */
+.image-row {
+  *zoom: 1;
+  margin-bottom: 20px;
+}
+/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+.image-row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+/* line 184, ../sass/screen.sass */
+.example-image-link {
+  display: inline-block;
+  margin: 0 10px 20px 10px;
+  line-height: 0;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  border: 4px solid #5e5e5e;
+  -webkit-transition: all 0.1s ease-out;
+  -moz-transition: all 0.1s ease-out;
+  -o-transition: all 0.1s ease-out;
+  transition: all 0.1s ease-out;
+}
+/* line 191, ../sass/screen.sass */
+.example-image-link:hover {
+  border: 4px solid #00bfa8;
+}
+
+/* line 194, ../sass/screen.sass */
+.example-image {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -o-border-radius: 2px;
+  border-radius: 2px;
+}
+
+/* -- Download -- */
+/* line 199, ../sass/screen.sass */
+.download-section {
+  text-align: center;
+}
+
+/* line 202, ../sass/screen.sass */
+.download-button {
+  display: block;
+  max-width: 300px;
+  margin: 0 auto 20px auto;
+  padding-top: 20px;
+  padding-bottom: 10px;
+  background-color: #2b2b2b;
+  border: 4px solid #444444;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-transition: all 0.1s ease-out;
+  -moz-transition: all 0.1s ease-out;
+  -o-transition: all 0.1s ease-out;
+  transition: all 0.1s ease-out;
+  *zoom: 1;
+}
+/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
+.download-button:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+/* line 213, ../sass/screen.sass */
+.download-button:hover {
+  border-color: #00bfa8;
+  background-color: #444444;
+}
+/* line 216, ../sass/screen.sass */
+.download-button .file {
+  font-size: 36px;
+  color: white;
+  line-height: 1em;
+}
+/* line 220, ../sass/screen.sass */
+.download-button .version {
+  font-size: 24px;
+  color: #00bfa8;
+}
+
+/* -- Sharing -- */
+/* line 226, ../sass/screen.sass */
+.sharing {
+  position: fixed;
+  top: 20px;
+  right: 0;
+}
+
+/* -- Donate -- */
+/* line 233, ../sass/screen.sass */
+.donate-button-form {
+  text-align: center;
+}
+
+/* line 235, ../sass/screen.sass */
+.donate-button {
+  border: 4px solid rgba(0, 0, 0, 0);
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-transition: all 0.1s ease-out;
+  -moz-transition: all 0.1s ease-out;
+  -o-transition: all 0.1s ease-out;
+  transition: all 0.1s ease-out;
+}
+/* line 239, ../sass/screen.sass */
+.donate-button:hover {
+  background-color: #444444;
+  border-color: #00bfa8;
+}
+
+/* -- Responsive design -------------------------------------------------------------- */
+@media only screen and (max-width: 640px) {
+  /* line 247, ../sass/screen.sass */
+  body {
+    margin: 80px 10px 40px 10px;
+    font-size: 14px;
+  }
+
+  /* line 250, ../sass/screen.sass */
+  h1 {
+    font-size: 48px;
+  }
+
+  /* line 252, ../sass/screen.sass */
+  h2 {
+    font-size: 26px;
+  }
+
+  /* line 254, ../sass/screen.sass */
+  h3 {
+    font-size: 16px;
+  }
+
+  /* line 256, ../sass/screen.sass */
+  ol {
+    list-style-position: inside;
+  }
+
+  /* line 258, ../sass/screen.sass */
+  code,
+  kbd,
+  pre,
+  pre code {
+    font-size: 11px;
+  }
+
+  /* line 263, ../sass/screen.sass */
+  .sub-point {
+    font-size: 12px;
+  }
+  /* line 265, ../sass/screen.sass */
+  .sub-point code {
+    font-size: 9px;
+  }
+
+  /* line 267, ../sass/screen.sass */
+  .lead {
+    font-size: 16px;
+  }
+
+  /* line 269, ../sass/screen.sass */
+  .section {
+    padding-bottom: 20px;
+    margin-bottom: 20px;
+  }
+
+  /* line 272, ../sass/screen.sass */
+  .author {
+    margin-top: -5px;
+    padding-left: 30px;
+  }
+
+  /* line 275, ../sass/screen.sass */
+  .author-links {
+    font-size: 12px;
+  }
+}