Browse Source

Added Rakefile build script. Woot! Also, new release 2.51 that removes console.log-s that were breaking IE.

master
Lokesh Dhakar 8 years ago
parent
commit
7b11f4b20b
12 changed files with 172 additions and 1053 deletions
  1. +81
    -0
      Rakefile
  2. +1
    -5
      coffee/lightbox.coffee
  3. +54
    -26
      css/screen.css
  4. +1
    -1
      index.html
  5. +1
    -3
      js/lightbox.js
  6. BIN
      releases/lightbox2.5.zip
  7. BIN
      releases/lightbox2.51.zip
  8. +9
    -0
      rsync-exclude
  9. +1
    -1
      sass/lightbox.sass
  10. +24
    -6
      sass/screen.sass
  11. +0
    -181
      stylesheets/lightbox.css
  12. +0
    -830
      stylesheets/screen.css

+ 81
- 0
Rakefile View File

@@ -0,0 +1,81 @@
## -- Rsync Deploy config -- ##
# Be sure your public key is listed in your server's ~/.ssh/authorized_keys file
ssh_user = "lokesh@lokesh.webfactional.com"
ssh_port = "22"
document_root = "~/webapps/lokeshdhakar/projects/lightbox2/"
rsync_delete = true
deploy_default = "rsync"

## -- Misc Configs -- ##
sass_dir = "sass" # sass file directory
css_dir = "css" # compiled css directory
coffeescript_dir = "coffee" # coffeescript file directory
js_dir = "js" # compiled js directory
#blog_index_dir = 'source' # directory for your blog's index page (if you put your index in source/blog/index.html, set this to 'source/blog')
#deploy_dir = "_deploy" # deploy directory (for Github pages deployment)
#stash_dir = "_stash" # directory to stash posts for speedy generation
#posts_dir = "_posts" # directory for blog files
#themes_dir = ".themes" # directory for blog files
#new_post_ext = "markdown" # default new post file extension when using the new_post task
#new_page_ext = "markdown" # default new page file extension when using the new_page task
#server_port = "4000" # port for preview server eg. localhost:4000

desc "Watches for SASS and Coffeescript file changes to compile."
task :watch do
puts "Starting to watch source with Compass and Coffeescript."
compassPid = Process.spawn("compass watch --sass-dir #{sass_dir} --css-dir #{css_dir}")
coffeePid = Process.spawn("coffee -o #{js_dir}/ -cw #{coffeescript_dir}/")
trap("INT") {
[compassPid, coffeePid].each { |pid| Process.kill(9, pid) rescue Errno::ESRCH }
exit 0
}

[compassPid, coffeePid].each { |pid| Process.wait(pid) }
end



desc "Create zip of latest code."
task :zip, :version do |t, args|

if args.version.nil?
puts "You need to specify a version number."
puts "Example: rake zip[2.5]"
puts "Will create lightboxv2.5.zip"
else
puts "Zip-a-dee-doo-dah"

puts "Version: #{args.version}"
system "rm -rf lightbox"
system "mkdir lightbox"
system "cp index.html lightbox"
system "cp README.markdown lightbox"
system "cp -r css lightbox"
system "cp -r js lightbox"
system "cp -r images lightbox"
system "zip -r lightbox#{args.version}.zip lightbox"
system "rm -rf lightbox"

puts "My, oh my what a wonderful day!"
end
end


desc "Pushes code to production."
task :deploy do
puts "Rsyncing files to production server."
exclude = ""
if File.exists?('./rsync-exclude')
exclude = "--exclude-from '#{File.expand_path('./rsync-exclude')}'"
end
puts "## Deploying website via Rsync"
ok_failed system("rsync -avze 'ssh -p #{ssh_port}' #{exclude} #{"--delete" unless rsync_delete == false} . #{ssh_user}:#{document_root}")
end

def ok_failed(condition)
if (condition)
puts "OK"
else
puts "FAILED"
end
end

+ 1
- 5
coffee/lightbox.coffee View File

@@ -1,5 +1,5 @@
###
Lightbox v2.5
Lightbox v2.51
by Lokesh Dhakar - http://www.lokeshdhakar.com

For more information, visit:
@@ -279,13 +279,9 @@ class Lightbox
if @currentImageIndex < @album.length - 1 then $lightbox.find('.lb-next').show();
return
# Display caption, image number, and closing button.
updateDetails: ->
$lightbox = $('#lightbox')

console.log @album[@currentImageIndex].title != ""
console.log typeof @album[@currentImageIndex].title != 'undefined'
if typeof @album[@currentImageIndex].title != 'undefined' && @album[@currentImageIndex].title != ""
$lightbox.find('.lb-caption')


+ 54
- 26
css/screen.css View File

@@ -689,71 +689,72 @@ hr {
}

@media only screen and (max-width: 1000px) {
/* line 365, ../sass/screen.sass */
/* line 364, ../sass/screen.sass */
body, input, textarea {
font-size: 14px;
}

/* line 368, ../sass/screen.sass */
/* line 367, ../sass/screen.sass */
body {
padding-top: 20px;
}

/* line 371, ../sass/screen.sass */
/* line 370, ../sass/screen.sass */
.section {
padding: 20px 0;
}

/* line 374, ../sass/screen.sass */
/* line 373, ../sass/screen.sass */
p.lead {
font-size: 20px;
}

/* line 377, ../sass/screen.sass */
/* line 376, ../sass/screen.sass */
h1 {
font-size: 30px;
}

/* line 380, ../sass/screen.sass */
/* line 379, ../sass/screen.sass */
h2 {
font-size: 24px;
}

/* line 383, ../sass/screen.sass */
/* line 382, ../sass/screen.sass */
h3 {
font-size: 16px;
}

/* line 386, ../sass/screen.sass */
/* line 385, ../sass/screen.sass */
code, kbd {
font-size: 13px;
}

/* line 389, ../sass/screen.sass */
/* line 388, ../sass/screen.sass */
pre code {
font-size: 12px;
}

/* line 392, ../sass/screen.sass */
/* line 391, ../sass/screen.sass */
pre {
padding: 0.75em;
}

/* line 395, ../sass/screen.sass */
/* line 394, ../sass/screen.sass */
#sidebar {
width: 160px;
left: 20px;
}

/* line 399, ../sass/screen.sass */
/* line 398, ../sass/screen.sass */
#content {
margin-left: 200px;
}
}
@media only screen and (max-width: 700px) {
/* line 404, ../sass/screen.sass */
/* line 403, ../sass/screen.sass */
body, input, textarea {
font-size: 12px;
padding-top: 0;
}

/* line 407, ../sass/screen.sass */
@@ -778,52 +779,79 @@ hr {

/* line 420, ../sass/screen.sass */
#sidebar {
width: 120px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
position: static;
text-align: center;
width: auto;
margin: 20px 20px 0 20px;
border-bottom: 6px solid #3d3d33;
}
/* line 422, ../sass/screen.sass */
/* line 427, ../sass/screen.sass */
#sidebar h1 {
font-size: 24px;
}
/* line 424, ../sass/screen.sass */
/* line 429, ../sass/screen.sass */
#sidebar .twitter {
font-size: 14px;
}
/* line 426, ../sass/screen.sass */
/* line 431, ../sass/screen.sass */
#sidebar #nav {
font-size: 10px;
font-size: 12px;
}
/* line 433, ../sass/screen.sass */
#sidebar #nav li {
display: inline-block;
}
/* line 435, ../sass/screen.sass */
#sidebar #nav li a {
padding: 10px;
height: auto;
margin: 0 5px 10px 5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}

/* line 429, ../sass/screen.sass */
/* line 441, ../sass/screen.sass */
h2 {
font-size: 18px;
}

/* line 432, ../sass/screen.sass */
/* line 444, ../sass/screen.sass */
h3 {
font-size: 14px;
}

/* line 435, ../sass/screen.sass */
/* line 447, ../sass/screen.sass */
#content {
margin-left: 160px;
margin: 10px 20px 20px 20px;
}

/* line 438, ../sass/screen.sass */
/* line 450, ../sass/screen.sass */
.download {
text-align: center;
width: 95%;
margin-right: 0;
padding-right: 0;
padding-left: 0;
}
/* line 441, ../sass/screen.sass */
/* line 456, ../sass/screen.sass */
.download .box, .download .file {
float: none;
}

/* line 444, ../sass/screen.sass */
/* line 459, ../sass/screen.sass */
.forums {
text-align: center;
width: 95%;
margin-right: 0;
padding-right: 0;
padding-left: 0;
}
/* line 447, ../sass/screen.sass */
/* line 465, ../sass/screen.sass */
.forums .speech, .forums .link {
float: none;
}


+ 1
- 1
index.html View File

@@ -3,7 +3,7 @@
<head>

<meta charset="utf-8">
<title>Lightbox 2</title>
<title>Lightbox 2.5</title>

<meta name="description" lang="en" content="Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers." />
<meta name="author" content="Lokesh Dhakar">


+ 1
- 3
js/lightbox.js View File

@@ -1,6 +1,6 @@

/*
Lightbox v2.5
Lightbox v2.51
by Lokesh Dhakar - http://www.lokeshdhakar.com

For more information, visit:
@@ -272,8 +272,6 @@ lightbox = new Lightbox options
var $lightbox,
_this = this;
$lightbox = $('#lightbox');
console.log(this.album[this.currentImageIndex].title !== "");
console.log(typeof this.album[this.currentImageIndex].title !== 'undefined');
if (typeof this.album[this.currentImageIndex].title !== 'undefined' && this.album[this.currentImageIndex].title !== "") {
$lightbox.find('.lb-caption').html(this.album[this.currentImageIndex].title).fadeIn('fast');
}


BIN
releases/lightbox2.5.zip View File


BIN
releases/lightbox2.51.zip View File


+ 9
- 0
rsync-exclude View File

@@ -0,0 +1,9 @@
.gitignore
.DS_Store
.project
Rakefile
rsync-exclude
sass/
coffee/
.git/
.sass-cache/

+ 1
- 1
sass/lightbox.sass View File

@@ -74,7 +74,7 @@
float: left

.lb-next
right: 0
right: 0
float: right

.lb-prev


+ 24
- 6
sass/screen.sass View File

@@ -357,8 +357,7 @@ hr
.single.last
a
+border-right-radius($radius)
// Drop comments below content
@media only screen and (max-width: 1000px)

@@ -403,6 +402,7 @@ hr
@media only screen and (max-width: 700px)
body, input, textarea
font-size: $fontSize - 4
padding-top: 0

p.lead
font-size: $fontSize
@@ -418,13 +418,25 @@ hr


#sidebar
width: $sidebarWidth - 80
+opacity(1)
position: static
text-align: center
width: auto
margin: 20px 20px 0 20px
border-bottom: 6px solid #3d3d33
h1
font-size: 24px
.twitter
font-size: 14px
#nav
font-size: 10px
font-size: 12px
li
display: inline-block
a
padding: 10px
height: auto
margin: 0 5px 10px 5px
+border-radius(6px)

h2
font-size: 18px
@@ -433,17 +445,23 @@ hr
font-size: 14px

#content
margin-left: $sidebarWidth+$gutter - 80
margin: 10px 20px 20px 20px
.download
text-align: center
width: 95%
margin-right: 0
padding-right: 0
padding-left: 0
.box, .file
float: none
.forums
text-align: center
width: 95%
margin-right: 0
padding-right: 0
padding-left: 0
.speech, .link
float: none


+ 0
- 181
stylesheets/lightbox.css View File

@@ -1,181 +0,0 @@
/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
opacity: 0.85;
display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
width: auto;
height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
width: 49%;
height: 100%;
background-image: url("data:image/gif;base64,AAAA");
/* Trick IE into showing hover */
display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
left: 0;
float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
right: 0;
float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-ms-border-bottom-left-radius: 4px;
-o-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-ms-border-bottom-right-radius: 4px;
-o-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
padding: 0 10px;
color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
width: 35px;
float: right;
padding-bottom: 0.7em;
outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
cursor: pointer;
}

+ 0
- 830
stylesheets/screen.css View File

@@ -1,830 +0,0 @@
/* Lightbox v2 Project page styles
* Author: Lokesh Dhakar http://www.lokeshdhakar.com
* Created: a long time ago (2006 I think)
* Table of Contents:
* layout
* typography
* content */
/* line 17, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/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-size: 100%;
font: inherit;
vertical-align: baseline;
}

/* line 20, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
line-height: 1;
}

/* line 22, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
list-style: none;
}

/* line 24, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* line 26, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}

/* line 28, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: none;
}
/* line 101, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}

/* line 30, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
border: none;
}

/* line 114, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}

/* layout
*----------------------------------------------- */
/* line 18, ../sass/screen.sass */
#sidebar {
position: fixed;
top: 40px;
left: 40px;
width: 200px;
}

/* line 24, ../sass/screen.sass */
#content {
margin: 0 40px 40px 280px;
}

/* line 27, ../sass/screen.sass */
.row {
*zoom: 1;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.row:after {
content: "";
display: table;
clear: both;
}

/* Typography
*----------------------------------------------- */
/* line 33, ../sass/screen.sass */
body {
background: #222222 url(../images/bg-checker.png);
}

/* line 36, ../sass/screen.sass */
body, input, textarea {
color: white;
text-shadow: 0 -1px 0 black;
font-size: 16px;
line-height: 1.625em;
font-family: "Open Sans", "lucida grande", tahoma, sans-serif;
font-weight: 600;
-webkit-font-smoothing: antialiased;
}

/* line 45, ../sass/screen.sass */
#lightbox {
text-shadow: none;
}

/* line 48, ../sass/screen.sass */
h1, h2, h3, h4, h5, h6 {
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
font-weight: 400;
letter-spacing: 0.03em;
line-height: 1.625em;
margin: 0;
color: #d0eb6a;
}

/* line 56, ../sass/screen.sass */
h1 {
font-size: 40px;
line-height: 1.2em;
}

/* line 60, ../sass/screen.sass */
h2 {
font-size: 34px;
line-height: 1.45em;
margin-bottom: 0.2em;
}

/* line 65, ../sass/screen.sass */
h3 {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #88a616;
}

/* line 71, ../sass/screen.sass */
h4 {
font-size: 16px;
}

/* Text elements */
/* line 77, ../sass/screen.sass */
p {
margin: 0 0 1.25em 0;
line-height: 1.625em;
}

/* line 81, ../sass/screen.sass */
ul, ol {
margin: 0 0 1.25em 0;
}

/* line 84, ../sass/screen.sass */
dt {
font-weight: bold;
}

/* line 87, ../sass/screen.sass */
dd {
margin-bottom: 1.625em;
}

/* line 90, ../sass/screen.sass */
strong {
font-weight: bold;
}

/* line 93, ../sass/screen.sass */
i {
font-style: italic;
}

/* line 96, ../sass/screen.sass */
pre {
background: rgba(0, 0, 0, 0.4);
color: #e7931a;
font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
line-height: 1.5;
margin: 20px 0 20px 0;
overflow: auto;
padding: 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
}

/* line 107, ../sass/screen.sass */
code, kbd {
font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background: rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 6px 2px black;
padding: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #e7931a;
}

/* line 115, ../sass/screen.sass */
pre code {
font-size: 13px;
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0;
}

/* Links */
/* line 122, ../sass/screen.sass */
a {
color: #8ad459;
text-decoration: none;
}
/* line 125, ../sass/screen.sass */
a:hover {
color: #589e29;
}

/* line 128, ../sass/screen.sass */
::-moz-selection,
::selection {
background: #e7931a;
color: white;
}

/* sidebar
*----------------------------------------------- */
/* line 137, ../sass/screen.sass */
#sidebar {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
/* line 140, ../sass/screen.sass */
#sidebar:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/* line 142, ../sass/screen.sass */
#sidebar a {
color: white;
}
/* line 144, ../sass/screen.sass */
#sidebar .logo {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/* line 146, ../sass/screen.sass */
#sidebar .logo em {
color: #8ad459;
}
/* line 148, ../sass/screen.sass */
#sidebar .logo:hover {
text-shadow: 0 0 20px #d0eb6a, 0 0 50px #d0eb6a;
}
/* line 150, ../sass/screen.sass */
#sidebar .author {
font-weight: 800;
line-height: 1.4em;
}
/* line 154, ../sass/screen.sass */
#sidebar .author a:hover {
text-shadow: 0 0 10px white;
}
/* line 156, ../sass/screen.sass */
#sidebar .author .twitter {
font-size: 14px;
}
/* line 158, ../sass/screen.sass */
#sidebar .author .twitter a {
color: #4d9ed8;
}
/* line 160, ../sass/screen.sass */
#sidebar .author .twitter em {
color: #4d9ed8;
}

/* line 163, ../sass/screen.sass */
#nav {
list-style: none;
margin: 1.5em 0 1em 0;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
}
/* line 170, ../sass/screen.sass */
#nav li {
padding: 0;
margin: 0;
}
/* line 173, ../sass/screen.sass */
#nav a {
display: block;
height: 2em;
padding: 0.6em 0.2em 0.3em 20px;
background: #505050;
border-top: 1px solid rgba(255, 255, 255, 0.15);
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/* line 181, ../sass/screen.sass */
#nav a:hover {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
background-color: #88a616;
}
/* line 184, ../sass/screen.sass */
#nav a.first {
border-bottom-color: rgba(0, 0, 0, 0.5);
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-ms-border-top-left-radius: 4px;
-o-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-ms-border-top-right-radius: 4px;
-o-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border-top-color: transparent;
}
/* line 188, ../sass/screen.sass */
#nav a.last {
border-top-color: rgba(255, 255, 255, 0.25);
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-ms-border-bottom-left-radius: 4px;
-o-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-ms-border-bottom-right-radius: 4px;
-o-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}

/* content
*----------------------------------------------- */
/* line 196, ../sass/screen.sass */
.download {
float: left;
margin: 0 40px 40px 0;
padding: 10px 20px 10px 10px;
background-color: #333333;
border: 5px solid #333333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/* line 204, ../sass/screen.sass */
.download:hover {
border-color: #8ad459;
background-color: #444444;
}
/* line 207, ../sass/screen.sass */
.download .box {
float: left;
}
/* line 209, ../sass/screen.sass */
.download .file {
float: left;
font-size: 36px;
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
font-weight: 400;
color: white;
line-height: 1.1em;
}
/* line 216, ../sass/screen.sass */
.download .file .version {
font-size: 24px;
color: #8ad459;
}

/* line 221, ../sass/screen.sass */
.filelist {
float: left;
font-size: 12px;
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
line-height: 1.5em;
}
/* line 226, ../sass/screen.sass */
.filelist .header {
text-transform: uppercase;
font-weight: bold;
}
/* line 229, ../sass/screen.sass */
.filelist .folder {
color: #999999;
}
/* line 231, ../sass/screen.sass */
.filelist .note {
color: #999999;
}

/* line 235, ../sass/screen.sass */
.changelog {
margin-bottom: 0.5em;
}
/* line 237, ../sass/screen.sass */
.changelog li {
list-style: none;
padding: 0 0 0 14px;
background: url(../images/bullet.gif) no-repeat 0 11px;
color: #999999;
}
/* line 242, ../sass/screen.sass */
.changelog li .version {
color: #88a616;
}
/* line 244, ../sass/screen.sass */
.changelog li .date {
color: white;
}
/* line 246, ../sass/screen.sass */
.changelog .old {
display: none;
}

/* line 249, ../sass/screen.sass */
.showOlderChanges {
color: #999999;
}

/* line 253, ../sass/screen.sass */
.forums {
float: left;
margin: 0 40px 40px 0;
padding: 10px;
background-color: #333333;
border: 5px solid #333333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/* line 261, ../sass/screen.sass */
.forums:hover {
border-color: #8ad459;
background-color: #444444;
}
/* line 264, ../sass/screen.sass */
.forums .speech {
float: left;
margin-right: 20px;
}
/* line 267, ../sass/screen.sass */
.forums .link {
float: left;
font-size: 36px;
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
font-weight: 400;
color: white;
line-height: 1.1em;
}
/* line 274, ../sass/screen.sass */
.forums .link .sub {
color: #8ad459;
}

/* line 278, ../sass/screen.sass */
#elsewhere .button {
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
font-weight: normal;
font-size: 24px;
display: block;
float: left;
margin: 20px 20px 40px 0;
padding: 10px 10px 10px 10px;
background-color: #333333;
border: 5px solid #333333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: white;
}
/* line 291, ../sass/screen.sass */
#elsewhere .button:hover {
background-color: #444444;
border-color: #8ad459;
}

/* misc
*----------------------------------------------- */
/* line 298, ../sass/screen.sass */
p.lead {
font-size: 26px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 0;
}

/* line 305, ../sass/screen.sass */
hr {
height: 6px;
background: #3d3d33;
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
clear: both;
}

/* line 312, ../sass/screen.sass */
.section {
padding: 40px 0;
}
/* line 314, ../sass/screen.sass */
.section:first-child {
border-top: none;
}

/* line 317, ../sass/screen.sass */
.imageRow {
*zoom: 1;
margin: 20px 0;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.imageRow:after {
content: "";
display: table;
clear: both;
}
/* line 320, ../sass/screen.sass */
.imageRow .single {
float: left;
}
/* line 322, ../sass/screen.sass */
.imageRow .single a {
float: left;
display: block;
background: rgba(255, 255, 255, 0.1);
padding: 7px;
line-height: 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
margin-right: 40px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/* line 332, ../sass/screen.sass */
.imageRow .single a img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.3);
}
/* line 335, ../sass/screen.sass */
.imageRow .single a:hover {
background-color: #8ad459;
}
/* line 337, ../sass/screen.sass */
.imageRow .set {
float: left;
background: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/* line 343, ../sass/screen.sass */
.imageRow .set:hover {
background: rgba(255, 255, 255, 0.2);
}
/* line 346, ../sass/screen.sass */
.imageRow .set .single a {
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-right: 0;
}
/* line 351, ../sass/screen.sass */
.imageRow .set .single a:hover {
background-color: #8ad459;
-webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
/* line 355, ../sass/screen.sass */
.imageRow .set .single.first a {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-ms-border-top-left-radius: 4px;
-o-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-ms-border-bottom-left-radius: 4px;
-o-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
/* line 358, ../sass/screen.sass */
.imageRow .set .single.last a {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-ms-border-top-right-radius: 4px;
-o-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-ms-border-bottom-right-radius: 4px;
-o-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}

@media only screen and (max-width: 1000px) {
/* line 365, ../sass/screen.sass */
body, input, textarea {
font-size: 14px;
}

/* line 368, ../sass/screen.sass */
body {
padding-top: 20px;
}

/* line 371, ../sass/screen.sass */
.section {
padding: 20px 0;
}

/* line 374, ../sass/screen.sass */
p.lead {
font-size: 20px;
}

/* line 377, ../sass/screen.sass */
h1 {
font-size: 30px;
}

/* line 380, ../sass/screen.sass */
h2 {
font-size: 24px;
}

/* line 383, ../sass/screen.sass */
h3 {
font-size: 16px;
}

/* line 386, ../sass/screen.sass */
code, kbd {
font-size: 13px;
}

/* line 389, ../sass/screen.sass */
pre code {
font-size: 12px;
}

/* line 392, ../sass/screen.sass */
pre {
padding: 0.75em;
}

/* line 395, ../sass/screen.sass */
#sidebar {
width: 160px;
left: 20px;
}

/* line 399, ../sass/screen.sass */
#content {
margin-left: 200px;
}
}
@media only screen and (max-width: 700px) {
/* line 404, ../sass/screen.sass */
body, input, textarea {
font-size: 12px;
}

/* line 407, ../sass/screen.sass */
p.lead {
font-size: 16px;
}

/* line 410, ../sass/screen.sass */
code, kbd {
font-size: 12px;
}

/* line 413, ../sass/screen.sass */
pre code {
font-size: 11px;
}

/* line 416, ../sass/screen.sass */
pre {
padding: 0.5em;
}

/* line 420, ../sass/screen.sass */
#sidebar {
width: 120px;
}
/* line 422, ../sass/screen.sass */
#sidebar h1 {
font-size: 24px;
}
/* line 424, ../sass/screen.sass */
#sidebar .twitter {
font-size: 14px;
}
/* line 426, ../sass/screen.sass */
#sidebar #nav {
font-size: 10px;
}

/* line 429, ../sass/screen.sass */
h2 {
font-size: 18px;
}

/* line 432, ../sass/screen.sass */
h3 {
font-size: 14px;
}

/* line 435, ../sass/screen.sass */
#content {
margin-left: 160px;
}

/* line 438, ../sass/screen.sass */
.download {
text-align: center;
width: 95%;
}
/* line 441, ../sass/screen.sass */
.download .box, .download .file {
float: none;
}

/* line 444, ../sass/screen.sass */
.forums {
text-align: center;
width: 95%;
}
/* line 447, ../sass/screen.sass */
.forums .speech, .forums .link {
float: none;
}
}

Loading…
Cancel
Save