@ -0,0 +1,37 @@ |
|||
# HTML KickStart # |
|||
by Joshua Gatcke |
|||
http://www.99lime.com |
|||
Version: 0.94 |
|||
|
|||
## What is HTML KickStart? ## |
|||
|
|||
HTML KickStart is an ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you 10's of hours on your next web project. |
|||
|
|||
HTML KickStart includes everything you need to rapidly create website layouts – things like slideshows, menus, flexible grids, image placeholders, buttons, and more – saving you a ton of time so you can produce faster and make more money. |
|||
|
|||
Bonus! All HTML KickStart Elements are fully Browser tested, they even gracefully degrade ;) |
|||
|
|||
## Perfect for Wireframing in HTML ## |
|||
|
|||
HTML KickStart has everything you need to rapidly create HTML Page Layouts, perfect for Wireframing in HTML. |
|||
Layouts that used to take hours now take minutes. |
|||
|
|||
## Getting Started ## |
|||
|
|||
1. Download HTML KickStart |
|||
2. Open blank.html in your favorite text editor |
|||
3. Start adding KickStart Elements to blank.html: (http://www.99lime.com/elements/) |
|||
4. Save blank.html and open in your favorite Web Browser |
|||
5. Have fun! |
|||
|
|||
|
|||
## HTML KickStart is FREE and Open Source. ## |
|||
### Release Under the MIT Open Source License. ### |
|||
|
|||
Copyright © 2011-2012 Joshua Gatcke http://www.99lime.com | HTML KickStart |
|||
|
|||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: |
|||
|
|||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. |
|||
|
|||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. |
@ -0,0 +1,12 @@ |
|||
{ |
|||
"name": "99lime/html-kickstart", |
|||
"license": "MIT", |
|||
"description": "Ultra–Lean HTML Building Blocks for Rapid Website Production", |
|||
"minimum-stability": "dev", |
|||
"authors": [ |
|||
{ |
|||
"name": "Joshua Gatcke", |
|||
"email": "joshua@99lime.com" |
|||
} |
|||
] |
|||
} |
@ -0,0 +1,540 @@ |
|||
/*! |
|||
* Font Awesome 3.0.2 |
|||
* the iconic font designed for use with Twitter Bootstrap |
|||
* ------------------------------------------------------- |
|||
* The full suite of pictographic icons, examples, and documentation |
|||
* can be found at: http://fortawesome.github.com/Font-Awesome/ |
|||
* |
|||
* License |
|||
* ------------------------------------------------------- |
|||
* - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL |
|||
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - |
|||
* http://opensource.org/licenses/mit-license.html |
|||
* - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ |
|||
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated: |
|||
* "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" |
|||
|
|||
* Contact |
|||
* ------------------------------------------------------- |
|||
* Email: dave@davegandy.com |
|||
* Twitter: http://twitter.com/fortaweso_me |
|||
* Work: Lead Product Designer @ http://kyruus.com |
|||
*/ |
|||
@font-face { |
|||
font-family: 'FontAwesome'; |
|||
src: url('../font/fontawesome-webfont.eot?v=3.0.1'); |
|||
src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), |
|||
url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'), |
|||
url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
/* Font Awesome styles |
|||
------------------------------------------------------- */ |
|||
[class^="icon-"], |
|||
[class*=" icon-"] { |
|||
font-family: FontAwesome; |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
text-decoration: inherit; |
|||
-webkit-font-smoothing: antialiased; |
|||
|
|||
/* sprites.less reset */ |
|||
display: inline; |
|||
width: auto; |
|||
height: auto; |
|||
line-height: normal; |
|||
vertical-align: baseline; |
|||
background-image: none; |
|||
background-position: 0% 0%; |
|||
background-repeat: repeat; |
|||
margin-top: 0; |
|||
} |
|||
/* more sprites.less reset */ |
|||
.icon-white, |
|||
.nav-pills > .active > a > [class^="icon-"], |
|||
.nav-pills > .active > a > [class*=" icon-"], |
|||
.nav-list > .active > a > [class^="icon-"], |
|||
.nav-list > .active > a > [class*=" icon-"], |
|||
.navbar-inverse .nav > .active > a > [class^="icon-"], |
|||
.navbar-inverse .nav > .active > a > [class*=" icon-"], |
|||
.dropdown-menu > li > a:hover > [class^="icon-"], |
|||
.dropdown-menu > li > a:hover > [class*=" icon-"], |
|||
.dropdown-menu > .active > a > [class^="icon-"], |
|||
.dropdown-menu > .active > a > [class*=" icon-"], |
|||
.dropdown-submenu:hover > a > [class^="icon-"], |
|||
.dropdown-submenu:hover > a > [class*=" icon-"] { |
|||
background-image: none; |
|||
} |
|||
[class^="icon-"]:before, |
|||
[class*=" icon-"]:before { |
|||
text-decoration: inherit; |
|||
display: inline-block; |
|||
speak: none; |
|||
} |
|||
/* makes sure icons active on rollover in links */ |
|||
a [class^="icon-"], |
|||
a [class*=" icon-"] { |
|||
display: inline-block; |
|||
} |
|||
/* makes the font 33% larger relative to the icon container */ |
|||
.icon-large:before { |
|||
vertical-align: -10%; |
|||
font-size: 1.3333333333333333em; |
|||
} |
|||
.btn [class^="icon-"], |
|||
.nav [class^="icon-"], |
|||
.btn [class*=" icon-"], |
|||
.nav [class*=" icon-"] { |
|||
display: inline; |
|||
/* keeps button heights with and without icons the same */ |
|||
|
|||
} |
|||
.btn [class^="icon-"].icon-large, |
|||
.nav [class^="icon-"].icon-large, |
|||
.btn [class*=" icon-"].icon-large, |
|||
.nav [class*=" icon-"].icon-large { |
|||
line-height: .9em; |
|||
} |
|||
.btn [class^="icon-"].icon-spin, |
|||
.nav [class^="icon-"].icon-spin, |
|||
.btn [class*=" icon-"].icon-spin, |
|||
.nav [class*=" icon-"].icon-spin { |
|||
display: inline-block; |
|||
} |
|||
.nav-tabs [class^="icon-"], |
|||
.nav-pills [class^="icon-"], |
|||
.nav-tabs [class*=" icon-"], |
|||
.nav-pills [class*=" icon-"] { |
|||
/* keeps button heights with and without icons the same */ |
|||
|
|||
} |
|||
.nav-tabs [class^="icon-"], |
|||
.nav-pills [class^="icon-"], |
|||
.nav-tabs [class*=" icon-"], |
|||
.nav-pills [class*=" icon-"], |
|||
.nav-tabs [class^="icon-"].icon-large, |
|||
.nav-pills [class^="icon-"].icon-large, |
|||
.nav-tabs [class*=" icon-"].icon-large, |
|||
.nav-pills [class*=" icon-"].icon-large { |
|||
line-height: .9em; |
|||
} |
|||
li [class^="icon-"], |
|||
.nav li [class^="icon-"], |
|||
li [class*=" icon-"], |
|||
.nav li [class*=" icon-"] { |
|||
display: inline-block; |
|||
width: 1.25em; |
|||
text-align: center; |
|||
} |
|||
li [class^="icon-"].icon-large, |
|||
.nav li [class^="icon-"].icon-large, |
|||
li [class*=" icon-"].icon-large, |
|||
.nav li [class*=" icon-"].icon-large { |
|||
/* increased font size for icon-large */ |
|||
|
|||
width: 1.5625em; |
|||
} |
|||
ul.icons { |
|||
list-style-type: none; |
|||
text-indent: -0.75em; |
|||
} |
|||
ul.icons li [class^="icon-"], |
|||
ul.icons li [class*=" icon-"] { |
|||
width: .75em; |
|||
} |
|||
.icon-muted { |
|||
color: #eeeeee; |
|||
} |
|||
.icon-border { |
|||
border: solid 1px #eeeeee; |
|||
padding: .2em .25em .15em; |
|||
-webkit-border-radius: 3px; |
|||
-moz-border-radius: 3px; |
|||
border-radius: 3px; |
|||
} |
|||
.icon-2x { |
|||
font-size: 2em; |
|||
} |
|||
.icon-2x.icon-border { |
|||
border-width: 2px; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
} |
|||
.icon-3x { |
|||
font-size: 3em; |
|||
} |
|||
.icon-3x.icon-border { |
|||
border-width: 3px; |
|||
-webkit-border-radius: 5px; |
|||
-moz-border-radius: 5px; |
|||
border-radius: 5px; |
|||
} |
|||
.icon-4x { |
|||
font-size: 4em; |
|||
} |
|||
.icon-4x.icon-border { |
|||
border-width: 4px; |
|||
-webkit-border-radius: 6px; |
|||
-moz-border-radius: 6px; |
|||
border-radius: 6px; |
|||
} |
|||
.pull-right { |
|||
float: right; |
|||
} |
|||
.pull-left { |
|||
float: left; |
|||
} |
|||
[class^="icon-"].pull-left, |
|||
[class*=" icon-"].pull-left { |
|||
margin-right: .3em; |
|||
} |
|||
[class^="icon-"].pull-right, |
|||
[class*=" icon-"].pull-right { |
|||
margin-left: .3em; |
|||
} |
|||
.btn [class^="icon-"].pull-left.icon-2x, |
|||
.btn [class*=" icon-"].pull-left.icon-2x, |
|||
.btn [class^="icon-"].pull-right.icon-2x, |
|||
.btn [class*=" icon-"].pull-right.icon-2x { |
|||
margin-top: .18em; |
|||
} |
|||
.btn [class^="icon-"].icon-spin.icon-large, |
|||
.btn [class*=" icon-"].icon-spin.icon-large { |
|||
line-height: .8em; |
|||
} |
|||
.btn.btn-small [class^="icon-"].pull-left.icon-2x, |
|||
.btn.btn-small [class*=" icon-"].pull-left.icon-2x, |
|||
.btn.btn-small [class^="icon-"].pull-right.icon-2x, |
|||
.btn.btn-small [class*=" icon-"].pull-right.icon-2x { |
|||
margin-top: .25em; |
|||
} |
|||
.btn.btn-large [class^="icon-"], |
|||
.btn.btn-large [class*=" icon-"] { |
|||
margin-top: 0; |
|||
} |
|||
.btn.btn-large [class^="icon-"].pull-left.icon-2x, |
|||
.btn.btn-large [class*=" icon-"].pull-left.icon-2x, |
|||
.btn.btn-large [class^="icon-"].pull-right.icon-2x, |
|||
.btn.btn-large [class*=" icon-"].pull-right.icon-2x { |
|||
margin-top: .05em; |
|||
} |
|||
.btn.btn-large [class^="icon-"].pull-left.icon-2x, |
|||
.btn.btn-large [class*=" icon-"].pull-left.icon-2x { |
|||
margin-right: .2em; |
|||
} |
|||
.btn.btn-large [class^="icon-"].pull-right.icon-2x, |
|||
.btn.btn-large [class*=" icon-"].pull-right.icon-2x { |
|||
margin-left: .2em; |
|||
} |
|||
.icon-spin { |
|||
display: inline-block; |
|||
-moz-animation: spin 2s infinite linear; |
|||
-o-animation: spin 2s infinite linear; |
|||
-webkit-animation: spin 2s infinite linear; |
|||
animation: spin 2s infinite linear; |
|||
} |
|||
@-moz-keyframes spin { |
|||
0% { -moz-transform: rotate(0deg); } |
|||
100% { -moz-transform: rotate(359deg); } |
|||
} |
|||
@-webkit-keyframes spin { |
|||
0% { -webkit-transform: rotate(0deg); } |
|||
100% { -webkit-transform: rotate(359deg); } |
|||
} |
|||
@-o-keyframes spin { |
|||
0% { -o-transform: rotate(0deg); } |
|||
100% { -o-transform: rotate(359deg); } |
|||
} |
|||
@-ms-keyframes spin { |
|||
0% { -ms-transform: rotate(0deg); } |
|||
100% { -ms-transform: rotate(359deg); } |
|||
} |
|||
@keyframes spin { |
|||
0% { transform: rotate(0deg); } |
|||
100% { transform: rotate(359deg); } |
|||
} |
|||
@-moz-document url-prefix() { |
|||
.icon-spin { |
|||
height: .9em; |
|||
} |
|||
.btn .icon-spin { |
|||
height: auto; |
|||
} |
|||
.icon-spin.icon-large { |
|||
height: 1.25em; |
|||
} |
|||
.btn .icon-spin.icon-large { |
|||
height: .75em; |
|||
} |
|||
} |
|||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen |
|||
readers do not read off random characters that represent icons */ |
|||
.icon-glass:before { content: "\f000"; } |
|||
.icon-music:before { content: "\f001"; } |
|||
.icon-search:before { content: "\f002"; } |
|||
.icon-envelope:before { content: "\f003"; } |
|||
.icon-heart:before { content: "\f004"; } |
|||
.icon-star:before { content: "\f005"; } |
|||
.icon-star-empty:before { content: "\f006"; } |
|||
.icon-user:before { content: "\f007"; } |
|||
.icon-film:before { content: "\f008"; } |
|||
.icon-th-large:before { content: "\f009"; } |
|||
.icon-th:before { content: "\f00a"; } |
|||
.icon-th-list:before { content: "\f00b"; } |
|||
.icon-ok:before { content: "\f00c"; } |
|||
.icon-remove:before { content: "\f00d"; } |
|||
.icon-zoom-in:before { content: "\f00e"; } |
|||
|
|||
.icon-zoom-out:before { content: "\f010"; } |
|||
.icon-off:before { content: "\f011"; } |
|||
.icon-signal:before { content: "\f012"; } |
|||
.icon-cog:before { content: "\f013"; } |
|||
.icon-trash:before { content: "\f014"; } |
|||
.icon-home:before { content: "\f015"; } |
|||
.icon-file:before { content: "\f016"; } |
|||
.icon-time:before { content: "\f017"; } |
|||
.icon-road:before { content: "\f018"; } |
|||
.icon-download-alt:before { content: "\f019"; } |
|||
.icon-download:before { content: "\f01a"; } |
|||
.icon-upload:before { content: "\f01b"; } |
|||
.icon-inbox:before { content: "\f01c"; } |
|||
.icon-play-circle:before { content: "\f01d"; } |
|||
.icon-repeat:before { content: "\f01e"; } |
|||
|
|||
/* \f020 doesn't work in Safari. all shifted one down */ |
|||
.icon-refresh:before { content: "\f021"; } |
|||
.icon-list-alt:before { content: "\f022"; } |
|||
.icon-lock:before { content: "\f023"; } |
|||
.icon-flag:before { content: "\f024"; } |
|||
.icon-headphones:before { content: "\f025"; } |
|||
.icon-volume-off:before { content: "\f026"; } |
|||
.icon-volume-down:before { content: "\f027"; } |
|||
.icon-volume-up:before { content: "\f028"; } |
|||
.icon-qrcode:before { content: "\f029"; } |
|||
.icon-barcode:before { content: "\f02a"; } |
|||
.icon-tag:before { content: "\f02b"; } |
|||
.icon-tags:before { content: "\f02c"; } |
|||
.icon-book:before { content: "\f02d"; } |
|||
.icon-bookmark:before { content: "\f02e"; } |
|||
.icon-print:before { content: "\f02f"; } |
|||
|
|||
.icon-camera:before { content: "\f030"; } |
|||
.icon-font:before { content: "\f031"; } |
|||
.icon-bold:before { content: "\f032"; } |
|||
.icon-italic:before { content: "\f033"; } |
|||
.icon-text-height:before { content: "\f034"; } |
|||
.icon-text-width:before { content: "\f035"; } |
|||
.icon-align-left:before { content: "\f036"; } |
|||
.icon-align-center:before { content: "\f037"; } |
|||
.icon-align-right:before { content: "\f038"; } |
|||
.icon-align-justify:before { content: "\f039"; } |
|||
.icon-list:before { content: "\f03a"; } |
|||
.icon-indent-left:before { content: "\f03b"; } |
|||
.icon-indent-right:before { content: "\f03c"; } |
|||
.icon-facetime-video:before { content: "\f03d"; } |
|||
.icon-picture:before { content: "\f03e"; } |
|||
|
|||
.icon-pencil:before { content: "\f040"; } |
|||
.icon-map-marker:before { content: "\f041"; } |
|||
.icon-adjust:before { content: "\f042"; } |
|||
.icon-tint:before { content: "\f043"; } |
|||
.icon-edit:before { content: "\f044"; } |
|||
.icon-share:before { content: "\f045"; } |
|||
.icon-check:before { content: "\f046"; } |
|||
.icon-move:before { content: "\f047"; } |
|||
.icon-step-backward:before { content: "\f048"; } |
|||
.icon-fast-backward:before { content: "\f049"; } |
|||
.icon-backward:before { content: "\f04a"; } |
|||
.icon-play:before { content: "\f04b"; } |
|||
.icon-pause:before { content: "\f04c"; } |
|||
.icon-stop:before { content: "\f04d"; } |
|||
.icon-forward:before { content: "\f04e"; } |
|||
|
|||
.icon-fast-forward:before { content: "\f050"; } |
|||
.icon-step-forward:before { content: "\f051"; } |
|||
.icon-eject:before { content: "\f052"; } |
|||
.icon-chevron-left:before { content: "\f053"; } |
|||
.icon-chevron-right:before { content: "\f054"; } |
|||
.icon-plus-sign:before { content: "\f055"; } |
|||
.icon-minus-sign:before { content: "\f056"; } |
|||
.icon-remove-sign:before { content: "\f057"; } |
|||
.icon-ok-sign:before { content: "\f058"; } |
|||
.icon-question-sign:before { content: "\f059"; } |
|||
.icon-info-sign:before { content: "\f05a"; } |
|||
.icon-screenshot:before { content: "\f05b"; } |
|||
.icon-remove-circle:before { content: "\f05c"; } |
|||
.icon-ok-circle:before { content: "\f05d"; } |
|||
.icon-ban-circle:before { content: "\f05e"; } |
|||
|
|||
.icon-arrow-left:before { content: "\f060"; } |
|||
.icon-arrow-right:before { content: "\f061"; } |
|||
.icon-arrow-up:before { content: "\f062"; } |
|||
.icon-arrow-down:before { content: "\f063"; } |
|||
.icon-share-alt:before { content: "\f064"; } |
|||
.icon-resize-full:before { content: "\f065"; } |
|||
.icon-resize-small:before { content: "\f066"; } |
|||
.icon-plus:before { content: "\f067"; } |
|||
.icon-minus:before { content: "\f068"; } |
|||
.icon-asterisk:before { content: "\f069"; } |
|||
.icon-exclamation-sign:before { content: "\f06a"; } |
|||
.icon-gift:before { content: "\f06b"; } |
|||
.icon-leaf:before { content: "\f06c"; } |
|||
.icon-fire:before { content: "\f06d"; } |
|||
.icon-eye-open:before { content: "\f06e"; } |
|||
|
|||
.icon-eye-close:before { content: "\f070"; } |
|||
.icon-warning-sign:before { content: "\f071"; } |
|||
.icon-plane:before { content: "\f072"; } |
|||
.icon-calendar:before { content: "\f073"; } |
|||
.icon-random:before { content: "\f074"; } |
|||
.icon-comment:before { content: "\f075"; } |
|||
.icon-magnet:before { content: "\f076"; } |
|||
.icon-chevron-up:before { content: "\f077"; } |
|||
.icon-chevron-down:before { content: "\f078"; } |
|||
.icon-retweet:before { content: "\f079"; } |
|||
.icon-shopping-cart:before { content: "\f07a"; } |
|||
.icon-folder-close:before { content: "\f07b"; } |
|||
.icon-folder-open:before { content: "\f07c"; } |
|||
.icon-resize-vertical:before { content: "\f07d"; } |
|||
.icon-resize-horizontal:before { content: "\f07e"; } |
|||
|
|||
.icon-bar-chart:before { content: "\f080"; } |
|||
.icon-twitter-sign:before { content: "\f081"; } |
|||
.icon-facebook-sign:before { content: "\f082"; } |
|||
.icon-camera-retro:before { content: "\f083"; } |
|||
.icon-key:before { content: "\f084"; } |
|||
.icon-cogs:before { content: "\f085"; } |
|||
.icon-comments:before { content: "\f086"; } |
|||
.icon-thumbs-up:before { content: "\f087"; } |
|||
.icon-thumbs-down:before { content: "\f088"; } |
|||
.icon-star-half:before { content: "\f089"; } |
|||
.icon-heart-empty:before { content: "\f08a"; } |
|||
.icon-signout:before { content: "\f08b"; } |
|||
.icon-linkedin-sign:before { content: "\f08c"; } |
|||
.icon-pushpin:before { content: "\f08d"; } |
|||
.icon-external-link:before { content: "\f08e"; } |
|||
|
|||
.icon-signin:before { content: "\f090"; } |
|||
.icon-trophy:before { content: "\f091"; } |
|||
.icon-github-sign:before { content: "\f092"; } |
|||
.icon-upload-alt:before { content: "\f093"; } |
|||
.icon-lemon:before { content: "\f094"; } |
|||
.icon-phone:before { content: "\f095"; } |
|||
.icon-check-empty:before { content: "\f096"; } |
|||
.icon-bookmark-empty:before { content: "\f097"; } |
|||
.icon-phone-sign:before { content: "\f098"; } |
|||
.icon-twitter:before { content: "\f099"; } |
|||
.icon-facebook:before { content: "\f09a"; } |
|||
.icon-github:before { content: "\f09b"; } |
|||
.icon-unlock:before { content: "\f09c"; } |
|||
.icon-credit-card:before { content: "\f09d"; } |
|||
.icon-rss:before { content: "\f09e"; } |
|||
|
|||
.icon-hdd:before { content: "\f0a0"; } |
|||
.icon-bullhorn:before { content: "\f0a1"; } |
|||
.icon-bell:before { content: "\f0a2"; } |
|||
.icon-certificate:before { content: "\f0a3"; } |
|||
.icon-hand-right:before { content: "\f0a4"; } |
|||
.icon-hand-left:before { content: "\f0a5"; } |
|||
.icon-hand-up:before { content: "\f0a6"; } |
|||
.icon-hand-down:before { content: "\f0a7"; } |
|||
.icon-circle-arrow-left:before { content: "\f0a8"; } |
|||
.icon-circle-arrow-right:before { content: "\f0a9"; } |
|||
.icon-circle-arrow-up:before { content: "\f0aa"; } |
|||
.icon-circle-arrow-down:before { content: "\f0ab"; } |
|||
.icon-globe:before { content: "\f0ac"; } |
|||
.icon-wrench:before { content: "\f0ad"; } |
|||
.icon-tasks:before { content: "\f0ae"; } |
|||
|
|||
.icon-filter:before { content: "\f0b0"; } |
|||
.icon-briefcase:before { content: "\f0b1"; } |
|||
.icon-fullscreen:before { content: "\f0b2"; } |
|||
|
|||
.icon-group:before { content: "\f0c0"; } |
|||
.icon-link:before { content: "\f0c1"; } |
|||
.icon-cloud:before { content: "\f0c2"; } |
|||
.icon-beaker:before { content: "\f0c3"; } |
|||
.icon-cut:before { content: "\f0c4"; } |
|||
.icon-copy:before { content: "\f0c5"; } |
|||
.icon-paper-clip:before { content: "\f0c6"; } |
|||
.icon-save:before { content: "\f0c7"; } |
|||
.icon-sign-blank:before { content: "\f0c8"; } |
|||
.icon-reorder:before { content: "\f0c9"; } |
|||
.icon-list-ul:before { content: "\f0ca"; } |
|||
.icon-list-ol:before { content: "\f0cb"; } |
|||
.icon-strikethrough:before { content: "\f0cc"; } |
|||
.icon-underline:before { content: "\f0cd"; } |
|||
.icon-table:before { content: "\f0ce"; } |
|||
|
|||
.icon-magic:before { content: "\f0d0"; } |
|||
.icon-truck:before { content: "\f0d1"; } |
|||
.icon-pinterest:before { content: "\f0d2"; } |
|||
.icon-pinterest-sign:before { content: "\f0d3"; } |
|||
.icon-google-plus-sign:before { content: "\f0d4"; } |
|||
.icon-google-plus:before { content: "\f0d5"; } |
|||
.icon-money:before { content: "\f0d6"; } |
|||
.icon-caret-down:before { content: "\f0d7"; } |
|||
.icon-caret-up:before { content: "\f0d8"; } |
|||
.icon-caret-left:before { content: "\f0d9"; } |
|||
.icon-caret-right:before { content: "\f0da"; } |
|||
.icon-columns:before { content: "\f0db"; } |
|||
.icon-sort:before { content: "\f0dc"; } |
|||
.icon-sort-down:before { content: "\f0dd"; } |
|||
.icon-sort-up:before { content: "\f0de"; } |
|||
|
|||
.icon-envelope-alt:before { content: "\f0e0"; } |
|||
.icon-linkedin:before { content: "\f0e1"; } |
|||
.icon-undo:before { content: "\f0e2"; } |
|||
.icon-legal:before { content: "\f0e3"; } |
|||
.icon-dashboard:before { content: "\f0e4"; } |
|||
.icon-comment-alt:before { content: "\f0e5"; } |
|||
.icon-comments-alt:before { content: "\f0e6"; } |
|||
.icon-bolt:before { content: "\f0e7"; } |
|||
.icon-sitemap:before { content: "\f0e8"; } |
|||
.icon-umbrella:before { content: "\f0e9"; } |
|||
.icon-paste:before { content: "\f0ea"; } |
|||
.icon-lightbulb:before { content: "\f0eb"; } |
|||
.icon-exchange:before { content: "\f0ec"; } |
|||
.icon-cloud-download:before { content: "\f0ed"; } |
|||
.icon-cloud-upload:before { content: "\f0ee"; } |
|||
|
|||
.icon-user-md:before { content: "\f0f0"; } |
|||
.icon-stethoscope:before { content: "\f0f1"; } |
|||
.icon-suitcase:before { content: "\f0f2"; } |
|||
.icon-bell-alt:before { content: "\f0f3"; } |
|||
.icon-coffee:before { content: "\f0f4"; } |
|||
.icon-food:before { content: "\f0f5"; } |
|||
.icon-file-alt:before { content: "\f0f6"; } |
|||
.icon-building:before { content: "\f0f7"; } |
|||
.icon-hospital:before { content: "\f0f8"; } |
|||
.icon-ambulance:before { content: "\f0f9"; } |
|||
.icon-medkit:before { content: "\f0fa"; } |
|||
.icon-fighter-jet:before { content: "\f0fb"; } |
|||
.icon-beer:before { content: "\f0fc"; } |
|||
.icon-h-sign:before { content: "\f0fd"; } |
|||
.icon-plus-sign-alt:before { content: "\f0fe"; } |
|||
|
|||
.icon-double-angle-left:before { content: "\f100"; } |
|||
.icon-double-angle-right:before { content: "\f101"; } |
|||
.icon-double-angle-up:before { content: "\f102"; } |
|||
.icon-double-angle-down:before { content: "\f103"; } |
|||
.icon-angle-left:before { content: "\f104"; } |
|||
.icon-angle-right:before { content: "\f105"; } |
|||
.icon-angle-up:before { content: "\f106"; } |
|||
.icon-angle-down:before { content: "\f107"; } |
|||
.icon-desktop:before { content: "\f108"; } |
|||
.icon-laptop:before { content: "\f109"; } |
|||
.icon-tablet:before { content: "\f10a"; } |
|||
.icon-mobile-phone:before { content: "\f10b"; } |
|||
.icon-circle-blank:before { content: "\f10c"; } |
|||
.icon-quote-left:before { content: "\f10d"; } |
|||
.icon-quote-right:before { content: "\f10e"; } |
|||
|
|||
.icon-spinner:before { content: "\f110"; } |
|||
.icon-circle:before { content: "\f111"; } |
|||
.icon-reply:before { content: "\f112"; } |
|||
.icon-github-alt:before { content: "\f113"; } |
|||
.icon-folder-close-alt:before { content: "\f114"; } |
|||
.icon-folder-open-alt:before { content: "\f115"; } |
After Width: | Height: | Size: 135 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 8.4 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 43 B |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 107 B |
After Width: | Height: | Size: 106 B |
After Width: | Height: | Size: 347 B |
After Width: | Height: | Size: 324 B |
After Width: | Height: | Size: 111 B |
After Width: | Height: | Size: 352 B |
After Width: | Height: | Size: 340 B |
After Width: | Height: | Size: 103 B |
After Width: | Height: | Size: 503 B |
After Width: | Height: | Size: 96 B |
After Width: | Height: | Size: 70 B |
After Width: | Height: | Size: 506 B |
After Width: | Height: | Size: 203 B |
After Width: | Height: | Size: 176 B |
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,72 @@ |
|||
/* |
|||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
|||
* |
|||
* Uses the built in easing capabilities added In jQuery 1.1 |
|||
* to offer multiple easing options |
|||
* |
|||
* TERMS OF USE - jQuery Easing |
|||
* |
|||
* Open source under the BSD License. |
|||
* |
|||
* Copyright © 2008 George McGinley Smith |
|||
* All rights reserved. |
|||
* |
|||
* Redistribution and use in source and binary forms, with or without modification, |
|||
* are permitted provided that the following conditions are met: |
|||
* |
|||
* Redistributions of source code must retain the above copyright notice, this list of |
|||
* conditions and the following disclaimer. |
|||
* Redistributions in binary form must reproduce the above copyright notice, this list |
|||
* of conditions and the following disclaimer in the documentation and/or other materials |
|||
* provided with the distribution. |
|||
* |
|||
* Neither the name of the author nor the names of contributors may be used to endorse |
|||
* or promote products derived from this software without specific prior written permission. |
|||
* |
|||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY |
|||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF |
|||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE |
|||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, |
|||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE |
|||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED |
|||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING |
|||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED |
|||
* OF THE POSSIBILITY OF SUCH DAMAGE. |
|||
* |
|||
*/ |
|||
|
|||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
|||
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('h.i[\'1a\']=h.i[\'z\'];h.O(h.i,{y:\'D\',z:9(x,t,b,c,d){6 h.i[h.i.y](x,t,b,c,d)},17:9(x,t,b,c,d){6 c*(t/=d)*t+b},D:9(x,t,b,c,d){6-c*(t/=d)*(t-2)+b},13:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t+b;6-c/2*((--t)*(t-2)-1)+b},X:9(x,t,b,c,d){6 c*(t/=d)*t*t+b},U:9(x,t,b,c,d){6 c*((t=t/d-1)*t*t+1)+b},R:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t+b;6 c/2*((t-=2)*t*t+2)+b},N:9(x,t,b,c,d){6 c*(t/=d)*t*t*t+b},M:9(x,t,b,c,d){6-c*((t=t/d-1)*t*t*t-1)+b},L:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t+b;6-c/2*((t-=2)*t*t*t-2)+b},K:9(x,t,b,c,d){6 c*(t/=d)*t*t*t*t+b},J:9(x,t,b,c,d){6 c*((t=t/d-1)*t*t*t*t+1)+b},I:9(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t*t+b;6 c/2*((t-=2)*t*t*t*t+2)+b},G:9(x,t,b,c,d){6-c*8.C(t/d*(8.g/2))+c+b},15:9(x,t,b,c,d){6 c*8.n(t/d*(8.g/2))+b},12:9(x,t,b,c,d){6-c/2*(8.C(8.g*t/d)-1)+b},Z:9(x,t,b,c,d){6(t==0)?b:c*8.j(2,10*(t/d-1))+b},Y:9(x,t,b,c,d){6(t==d)?b+c:c*(-8.j(2,-10*t/d)+1)+b},W:9(x,t,b,c,d){e(t==0)6 b;e(t==d)6 b+c;e((t/=d/2)<1)6 c/2*8.j(2,10*(t-1))+b;6 c/2*(-8.j(2,-10*--t)+2)+b},V:9(x,t,b,c,d){6-c*(8.o(1-(t/=d)*t)-1)+b},S:9(x,t,b,c,d){6 c*8.o(1-(t=t/d-1)*t)+b},Q:9(x,t,b,c,d){e((t/=d/2)<1)6-c/2*(8.o(1-t*t)-1)+b;6 c/2*(8.o(1-(t-=2)*t)+1)+b},P:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);6-(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b},H:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);6 a*8.j(2,-10*t)*8.n((t*d-s)*(2*8.g)/p)+c+b},T:9(x,t,b,c,d){f s=1.l;f p=0;f a=c;e(t==0)6 b;e((t/=d/2)==2)6 b+c;e(!p)p=d*(.3*1.5);e(a<8.w(c)){a=c;f s=p/4}m f s=p/(2*8.g)*8.r(c/a);e(t<1)6-.5*(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b;6 a*8.j(2,-10*(t-=1))*8.n((t*d-s)*(2*8.g)/p)*.5+c+b},F:9(x,t,b,c,d,s){e(s==u)s=1.l;6 c*(t/=d)*t*((s+1)*t-s)+b},E:9(x,t,b,c,d,s){e(s==u)s=1.l;6 c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},16:9(x,t,b,c,d,s){e(s==u)s=1.l;e((t/=d/2)<1)6 c/2*(t*t*(((s*=(1.B))+1)*t-s))+b;6 c/2*((t-=2)*t*(((s*=(1.B))+1)*t+s)+2)+b},A:9(x,t,b,c,d){6 c-h.i.v(x,d-t,0,c,d)+b},v:9(x,t,b,c,d){e((t/=d)<(1/2.k)){6 c*(7.q*t*t)+b}m e(t<(2/2.k)){6 c*(7.q*(t-=(1.5/2.k))*t+.k)+b}m e(t<(2.5/2.k)){6 c*(7.q*(t-=(2.14/2.k))*t+.11)+b}m{6 c*(7.q*(t-=(2.18/2.k))*t+.19)+b}},1b:9(x,t,b,c,d){e(t<d/2)6 h.i.A(x,t*2,0,c,d)*.5+b;6 h.i.v(x,t*2-d,0,c,d)*.5+c*.5+b}});',62,74,'||||||return||Math|function|||||if|var|PI|jQuery|easing|pow|75|70158|else|sin|sqrt||5625|asin|||undefined|easeOutBounce|abs||def|swing|easeInBounce|525|cos|easeOutQuad|easeOutBack|easeInBack|easeInSine|easeOutElastic|easeInOutQuint|easeOutQuint|easeInQuint|easeInOutQuart|easeOutQuart|easeInQuart|extend|easeInElastic|easeInOutCirc|easeInOutCubic|easeOutCirc|easeInOutElastic|easeOutCubic|easeInCirc|easeInOutExpo|easeInCubic|easeOutExpo|easeInExpo||9375|easeInOutSine|easeInOutQuad|25|easeOutSine|easeInOutBack|easeInQuad|625|984375|jswing|easeInOutBounce'.split('|'),0,{})) |
|||
|
|||
/* |
|||
* |
|||
* TERMS OF USE - EASING EQUATIONS |
|||
* |
|||
* Open source under the BSD License. |
|||
* |
|||
* Copyright © 2001 Robert Penner |
|||
* All rights reserved. |
|||
* |
|||
* Redistribution and use in source and binary forms, with or without modification, |
|||
* are permitted provided that the following conditions are met: |
|||
* |
|||
* Redistributions of source code must retain the above copyright notice, this list of |
|||
* conditions and the following disclaimer. |
|||
* Redistributions in binary form must reproduce the above copyright notice, this list |
|||
* of conditions and the following disclaimer in the documentation and/or other materials |
|||
* provided with the distribution. |
|||
* |
|||
* Neither the name of the author nor the names of contributors may be used to endorse |
|||
* or promote products derived from this software without specific prior written permission. |
|||
* |
|||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY |
|||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF |
|||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE |
|||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, |
|||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE |
|||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED |
|||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING |
|||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED |
|||
* OF THE POSSIBILITY OF SUCH DAMAGE. |
|||
* |
|||
*/ |
@ -0,0 +1,46 @@ |
|||
/* |
|||
* FancyBox - jQuery Plugin |
|||
* Simple and fancy lightbox alternative |
|||
* |
|||
* Examples and documentation at: http://fancybox.net
|
|||
* |
|||
* Copyright (c) 2008 - 2010 Janis Skarnelis |
|||
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. |
|||
* |
|||
* Version: 1.3.4 (11/11/2010) |
|||
* Requires: jQuery v1.3+ |
|||
* |
|||
* Dual licensed under the MIT and GPL licenses: |
|||
* http://www.opensource.org/licenses/mit-license.php
|
|||
* http://www.gnu.org/licenses/gpl.html
|
|||
*/ |
|||
|
|||
;(function(b){var m,t,u,f,D,j,E,n,z,A,q=0,e={},o=[],p=0,d={},l=[],G=null,v=new Image,J=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,W=/[^\.]\.(swf)\s*$/i,K,L=1,y=0,s="",r,i,h=false,B=b.extend(b("<div/>")[0],{prop:0}),M=b.browser.msie&&b.browser.version<7&&!window.XMLHttpRequest,N=function(){t.hide();v.onerror=v.onload=null;G&&G.abort();m.empty()},O=function(){if(false===e.onError(o,q,e)){t.hide();h=false}else{e.titleShow=false;e.width="auto";e.height="auto";m.html('<p id="fancybox-error">The requested content cannot be loaded.<br />Please try again later.</p>'); |
|||
F()}},I=function(){var a=o[q],c,g,k,C,P,w;N();e=b.extend({},b.fn.fancybox.defaults,typeof b(a).data("fancybox")=="undefined"?e:b(a).data("fancybox"));w=e.onStart(o,q,e);if(w===false)h=false;else{if(typeof w=="object")e=b.extend(e,w);k=e.title||(a.nodeName?b(a).attr("title"):a.title)||"";if(a.nodeName&&!e.orig)e.orig=b(a).children("img:first").length?b(a).children("img:first"):b(a);if(k===""&&e.orig&&e.titleFromAlt)k=e.orig.attr("alt");c=e.href||(a.nodeName?b(a).attr("href"):a.href)||null;if(/^(?:javascript)/i.test(c)|| |
|||
c=="#")c=null;if(e.type){g=e.type;if(!c)c=e.content}else if(e.content)g="html";else if(c)g=c.match(J)?"image":c.match(W)?"swf":b(a).hasClass("iframe")?"iframe":c.indexOf("#")===0?"inline":"ajax";if(g){if(g=="inline"){a=c.substr(c.indexOf("#"));g=b(a).length>0?"inline":"ajax"}e.type=g;e.href=c;e.title=k;if(e.autoDimensions)if(e.type=="html"||e.type=="inline"||e.type=="ajax"){e.width="auto";e.height="auto"}else e.autoDimensions=false;if(e.modal){e.overlayShow=true;e.hideOnOverlayClick=false;e.hideOnContentClick= |
|||
false;e.enableEscapeButton=false;e.showCloseButton=false}e.padding=parseInt(e.padding,10);e.margin=parseInt(e.margin,10);m.css("padding",e.padding+e.margin);b(".fancybox-inline-tmp").unbind("fancybox-cancel").bind("fancybox-change",function(){b(this).replaceWith(j.children())});switch(g){case "html":m.html(e.content);F();break;case "inline":if(b(a).parent().is("#fancybox-content")===true){h=false;break}b('<div class="fancybox-inline-tmp" />').hide().insertBefore(b(a)).bind("fancybox-cleanup",function(){b(this).replaceWith(j.children())}).bind("fancybox-cancel", |
|||
function(){b(this).replaceWith(m.children())});b(a).appendTo(m);F();break;case "image":h=false;b.fancybox.showActivity();v=new Image;v.onerror=function(){O()};v.onload=function(){h=true;v.onerror=v.onload=null;e.width=v.width;e.height=v.height;b("<img />").attr({id:"fancybox-img",src:v.src,alt:e.title}).appendTo(m);Q()};v.src=c;break;case "swf":e.scrolling="no";C='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+e.width+'" height="'+e.height+'"><param name="movie" value="'+c+ |
|||
'"></param>';P="";b.each(e.swf,function(x,H){C+='<param name="'+x+'" value="'+H+'"></param>';P+=" "+x+'="'+H+'"'});C+='<embed src="'+c+'" type="application/x-shockwave-flash" width="'+e.width+'" height="'+e.height+'"'+P+"></embed></object>";m.html(C);F();break;case "ajax":h=false;b.fancybox.showActivity();e.ajax.win=e.ajax.success;G=b.ajax(b.extend({},e.ajax,{url:c,data:e.ajax.data||{},error:function(x){x.status>0&&O()},success:function(x,H,R){if((typeof R=="object"?R:G).status==200){if(typeof e.ajax.win== |
|||
"function"){w=e.ajax.win(c,x,H,R);if(w===false){t.hide();return}else if(typeof w=="string"||typeof w=="object")x=w}m.html(x);F()}}}));break;case "iframe":Q()}}else O()}},F=function(){var a=e.width,c=e.height;a=a.toString().indexOf("%")>-1?parseInt((b(window).width()-e.margin*2)*parseFloat(a)/100,10)+"px":a=="auto"?"auto":a+"px";c=c.toString().indexOf("%")>-1?parseInt((b(window).height()-e.margin*2)*parseFloat(c)/100,10)+"px":c=="auto"?"auto":c+"px";m.wrapInner('<div style="width:'+a+";height:"+c+ |
|||
";overflow: "+(e.scrolling=="auto"?"auto":e.scrolling=="yes"?"scroll":"hidden")+';position:relative;"></div>');e.width=m.width();e.height=m.height();Q()},Q=function(){var a,c;t.hide();if(f.is(":visible")&&false===d.onCleanup(l,p,d)){b.event.trigger("fancybox-cancel");h=false}else{h=true;b(j.add(u)).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");f.is(":visible")&&d.titlePosition!=="outside"&&f.css("height",f.height());l=o;p=q;d=e;if(d.overlayShow){u.css({"background-color":d.overlayColor, |
|||
opacity:d.overlayOpacity,cursor:d.hideOnOverlayClick?"pointer":"auto",height:b(document).height()});if(!u.is(":visible")){M&&b("select:not(#fancybox-tmp select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"});u.show()}}else u.hide();i=X();s=d.title||"";y=0;n.empty().removeAttr("style").removeClass();if(d.titleShow!==false){if(b.isFunction(d.titleFormat))a=d.titleFormat(s,l,p,d);else a=s&&s.length? |
|||
d.titlePosition=="float"?'<table id="fancybox-title-float-wrap" cellpadding="0" cellspacing="0"><tr><td id="fancybox-title-float-left"></td><td id="fancybox-title-float-main">'+s+'</td><td id="fancybox-title-float-right"></td></tr></table>':'<div id="fancybox-title-'+d.titlePosition+'">'+s+"</div>":false;s=a;if(!(!s||s==="")){n.addClass("fancybox-title-"+d.titlePosition).html(s).appendTo("body").show();switch(d.titlePosition){case "inside":n.css({width:i.width-d.padding*2,marginLeft:d.padding,marginRight:d.padding}); |
|||
y=n.outerHeight(true);n.appendTo(D);i.height+=y;break;case "over":n.css({marginLeft:d.padding,width:i.width-d.padding*2,bottom:d.padding}).appendTo(D);break;case "float":n.css("left",parseInt((n.width()-i.width-40)/2,10)*-1).appendTo(f);break;default:n.css({width:i.width-d.padding*2,paddingLeft:d.padding,paddingRight:d.padding}).appendTo(f)}}}n.hide();if(f.is(":visible")){b(E.add(z).add(A)).hide();a=f.position();r={top:a.top,left:a.left,width:f.width(),height:f.height()};c=r.width==i.width&&r.height== |
|||
i.height;j.fadeTo(d.changeFade,0.3,function(){var g=function(){j.html(m.contents()).fadeTo(d.changeFade,1,S)};b.event.trigger("fancybox-change");j.empty().removeAttr("filter").css({"border-width":d.padding,width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2});if(c)g();else{B.prop=0;b(B).animate({prop:1},{duration:d.changeSpeed,easing:d.easingChange,step:T,complete:g})}})}else{f.removeAttr("style");j.css("border-width",d.padding);if(d.transitionIn=="elastic"){r=V();j.html(m.contents()); |
|||
f.show();if(d.opacity)i.opacity=0;B.prop=0;b(B).animate({prop:1},{duration:d.speedIn,easing:d.easingIn,step:T,complete:S})}else{d.titlePosition=="inside"&&y>0&&n.show();j.css({width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2}).html(m.contents());f.css(i).fadeIn(d.transitionIn=="none"?0:d.speedIn,S)}}}},Y=function(){if(d.enableEscapeButton||d.enableKeyboardNav)b(document).bind("keydown.fb",function(a){if(a.keyCode==27&&d.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if((a.keyCode== |
|||
37||a.keyCode==39)&&d.enableKeyboardNav&&a.target.tagName!=="INPUT"&&a.target.tagName!=="TEXTAREA"&&a.target.tagName!=="SELECT"){a.preventDefault();b.fancybox[a.keyCode==37?"prev":"next"]()}});if(d.showNavArrows){if(d.cyclic&&l.length>1||p!==0)z.show();if(d.cyclic&&l.length>1||p!=l.length-1)A.show()}else{z.hide();A.hide()}},S=function(){if(!b.support.opacity){j.get(0).style.removeAttribute("filter");f.get(0).style.removeAttribute("filter")}e.autoDimensions&&j.css("height","auto");f.css("height","auto"); |
|||
s&&s.length&&n.show();d.showCloseButton&&E.show();Y();d.hideOnContentClick&&j.bind("click",b.fancybox.close);d.hideOnOverlayClick&&u.bind("click",b.fancybox.close);b(window).bind("resize.fb",b.fancybox.resize);d.centerOnScroll&&b(window).bind("scroll.fb",b.fancybox.center);if(d.type=="iframe")b('<iframe id="fancybox-frame" name="fancybox-frame'+(new Date).getTime()+'" frameborder="0" hspace="0" '+(b.browser.msie?'allowtransparency="true""':"")+' scrolling="'+e.scrolling+'" src="'+d.href+'"></iframe>').appendTo(j); |
|||
f.show();h=false;b.fancybox.center();d.onComplete(l,p,d);var a,c;if(l.length-1>p){a=l[p+1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}if(p>0){a=l[p-1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}},T=function(a){var c={width:parseInt(r.width+(i.width-r.width)*a,10),height:parseInt(r.height+(i.height-r.height)*a,10),top:parseInt(r.top+(i.top-r.top)*a,10),left:parseInt(r.left+(i.left-r.left)*a,10)};if(typeof i.opacity!=="undefined")c.opacity=a<0.5?0.5:a;f.css(c); |
|||
j.css({width:c.width-d.padding*2,height:c.height-y*a-d.padding*2})},U=function(){return[b(window).width()-d.margin*2,b(window).height()-d.margin*2,b(document).scrollLeft()+d.margin,b(document).scrollTop()+d.margin]},X=function(){var a=U(),c={},g=d.autoScale,k=d.padding*2;c.width=d.width.toString().indexOf("%")>-1?parseInt(a[0]*parseFloat(d.width)/100,10):d.width+k;c.height=d.height.toString().indexOf("%")>-1?parseInt(a[1]*parseFloat(d.height)/100,10):d.height+k;if(g&&(c.width>a[0]||c.height>a[1]))if(e.type== |
|||
"image"||e.type=="swf"){g=d.width/d.height;if(c.width>a[0]){c.width=a[0];c.height=parseInt((c.width-k)/g+k,10)}if(c.height>a[1]){c.height=a[1];c.width=parseInt((c.height-k)*g+k,10)}}else{c.width=Math.min(c.width,a[0]);c.height=Math.min(c.height,a[1])}c.top=parseInt(Math.max(a[3]-20,a[3]+(a[1]-c.height-40)*0.5),10);c.left=parseInt(Math.max(a[2]-20,a[2]+(a[0]-c.width-40)*0.5),10);return c},V=function(){var a=e.orig?b(e.orig):false,c={};if(a&&a.length){c=a.offset();c.top+=parseInt(a.css("paddingTop"), |
|||
10)||0;c.left+=parseInt(a.css("paddingLeft"),10)||0;c.top+=parseInt(a.css("border-top-width"),10)||0;c.left+=parseInt(a.css("border-left-width"),10)||0;c.width=a.width();c.height=a.height();c={width:c.width+d.padding*2,height:c.height+d.padding*2,top:c.top-d.padding-20,left:c.left-d.padding-20}}else{a=U();c={width:d.padding*2,height:d.padding*2,top:parseInt(a[3]+a[1]*0.5,10),left:parseInt(a[2]+a[0]*0.5,10)}}return c},Z=function(){if(t.is(":visible")){b("div",t).css("top",L*-40+"px");L=(L+1)%12}else clearInterval(K)}; |
|||
b.fn.fancybox=function(a){if(!b(this).length)return this;b(this).data("fancybox",b.extend({},a,b.metadata?b(this).metadata():{})).unbind("click.fb").bind("click.fb",function(c){c.preventDefault();if(!h){h=true;b(this).blur();o=[];q=0;c=b(this).attr("rel")||"";if(!c||c==""||c==="nofollow")o.push(this);else{o=b("a[rel="+c+"], area[rel="+c+"]");q=o.index(this)}I()}});return this};b.fancybox=function(a,c){var g;if(!h){h=true;g=typeof c!=="undefined"?c:{};o=[];q=parseInt(g.index,10)||0;if(b.isArray(a)){for(var k= |
|||
0,C=a.length;k<C;k++)if(typeof a[k]=="object")b(a[k]).data("fancybox",b.extend({},g,a[k]));else a[k]=b({}).data("fancybox",b.extend({content:a[k]},g));o=jQuery.merge(o,a)}else{if(typeof a=="object")b(a).data("fancybox",b.extend({},g,a));else a=b({}).data("fancybox",b.extend({content:a},g));o.push(a)}if(q>o.length||q<0)q=0;I()}};b.fancybox.showActivity=function(){clearInterval(K);t.show();K=setInterval(Z,66)};b.fancybox.hideActivity=function(){t.hide()};b.fancybox.next=function(){return b.fancybox.pos(p+ |
|||
1)};b.fancybox.prev=function(){return b.fancybox.pos(p-1)};b.fancybox.pos=function(a){if(!h){a=parseInt(a);o=l;if(a>-1&&a<l.length){q=a;I()}else if(d.cyclic&&l.length>1){q=a>=l.length?0:l.length-1;I()}}};b.fancybox.cancel=function(){if(!h){h=true;b.event.trigger("fancybox-cancel");N();e.onCancel(o,q,e);h=false}};b.fancybox.close=function(){function a(){u.fadeOut("fast");n.empty().hide();f.hide();b.event.trigger("fancybox-cleanup");j.empty();d.onClosed(l,p,d);l=e=[];p=q=0;d=e={};h=false}if(!(h||f.is(":hidden"))){h= |
|||
true;if(d&&false===d.onCleanup(l,p,d))h=false;else{N();b(E.add(z).add(A)).hide();b(j.add(u)).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");j.find("iframe").attr("src",M&&/^https/i.test(window.location.href||"")?"javascript:void(false)":"about:blank");d.titlePosition!=="inside"&&n.empty();f.stop();if(d.transitionOut=="elastic"){r=V();var c=f.position();i={top:c.top,left:c.left,width:f.width(),height:f.height()};if(d.opacity)i.opacity=1;n.empty().hide();B.prop=1; |
|||
b(B).animate({prop:0},{duration:d.speedOut,easing:d.easingOut,step:T,complete:a})}else f.fadeOut(d.transitionOut=="none"?0:d.speedOut,a)}}};b.fancybox.resize=function(){u.is(":visible")&&u.css("height",b(document).height());b.fancybox.center(true)};b.fancybox.center=function(a){var c,g;if(!h){g=a===true?1:0;c=U();!g&&(f.width()>c[0]||f.height()>c[1])||f.stop().animate({top:parseInt(Math.max(c[3]-20,c[3]+(c[1]-j.height()-40)*0.5-d.padding)),left:parseInt(Math.max(c[2]-20,c[2]+(c[0]-j.width()-40)*0.5- |
|||
d.padding))},typeof a=="number"?a:200)}};b.fancybox.init=function(){if(!b("#fancybox-wrap").length){b("body").append(m=b('<div id="fancybox-tmp"></div>'),t=b('<div id="fancybox-loading"><div></div></div>'),u=b('<div id="fancybox-overlay"></div>'),f=b('<div id="fancybox-wrap"></div>'));D=b('<div id="fancybox-outer"></div>').append('<div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div>').appendTo(f); |
|||
D.append(j=b('<div id="fancybox-content"></div>'),E=b('<a id="fancybox-close"></a>'),n=b('<div id="fancybox-title"></div>'),z=b('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),A=b('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>'));E.click(b.fancybox.close);t.click(b.fancybox.cancel);z.click(function(a){a.preventDefault();b.fancybox.prev()});A.click(function(a){a.preventDefault();b.fancybox.next()}); |
|||
b.fn.mousewheel&&f.bind("mousewheel.fb",function(a,c){if(h)a.preventDefault();else if(b(a.target).get(0).clientHeight==0||b(a.target).get(0).scrollHeight===b(a.target).get(0).clientHeight){a.preventDefault();b.fancybox[c>0?"prev":"next"]()}});b.support.opacity||f.addClass("fancybox-ie");if(M){t.addClass("fancybox-ie6");f.addClass("fancybox-ie6");b('<iframe id="fancybox-hide-sel-frame" src="'+(/^https/i.test(window.location.href||"")?"javascript:void(false)":"about:blank")+'" scrolling="no" border="0" frameborder="0" tabindex="-1"></iframe>').prependTo(D)}}}; |
|||
b.fn.fancybox.defaults={padding:10,margin:40,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.7,overlayColor:"#777",titleShow:true,titlePosition:"float",titleFormat:null,titleFromAlt:false,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",easingIn:"swing", |
|||
easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,enableKeyboardNav:true,onStart:function(){},onCancel:function(){},onComplete:function(){},onCleanup:function(){},onClosed:function(){},onError:function(){}};b(document).ready(function(){b.fancybox.init()})})(jQuery); |
@ -0,0 +1,14 @@ |
|||
/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net) |
|||
* Licensed under the MIT License (LICENSE.txt). |
|||
* |
|||
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
|
|||
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
|
|||
* Thanks to: Seamus Leahy for adding deltaX and deltaY |
|||
* |
|||
* Version: 3.0.4 |
|||
* |
|||
* Requires: 1.2.2+ |
|||
*/ |
|||
|
|||
(function(d){function g(a){var b=a||window.event,i=[].slice.call(arguments,1),c=0,h=0,e=0;a=d.event.fix(b);a.type="mousewheel";if(a.wheelDelta)c=a.wheelDelta/120;if(a.detail)c=-a.detail/3;e=c;if(b.axis!==undefined&&b.axis===b.HORIZONTAL_AXIS){e=0;h=-1*c}if(b.wheelDeltaY!==undefined)e=b.wheelDeltaY/120;if(b.wheelDeltaX!==undefined)h=-1*b.wheelDeltaX/120;i.unshift(a,c,h,e);return d.event.handle.apply(this,i)}var f=["DOMMouseScroll","mousewheel"];d.event.special.mousewheel={setup:function(){if(this.addEventListener)for(var a= |
|||
f.length;a;)this.addEventListener(f[--a],g,false);else this.onmousewheel=g},teardown:function(){if(this.removeEventListener)for(var a=f.length;a;)this.removeEventListener(f[--a],g,false);else this.onmousewheel=null}};d.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})})(jQuery); |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 996 B |
@ -0,0 +1,359 @@ |
|||
/* |
|||
* FancyBox - jQuery Plugin |
|||
* Simple and fancy lightbox alternative |
|||
* |
|||
* Examples and documentation at: http://fancybox.net |
|||
* |
|||
* Copyright (c) 2008 - 2010 Janis Skarnelis |
|||
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. |
|||
* |
|||
* Version: 1.3.4 (11/11/2010) |
|||
* Requires: jQuery v1.3+ |
|||
* |
|||
* Dual licensed under the MIT and GPL licenses: |
|||
* http://www.opensource.org/licenses/mit-license.php |
|||
* http://www.gnu.org/licenses/gpl.html |
|||
*/ |
|||
|
|||
#fancybox-loading { |
|||
position: fixed; |
|||
top: 50%; |
|||
left: 50%; |
|||
width: 40px; |
|||
height: 40px; |
|||
margin-top: -20px; |
|||
margin-left: -20px; |
|||
cursor: pointer; |
|||
overflow: hidden; |
|||
z-index: 1104; |
|||
display: none; |
|||
} |
|||
|
|||
#fancybox-loading div { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 40px; |
|||
height: 480px; |
|||
background-image: url('img/fancybox/fancybox.png'); |
|||
} |
|||
|
|||
#fancybox-overlay { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
z-index: 1100; |
|||
display: none; |
|||
} |
|||
|
|||
#fancybox-tmp { |
|||
padding: 0; |
|||
margin: 0; |
|||
border: 0; |
|||
overflow: auto; |
|||
display: none; |
|||
} |
|||
|
|||
#fancybox-wrap { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
padding: 20px; |
|||
z-index: 1101; |
|||
outline: none; |
|||
display: none; |
|||
} |
|||
|
|||
#fancybox-outer { |
|||
position: relative; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #fff; |
|||
} |
|||
|
|||
#fancybox-content { |
|||
width: 0; |
|||
height: 0; |
|||
padding: 0; |
|||
outline: none; |
|||
position: relative; |
|||
overflow: hidden; |
|||
z-index: 1102; |
|||
border: 0 solid #fff; |
|||
} |
|||
|
|||
#fancybox-hide-sel-frame { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: transparent; |
|||
z-index: 1101; |
|||
} |
|||
|
|||
#fancybox-close { |
|||
position: absolute; |
|||
top: -15px; |
|||
right: -15px; |
|||
width: 30px; |
|||
height: 30px; |
|||
background: transparent url('img/fancybox/fancybox.png') -40px 0; |
|||
cursor: pointer; |
|||
z-index: 1103; |
|||
display: none; |
|||
} |
|||
|
|||
#fancybox-error { |
|||
color: #444; |
|||
font: normal 12px/20px Arial; |
|||
padding: 14px; |
|||
margin: 0; |
|||
} |
|||
|
|||
#fancybox-img { |
|||
width: 100%; |
|||
height: 100%; |
|||
padding: 0; |
|||
margin: 0; |
|||
border: none; |
|||
outline: none; |
|||
line-height: 0; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
#fancybox-frame { |
|||
width: 100%; |
|||
height: 100%; |
|||
border: none; |
|||
display: block; |
|||
} |
|||
|
|||
#fancybox-left, #fancybox-right { |
|||
position: absolute; |
|||
bottom: 0; |
|||
height: 100%; |
|||
width: 35%; |
|||
cursor: pointer; |
|||
outline: none; |
|||
background: transparent url('img/fancybox/blank.gif'); |
|||
z-index: 1102; |
|||
display: none; |
|||
} |
|||
|
|||
#fancybox-left { |
|||
left: 0; |
|||
} |
|||
|
|||
#fancybox-right { |
|||
right: 0; |
|||
} |
|||
|
|||
#fancybox-left-ico, #fancybox-right-ico { |
|||
position: absolute; |
|||
top: 50%; |
|||
left: -9999px; |
|||
width: 30px; |
|||
height: 30px; |
|||
margin-top: -15px; |
|||
cursor: pointer; |
|||
z-index: 1102; |
|||
display: block; |
|||
} |
|||
|
|||
#fancybox-left-ico { |
|||
background-image: url('img/fancybox/fancybox.png'); |
|||
background-position: -40px -30px; |
|||
} |
|||
|
|||
#fancybox-right-ico { |
|||
background-image: url('img/fancybox/fancybox.png'); |
|||
background-position: -40px -60px; |
|||
} |
|||
|
|||
#fancybox-left:hover, #fancybox-right:hover { |
|||
visibility: visible; /* IE6 */ |
|||
} |
|||
|
|||
#fancybox-left:hover span { |
|||
left: 20px; |
|||
} |
|||
|
|||
#fancybox-right:hover span { |
|||
left: auto; |
|||
right: 20px; |
|||
} |
|||
|
|||
.fancybox-bg { |
|||
position: absolute; |
|||
padding: 0; |
|||
margin: 0; |
|||
border: 0; |
|||
width: 20px; |
|||
height: 20px; |
|||
z-index: 1001; |
|||
} |
|||
|
|||
#fancybox-bg-n { |
|||
top: -20px; |
|||
left: 0; |
|||
width: 100%; |
|||
background-image: url('img/fancybox/fancybox-x.png'); |
|||
} |
|||
|
|||
#fancybox-bg-ne { |
|||
top: -20px; |
|||
right: -20px; |
|||
background-image: url('img/fancybox/fancybox.png'); |
|||
background-position: -40px -162px; |
|||
} |
|||
|
|||
#fancybox-bg-e { |
|||
top: 0; |
|||
right: -20px; |
|||
height: 100%; |
|||
background-image: url('img/fancybox/fancybox-y.png'); |
|||
background-position: -20px 0; |
|||
} |
|||
|
|||
#fancybox-bg-se { |
|||
bottom: -20px; |
|||
right: -20px; |
|||
background-image: url('img/fancybox/fancybox.png'); |
|||
background-position: -40px -182px; |
|||
} |
|||
|
|||
#fancybox-bg-s { |
|||
bottom: -20px; |
|||
left: 0; |
|||
width: 100%; |
|||
background-image: url('img/fancybox/fancybox-x.png'); |
|||
background-position: 0 -20px; |
|||
} |
|||
|
|||
#fancybox-bg-sw { |
|||
bottom: -20px; |
|||
left: -20px; |
|||
background-image: url('img/fancybox/fancybox.png'); |
|||
background-position: -40px -142px; |
|||
} |
|||
|
|||
#fancybox-bg-w { |
|||
top: 0; |
|||
left: -20px; |
|||
height: 100%; |
|||
background-image: url('img/fancybox/fancybox-y.png'); |
|||
} |
|||
|
|||
#fancybox-bg-nw { |
|||
top: -20px; |
|||
left: -20px; |
|||
background-image: url('img/fancybox/fancybox.png'); |
|||
background-position: -40px -122px; |
|||
} |
|||
|
|||
#fancybox-title { |
|||
font-family: Helvetica; |
|||
font-size: 12px; |
|||
z-index: 1102; |
|||
} |
|||
|
|||
.fancybox-title-inside { |
|||
padding-bottom: 10px; |
|||
text-align: center; |
|||
color: #333; |
|||
background: #fff; |
|||
position: relative; |
|||
} |
|||
|
|||
.fancybox-title-outside { |
|||
padding-top: 10px; |
|||
color: #fff; |
|||
} |
|||
|
|||
.fancybox-title-over { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
color: #FFF; |
|||
text-align: left; |
|||
} |
|||
|
|||
#fancybox-title-over { |
|||
padding: 10px; |
|||
background-image: url('img/fancybox/fancy_title_over.png'); |
|||
display: block; |
|||
} |
|||
|
|||
.fancybox-title-float { |
|||
position: absolute; |
|||
left: 0; |
|||
bottom: -20px; |
|||
height: 32px; |
|||
} |
|||
|
|||
#fancybox-title-float-wrap { |
|||
border: none; |
|||
border-collapse: collapse; |
|||
width: auto; |
|||
} |
|||
|
|||
#fancybox-title-float-wrap td { |
|||
border: none; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
#fancybox-title-float-left { |
|||
padding: 0 0 0 15px; |
|||
background: url('img/fancybox/fancybox.png') -40px -90px no-repeat; |
|||
} |
|||
|
|||
#fancybox-title-float-main { |
|||
color: #FFF; |
|||
line-height: 29px; |
|||
font-weight: bold; |
|||
padding: 0 0 3px 0; |
|||
background: url('img/fancybox/fancybox-x.png') 0 -40px; |
|||
} |
|||
|
|||
#fancybox-title-float-right { |
|||
padding: 0 0 0 15px; |
|||
background: url('img/fancybox/fancybox.png') -55px -90px no-repeat; |
|||
} |
|||
|
|||
/* IE6 */ |
|||
|
|||
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_close.png', sizingMethod='scale'); } |
|||
|
|||
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_left.png', sizingMethod='scale'); } |
|||
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_right.png', sizingMethod='scale'); } |
|||
|
|||
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } |
|||
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_left.png', sizingMethod='scale'); } |
|||
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_main.png', sizingMethod='scale'); } |
|||
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_right.png', sizingMethod='scale'); } |
|||
|
|||
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { |
|||
height: expression(this.parentNode.clientHeight + "px"); |
|||
} |
|||
|
|||
#fancybox-loading.fancybox-ie6 { |
|||
position: absolute; margin-top: 0; |
|||
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); |
|||
} |
|||
|
|||
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_loading.png', sizingMethod='scale'); } |
|||
|
|||
/* IE6, IE7, IE8 */ |
|||
|
|||
.fancybox-ie .fancybox-bg { background: transparent !important; } |
|||
|
|||
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } |
|||
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } |
|||
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } |
|||
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } |
|||
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } |
|||
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } |
|||
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } |
|||
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } |
@ -0,0 +1,369 @@ |
|||
/* |
|||
99Lime.com HTML KickStart by Joshua Gatcke |
|||
kickstart-buttons.css |
|||
|
|||
Super Easy Cross Browser CSS3 Gradients |
|||
http://www.colorzilla.com/gradient-editor/ |
|||
*/ |
|||
|
|||
/*--------------------------------- |
|||
BUTTONS |
|||
-----------------------------------*/ |
|||
button, |
|||
a.btn, |
|||
a.btn:visited, |
|||
a.button, |
|||
a.button:visited, |
|||
input[type="submit"], |
|||
input[type="reset"], |
|||
input[type="button"]{ |
|||
position:relative; |
|||
top:0; |
|||
left:0; |
|||
vertical-align: middle; |
|||
margin:0; |
|||
padding:10px 15px; |
|||
line-height:100%; |
|||
-moz-border-radius:5px; |
|||
-webkit-border-radius:5px; |
|||
border-radius:5px; |
|||
cursor: pointer; |
|||
width:auto; |
|||
overflow:visible; |
|||
font-weight:normal; |
|||
font-size:14px; /*Pixels for consistancy*/ |
|||
text-shadow:0 1px 0 #fff; |
|||
color:#666; |
|||
text-decoration:none; |
|||
vertical-align: middle; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
display:inline-block; |
|||
*display:inline;/*IE ONLY*/ |
|||
zoom:1; |
|||
border:1px solid #ccc; |
|||
background: rgb(252,252,252); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ |
|||
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */ |
|||
} |
|||
|
|||
button:active, |
|||
a.btn:active, |
|||
a.btn:visited:active, |
|||
a.button:active, |
|||
a.button:visited:active, |
|||
input[type="submit"]:active, |
|||
input[type="reset"]:active, |
|||
input[type="button"]:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);} |
|||
button[disabled],.disabled:active{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} |
|||
|
|||
button, |
|||
input[type="submit"], |
|||
input[type="reset"], |
|||
input[type="button"]{*padding:7px 15px;}/*IE 7 ONLY*/ |
|||
|
|||
a.btn,a.button{}/*overrides*/ |
|||
button.small, a.btn.small, a.button.small{font-size:0.8em;padding:5px 10px;} |
|||
button.medium, a.btn.medium, a.button.medium{}/*default*/ |
|||
button.large, a.btn.large, a.button.large{font-size:1.3em;padding:10px 20px;} |
|||
button.disabled, a.btn.disabled, a.button.disabled{color:#ccc;cursor:default;background:#efefef;} |
|||
button.disabled:hover, a.btn.disabled:hover, a.button.disabled:hover{border:1px solid #ccc;background:#efefef;} |
|||
|
|||
button:hover, |
|||
a.btn:hover, |
|||
a.button:hover, |
|||
input[type="submit"]:hover, |
|||
input[type="reset"]:hover, |
|||
input[type="button"]:hover{ |
|||
border:1px solid #bbb; |
|||
background: rgb(252,252,252); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ |
|||
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */ |
|||
} |
|||
|
|||
|
|||
/*--------------------------------- |
|||
BUTTON BAR |
|||
-----------------------------------*/ |
|||
ul.button-bar{ |
|||
display:inline-block; |
|||
*display:inline; |
|||
margin:0; |
|||
padding:0; |
|||
font-size:0; |
|||
position:relative; |
|||
top:0; |
|||
left:0; |
|||
zoom:1; |
|||
border:0; |
|||
background:0; |
|||
} |
|||
|
|||
ul.button-bar li{ |
|||
display:inline-block; |
|||
*display:inline; |
|||
position:relative; |
|||
top:0; |
|||
left:0; |
|||
zoom:1; |
|||
margin:0 -1px 0 0; |
|||
padding:0; |
|||
line-height:100%; |
|||
font-size:0px; |
|||
border:1px solid #ccc; |
|||
background: rgb(252,252,252); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ |
|||
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */ |
|||
} |
|||
|
|||
ul.button-bar li a{ |
|||
margin:0; |
|||
display:inline-block; |
|||
*display:inline; |
|||
padding:7px 10px; |
|||
position:relative; |
|||
top:0; |
|||
left:0; |
|||
zoom:1; |
|||
font-weight:normal; |
|||
font-size:14px; /*Pixels for consistancy*/ |
|||
text-shadow:0 1px 0 #fff; |
|||
color:#666; |
|||
text-decoration:none; |
|||
vertical-align: middle; |
|||
line-height:100%; |
|||
border-left:1px solid #fff; |
|||
} |
|||
|
|||
ul.button-bar li.first, |
|||
ul.button-bar li.first a{ |
|||
-moz-border-radius-bottomleft: 5px; |
|||
-moz-border-radius-topleft: 5px; |
|||
-webkit-border-bottom-left-radius: 5px; |
|||
-webkit-border-top-left-radius: 5px; |
|||
border-top-left-radius: 5px; |
|||
border-bottom-left-radius: 5px; |
|||
-moz-background-clip:content-box; |
|||
-webkit-background-clip: border; |
|||
background-clip: content-box; |
|||
} |
|||
|
|||
ul.button-bar li.last, |
|||
ul.button-bar li.last a{ |
|||
-moz-border-radius-bottomright: 5px; |
|||
-moz-border-radius-topright: 5px; |
|||
-webkit-border-bottom-right-radius: 5px; |
|||
-webkit-border-top-right-radius: 5px; |
|||
border-top-right-radius: 5px; |
|||
border-bottom-right-radius: 5px; |
|||
-moz-background-clip:content-box; |
|||
-webkit-background-clip: border; |
|||
} |
|||
|
|||
ul.button-bar li a:hover{ |
|||
background: rgb(252,252,252); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ |
|||
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */ |
|||
} |
|||
|
|||
ul.button-bar li a:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);border-left:1px solid #ccc;} |
|||
|
|||
/*--------------------------------- |
|||
STYLES |
|||
-----------------------------------*/ |
|||
.pill{-webkit-border-radius:200em;-moz-border-radius:200em;border-radius:200em;} |
|||
.pop{-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.2);box-shadow:0px 1px 5px rgba(0,0,0,0.2);} |
|||
.inset{-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);} |
|||
.square{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} |
|||
|
|||
/*--------------------------------- |
|||
ORANGE |
|||
-----------------------------------*/ |
|||
button.orange, |
|||
a.btn.orange, |
|||
a.button.orange, |
|||
input[type=submit].orange, |
|||
input[type=reset].orange, |
|||
input[type=button].orange{ |
|||
text-shadow:0 -1px 0 #FC730A; |
|||
color:#fff; |
|||
border:1px solid #FC730A; |
|||
background: rgb(255,168,76); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */ |
|||
background: linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */ |
|||
} |
|||
|
|||
button.orange:hover, |
|||
a.btn.orange:hover, |
|||
a.button.orange:hover{ |
|||
text-shadow:0 1px 0 #FC730A; |
|||
border:1px solid #FC730A; |
|||
background: rgb(249,191,74); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(249,191,74,1) 0%, rgba(249,181,9,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,191,74,1)), color-stop(100%,rgba(249,181,9,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Opera 11.10+ */ |
|||
background: linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* W3C */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf4a', endColorstr='#f9b509',GradientType=0 ); /* IE6-9 */ |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
BLUE |
|||
-----------------------------------*/ |
|||
button.blue, |
|||
a.btn.blue, |
|||
a.button.blue, |
|||
input[type=submit].blue, |
|||
input[type=reset].blue, |
|||
input[type=button].blue{ |
|||
text-shadow:0 -1px 0 #1D6DC1; |
|||
color:#fff; |
|||
border:1px solid #1D6DC1; |
|||
background: rgb(122,188,255); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */ |
|||
background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */ |
|||
} |
|||
|
|||
button.blue:hover, |
|||
a.btn.blue:hover, |
|||
a.button.blue:hover{ |
|||
text-shadow:0 1px 0 #1D6DC1; |
|||
border:1px solid #1D6DC1; |
|||
background: rgb(155,205,255); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(155,205,255,1) 0%, rgba(134,192,250,1) 44%, rgba(110,176,242,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,205,255,1)), color-stop(44%,rgba(134,192,250,1)), color-stop(100%,rgba(110,176,242,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Opera 11.10+ */ |
|||
background: linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* W3C */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#6eb0f2',GradientType=0 ); /* IE6-9 */ |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
PINK |
|||
-----------------------------------*/ |
|||
button.pink, |
|||
a.btn.pink, |
|||
a.button.pink, |
|||
input[type=submit].pink, |
|||
input[type=reset].pink, |
|||
input[type=button].pink{ |
|||
text-shadow:0 -1px 0 #EF0251; |
|||
color:#fff; |
|||
border:1px solid #EF0251; |
|||
background: rgb(255,93,177); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */ |
|||
background: linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */ |
|||
} |
|||
|
|||
button.pink:hover, |
|||
a.btn.pink:hover, |
|||
a.button.pink:hover{ |
|||
text-shadow:0 1px 0 #EF0251; |
|||
border:1px solid #EF0251; |
|||
background: rgb(255,169,213); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(255,169,213,1) 0%, rgba(254,112,185,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,169,213,1)), color-stop(100%,rgba(254,112,185,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Opera 11.10+ */ |
|||
background: linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* W3C */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa9d5', endColorstr='#fe70b9',GradientType=0 ); /* IE6-9 */ |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
GREEN |
|||
-----------------------------------*/ |
|||
button.green, |
|||
a.btn.green, |
|||
a.button.green, |
|||
input[type=submit].green, |
|||
input[type=reset].green, |
|||
input[type=button].green{ |
|||
text-shadow:0 -1px 0 #669E00; |
|||
color:#fff; |
|||
border:1px solid #669E00; |
|||
background: rgb(143,196,0); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(143,196,0,1) 0%, rgba(107,165,0,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(107,165,0,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Opera 11.10+ */ |
|||
background: linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* W3C */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#6ba500',GradientType=0 ); /* IE6-9 */ |
|||
} |
|||
|
|||
button.green:hover, |
|||
a.btn.green:hover, |
|||
a.button.green:hover{ |
|||
text-shadow:0 1px 0 #669E00; |
|||
border:1px solid #669E00; |
|||
background: rgb(198,226,120); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(198,226,120,1) 0%, rgba(167,211,44,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,226,120,1)), color-stop(100%,rgba(167,211,44,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Opera 11.10+ */ |
|||
background: linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* W3C */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e278', endColorstr='#a7d32c',GradientType=0 ); /* IE6-9 */ |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
RED |
|||
-----------------------------------*/ |
|||
button.red, |
|||
a.btn.red, |
|||
a.button.red, |
|||
input[type=submit].red, |
|||
input[type=reset].red, |
|||
input[type=button].red{ |
|||
text-shadow:0 -1px 0 #B21203; |
|||
color:#fff; |
|||
border:1px solid #B21203; |
|||
background: rgb(229,60,22); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,60,22,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */ |
|||
background: linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* W3C */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */ |
|||
} |
|||
|
|||
button.red:hover, |
|||
a.btn.red:hover, |
|||
a.button.red:hover{ |
|||
text-shadow:0 1px 0 #B21203; |
|||
border:1px solid #B21203; |
|||
background: rgb(238,106,76); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(238,106,76,1) 0%, rgba(251,33,33,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,106,76,1)), color-stop(100%,rgba(251,33,33,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Opera 11.10+ */ |
|||
background: linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* W3C */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6a4c', endColorstr='#fb2121',GradientType=0 ); /* IE6-9 */ |
|||
} |
@ -0,0 +1,290 @@ |
|||
/*--------------------------------- |
|||
FORMS |
|||
-----------------------------------*/ |
|||
form{ |
|||
padding:0; |
|||
margin:0; |
|||
} |
|||
|
|||
fieldset{ |
|||
margin:30px 0 20px 0; |
|||
padding:5px 15px 15px 15px; |
|||
border:1px solid #ccc; |
|||
background:#f5f5f5; |
|||
-moz-border-radius:5px; |
|||
-webkit-border-radius:5px; |
|||
border-radius:5px; |
|||
position: relative; |
|||
top:0; |
|||
left:0; |
|||
} |
|||
|
|||
legend{ |
|||
-moz-border-radius:5px; |
|||
-webkit-border-radius:5px; |
|||
border-radius:5px; |
|||
border:1px solid #ccc; |
|||
background:#f5f5f5; |
|||
padding:2px 10px; |
|||
margin:0 0 0 0; |
|||
display:block; |
|||
position: relative; |
|||
top:0; |
|||
left:0; |
|||
} |
|||
|
|||
/*IE ONLY - I know, this is a stop gap*/ |
|||
.msie fieldset{padding-top:25px;} |
|||
.msie legend{position:absolute;top:-0.7em;left:10px;} |
|||
|
|||
label{ |
|||
display:inline-block; |
|||
*display:inline; |
|||
vertical-align: middle; |
|||
margin:0; |
|||
padding:0; |
|||
position:relative; |
|||
top:0; |
|||
left:0; |
|||
zoom:1; |
|||
-moz-box-sizing: border-box; |
|||
-webkit-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
label.inline{ |
|||
display:inline; |
|||
margin:0; |
|||
} |
|||
|
|||
label span{ |
|||
color:#999; |
|||
font-size:0.9em; |
|||
} |
|||
|
|||
label span.right{ |
|||
position:absolute; |
|||
bottom:0; |
|||
right:0; |
|||
text-align:right; |
|||
display:inline-block; |
|||
*display:inline; |
|||
} |
|||
|
|||
label.disabled{ |
|||
color:#ccc; |
|||
} |
|||
|
|||
input{ |
|||
display:inline-block; |
|||
*display:inline; |
|||
vertical-align: middle; |
|||
width:auto; |
|||
zoom:1; |
|||
margin:0; |
|||
border:1px solid #ccc; |
|||
font-size:1em; |
|||
padding:5px 0; |
|||
text-indent: 5px; |
|||
-moz-border-radius:5px; |
|||
-webkit-border-radius:5px; |
|||
border-radius:5px; |
|||
background:#fff; |
|||
-moz-box-shadow:inset 0 0 6px #ccc; |
|||
-webkit-box-shadow:inset 0 1px 6px #ccc; |
|||
box-shadow:inset 0 1px 6px #ccc; |
|||
-moz-box-sizing: border-box; |
|||
-webkit-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
input::-webkit-input-placeholder, |
|||
input:-moz-placeholder, |
|||
.placeholder{ |
|||
color:#bbb; |
|||
} |
|||
|
|||
input::-moz-focus-inner {border:0;} |
|||
|
|||
input[disabled="disabled"], input.disabled{ |
|||
color:#999; |
|||
background:#f5f5f5; |
|||
-moz-box-shadow:inset 0 0 2px #ddd; |
|||
-webkit-box-shadow:inset 0 1px 2px #ddd; |
|||
box-shadow:inset 0 1px 2px #ddd; |
|||
} |
|||
|
|||
/* FOCUS STATES */ |
|||
input[type="text"]:focus, |
|||
textarea:focus, |
|||
button:focus, |
|||
a.button:focus, |
|||
select:focus, |
|||
input[type="file"]:focus, |
|||
input[type="password"]:focus{ |
|||
-webkit-box-shadow: 0 0 7px #6DB9FF; |
|||
-moz-box-shadow : 0 0 7px #6DB9FF; |
|||
box-shadow : 0 0 7px #6DB9FF; |
|||
border: 1px solid #50B1FE; |
|||
outline: none; |
|||
} |
|||
|
|||
/* TRANSITION */ |
|||
input[type="text"], |
|||
textarea, |
|||
button, |
|||
a.button, |
|||
a, |
|||
input[type="file"]{ |
|||
-moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s; |
|||
-webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s; |
|||
-o-transition: box-shadow 0.5s, border 0.5s, background 0.5s; |
|||
transition: box-shadow 0.5s, border 0.5s, background 0.5s; |
|||
} |
|||
|
|||
input.checkbox, |
|||
input[type="checkbox"]{ |
|||
display:inline; |
|||
width:auto; |
|||
margin:0; |
|||
padding:0; |
|||
border:0; |
|||
background:none; |
|||
vertical-align:center; |
|||
*vertical-align: top; |
|||
} |
|||
|
|||
input.radio, |
|||
input[type="radio"]{ |
|||
display:inline; |
|||
width:auto; |
|||
margin:0; |
|||
padding:0; |
|||
border:0; |
|||
background:none; |
|||
vertical-align:center; |
|||
*vertical-align: top; |
|||
} |
|||
|
|||
input[type="radio"]:focus, |
|||
input[ type="checkbox"]:focus{ |
|||
-webkit-box-shadow: 0 0 5px #6DB9FF; |
|||
-moz-box-shadow : 0 0 5px #6DB9FF; |
|||
box-shadow : 0 0 5px #6DB9FF; |
|||
outline-color: #6DB9FF; |
|||
} |
|||
|
|||
input.file, |
|||
input[type="file"]{ |
|||
/*font-size:0.8em;*/ |
|||
-moz-box-shadow:none; |
|||
-webkit-box-shadow:none; |
|||
box-shadow:none; |
|||
border:none; |
|||
} |
|||
|
|||
select{ |
|||
display:inline; |
|||
width:auto; |
|||
margin:0; |
|||
border:1px solid #ccc; |
|||
line-height:100%; |
|||
padding:3px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
select[disabled="disabled"], select.disabled{ |
|||
color:#999; |
|||
background:#f5f5f5; |
|||
-moz-box-shadow:inset 0 0 2px #ddd; |
|||
-webkit-box-shadow:inset 0 1px 2px #ddd; |
|||
box-shadow:inset 0 1px 2px #ddd; |
|||
} |
|||
|
|||
textarea{ |
|||
width:auto; |
|||
height:200px; |
|||
margin:0; |
|||
border:1px solid #ccc; |
|||
padding:5px; |
|||
vertical-align: middle; |
|||
font-family:inherit; |
|||
font-size:0.9em; |
|||
-moz-border-radius:5px; |
|||
-webkit-border-radius:5px; |
|||
border-radius:5px; |
|||
-moz-box-shadow:inset 0 0 6px #ccc; |
|||
-webkit-box-shadow:inset 0 1px 6px #ccc; |
|||
box-shadow:inset 0 1px 6px #ccc; |
|||
-moz-box-sizing: border-box; |
|||
-webkit-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
COLUMN SIZES |
|||
-----------------------------------*/ |
|||
|
|||
/* sizes */ |
|||
input[class*="col_"], |
|||
select[class*="col_"], |
|||
label[class*="col_"]{ |
|||
float:none;display:inline-block;*display:inline;margin-bottom:0; |
|||
*margin-left: 0.5%;*margin-right: 0.5%;/* this is for IE 7 Only and is not a good fix - work needed here */ |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
FORMS VERTICAL |
|||
-----------------------------------*/ |
|||
form.vertical{ |
|||
|
|||
} |
|||
|
|||
form.vertical label{display:block;} |
|||
form.vertical input, |
|||
form.vertical select, |
|||
form.vertical textarea{width:100%;display:block;margin-bottom:10px;} |
|||
form.vertical .chzn-container{display:block;margin-bottom:10px;} |
|||
form.vertical .chzn-choices{display:block;margin-bottom:10px;} |
|||
|
|||
/* radios & checks */ |
|||
form.vertical input.checkbox, |
|||
form.vertical input[type="checkbox"], |
|||
form.vertical input.radio, |
|||
form.vertical input[type="radio"], |
|||
form.vertical label.inline{display:inline;width:auto;margin:0;} |
|||
/*--------------------------------- |
|||
FORM VALIDATION |
|||
-----------------------------------*/ |
|||
label.error{color:red;} |
|||
input.error{border:1px solid red;} |
|||
select.error{border:1px solid red;} |
|||
|
|||
/*--------------------------------- |
|||
NOTICES |
|||
-----------------------------------*/ |
|||
.notice{ |
|||
border:1px solid gold; |
|||
background:lightyellow; |
|||
padding:10px 20px 10px 40px; |
|||
margin:10px 0; |
|||
-moz-border-radius:5px; |
|||
-webkit-border-radius:5px; |
|||
border-radius:5px; |
|||
color:#DEAE00; |
|||
line-height:120%; |
|||
vertical-align: center; |
|||
text-shadow:0px 1px rgba(255,255,255,0.5); |
|||
position:relative; |
|||
top:0; |
|||
left:0; |
|||
clear:both; |
|||
} |
|||
|
|||
.notice.warning{}/*default*/ |
|||
.notice.error{border:1px solid red;background:pink;color:red;} |
|||
.notice.success{border:1px solid green;background:lightgreen;color:green;} |
|||
.notice i[class^='icon-']{position:absolute;top:50%;left:0.8em;margin-top:-0.6em;} |
|||
.notice a[class^='icon-remove'], |
|||
.notice a[class^='icon-remove']:active, |
|||
.notice a[class^='icon-remove']:visited{font-size:12px;position:absolute;top:5px;right:5px;left:auto;color:inherit;margin-top:0;left:auto;} |
@ -0,0 +1,167 @@ |
|||
/* |
|||
99Lime.com HTML KickStart by Joshua Gatcke |
|||
kickstart-grids.css |
|||
|
|||
DO NOT EDIT THIS FILE unless you know what you are doing. |
|||
*/ |
|||
/*--------------------------------- |
|||
GRID/COLUMNS |
|||
----------------------------------- |
|||
tinyfluidgrid.com |
|||
& girlfriendnyc.com |
|||
with changes by 99Lime |
|||
-----------------------------------*/ |
|||
/* |
|||
& Columns : 12 |
|||
& Gutter %: 20% |
|||
& MaxWidth: 1280px |
|||
*/ |
|||
|
|||
.grid{ |
|||
max-width:1220px; |
|||
margin:0 auto; |
|||
padding:0 2em; |
|||
} |
|||
|
|||
.grid.flex{ |
|||
width:100%; |
|||
max-width:100%; |
|||
padding:0 2%; |
|||
padding:2em; |
|||
} |
|||
|
|||
.row{ |
|||
display:block; |
|||
overflow:hidden; |
|||
clear:both; |
|||
} |
|||
|
|||
*[class*="col_"].alpha{margin-left:0;} |
|||
*[class*="col_"].omega{margin-right:0;} |
|||
|
|||
.col_1 { width: 6.6666666666667%; } |
|||
.col_2 { width: 15%; } |
|||
.col_3 { width: 23.333333333333%; } |
|||
.col_4 { width: 31.666666666667%; } |
|||
.col_5 { width: 40%; } |
|||
.col_6 { width: 48.333333333333%; } |
|||
.col_7 { width: 56.666666666667%; } |
|||
.col_8 { width: 65%; } |
|||
.col_9 { width: 73.333333333333%; } |
|||
.col_10 { width: 81.666666666667%; } |
|||
.col_11 { width: 90%; } |
|||
.col_12 { width: 98.333333333333%; } |
|||
|
|||
*[class*="col_"]{ |
|||
margin-left: 0.83333333333333%; |
|||
margin-right: 0.83333333333333%; |
|||
margin-top:0.5em; |
|||
margin-bottom:0.5em; |
|||
float: left; |
|||
display: block; |
|||
} |
|||
|
|||
.grid img{ |
|||
max-width: 100%; |
|||
height:auto; |
|||
} |
|||
|
|||
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} |
|||
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} |
|||
* html .clearfix, *:first-child+html .clearfix{zoom:1} |
|||
|
|||
/* Viewable Grids |
|||
To view your grids, add the class .visible to any grid container. |
|||
This will add a background color so you can see the layout of your grids. |
|||
*/ |
|||
*[class*="col_"].visible{ |
|||
background:#eee; |
|||
border:1px dotted #ccc; |
|||
} |
|||
|
|||
|
|||
/*--------------------------------- |
|||
Responsive Grid Media Queries - 1280, 1024, 768, 480 |
|||
1280-1024 - desktop (default grid) |
|||
1024-768 - tablet landscape |
|||
768-480 - tablet |
|||
480-less - phone landscape & smaller |
|||
-----------------------------------*/ |
|||
@media all and (min-width: 1024px) and (max-width: 1280px) { |
|||
|
|||
.grid *[class*="col_"]{} |
|||
.grid{max-width: 1024px;} |
|||
.show-desktop {display:block;} |
|||
.hide-desktop {display:none;} |
|||
.show-tablet {display:none;} |
|||
.hide-tablet {display:block;} |
|||
.show-phone {display:none;} |
|||
.hide-phone {display:block;} |
|||
|
|||
} |
|||
|
|||
@media all and (min-width: 768px) and (max-width: 1024px) { |
|||
|
|||
.grid *[class*="col_"]{} |
|||
.grid{max-width: 768px;} |
|||
.show-desktop {display:none;} |
|||
.hide-desktop {display:block;} |
|||
.show-tablet {display:block;} |
|||
.hide-tablet {display:none;} |
|||
.show-phone {display:none;} |
|||
.hide-phone {display:block;} |
|||
|
|||
} |
|||
|
|||
|
|||
@media all and (min-width: 480px) and (max-width: 768px) { |
|||
|
|||
.grid *[class*="col_"]{ |
|||
float:none; |
|||
width:auto; |
|||
clear:both; |
|||
display:block; |
|||
} |
|||
|
|||
/* columns inside of columns */ |
|||
.grid *[class*="col_"] [class*="col_"]{ |
|||
margin-left:0; |
|||
margin-right:0; |
|||
width:100%; |
|||
} |
|||
|
|||
.grid{max-width: 480px;} |
|||
.show-desktop {display:none;} |
|||
.hide-desktop {display:block;} |
|||
.show-tablet {display:block;} |
|||
.hide-tablet {display:none;} |
|||
.show-phone {display:none;} |
|||
.hide-phone {display:block;} |
|||
|
|||
} |
|||
|
|||
@media all and (max-width: 480px) { |
|||
|
|||
.grid *[class*="col_"]{ |
|||
float:none; |
|||
width:auto; |
|||
clear:both; |
|||
display:block; |
|||
} |
|||
|
|||
/* columns inside of columns */ |
|||
.grid *[class*="col_"] [class*="col_"]{ |
|||
margin-left:0; |
|||
margin-right:0; |
|||
width:100%; |
|||
} |
|||
|
|||
.grid{max-width: 100%;/*320*/} |
|||
.show-desktop {display:none;} |
|||
.hide-desktop {display:block;} |
|||
.show-tablet {display:none;} |
|||
.hide-tablet {display:block;} |
|||
.show-phone {display:block;} |
|||
.hide-phone {display:none;} |
|||
|
|||
} |
@ -0,0 +1,180 @@ |
|||
/* |
|||
99Lime.com HTML KickStart by Joshua Gatcke |
|||
kickstart-menus.css |
|||
*/ |
|||
|
|||
/*--------------------------------- |
|||
MENU LAYOUT |
|||
DO NOT EDIT This Section (unless you know what you are doing) |
|||
-----------------------------------*/ |
|||
.menu{margin:0;padding:0;line-height:100%; |
|||
font-size:0; /* Kill white space gap between LI elements */ |
|||
position:relative;z-index:1000;} |
|||
|
|||
.menu:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} |
|||
.menu li{margin:0;padding:0;list-style-type:none;display:inline-block;*display:inline;position:relative;zoom:1;line-height:inherit; |
|||
top:0;left:0;font-size:16px; /* fixed font-size to replace font-size:0 in parent .menu 1em/16px default */} |
|||
.menu li a{margin:0;padding:0;display:block;display:inline;display:inline-block;position:relative;zoom:1;line-height:100%;top:0;left:0;} |
|||
|
|||
|
|||
/*--------------Sub Menus-------------------*/ |
|||
/*.menu li:hover > ul{display:block;}*/ |
|||
.menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;min-width:150px;max-width:150%;*width:150px;} |
|||
.menu ul li{display:block;width:100%;} |
|||
.menu ul li a{display:block;} |
|||
.menu ul ul{top:0;left:100%;} |
|||
|
|||
/*--------------Dividers-------------------*/ |
|||
.menu ul li.divider{border-top:1px solid #ccc;} |
|||
.menu ul li.divider a{border-top:1px solid #fff;} |
|||
|
|||
|
|||
/*--------------Right---------------------*/ |
|||
.menu li.right{float:right;} |
|||
|
|||
|
|||
/*--------------Arrows-------------------*/ |
|||
.menu li.has-menu a{padding-right:25px;} |
|||
.menu li.has-menu span.arrow{border-style:solid;border-width:5px; |
|||
display:block;position:absolute;top:50%;right:5px;font-size:0;line-height:0;height:0;width:0;} |
|||
.menu li li.has-menu span.arrow{margin-top:-4px;} |
|||
|
|||
/*--------------Vertical Menu Layout-------------------*/ |
|||
.menu.vertical{} |
|||
.menu.vertical li{display:block;} |
|||
.menu.vertical li a{display:block;} |
|||
.menu.vertical ul{top:0;left:100%;} |
|||
.menu.vertical li.has-menu span.arrow{margin-top:-4px;} |
|||
|
|||
/*--------------Vertical Right Menu Layout-------------------*/ |
|||
.menu.vertical.right{text-align:left;} |
|||
.menu.vertical.right ul{top:0;right:100%;left:auto;} |
|||
.menu.vertical.right li a{padding-left:25px;padding-right:20px;} |
|||
.menu.vertical.right li.has-menu span.arrow{right:auto;left:5px;margin-top:-4px;} |
|||
|
|||
|
|||
/*--------------------------------- |
|||
MENU STYLES |
|||
EDIT BELOW THIS LINE TO CUSTOMIZE |
|||
-----------------------------------*/ |
|||
.menu{ |
|||
border:1px solid #ccc; |
|||
background: #eee; /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */ |
|||
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */ |
|||
z-index:600; |
|||
} |
|||
|
|||
.menu li{} |
|||
|
|||
.menu li a{ |
|||
text-shadow:0px 1px 1px #fff; |
|||
padding:15px 20px; |
|||
text-decoration:none; |
|||
font-size:0.9em; |
|||
color: #777; |
|||
} |
|||
|
|||
.menu li.current>a, |
|||
.menu li.current>a:hover, |
|||
.menu li.current.hover>a{ |
|||
background: rgb(122,188,255); /* Old browsers */ |
|||
background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */ |
|||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */ |
|||
background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */ |
|||
background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */ |
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */ |
|||
background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */ |
|||
color:#fff; |
|||
text-shadow:0px -1px 0 rgba(0,0,0,0.2); |
|||
cursor: default; |
|||
} |
|||
|
|||
.menu li a:hover, |
|||
.menu li.hover>a{ |
|||
background:#f5f5f5; |
|||
} |
|||
|
|||
/* sub menus */ |
|||
.menu ul{ |
|||
background: #efefef; |
|||
border:1px solid #ccc; |
|||
} |
|||
|
|||
.menu ul li{} |
|||
.menu ul li a{} |
|||
|
|||
/* sub-sub menus */ |
|||
.menu ul ul{} |
|||
.menu ul ul li{} |
|||
.menu ul ul li a{} |
|||
|
|||
/* arrows */ |
|||
/* arrow down */ .menu li.has-menu span.arrow{border-color-top:#ccc;border-color:#ccc transparent transparent transparent;} |
|||
/* arrow left */ .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow |
|||
{border-color-left:#ccc;border-color:transparent transparent transparent #ccc;} |
|||
/* arrow right */ .menu.vertical.right li.has-menu span.arrow{border-color-right:#ccc;border-color:transparent #ccc transparent transparent;} |
|||
|
|||
/* dividers */ .menu ul li.divider{border-top:1px solid #ccc;} |
|||
.menu ul li.divider a{border-top:1px solid #fff;} |
|||
|
|||
|
|||
|
|||
/*--------------------------------- |
|||
RESPONSIVE MENU STYLES |
|||
DO NOT EDIT unless you know what you are doing |
|||
-----------------------------------*/ |
|||
|
|||
.menu li.menu-toggle{display:none;} |
|||
|
|||
|
|||
@media all and (max-width: 768px) { |
|||
|
|||
.grid .menu li, |
|||
.grid .menu.vertical li, |
|||
.grid .menu.vertical.right li{ |
|||
display:block; |
|||
display:none; |
|||
} |
|||
|
|||
.grid .menu li.menu-toggle, |
|||
.grid .menu.vertical li.menu-toggle, |
|||
.grid .menu.vertical.right li.menu-toggle{ |
|||
display:block; |
|||
} |
|||
|
|||
.grid .menu:hover li, |
|||
.grid .menu.vertical:hover li, |
|||
.grid .menu.vertical.right:hover li{ |
|||
display:block; |
|||
} |
|||
|
|||
/* arrows */ |
|||
.grid .menu li.has-menu span.arrow, |
|||
.grid .menu.vertical li.has-menu span.arrow, |
|||
.grid .menu.vertical.right li.has-menu span.arrow, |
|||
.grid .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow |
|||
{border-color-top:#ccc;border-color:#ccc transparent transparent transparent;} |
|||
|
|||
.grid .menu.vertical.right li.has-menu span.arrow{ |
|||
right:5px;left:auto; |
|||
} |
|||
|
|||
.grid .menu li a{ |
|||
display:block; |
|||
} |
|||
|
|||
.grid .menu ul, |
|||
.grid .menu ul ul, |
|||
.grid .menu.vertical ul, |
|||
.grid .menu.vertical.right ul{ |
|||
position:relative; |
|||
top:0; |
|||
left:0; |
|||
margin:10px; |
|||
} |
|||
|
|||
} |
@ -0,0 +1,223 @@ |
|||
/*--------------------------------- |
|||
SLIDESHOW2 - Slight Fixes for the slideshow layout *needs work |
|||
-----------------------------------*/ |
|||
|
|||
.slideshow{ |
|||
clear:both; |
|||
margin:0; |
|||
padding:0; |
|||
width:auto; |
|||
height:auto; |
|||
overflow:hidden; |
|||
} |
|||
|
|||
.slideshow li{ |
|||
list-style-type:none; |
|||
margin:0; |
|||
padding:0; |
|||
float:left; |
|||
display:block; |
|||
} |
|||
|
|||
/** |
|||
* BxSlider v4.0 - Fully loaded, responsive content slider |
|||
* http://bxslider.com |
|||
* |
|||
* Written by: Steven Wanderski, 2012 |
|||
* http://stevenwanderski.com |
|||
* (while drinking Belgian ales and listening to jazz) |
|||
* |
|||
* CEO and founder of bxCreative, LTD |
|||
* http://bxcreative.com |
|||
*/ |
|||
|
|||
|
|||
/** RESET AND LAYOUT |
|||
===================================*/ |
|||
.bx-wrapper, .bx-wrapper *{ |
|||
-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ |
|||
-moz-box-sizing: content-box; /* Firefox, other Gecko */ |
|||
box-sizing: content-box; /* Opera/IE 8+ */ |
|||
} |
|||
|
|||
.bx-wrapper { |
|||
position: relative; |
|||
margin: 0 0 60px; |
|||
padding: 0; |
|||
*zoom: 1; |
|||
} |
|||
|
|||
.bx-wrapper img { |
|||
width: 100%; |
|||
display: block; |
|||
} |
|||
|
|||
/** THEME |
|||
===================================*/ |
|||
|
|||
.bx-wrapper .bx-viewport { |
|||
-moz-box-shadow: 0 0 5px #ccc; |
|||
-webkit-box-shadow: 0 0 5px #ccc; |
|||
box-shadow: 0 0 5px #ccc; |
|||
border: solid #fff 5px; |
|||
left: 0; |
|||
background: #fff; |
|||
} |
|||
|
|||
.bx-wrapper .bx-pager, |
|||
.bx-wrapper .bx-controls-auto { |
|||
position: absolute; |
|||
bottom: -30px; |
|||
width: 100%; |
|||
} |
|||
|
|||
/* LOADER */ |
|||
|
|||
.bx-wrapper .bx-loading { |
|||
min-height: 50px; |
|||
background: url(img/bx_loader.gif) center center no-repeat #fff; |
|||
height: 100%; |
|||
width: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 2000; |
|||
} |
|||
|
|||
/* PAGER */ |
|||
|
|||
.bx-wrapper .bx-pager { |
|||
text-align: center; |
|||
font-size: .85em; |
|||
font-family: Arial; |
|||
font-weight: bold; |
|||
color: #666; |
|||
padding-top: 20px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-pager .bx-pager-item, |
|||
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { |
|||
display: inline-block; |
|||
*zoom: 1; |
|||
*display: inline; |
|||
} |
|||
|
|||
.bx-wrapper .bx-pager.bx-default-pager a { |
|||
background: #666; |
|||
text-indent: -9999px; |
|||
display: block; |
|||
width: 10px; |
|||
height: 10px; |
|||
margin: 0 5px; |
|||
outline: 0; |
|||
-moz-border-radius: 5px; |
|||
-webkit-border-radius: 5px; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-pager.bx-default-pager a:hover, |
|||
.bx-wrapper .bx-pager.bx-default-pager a.active { |
|||
background: #000; |
|||
} |
|||
|
|||
/* DIRECTION CONTROLS (NEXT / PREV) */ |
|||
|
|||
.bx-wrapper .bx-prev { |
|||
left: 10px; |
|||
background: url(img/controls.png) no-repeat 0 -32px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-next { |
|||
right: 10px; |
|||
background: url(img/controls.png) no-repeat -43px -32px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-prev:hover { |
|||
background-position: 0 0; |
|||
} |
|||
|
|||
.bx-wrapper .bx-next:hover { |
|||
background-position: -43px 0; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls-direction a { |
|||
position: absolute; |
|||
top: 50%; |
|||
margin-top: -16px; |
|||
outline: 0; |
|||
width: 32px; |
|||
height: 32px; |
|||
text-indent: -9999px; |
|||
z-index: 9999; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls-direction a.disabled { |
|||
display: none; |
|||
} |
|||
|
|||
/* AUTO CONTROLS (START / STOP) */ |
|||
|
|||
.bx-wrapper .bx-controls-auto { |
|||
text-align: center; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls-auto .bx-start { |
|||
display: block; |
|||
text-indent: -9999px; |
|||
width: 10px; |
|||
height: 11px; |
|||
outline: 0; |
|||
background: url(img/controls.png) -86px -11px no-repeat; |
|||
margin: 0 3px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls-auto .bx-start:hover, |
|||
.bx-wrapper .bx-controls-auto .bx-start.active { |
|||
background-position: -86px 0; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls-auto .bx-stop { |
|||
display: block; |
|||
text-indent: -9999px; |
|||
width: 9px; |
|||
height: 11px; |
|||
outline: 0; |
|||
background: url(img/controls.png) -86px -44px no-repeat; |
|||
margin: 0 3px; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls-auto .bx-stop:hover, |
|||
.bx-wrapper .bx-controls-auto .bx-stop.active { |
|||
background-position: -86px -33px; |
|||
} |
|||
|
|||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ |
|||
|
|||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { |
|||
text-align: left; |
|||
width: 80%; |
|||
} |
|||
|
|||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { |
|||
right: 0; |
|||
width: 35px; |
|||
} |
|||
|
|||
/* IMAGE CAPTIONS */ |
|||
|
|||
.bx-wrapper .bx-caption { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
background: #666\9; |
|||
background: rgba(80, 80, 80, 0.75); |
|||
width: 100%; |
|||
} |
|||
|
|||
.bx-wrapper .bx-caption span { |
|||
color: #fff; |
|||
font-family: Arial; |
|||
display: block; |
|||
font-size: .85em; |
|||
padding: 10px; |
|||
} |
@ -0,0 +1,508 @@ |
|||
/* |
|||
99Lime.com HTML KickStart by Joshua Gatcke |
|||
kickstart.css |
|||
|
|||
Don't edit the file if you want HTML KickStart to be upgradeable. |
|||
Instead, copy any CSS selectors you want to modify to your style.css file. |
|||
|
|||
// Colors |
|||
blue: #4D99E0; |
|||
*/ |
|||
/*--------------------------------- |
|||
IMPORTS |
|||
-----------------------------------*/ |
|||
@import url(kickstart-buttons.css); |
|||
@import url(kickstart-forms.css); |
|||
@import url(kickstart-menus.css); |
|||
@import url(kickstart-grid.css); |
|||
@import url(jquery.fancybox-1.3.4.css); |
|||
@import url(kickstart-slideshow.css); |
|||
@import url(prettify.css); |
|||
@import url(tiptip.css); |
|||
@import url(fonts/fontawesome/css/font-awesome.min.css); |
|||
|
|||
/*--------------------------------- |
|||
HTML ELEMENTS |
|||
-----------------------------------*/ |
|||
*{ |
|||
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ |
|||
-moz-box-sizing: border-box; /* Firefox, other Gecko */ |
|||
box-sizing: border-box; /* Opera/IE 8+ */ |
|||
} |
|||
a{color:#4D99E0;outline:0;} |
|||
a:active{color:inherit;} |
|||
a:visited{} |
|||
a:hover{} |
|||
a img{border:0;} |
|||
a [class^="icon-"]{color:inherit;text-decoration:none;} |
|||
strong,b{color:#000;font-weight:bold;} |
|||
strike{} |
|||
em,i{} |
|||
.hide{display:none;} |
|||
.show{display:block;} |
|||
|
|||
/*--------------------------------- |
|||
UTILITY |
|||
-----------------------------------*/ |
|||
.center{text-align:center;} |
|||
.left{text-align:left;} |
|||
.right{text-align:right;} |
|||
|
|||
/*--------------------------------- |
|||
HR |
|||
-----------------------------------*/ |
|||
hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0;height:1px;} |
|||
hr.alt1{border-style: solid;} |
|||
hr.alt2{border-style: dashed;} |
|||
|
|||
/*--------------------------------- |
|||
HTML5 ELEMENTS (shim) |
|||
-----------------------------------*/ |
|||
article,aside,details,figcaption,figure, |
|||
footer,header,hgroup,menu,nav,section { |
|||
display:block; |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
HEADINGS |
|||
-----------------------------------*/ |
|||
h1,h2,h3,h4,h5,h6{ |
|||
font-weight:bold; |
|||
line-height:140%; |
|||
} |
|||
|
|||
h1{ |
|||
font-size:3.5em; |
|||
margin:10px 0 10px 0; |
|||
} |
|||
|
|||
h2{ |
|||
font-size:3em; |
|||
margin:10px 0 10px 0; |
|||
} |
|||
|
|||
h3{ |
|||
font-size:2.5em; |
|||
margin:10px 0 10px 0; |
|||
line-height:130%; |
|||
} |
|||
|
|||
h4{ |
|||
font-size:2em; |
|||
margin:10px 0 10px 0; |
|||
} |
|||
|
|||
h5{ |
|||
font-size:1.5em; |
|||
margin:10px 0 10px 0; |
|||
} |
|||
|
|||
h6{ |
|||
font-size:1.2em; |
|||
margin:10px 0 5px 0; |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
PARAGRAPHS |
|||
-----------------------------------*/ |
|||
p{ |
|||
margin:10px 0; |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
BLOCKQUOTES |
|||
-----------------------------------*/ |
|||
blockquote{ |
|||
font-size:1.5em; |
|||
line-height:1.5em; |
|||
font-style: italic; |
|||
margin:30px 30px 30px 0; |
|||
padding:0 0 0 20px; |
|||
border-left:1px solid #ccc; |
|||
} |
|||
|
|||
blockquote span{font-size:0.7em;display:block;} |
|||
blockquote.small{font-size:1.2em;} |
|||
|
|||
/*--------------------------------- |
|||
LISTS |
|||
-----------------------------------*/ |
|||
ul, ol{ |
|||
padding:0; |
|||
margin:0 0 20px 25px; |
|||
} |
|||
|
|||
li{ |
|||
padding:5px 0; |
|||
margin:0; |
|||
} |
|||
|
|||
ul.list-unstyled{ |
|||
padding:0; |
|||
margin:0 0 20px 0; |
|||
} |
|||
|
|||
ul.list-unstyled li{ |
|||
padding:5px 0; |
|||
margin:0; |
|||
list-style-type:none; |
|||
|
|||
} |
|||
|
|||
ul.alt{ |
|||
padding:0; |
|||
margin:0 0 20px 0; |
|||
} |
|||
|
|||
ul.alt li{ |
|||
list-style-type:none; |
|||
border-top:1px dotted #ccc; |
|||
border-bottom:1px dotted #ccc; |
|||
margin:0 0 -1px 0; |
|||
background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em; |
|||
padding-left:20px; |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
PRE & CODE |
|||
-----------------------------------*/ |
|||
code{ |
|||
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; |
|||
font-size:0.9em; |
|||
border:1px solid lightblue; |
|||
padding:3px; |
|||
-moz-border-radius:3px; |
|||
-webkit-border-radius:3px; |
|||
border-radius:3px; |
|||
color:#518BAB; |
|||
} |
|||
|
|||
pre{ |
|||
white-space: pre-wrap; /* css-3 */ |
|||
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ |
|||
white-space: -pre-wrap; /* Opera 4-6 */ |
|||
white-space: -o-pre-wrap; /* Opera 7 */ |
|||
word-wrap: break-word; /* Internet Explorer 5.5+ */ |
|||
margin: 0 0 0 0; |
|||
padding:5px 5px 3px 5px; |
|||
background:#fff; |
|||
-moz-border-radius:5px; |
|||
-webkit-border-radius:5px; |
|||
border-radius:5px; |
|||
-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,0.2); |
|||
-moz-box-shadow:inset 0 0 7px rgba(0,0,0,0.2); |
|||
box-shadow:inset 0 0 7px rgba(0,0,0,0.2); |
|||
padding:10px; |
|||
margin:0 0; |
|||
border:1px solid #ddd; |
|||
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; |
|||
font-size:0.9em; |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
TABLES |
|||
-----------------------------------*/ |
|||
table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;} |
|||
thead, tbody{margin:0;padding:0;} |
|||
th, td{padding:7px 10px;font-size:0.9em;border-bottom:1px dotted #ddd;text-align:left;} |
|||
thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #ddd;} |
|||
tbody tr.last th, |
|||
tbody tr.last td{border-bottom:0;} |
|||
|
|||
/* striped */ |
|||
table.striped{} |
|||
table.striped tr.alt{background:#f5f5f5;} |
|||
table.striped thead th{background:#fff;} |
|||
table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;} |
|||
table.striped tbody tr.alt th{background:#efefef;} |
|||
|
|||
/* tight */ |
|||
table.tight{} |
|||
table.tight th, .tight td{padding:2px 10px;} |
|||
|
|||
/* sortable */ |
|||
table.sortable{border:1px solid #ddd;} |
|||
table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;} |
|||
table.sortable thead th:hover{background:#efefef;} |
|||
table.sortable span.arrow{border-style:solid;border-width:5px; |
|||
display:block;position:absolute;top:50%;right:5px;font-size:0; |
|||
border-color:#ccc transparent transparent transparent; |
|||
line-height:0;height:0;width:0;margin-top:-2px;} |
|||
table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;} |
|||
|
|||
/*--------------------------------- |
|||
TABS |
|||
-----------------------------------*/ |
|||
ul.tabs{ |
|||
margin:10px 0 -1px 0; |
|||
padding:0; |
|||
width:100%; |
|||
border-bottom:1px solid #e5e5e5; |
|||
float:left; |
|||
font-size:0; |
|||
} |
|||
|
|||
ul.tabs.left{text-align:left;} |
|||
ul.tabs.center{text-align:center;} |
|||
ul.tabs.right{text-align:right;} |
|||
ul.tabs.right li{margin:0 0 0 -2px;} |
|||
|
|||
ul.tabs li{ |
|||
font-size:14px; |
|||
list-style-type:none; |
|||
margin:0 -2px 0 0; |
|||
padding:0; |
|||
display:inline-block; |
|||
*display:inline;/*IE ONLY*/ |
|||
position:relative; |
|||
top:0; |
|||
left:0; |
|||
*top:1px;/*IE 7 ONLY*/ |
|||
zoom:1; |
|||
} |
|||
|
|||
ul.tabs li a{ |
|||
text-decoration:none; |
|||
color:#666; |
|||
display:inline-block; |
|||
padding:9px 15px; |
|||
position: relative; |
|||
top:0; |
|||
left:0; |
|||
line-height:100%; |
|||
background:#f5f5f5; |
|||
-webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03); |
|||
-moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03); |
|||
box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03); |
|||
border:1px solid #e5e5e5; |
|||
border-bottom:0; |
|||
font-size:0.9em; |
|||
zoom:1; |
|||
} |
|||
|
|||
ul.tabs li a:hover{ |
|||
background:#fff; |
|||
} |
|||
|
|||
ul.tabs li.current a{ |
|||
position:relative; |
|||
top:1px; |
|||
left:0; |
|||
background:#fff; |
|||
-webkit-box-shadow: none; |
|||
-moz-box-shadow: none; |
|||
box-shadow: none; |
|||
color:#222; |
|||
} |
|||
|
|||
.tab-content{ |
|||
border:1px solid #efefef; |
|||
border:1px solid #e5e5e5; |
|||
background:#fff; |
|||
clear:both; |
|||
padding:20px; |
|||
margin:0 0 40px 0; |
|||
} |
|||
|
|||
|
|||
/*--------------------------------- |
|||
BREADCRUMBS |
|||
-----------------------------------*/ |
|||
ul.breadcrumbs{ |
|||
margin:10px 0; |
|||
padding:0; |
|||
line-height:0%; |
|||
font-size:0; |
|||
} |
|||
|
|||
ul.breadcrumbs li{ |
|||
list-style-type:none; |
|||
margin:0; |
|||
padding:0; |
|||
display:inline-block; |
|||
*display:inline; /* IE ONLY*/ |
|||
position:relative; |
|||
zoom:1; |
|||
line-height:100%; |
|||
font-size:14px; /* 0.8em default to override font-size:0; on parent*/ |
|||
} |
|||
|
|||
ul.breadcrumbs li a{ |
|||
display:inline-block; |
|||
*display:inline; /* IE ONLY*/ |
|||
position:relative; |
|||
padding:5px 15px 5px 5px; |
|||
font-size:0.9em; |
|||
zoom:1; |
|||
margin:0; |
|||
background:url(img/icon-arrow-right.png) no-repeat right center; |
|||
} |
|||
|
|||
ul.breadcrumbs li.last a{ |
|||
color:#333; |
|||
cursor: default; |
|||
text-decoration:none; |
|||
background:none; |
|||
} |
|||
|
|||
ul.breadcrumbs li.last a:hover{ |
|||
text-decoration:none; |
|||
} |
|||
|
|||
/* Alternative Style */ |
|||
ul.breadcrumbs.alt1{ |
|||
border:1px solid transparent; |
|||
font-size:0; |
|||
} |
|||
|
|||
ul.breadcrumbs.alt1 li a{ |
|||
padding:10px 25px 10px 15px; |
|||
background:url(img/breadcrumbs-bg.gif) no-repeat right center; |
|||
text-decoration:none; |
|||
border-top:1px solid #efefef; |
|||
border-bottom:1px solid #efefef; |
|||
font-size:12px; |
|||
} |
|||
|
|||
ul.breadcrumbs.alt1 a:hover{ |
|||
text-decoration:underline; |
|||
} |
|||
|
|||
ul.breadcrumbs.alt1 li.first a{ |
|||
border-left:1px solid #efefef; |
|||
} |
|||
|
|||
ul.breadcrumbs.alt1 li.last a{ |
|||
background:none; |
|||
border-right:1px solid #efefef; |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
IMAGES |
|||
-----------------------------------*/ |
|||
/* |
|||
for img .style1, .style2, .style3 |
|||
view js/kickstart.js Image Style Helpers |
|||
*/ |
|||
img{ |
|||
margin:0; |
|||
padding:0; |
|||
display:inline-block; |
|||
position:relative; |
|||
zoom:1; |
|||
vertical-align: bottom; |
|||
} |
|||
|
|||
img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0;} |
|||
img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px;} |
|||
img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;} |
|||
|
|||
div.caption{ |
|||
background:#f5f5f5; |
|||
border:1px solid #ddd; |
|||
padding:3px; |
|||
max-width:100%; |
|||
display:inline-block; |
|||
height:auto; |
|||
} |
|||
|
|||
div.caption img{ |
|||
display:block; |
|||
padding:0; |
|||
margin:0; |
|||
width:100%; |
|||
height:auto; |
|||
} |
|||
|
|||
div.caption span{ |
|||
display:block; |
|||
margin-top:3px; |
|||
font-size:0.8em; |
|||
color:#666; |
|||
padding:0px 5px; |
|||
} |
|||
|
|||
.gallery{} |
|||
|
|||
.gallery a{ |
|||
display:inline-block; |
|||
position:relative; |
|||
border:1px solid #ddd; |
|||
background:#fff; |
|||
padding:3px; |
|||
margin:5px; |
|||
-moz-border-radius:5px; |
|||
-webkit-border-radius:5px; |
|||
border-radius:5px; |
|||
} |
|||
|
|||
.gallery a img{ |
|||
display: block; |
|||
position: relative; |
|||
margin:0; |
|||
padding:0; |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
SLIDESHOW2 |
|||
-----------------------------------*/ |
|||
.slideshow-wrap{ |
|||
clear:both; |
|||
margin:0; |
|||
padding:0; |
|||
position:relative; |
|||
top:0; |
|||
left:0; |
|||
overflow:hidden; |
|||
clear:both; |
|||
} |
|||
|
|||
.slideshow-inner{ |
|||
overflow:hidden; |
|||
clear:both; |
|||
position:relative; |
|||
top:0; |
|||
left:0; |
|||
border:1px solid #efefef; |
|||
} |
|||
|
|||
.slideshow{ |
|||
clear:both; |
|||
margin:0; |
|||
padding:0; |
|||
width:auto; |
|||
height:auto; |
|||
overflow:hidden; |
|||
} |
|||
|
|||
.slideshow li{ |
|||
list-style-type:none; |
|||
margin:0; |
|||
padding:0; |
|||
float:left; |
|||
display:block; |
|||
} |
|||
|
|||
.slideshow img{vertical-align: bottom;} |
|||
|
|||
.slideshow-buttons{ |
|||
text-align:right; |
|||
margin:3px 0 0 0; |
|||
padding:0; |
|||
} |
|||
|
|||
.slideshow-buttons li{display:inline;position:relative;top:0;left:0;line-height:100%;margin:0;padding:0;} |
|||
.slideshow-buttons li.current a{background:#ddd;} |
|||
|
|||
.slideshow-buttons a{ |
|||
display:inline; |
|||
position:relative; |
|||
top:0; |
|||
left:0; |
|||
padding:1px 3px; |
|||
margin:0 1px; |
|||
line-height:100%; |
|||
border:1px solid #efefef; |
|||
text-decoration:none; |
|||
font-size:0.8em; |
|||
} |
@ -0,0 +1 @@ |
|||
.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} |
@ -0,0 +1,99 @@ |
|||
/* |
|||
TipTip CSS - Version 1.2 |
|||
http://code.drewwilson.com/entry/tiptip-jquery-plugin |
|||
*/ |
|||
|
|||
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } |
|||
#tiptip_holder.tip_top { padding-bottom: 5px; } |
|||
#tiptip_holder.tip_bottom { padding-top: 5px; } |
|||
#tiptip_holder.tip_right { padding-left: 5px; } |
|||
#tiptip_holder.tip_left { padding-right: 5px; } |
|||
|
|||
#tiptip_content { |
|||
font-size: 11px; |
|||
color: #fff; |
|||
text-shadow: 0 0 2px #000; |
|||
padding: 4px 8px; |
|||
border: 1px solid rgba(255,255,255,0.25); |
|||
background:#212121; |
|||
background-color: rgba(25,25,25,0.92); |
|||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); |
|||
-webkit-border-radius: 3px; |
|||
-moz-border-radius: 3px; |
|||
border-radius: 3px; |
|||
-webkit-box-shadow: 0 0 3px #555; |
|||
-moz-box-shadow: 0 0 3px #555; |
|||
box-shadow: 0 0 3px #555; |
|||
*background:#212121; |
|||
} |
|||
|
|||
#tiptip_arrow, #tiptip_arrow_inner { |
|||
position: absolute; |
|||
border-color: transparent; |
|||
border-style: solid; |
|||
border-width: 6px; |
|||
height: 0; |
|||
width: 0; |
|||
} |
|||
|
|||
#tiptip_holder.tip_top #tiptip_arrow { |
|||
border-top-color: #fff; |
|||
border-top-color: rgba(255,255,255,0.35); |
|||
} |
|||
|
|||
#tiptip_holder.tip_bottom #tiptip_arrow { |
|||
border-bottom-color: #fff; |
|||
border-bottom-color: rgba(255,255,255,0.35); |
|||
} |
|||
|
|||
#tiptip_holder.tip_right #tiptip_arrow { |
|||
border-right-color: #fff; |
|||
border-right-color: rgba(255,255,255,0.35); |
|||
} |
|||
|
|||
#tiptip_holder.tip_left #tiptip_arrow { |
|||
border-left-color: #fff; |
|||
border-left-color: rgba(255,255,255,0.35); |
|||
} |
|||
|
|||
#tiptip_holder.tip_top #tiptip_arrow_inner { |
|||
margin-top: -7px; |
|||
margin-left: -6px; |
|||
border-top-color: rgb(25,25,25); |
|||
border-top-color: rgba(25,25,25,0.92); |
|||
} |
|||
|
|||
#tiptip_holder.tip_bottom #tiptip_arrow_inner { |
|||
margin-top: -5px; |
|||
margin-left: -6px; |
|||
border-bottom-color: rgb(25,25,25); |
|||
border-bottom-color: rgba(25,25,25,0.92); |
|||
} |
|||
|
|||
#tiptip_holder.tip_right #tiptip_arrow_inner { |
|||
margin-top: -6px; |
|||
margin-left: -5px; |
|||
border-right-color: rgb(25,25,25); |
|||
border-right-color: rgba(25,25,25,0.92); |
|||
} |
|||
|
|||
#tiptip_holder.tip_left #tiptip_arrow_inner { |
|||
margin-top: -6px; |
|||
margin-left: -7px; |
|||
border-left-color: rgb(25,25,25); |
|||
border-left-color: rgba(25,25,25,0.92); |
|||
} |
|||
|
|||
/* Webkit Hacks */ |
|||
@media screen and (-webkit-min-device-pixel-ratio:0) { |
|||
#tiptip_content { |
|||
padding: 4px 8px 5px 8px; |
|||
background-color: rgba(45,45,45,0.88); |
|||
} |
|||
#tiptip_holder.tip_bottom #tiptip_arrow_inner { |
|||
border-bottom-color: rgba(45,45,45,0.88); |
|||
} |
|||
#tiptip_holder.tip_top #tiptip_arrow_inner { |
|||
border-top-color: rgba(20,20,20,0.92); |
|||
} |
|||
} |
@ -0,0 +1,98 @@ |
|||
<!DOCTYPE html> |
|||
<html><head> |
|||
<title>ZSC Network Technology Association</title> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
|||
<meta name="description" content="" /> |
|||
<meta name="copyright" content="" /> |
|||
<link rel="stylesheet" type="text/css" href="css/kickstart.css" media="all" /> <!-- KICKSTART --> |
|||
<link rel="stylesheet" type="text/css" href="style.css" media="all" /> <!-- CUSTOM STYLES --> |
|||
<script type="text/javascript" src="js/jquery.min.js"></script> |
|||
<script type="text/javascript" src="js/kickstart.js"></script> <!-- KICKSTART --> |
|||
</head><body> |
|||
|
|||
<!-- Menu Horizontal --> |
|||
<nav class="navbar"> |
|||
<ul> |
|||
<li class="first" ><a href="http://zsc.acgbit.com"><span>ZSC</span><span1 style="font-family:'黑体'">网络科技<strike>邪</strike>会</span1></a></li> |
|||
<li><a href="http://www.acgbit.com"><span>ACG</span>BIT</a></li> |
|||
<li class="last"><a href="http://bbs.acgbit.com/">Forum</a></li> |
|||
</ul> |
|||
</nav> |
|||
<div class="callout callout-top clearfix"> |
|||
<div class="grid"> |
|||
<!--<h1>ZSC Network Technology Association</h1>--> |
|||
<h1 style="font-family:'黑体'">ZSC 网络科技协会</h1> |
|||
<h4>Coding for Fun <br> (╯≧▽≦)╯︵┻━┻<br>Study for Dream <br> ┬─┬ ノ( *・ω・ノ) </h4> |
|||
<div class="clear"></div><br> |
|||
<a class="button blue large" href="http://jq.qq.com/?_wv=1027&k=SJit6S"><i class="icon-comment"></i></a> |
|||
<a class="button blue large" href="mailto:594425572@qq.com"><i class="icon-envelope-alt"></i></a></span><br> |
|||
<p style="font-family:'黑体'">点击上方按钮联系我们 :)</p> |
|||
</div> |
|||
</div> |
|||
<div class="grid"> |
|||
|
|||
<!-- ===================================== END HEADER ===================================== --> |
|||
|
|||
<div class="col_12"> |
|||
<div class="col_9"> |
|||
<h3>起源</h3> |
|||
<p><img class="align-left" src="http://placehold.it/180x150/4D99E0/ffffff.png&text=180x150" width="180" height="150" /><span style="font-family:'黑体'"> |
|||
网络科技协会是一个以充实学生在校生活,锻炼及培训学生专业知识的为己任的学生自发组成的组织. |
|||
协会将于本学期开始向全校对计算机科技有兴趣的同学开放,着重于提高学生的自学能力,建立一个拥有良好学术氛围的技术交流平台.<br> |
|||
协会建立的起因是,协会发起者们来到学校后发现,比较难找到与自己有相同技术爱好的学生进行技术探讨,难以把有技术实力或者技术渴望的学生聚集在一起交流,并且有很多学生并不是因为喜爱计算机才来上这个专业的,迷茫着自己的未来,不会定位自己.<br> |
|||
我们看到了上面的这些状况,就商量着由我们这些有一定技术基础和行业经验的成员来组织一个帮助学生了解并深入学习计算机科学技术,帮助规划成员自身未来路线的协会. |
|||
</span> |
|||
</div> |
|||
|
|||
<div class="col_3"> |
|||
<h5>成员项目</h5> |
|||
<ul class="icons"> |
|||
<li><i class="icon-check"></i> <a herf="http://zscinfo.sinaapp.com">中山学院新生向导</a></li> |
|||
<li><i class="icon-check"></i> <a herf="http://zscseach.sinaapp.com">中山学院新生分班查询</a></li> |
|||
<li><i class="icon-check"></i> <a herf="http://zsc.acgbit.com/game/">ZSC黑客游戏</a></li> |
|||
<li><i class="icon-check-empty"></i> 硬件项目和待填的坑...</li> |
|||
</ul> |
|||
|
|||
</div> |
|||
|
|||
<hr /> |
|||
|
|||
<div class="col_4" style="font-family:'黑体'"> |
|||
<h4>开发狗连萌</h4> |
|||
<p>一群开发狗的聚集地,从c/c++, .NET ,java 到 node.js,php,python,开发狗的酸甜苦辣尽在其中,什么pc端,web端,安卓,ios,Winphone都参活一手,<br>什么!客户又该需求了?(╯‵□′)╯︵┻━┻<br>什么!客户要求兼容ie6?(╯‵□′)╯︵┻━┻<br>什么!数据库编码错了?(╯‵□′)╯︵┻━┻<br>什么!这货又没写注释?(╯‵□′)╯︵┻━┻</p> |
|||
</div> |
|||
|
|||
<div class="col_4" style="font-family:'黑体'"> |
|||
<h4>咨讯日常</h4> |
|||
<p>行业资讯分享,看着时事扯淡<br>巨硬收购mojang?<br>阿里巴巴IPO?<br>智能硬件掀起日常革命浪潮?<br>493万Gmail用户数据泄露?<br>又有有趣的新开源项目?<br>PS:ACG什么的,酷爱来讨论</p> |
|||
</div> |
|||
|
|||
<div class="col_4" style="font-family:'黑体'"> |
|||
<h4>三字经神教</h4> |
|||
<p> 进谷歌 找注入 |
|||
没注入 就旁注<br> |
|||
没旁注 用Oday |
|||
没Oday 猜目录<br> |
|||
没目录 就嗅探 |
|||
拿不下 去自杀<br> |
|||
爆账户 找后台 |
|||
传小马 放大马<br> |
|||
拿权限 挂页面 |
|||
放暗链 清数据<br> |
|||
MSF ettercap sqlmap什么的wwww<br> |
|||
哈哈,灰阔们酷爱来玩我们的<a href="http://zsc.acgbit.com/game/">黑客游戏</a>吧! |
|||
|
|||
</p> |
|||
</div> |
|||
</div> |
|||
|
|||
</div><!-- END GRID --> |
|||
|
|||
<!-- ===================================== START FOOTER ===================================== --> |
|||
<div class="clear"></div> |
|||
<div id="footer" style="font-family:'黑体'"> |
|||
©power by 无耻拖框架赶工的Akira |
|||
</div> |
|||
|
|||
</body></html> |
@ -0,0 +1,7 @@ |
|||
Copyright © 2011-2012 Joshua Gatcke http://www.99lime.com | HTML KickStart |
|||
|
|||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: |
|||
|
|||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. |
|||
|
|||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. |
@ -0,0 +1,155 @@ |
|||
/* |
|||
99Lime.com HTML KickStart by Joshua Gatcke |
|||
style.css |
|||
|
|||
*/ |
|||
|
|||
/*--------------------------------- |
|||
IMPORTS |
|||
-----------------------------------*/ |
|||
/*@import url(http://fonts.useso.com/css?family=Arimo:400,700);*/ |
|||
|
|||
/*--------------------------------- |
|||
OVERRIDES |
|||
-----------------------------------*/ |
|||
h1,h2,h3,h4,h5,h6{ |
|||
font-family: "Arimo", arial, verdana, sans-serif; |
|||
font-weight:normal; |
|||
} |
|||
|
|||
thead th, |
|||
tbody th{ |
|||
font-family: "Arimo", arial, verdana, sans-serif; |
|||
} |
|||
|
|||
button, |
|||
a.btn, |
|||
input[type="submit"], |
|||
input[type="reset"], |
|||
input[type="button"]{ |
|||
font-family: "Arimo", arial, verdana, sans-serif; |
|||
} |
|||
|
|||
.menu{ |
|||
font-family: "Arimo", arial, verdana, sans-serif; |
|||
} |
|||
|
|||
blockquote{ |
|||
font-family: "Arimo", arial, verdana, sans-serif; |
|||
} |
|||
|
|||
/*--------------------------------- |
|||
LAYOUT |
|||
-----------------------------------*/ |
|||
body{ |
|||
margin:0; |
|||
padding:0 0 0 0; |
|||
color:#000; |
|||
background:#efefef url(css/img/gray_jean.png); |
|||
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif; |
|||
text-shadow: 0 0 1px transparent; /* google font pixelation fix */ |
|||
} |
|||
|
|||
#wrap{ |
|||
width:100%; |
|||
background:#fff; |
|||
margin:30px auto 30px auto; |
|||
padding:0 2%; |
|||
border:1px solid #ccc; |
|||
} |
|||
|
|||
|
|||
#footer{ |
|||
text-align:center; |
|||
padding:20px; |
|||
margin:0; |
|||
border-top:1px solid #ddd; |
|||
color:#999; |
|||
font-size:0.8em; |
|||
text-shadow:0px 1px 1px #fff; |
|||
position: relative; |
|||
top:0; |
|||
left:0; |
|||
background:#fff; |
|||
} |
|||
|
|||
#link-top{ |
|||
display:none; |
|||
} |
|||
|
|||
/* NAV BAR*/ |
|||
.navbar{ |
|||
position:fixed; |
|||
top:0; |
|||
left:0; |
|||
width: 100%; |
|||
background:#000; |
|||
color:#fff; |
|||
z-index:1000; |
|||
} |
|||
|
|||
.navbar #logo{ |
|||
position:absolute; |
|||
top:0; |
|||
right:0; |
|||
padding:0.5em 1em; |
|||
font-size: 1.7em; |
|||
color:#efefef; |
|||
text-decoration:none; |
|||
} |
|||
|
|||
.navbar span{ |
|||
color:#86dc00; |
|||
} |
|||
|
|||
|
|||
.navbar ul{ |
|||
display:inline-block; |
|||
margin:0; |
|||
padding:0; |
|||
} |
|||
|
|||
.navbar li{ |
|||
margin:0; |
|||
padding:0; |
|||
list-style-type:0; |
|||
display:inline-block; |
|||
} |
|||
|
|||
.navbar li a{ |
|||
display:inline-block; |
|||
color:#efefef; |
|||
padding:1em 1.3em; |
|||
text-decoration:none; |
|||
text-transform: uppercase; |
|||
line-height:100%; |
|||
font-size: 1.2em; |
|||
} |
|||
|
|||
.callout{ |
|||
background:#4598ef;/*#86dc00;*/ |
|||
padding:3em 0; |
|||
color:#fff; |
|||
box-shadow:inset 0 0 10px rgba(0,0,0,0.2); |
|||
text-align: center; |
|||
text-shadow:0px 1px 3px rgba(0,0,0,0.2); |
|||
display:block; |
|||
} |
|||
.callout + div.grid{margin-top:50px;} |
|||
a.callout{cursor:pointer;} |
|||
.callout i.icon-4x{font-size:6em;} |
|||
.callout h4{margin-bottom:30px;} |
|||
.callout-top{margin:50px 0 0 0;} |
|||
.callout p{margin-bottom:0;} |
|||
.callout .button{margin-top:10px;} |
|||
.callout.green{background:#19ad0b;/*#86dc00;*/} |
|||
|
|||
#mc_embed_signup{ |
|||
padding:30px 0; |
|||
} |
|||
|
|||
#ui-preview{ |
|||
border:5px solid #ddd; |
|||
margin:30px 0; |
|||
display:block; |
|||
} |