Browse Source

Added bower.json

master
Lokesh Dhakar 6 years ago
parent
commit
3e43d26a13
4 changed files with 49 additions and 18 deletions
  1. +26
    -0
      bower.json
  2. +1
    -1
      css/screen.css
  3. +4
    -4
      index.html
  4. +18
    -13
      sass/screen.sass

+ 26
- 0
bower.json View File

@@ -0,0 +1,26 @@
{
"name": "lightbox",
"version": "2.7.0",
"homepage": "http://lokeshdhakar.com/projects/lightbox2/",
"authors": [
"Lokesh Dhakar <lokesh.dhakar@gmail.com>"
],
"description": "The original Lightbox script. Uses jQuery.",
"main": "js/lightbox.js",
"keywords": [
"lightbox",
"overlay",
"jquery",
"gallery",
"images"
],
"license": "CC BY 2.5",
"ignore": [
"**/.*",
"Gruntfile.js",
"node_modules",
"bower_components",
"test",
"tests"
]
}

+ 1
- 1
css/screen.css View File

@@ -1 +1 @@
body,input,textarea{color:#ccc;font-size:18px;font-family:"Karla","lucida grande",sans-serif}h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#ff8000;font-family:"Montserrat","Helvetica",sans-serif;font-weight:normal}h1{font-size:72px;line-height:1em}h2{font-size:36px;line-height:1.2em;margin-bottom:0.3em;text-transform:uppercase}h3{color:#ff8000;margin-bottom:0.5em;font-size:24px;letter-spacing:1px;text-align:center;text-transform:uppercase}h4{font-size:18px}p{line-height:1.7em;margin-bottom:1.7em}ol{list-style-type:decimal}ul,ol{margin:0 0 1.25em 0}li{margin-bottom:2em;line-height:1.5em}li.last-list-item{border-bottom:none}dt{font-weight:bold}dd{margin-bottom:1.625em}strong{font-weight:bold}i{font-style:italic}em{font-style:normal}pre{padding:10px;margin-top:5px;margin-bottom:10px;background-color:#151515;font-family:"Karla","lucida grande",sans-serif;line-height:1.5em;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;overflow-x:auto}code,kbd{padding:2px 4px;color:#ac8053;background-color:#151515;font-family:"Karla","lucida grande",sans-serif;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}code{position:relative;top:-1px}pre code{top:0;padding:0;background:transparent}a{color:#4ae;text-decoration:none}a:hover{color:#d0eafb}::-moz-selection,::selection{background:#ff8000;color:#fff}.sub-point{display:block;font-size:14px}.sub-point code{font-size:12px;padding:2px}body{margin:0;padding:0;background:#222}.section{padding:0 0 40px 0;*zoom:1}.section:after{content:"";display:table;clear:both}.section.last{border-bottom:none}.section-header{position:relative;z-index:5;margin-top:0;margin-bottom:80px;color:#414141;text-align:center;font-size:72px}.section-header:before{border-top:2px solid #414141;content:"";margin:0 auto;position:absolute;top:50%;left:0;right:0;bottom:0;z-index:-1}.section-header .line-cover{background:#222;padding:0 15px}.section-content{margin:0 auto;padding-bottom:40px;max-width:800px}.row{*zoom:1}.row:after{content:"";display:table;clear:both}.intro-section{text-align:center}.logo{color:#fff;margin-bottom:0.07em}.logo .version{color:#ff8000}.author{margin-top:-9px;padding-left:23px;line-height:1.2em}.author-links{font-size:16px}.lead{font-size:22px}.examples-section{text-align:center}.image-row{*zoom:1;margin-bottom:20px}.image-row:after{content:"";display:table;clear:both}.example-image-link{display:inline-block;margin:0 10px 20px 10px;line-height:0;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;border:4px solid transparent;-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}.example-image-link:hover{border:4px solid #4ae}.example-image{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}.download-section{text-align:center}.download-button{display:block;max-width:300px;margin:0 auto 20px auto;padding-top:20px;padding-bottom:10px;background-color:#090909;border:4px solid #222;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-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}.download-button:after{content:"";display:table;clear:both}.download-button:hover{border-color:#4ae;background-color:#444}.download-button .file{font-size:36px;color:#fff;line-height:1em}.download-button .version{font-size:24px;color:#4ae}fieldset{border:none}.donate-button-form{text-align:center}.donate-button{border:4px solid rgba(0,0,0,0);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-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}.donate-button:hover{background-color:#444;border-color:#4ae}.credits-section{text-align:center}.sharing-section{position:fixed;z-index:10;top:20px;right:0}@media only screen and (max-width: 640px){body{font-size:14px}h1{font-size:48px}h2{font-size:26px}h3{font-size:16px}ol{list-style-position:inside}code,kbd,pre,pre code{font-size:11px}.sub-point{font-size:12px}.sub-point code{font-size:9px}.lead{font-size:16px}.section{padding-bottom:20px;margin-bottom:20px}.author{margin-top:-5px;padding-left:30px}.author-links{font-size:12px}}
body,input,textarea{color:#fff;font-size:18px;font-family:"Karla","lucida grande",sans-serif}h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#fdf485;font-family:"Montserrat","Helvetica",sans-serif;font-weight:normal}h1{font-size:72px;line-height:1em}h2{font-size:36px;line-height:1.2em;margin-bottom:0.3em;text-transform:uppercase}h3{color:#fdf485;margin-bottom:0.5em;font-size:24px;letter-spacing:1px;text-align:center;text-transform:uppercase}h4{font-size:18px}p{line-height:1.7em;margin-bottom:1.7em}ol{list-style-type:decimal}ul,ol{margin:0 0 1.25em 0}li{margin-bottom:2em;line-height:1.5em}li.last-list-item{border-bottom:none}dt{font-weight:bold}dd{margin-bottom:1.625em}strong{font-weight:bold}i{font-style:italic}em{font-style:normal}pre{padding:10px;margin-top:5px;margin-bottom:10px;background-color:#3c3c3c;font-family:"Karla","lucida grande",sans-serif;line-height:1.5em;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;overflow-x:auto}code,kbd{padding:2px 4px;color:#df8020;background-color:#3c3c3c;font-family:"Karla","lucida grande",sans-serif;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}code{position:relative;top:-1px}pre code{top:0;padding:0;background:transparent}a{color:#61c227;text-decoration:none}a:hover{color:#b7ea98}::-moz-selection,::selection{background:#ff8000;color:#fff}.sub-point{display:block;font-size:14px}.sub-point code{font-size:12px;padding:2px}body{margin:0;padding:0;background:#444}.section{padding:0 0 40px 0;*zoom:1}.section:after{content:"";display:table;clear:both}.section.last{border-bottom:none}.section-header{position:relative;z-index:5;margin-top:0;margin-bottom:80px;color:#636363;text-align:center;font-size:72px}.section-header:before{border-top:2px solid #636363;content:"";margin:0 auto;position:absolute;top:50%;left:0;right:0;bottom:0;z-index:-1}.section-header .line-cover{background:#444;padding:0 15px}.section-content{margin:0 auto;padding:0 40px 40px 40px;max-width:800px}.row{*zoom:1}.row:after{content:"";display:table;clear:both}.intro-section{text-align:center}.logo{color:#fff;margin-bottom:0.07em}.logo .version{color:#fdf485}.author{margin-top:-9px;padding-left:23px;line-height:1.2em}.author-links{font-size:16px}.lead{font-size:22px}.examples-section{text-align:center}.image-row{*zoom:1;margin-bottom:20px}.image-row:after{content:"";display:table;clear:both}.example-image-link{display:inline-block;margin:0 10px 20px 10px;line-height:0;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;border:4px solid transparent;-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}.example-image-link:hover{border:4px solid #61c227}.example-image{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}.download-section{text-align:center}.download-button{display:block;max-width:300px;margin:0 auto 20px auto;padding-top:20px;padding-bottom:10px;background-color:#2b2b2b;border:4px solid #444;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-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}.download-button:after{content:"";display:table;clear:both}.download-button:hover{border-color:#61c227;background-color:#444}.download-button .file{font-size:36px;color:#fff;line-height:1em}.download-button .version{font-size:24px;color:#61c227}fieldset{border:none}.donate-button-form{text-align:center}.donate-button{border:4px solid rgba(0,0,0,0);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-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}.donate-button:hover{background-color:#444;border-color:#61c227}.credits-section{text-align:center}.sharing-section{position:fixed;z-index:10;top:20px;right:0}@media only screen and (max-width: 640px){body{font-size:14px}h1{font-size:48px}h2{font-size:26px}h3{font-size:16px}ol{list-style-position:inside}code,kbd,pre,pre code{font-size:11px}.sub-point{font-size:12px}.sub-point code{font-size:9px}.lead{font-size:16px}.section{padding-bottom:20px;margin-bottom:20px}.section-content{padding:0 20px 20px 20px}.section-header{margin-bottom:20px;font-size:48px}.author{margin-top:-5px;padding-left:30px}.author-links{font-size:12px}}

+ 4
- 4
index.html View File

@@ -62,11 +62,11 @@
<h2 class="section-header"><span class="line-cover">Download</span></h2>
</header>
<div class="section-content">
<a href="releases/lightbox2.6.zip" class="download-button">
<a href="releases/lightbox2.7.zip" class="download-button">
<div class="file">
Lightbox
<div class="version">
v2.6
v2.7
</div>
</div>
</a>
@@ -85,9 +85,9 @@
<h3>Part 1 - Get setup</h3>
<ol>
<li>Download and unzip the latest version of Lightbox from above.</li>
<li>Look inside the <code>js</code> folder to find <code>jquery-1.10.2.min.js</code> and <code>lightbox-2.6.min.js</code> and load both of these files from your html page. Load jQuery first:
<li>Look inside the <code>js</code> folder to find <code>jquery-1.10.2.min.js</code> and <code>lightbox.min.js</code> and load both of these files from your html page. Load jQuery first:
<pre><code>&lt;script src=&quot;js/jquery-1.10.2.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/lightbox-2.6.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/lightbox.min.js&quot;&gt;&lt;/script&gt;
</code></pre></li>
<li>Look inside the <code>css</code> folder to find <code>lightbox.css</code> and load it from your html page:
<pre><code>&lt;link href=&quot;css/lightbox.css&quot; rel=&quot;stylesheet&quot; /&gt;


+ 18
- 13
sass/screen.sass View File

@@ -9,14 +9,14 @@ $orange: #ff8000
$red: #ff4040
$blue: #4ae
$green: #61c227
$gray: #ccc
$light-gray: #eeeeee
$dark-gray: #222
$gray: #aaa
$light-gray: #ddd
$dark-gray: #444

$color: $gray
$color: white
$bg-color: $dark-gray
$heading-color: $orange
$link-color: $blue
$heading-color: $yellow
$link-color: $green

// TYPE --------------------------------------------------------

@@ -119,7 +119,7 @@ pre
padding: $gutter/4
margin-top: $gutter/8
margin-bottom: $gutter/4
background-color: darken($bg-color, 5%)
background-color: darken($bg-color, 3%)
font-family: $code-font-family
line-height: 1.5em
+border-radius($radius)
@@ -127,8 +127,8 @@ pre

code, kbd
padding: 2px 4px
color: desaturate($orange, 65%)
background-color: darken($bg-color, 5%)
color: desaturate($orange, 25%)
background-color: darken($bg-color, 3%)
font-family: $code-font-family
+border-radius($radius)

@@ -200,7 +200,7 @@ body

.section-content
margin: 0 auto
padding-bottom: $gutter
padding: 0 $gutter $gutter $gutter
max-width: $max-column-width

.row
@@ -312,11 +312,11 @@ fieldset
body
font-size: $font-size - 4
h1
font-size: 48px // from 72px
font-size: 48px
h2
font-size: 26px // from 48px
font-size: 26px
h3
font-size: 16px // from 18px
font-size: 16px
ol
list-style-position: inside
code,
@@ -333,6 +333,11 @@ fieldset
.section
padding-bottom: $gutter/2
margin-bottom: $gutter/2
.section-content
padding: 0 ($gutter / 2) ($gutter / 2) ($gutter / 2)
.section-header
margin-bottom: $gutter / 2
font-size: 48px
.author
margin-top: -5px
padding-left: 30px


Loading…
Cancel
Save