The requested content cannot be loaded.
Please try again later.
| ' + title + ' |
' + title + '
';
471 | }
472 |
473 | return false;
474 | },
475 |
476 | _process_title = function() {
477 | titleStr = currentOpts.title || '';
478 | titleHeight = 0;
479 |
480 | title
481 | .empty()
482 | .removeAttr('style')
483 | .removeClass();
484 |
485 | if (currentOpts.titleShow === false) {
486 | title.hide();
487 | return;
488 | }
489 |
490 | titleStr = $.isFunction(currentOpts.titleFormat) ? currentOpts.titleFormat(titleStr, currentArray, currentIndex, currentOpts) : _format_title(titleStr);
491 |
492 | if (!titleStr || titleStr === '') {
493 | title.hide();
494 | return;
495 | }
496 |
497 | title
498 | .addClass('fancybox-title-' + currentOpts.titlePosition)
499 | .html( titleStr )
500 | .appendTo( 'body' )
501 | .show();
502 |
503 | switch (currentOpts.titlePosition) {
504 | case 'inside':
505 | title
506 | .css({
507 | 'width' : final_pos.width - (currentOpts.padding * 2),
508 | 'marginLeft' : currentOpts.padding,
509 | 'marginRight' : currentOpts.padding
510 | });
511 |
512 | titleHeight = title.outerHeight(true);
513 |
514 | title.appendTo( outer );
515 |
516 | final_pos.height += titleHeight;
517 | break;
518 |
519 | case 'over':
520 | title
521 | .css({
522 | 'marginLeft' : currentOpts.padding,
523 | 'width' : final_pos.width - (currentOpts.padding * 2),
524 | 'bottom' : currentOpts.padding
525 | })
526 | .appendTo( outer );
527 | break;
528 |
529 | case 'float':
530 | title
531 | .css('left', parseInt((title.width() - final_pos.width - 40)/ 2, 10) * -1)
532 | .appendTo( wrap );
533 | break;
534 |
535 | default:
536 | title
537 | .css({
538 | 'width' : final_pos.width - (currentOpts.padding * 2),
539 | 'paddingLeft' : currentOpts.padding,
540 | 'paddingRight' : currentOpts.padding
541 | })
542 | .appendTo( wrap );
543 | break;
544 | }
545 |
546 | title.hide();
547 | },
548 |
549 | _set_navigation = function() {
550 | if (currentOpts.enableEscapeButton || currentOpts.enableKeyboardNav) {
551 | $(document).bind('keydown.fb', function(e) {
552 | if (e.keyCode == 27 && currentOpts.enableEscapeButton) {
553 | e.preventDefault();
554 | $.fancybox.close();
555 |
556 | } else if ((e.keyCode == 37 || e.keyCode == 39) && currentOpts.enableKeyboardNav && e.target.tagName !== 'INPUT' && e.target.tagName !== 'TEXTAREA' && e.target.tagName !== 'SELECT') {
557 | e.preventDefault();
558 | $.fancybox[ e.keyCode == 37 ? 'prev' : 'next']();
559 | }
560 | });
561 | }
562 |
563 | if (!currentOpts.showNavArrows) {
564 | nav_left.hide();
565 | nav_right.hide();
566 | return;
567 | }
568 |
569 | if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex !== 0) {
570 | nav_left.show();
571 | }
572 |
573 | if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex != (currentArray.length -1)) {
574 | nav_right.show();
575 | }
576 | },
577 |
578 | _finish = function () {
579 | if (!$.support.opacity) {
580 | content.get(0).style.removeAttribute('filter');
581 | wrap.get(0).style.removeAttribute('filter');
582 | }
583 |
584 | if (selectedOpts.autoDimensions) {
585 | content.css('height', 'auto');
586 | }
587 |
588 | wrap.css('height', 'auto');
589 |
590 | if (titleStr && titleStr.length) {
591 | title.show();
592 | }
593 |
594 | if (currentOpts.showCloseButton) {
595 | close.show();
596 | }
597 |
598 | _set_navigation();
599 |
600 | if (currentOpts.hideOnContentClick) {
601 | content.bind('click', $.fancybox.close);
602 | }
603 |
604 | if (currentOpts.hideOnOverlayClick) {
605 | overlay.bind('click', $.fancybox.close);
606 | }
607 |
608 | $(window).bind("resize.fb", $.fancybox.resize);
609 |
610 | if (currentOpts.centerOnScroll) {
611 | $(window).bind("scroll.fb", $.fancybox.center);
612 | }
613 |
614 | if (currentOpts.type == 'iframe') {
615 | $('').appendTo(content);
616 | }
617 |
618 | wrap.show();
619 |
620 | busy = false;
621 |
622 | $.fancybox.center();
623 |
624 | currentOpts.onComplete(currentArray, currentIndex, currentOpts);
625 |
626 | _preload_images();
627 | },
628 |
629 | _preload_images = function() {
630 | var href,
631 | objNext;
632 |
633 | if ((currentArray.length -1) > currentIndex) {
634 | href = currentArray[ currentIndex + 1 ].href;
635 |
636 | if (typeof href !== 'undefined' && href.match(imgRegExp)) {
637 | objNext = new Image();
638 | objNext.src = href;
639 | }
640 | }
641 |
642 | if (currentIndex > 0) {
643 | href = currentArray[ currentIndex - 1 ].href;
644 |
645 | if (typeof href !== 'undefined' && href.match(imgRegExp)) {
646 | objNext = new Image();
647 | objNext.src = href;
648 | }
649 | }
650 | },
651 |
652 | _draw = function(pos) {
653 | var dim = {
654 | width : parseInt(start_pos.width + (final_pos.width - start_pos.width) * pos, 10),
655 | height : parseInt(start_pos.height + (final_pos.height - start_pos.height) * pos, 10),
656 |
657 | top : parseInt(start_pos.top + (final_pos.top - start_pos.top) * pos, 10),
658 | left : parseInt(start_pos.left + (final_pos.left - start_pos.left) * pos, 10)
659 | };
660 |
661 | if (typeof final_pos.opacity !== 'undefined') {
662 | dim.opacity = pos < 0.5 ? 0.5 : pos;
663 | }
664 |
665 | wrap.css(dim);
666 |
667 | content.css({
668 | 'width' : dim.width - currentOpts.padding * 2,
669 | 'height' : dim.height - (titleHeight * pos) - currentOpts.padding * 2
670 | });
671 | },
672 |
673 | _get_viewport = function() {
674 | return [
675 | $(window).width() - (currentOpts.margin * 2),
676 | $(window).height() - (currentOpts.margin * 2),
677 | $(document).scrollLeft() + currentOpts.margin,
678 | $(document).scrollTop() + currentOpts.margin
679 | ];
680 | },
681 |
682 | _get_zoom_to = function () {
683 | var view = _get_viewport(),
684 | to = {},
685 | resize = currentOpts.autoScale,
686 | double_padding = currentOpts.padding * 2,
687 | ratio;
688 |
689 | if (currentOpts.width.toString().indexOf('%') > -1) {
690 | to.width = parseInt((view[0] * parseFloat(currentOpts.width)) / 100, 10);
691 | } else {
692 | to.width = currentOpts.width + double_padding;
693 | }
694 |
695 | if (currentOpts.height.toString().indexOf('%') > -1) {
696 | to.height = parseInt((view[1] * parseFloat(currentOpts.height)) / 100, 10);
697 | } else {
698 | to.height = currentOpts.height + double_padding;
699 | }
700 |
701 | if (resize && (to.width > view[0] || to.height > view[1])) {
702 | if (selectedOpts.type == 'image' || selectedOpts.type == 'swf') {
703 | ratio = (currentOpts.width ) / (currentOpts.height );
704 |
705 | if ((to.width ) > view[0]) {
706 | to.width = view[0];
707 | to.height = parseInt(((to.width - double_padding) / ratio) + double_padding, 10);
708 | }
709 |
710 | if ((to.height) > view[1]) {
711 | to.height = view[1];
712 | to.width = parseInt(((to.height - double_padding) * ratio) + double_padding, 10);
713 | }
714 |
715 | } else {
716 | to.width = Math.min(to.width, view[0]);
717 | to.height = Math.min(to.height, view[1]);
718 | }
719 | }
720 |
721 | to.top = parseInt(Math.max(view[3] - 20, view[3] + ((view[1] - to.height - 40) * 0.5)), 10);
722 | to.left = parseInt(Math.max(view[2] - 20, view[2] + ((view[0] - to.width - 40) * 0.5)), 10);
723 |
724 | return to;
725 | },
726 |
727 | _get_obj_pos = function(obj) {
728 | var pos = obj.offset();
729 |
730 | pos.top += parseInt( obj.css('paddingTop'), 10 ) || 0;
731 | pos.left += parseInt( obj.css('paddingLeft'), 10 ) || 0;
732 |
733 | pos.top += parseInt( obj.css('border-top-width'), 10 ) || 0;
734 | pos.left += parseInt( obj.css('border-left-width'), 10 ) || 0;
735 |
736 | pos.width = obj.width();
737 | pos.height = obj.height();
738 |
739 | return pos;
740 | },
741 |
742 | _get_zoom_from = function() {
743 | var orig = selectedOpts.orig ? $(selectedOpts.orig) : false,
744 | from = {},
745 | pos,
746 | view;
747 |
748 | if (orig && orig.length) {
749 | pos = _get_obj_pos(orig);
750 |
751 | from = {
752 | width : pos.width + (currentOpts.padding * 2),
753 | height : pos.height + (currentOpts.padding * 2),
754 | top : pos.top - currentOpts.padding - 20,
755 | left : pos.left - currentOpts.padding - 20
756 | };
757 |
758 | } else {
759 | view = _get_viewport();
760 |
761 | from = {
762 | width : currentOpts.padding * 2,
763 | height : currentOpts.padding * 2,
764 | top : parseInt(view[3] + view[1] * 0.5, 10),
765 | left : parseInt(view[2] + view[0] * 0.5, 10)
766 | };
767 | }
768 |
769 | return from;
770 | },
771 |
772 | _animate_loading = function() {
773 | if (!loading.is(':visible')){
774 | clearInterval(loadingTimer);
775 | return;
776 | }
777 |
778 | $('div', loading).css('top', (loadingFrame * -40) + 'px');
779 |
780 | loadingFrame = (loadingFrame + 1) % 12;
781 | };
782 |
783 | /*
784 | * Public methods
785 | */
786 |
787 | $.fn.fancybox = function(options) {
788 | if (!$(this).length) {
789 | return this;
790 | }
791 |
792 | $(this)
793 | .data('fancybox', $.extend({}, options, ($.metadata ? $(this).metadata() : {})))
794 | .unbind('click.fb')
795 | .bind('click.fb', function(e) {
796 | e.preventDefault();
797 |
798 | if (busy) {
799 | return;
800 | }
801 |
802 | busy = true;
803 |
804 | $(this).blur();
805 |
806 | selectedArray = [];
807 | selectedIndex = 0;
808 |
809 | var rel = $(this).attr('rel') || '';
810 |
811 | if (!rel || rel == '' || rel === 'nofollow') {
812 | selectedArray.push(this);
813 |
814 | } else {
815 | selectedArray = $("a[rel=" + rel + "], area[rel=" + rel + "]");
816 | selectedIndex = selectedArray.index( this );
817 | }
818 |
819 | _start();
820 |
821 | return;
822 | });
823 |
824 | return this;
825 | };
826 |
827 | $.fancybox = function(obj) {
828 | var opts;
829 |
830 | if (busy) {
831 | return;
832 | }
833 |
834 | busy = true;
835 | opts = typeof arguments[1] !== 'undefined' ? arguments[1] : {};
836 |
837 | selectedArray = [];
838 | selectedIndex = parseInt(opts.index, 10) || 0;
839 |
840 | if ($.isArray(obj)) {
841 | for (var i = 0, j = obj.length; i < j; i++) {
842 | if (typeof obj[i] == 'object') {
843 | $(obj[i]).data('fancybox', $.extend({}, opts, obj[i]));
844 | } else {
845 | obj[i] = $({}).data('fancybox', $.extend({content : obj[i]}, opts));
846 | }
847 | }
848 |
849 | selectedArray = jQuery.merge(selectedArray, obj);
850 |
851 | } else {
852 | if (typeof obj == 'object') {
853 | $(obj).data('fancybox', $.extend({}, opts, obj));
854 | } else {
855 | obj = $({}).data('fancybox', $.extend({content : obj}, opts));
856 | }
857 |
858 | selectedArray.push(obj);
859 | }
860 |
861 | if (selectedIndex > selectedArray.length || selectedIndex < 0) {
862 | selectedIndex = 0;
863 | }
864 |
865 | _start();
866 | };
867 |
868 | $.fancybox.showActivity = function() {
869 | clearInterval(loadingTimer);
870 |
871 | loading.show();
872 | loadingTimer = setInterval(_animate_loading, 66);
873 | };
874 |
875 | $.fancybox.hideActivity = function() {
876 | loading.hide();
877 | };
878 |
879 | $.fancybox.next = function() {
880 | return $.fancybox.pos( currentIndex + 1);
881 | };
882 |
883 | $.fancybox.prev = function() {
884 | return $.fancybox.pos( currentIndex - 1);
885 | };
886 |
887 | $.fancybox.pos = function(pos) {
888 | if (busy) {
889 | return;
890 | }
891 |
892 | pos = parseInt(pos);
893 |
894 | selectedArray = currentArray;
895 |
896 | if (pos > -1 && pos < currentArray.length) {
897 | selectedIndex = pos;
898 | _start();
899 |
900 | } else if (currentOpts.cyclic && currentArray.length > 1) {
901 | selectedIndex = pos >= currentArray.length ? 0 : currentArray.length - 1;
902 | _start();
903 | }
904 |
905 | return;
906 | };
907 |
908 | $.fancybox.cancel = function() {
909 | if (busy) {
910 | return;
911 | }
912 |
913 | busy = true;
914 |
915 | $.event.trigger('fancybox-cancel');
916 |
917 | _abort();
918 |
919 | selectedOpts.onCancel(selectedArray, selectedIndex, selectedOpts);
920 |
921 | busy = false;
922 | };
923 |
924 | // Note: within an iframe use - parent.$.fancybox.close();
925 | $.fancybox.close = function() {
926 | if (busy || wrap.is(':hidden')) {
927 | return;
928 | }
929 |
930 | busy = true;
931 |
932 | if (currentOpts && false === currentOpts.onCleanup(currentArray, currentIndex, currentOpts)) {
933 | busy = false;
934 | return;
935 | }
936 |
937 | _abort();
938 |
939 | $(close.add( nav_left ).add( nav_right )).hide();
940 |
941 | $(content.add( overlay )).unbind();
942 |
943 | $(window).unbind("resize.fb scroll.fb");
944 | $(document).unbind('keydown.fb');
945 |
946 | content.find('iframe').attr('src', isIE6 && /^https/i.test(window.location.href || '') ? 'javascript:void(false)' : 'about:blank');
947 |
948 | if (currentOpts.titlePosition !== 'inside') {
949 | title.empty();
950 | }
951 |
952 | wrap.stop();
953 |
954 | function _cleanup() {
955 | overlay.fadeOut('fast');
956 |
957 | title.empty().hide();
958 | wrap.hide();
959 |
960 | $.event.trigger('fancybox-cleanup');
961 |
962 | content.empty();
963 |
964 | currentOpts.onClosed(currentArray, currentIndex, currentOpts);
965 |
966 | currentArray = selectedOpts = [];
967 | currentIndex = selectedIndex = 0;
968 | currentOpts = selectedOpts = {};
969 |
970 | busy = false;
971 | }
972 |
973 | if (currentOpts.transitionOut == 'elastic') {
974 | start_pos = _get_zoom_from();
975 |
976 | var pos = wrap.position();
977 |
978 | final_pos = {
979 | top : pos.top ,
980 | left : pos.left,
981 | width : wrap.width(),
982 | height : wrap.height()
983 | };
984 |
985 | if (currentOpts.opacity) {
986 | final_pos.opacity = 1;
987 | }
988 |
989 | title.empty().hide();
990 |
991 | fx.prop = 1;
992 |
993 | $(fx).animate({ prop: 0 }, {
994 | duration : currentOpts.speedOut,
995 | easing : currentOpts.easingOut,
996 | step : _draw,
997 | complete : _cleanup
998 | });
999 |
1000 | } else {
1001 | wrap.fadeOut( currentOpts.transitionOut == 'none' ? 0 : currentOpts.speedOut, _cleanup);
1002 | }
1003 | };
1004 |
1005 | $.fancybox.resize = function() {
1006 | if (overlay.is(':visible')) {
1007 | overlay.css('height', $(document).height());
1008 | }
1009 |
1010 | $.fancybox.center(true);
1011 | };
1012 |
1013 | $.fancybox.center = function() {
1014 | var view, align;
1015 |
1016 | if (busy) {
1017 | return;
1018 | }
1019 |
1020 | align = arguments[0] === true ? 1 : 0;
1021 | view = _get_viewport();
1022 |
1023 | if (!align && (wrap.width() > view[0] || wrap.height() > view[1])) {
1024 | return;
1025 | }
1026 |
1027 | wrap
1028 | .stop()
1029 | .animate({
1030 | 'top' : parseInt(Math.max(view[3] - 20, view[3] + ((view[1] - content.height() - 40) * 0.5) - currentOpts.padding)),
1031 | 'left' : parseInt(Math.max(view[2] - 20, view[2] + ((view[0] - content.width() - 40) * 0.5) - currentOpts.padding))
1032 | }, typeof arguments[0] == 'number' ? arguments[0] : 200);
1033 | };
1034 |
1035 | $.fancybox.init = function() {
1036 | if ($("#fancybox-wrap").length) {
1037 | return;
1038 | }
1039 |
1040 | $('body').append(
1041 | tmp = $(''),
1042 | loading = $(''),
1043 | overlay = $(''),
1044 | wrap = $('')
1045 | );
1046 |
1047 | outer = $('')
1048 | .append('')
1049 | .appendTo( wrap );
1050 |
1051 | outer.append(
1052 | content = $(''),
1053 | close = $(''),
1054 | title = $(''),
1055 |
1056 | nav_left = $(''),
1057 | nav_right = $('')
1058 | );
1059 |
1060 | close.click($.fancybox.close);
1061 | loading.click($.fancybox.cancel);
1062 |
1063 | nav_left.click(function(e) {
1064 | e.preventDefault();
1065 | $.fancybox.prev();
1066 | });
1067 |
1068 | nav_right.click(function(e) {
1069 | e.preventDefault();
1070 | $.fancybox.next();
1071 | });
1072 |
1073 | if ($.fn.mousewheel) {
1074 | wrap.bind('mousewheel.fb', function(e, delta) {
1075 | if (busy) {
1076 | e.preventDefault();
1077 |
1078 | } else if ($(e.target).get(0).clientHeight == 0 || $(e.target).get(0).scrollHeight === $(e.target).get(0).clientHeight) {
1079 | e.preventDefault();
1080 | $.fancybox[ delta > 0 ? 'prev' : 'next']();
1081 | }
1082 | });
1083 | }
1084 |
1085 | if (!$.support.opacity) {
1086 | wrap.addClass('fancybox-ie');
1087 | }
1088 |
1089 | if (isIE6) {
1090 | loading.addClass('fancybox-ie6');
1091 | wrap.addClass('fancybox-ie6');
1092 |
1093 | $('').prependTo(outer);
1094 | }
1095 | };
1096 |
1097 | $.fn.fancybox.defaults = {
1098 | padding : 10,
1099 | margin : 40,
1100 | opacity : false,
1101 | modal : false,
1102 | cyclic : false,
1103 | scrolling : 'auto', // 'auto', 'yes' or 'no'
1104 |
1105 | width : 560,
1106 | height : 340,
1107 |
1108 | autoScale : true,
1109 | autoDimensions : true,
1110 | centerOnScroll : false,
1111 |
1112 | ajax : {},
1113 | swf : { wmode: 'transparent' },
1114 |
1115 | hideOnOverlayClick : true,
1116 | hideOnContentClick : false,
1117 |
1118 | overlayShow : true,
1119 | overlayOpacity : 0.7,
1120 | overlayColor : '#777',
1121 |
1122 | titleShow : true,
1123 | titlePosition : 'float', // 'float', 'outside', 'inside' or 'over'
1124 | titleFormat : null,
1125 | titleFromAlt : false,
1126 |
1127 | transitionIn : 'fade', // 'elastic', 'fade' or 'none'
1128 | transitionOut : 'fade', // 'elastic', 'fade' or 'none'
1129 |
1130 | speedIn : 300,
1131 | speedOut : 300,
1132 |
1133 | changeSpeed : 300,
1134 | changeFade : 'fast',
1135 |
1136 | easingIn : 'swing',
1137 | easingOut : 'swing',
1138 |
1139 | showCloseButton : true,
1140 | showNavArrows : true,
1141 | enableEscapeButton : true,
1142 | enableKeyboardNav : true,
1143 |
1144 | onStart : function(){},
1145 | onCancel : function(){},
1146 | onComplete : function(){},
1147 | onCleanup : function(){},
1148 | onClosed : function(){},
1149 | onError : function(){}
1150 | };
1151 |
1152 | $(document).ready(function() {
1153 | $.fancybox.init();
1154 | });
1155 |
1156 | })(jQuery);
--------------------------------------------------------------------------------
/css/img/fancybox/jquery.fancybox-1.3.4.pack.js:
--------------------------------------------------------------------------------
1 | /*
2 | * FancyBox - jQuery Plugin
3 | * Simple and fancy lightbox alternative
4 | *
5 | * Examples and documentation at: http://fancybox.net
6 | *
7 | * Copyright (c) 2008 - 2010 Janis Skarnelis
8 | * 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.
9 | *
10 | * Version: 1.3.4 (11/11/2010)
11 | * Requires: jQuery v1.3+
12 | *
13 | * Dual licensed under the MIT and GPL licenses:
14 | * http://www.opensource.org/licenses/mit-license.php
15 | * http://www.gnu.org/licenses/gpl.html
16 | */
17 |
18 | ;(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("")[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('
The requested content cannot be loaded.
Please try again later.
| '+s+' |
'+s+"
":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});
28 | 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==
29 | 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());
30 | 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==
31 | 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");
32 | 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('').appendTo(j);
33 | 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);
34 | 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==
35 | "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"),
36 | 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)};
37 | 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=
38 | 0,C=a.length;k'),u=b(''),f=b(''));D=b('').append('').appendTo(f);
43 | D.append(j=b(''),E=b(''),n=b(''),z=b(''),A=b(''));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()});
44 | 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('').prependTo(D)}}};
45 | 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",
46 | 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);
--------------------------------------------------------------------------------
/css/img/fancybox/jquery.mousewheel-3.0.4.pack.js:
--------------------------------------------------------------------------------
1 | /*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
2 | * Licensed under the MIT License (LICENSE.txt).
3 | *
4 | * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
5 | * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
6 | * Thanks to: Seamus Leahy for adding deltaX and deltaY
7 | *
8 | * Version: 3.0.4
9 | *
10 | * Requires: 1.2.2+
11 | */
12 |
13 | (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=
14 | 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);
--------------------------------------------------------------------------------
/css/img/gray_jean.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/joshuagatcke/HTML-KickStart/52f37f98a1525c7b4cc55ea9bd331dfb5a36bffb/css/img/gray_jean.png
--------------------------------------------------------------------------------
/css/img/icon-arrow-right.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/joshuagatcke/HTML-KickStart/52f37f98a1525c7b4cc55ea9bd331dfb5a36bffb/css/img/icon-arrow-right.png
--------------------------------------------------------------------------------
/css/jquery.fancybox-1.3.4.css:
--------------------------------------------------------------------------------
1 | /*
2 | * FancyBox - jQuery Plugin
3 | * Simple and fancy lightbox alternative
4 | *
5 | * Examples and documentation at: http://fancybox.net
6 | *
7 | * Copyright (c) 2008 - 2010 Janis Skarnelis
8 | * 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.
9 | *
10 | * Version: 1.3.4 (11/11/2010)
11 | * Requires: jQuery v1.3+
12 | *
13 | * Dual licensed under the MIT and GPL licenses:
14 | * http://www.opensource.org/licenses/mit-license.php
15 | * http://www.gnu.org/licenses/gpl.html
16 | */
17 |
18 | #fancybox-loading {
19 | position: fixed;
20 | top: 50%;
21 | left: 50%;
22 | width: 40px;
23 | height: 40px;
24 | margin-top: -20px;
25 | margin-left: -20px;
26 | cursor: pointer;
27 | overflow: hidden;
28 | z-index: 1104;
29 | display: none;
30 | }
31 |
32 | #fancybox-loading div {
33 | position: absolute;
34 | top: 0;
35 | left: 0;
36 | width: 40px;
37 | height: 480px;
38 | background-image: url('img/fancybox/fancybox.png');
39 | }
40 |
41 | #fancybox-overlay {
42 | position: absolute;
43 | top: 0;
44 | left: 0;
45 | width: 100%;
46 | z-index: 1100;
47 | display: none;
48 | }
49 |
50 | #fancybox-tmp {
51 | padding: 0;
52 | margin: 0;
53 | border: 0;
54 | overflow: auto;
55 | display: none;
56 | }
57 |
58 | #fancybox-wrap {
59 | position: absolute;
60 | top: 0;
61 | left: 0;
62 | padding: 20px;
63 | z-index: 1101;
64 | outline: none;
65 | display: none;
66 | }
67 |
68 | #fancybox-outer {
69 | position: relative;
70 | width: 100%;
71 | height: 100%;
72 | background: #fff;
73 | }
74 |
75 | #fancybox-wrap,
76 | #fancybox-wrap *{
77 | -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
78 | -moz-box-sizing: content-box; /* Firefox, other Gecko */
79 | box-sizing: content-box; /* Opera/IE 8+ */
80 | }
81 |
82 | #fancybox-content {
83 | width: 0;
84 | height: 0;
85 | padding: 0;
86 | outline: none;
87 | position: relative;
88 | overflow: hidden;
89 | z-index: 1102;
90 | border: 0 solid #fff;
91 | }
92 |
93 | #fancybox-hide-sel-frame {
94 | position: absolute;
95 | top: 0;
96 | left: 0;
97 | width: 100%;
98 | height: 100%;
99 | background: transparent;
100 | z-index: 1101;
101 | }
102 |
103 | #fancybox-close {
104 | position: absolute;
105 | top: -15px;
106 | right: -15px;
107 | width: 30px;
108 | height: 30px;
109 | background: transparent url('img/fancybox/fancybox.png') -40px 0;
110 | cursor: pointer;
111 | z-index: 1103;
112 | display: none;
113 | }
114 |
115 | #fancybox-error {
116 | color: #444;
117 | font: normal 12px/20px Arial;
118 | padding: 14px;
119 | margin: 0;
120 | }
121 |
122 | #fancybox-img {
123 | width: 100%;
124 | height: 100%;
125 | padding: 0;
126 | margin: 0;
127 | border: none;
128 | outline: none;
129 | line-height: 0;
130 | vertical-align: top;
131 | }
132 |
133 | #fancybox-frame {
134 | width: 100%;
135 | height: 100%;
136 | border: none;
137 | display: block;
138 | }
139 |
140 | #fancybox-left, #fancybox-right {
141 | position: absolute;
142 | bottom: 0;
143 | height: 100%;
144 | width: 35%;
145 | cursor: pointer;
146 | outline: none;
147 | background: transparent url('img/fancybox/blank.gif');
148 | z-index: 1102;
149 | display: none;
150 | }
151 |
152 | #fancybox-left {
153 | left: 0;
154 | }
155 |
156 | #fancybox-right {
157 | right: 0;
158 | }
159 |
160 | #fancybox-left-ico, #fancybox-right-ico {
161 | position: absolute;
162 | top: 50%;
163 | left: -9999px;
164 | width: 30px;
165 | height: 30px;
166 | margin-top: -15px;
167 | cursor: pointer;
168 | z-index: 1102;
169 | display: block;
170 | }
171 |
172 | #fancybox-left-ico {
173 | background-image: url('img/fancybox/fancybox.png');
174 | background-position: -40px -30px;
175 | }
176 |
177 | #fancybox-right-ico {
178 | background-image: url('img/fancybox/fancybox.png');
179 | background-position: -40px -60px;
180 | }
181 |
182 | #fancybox-left:hover, #fancybox-right:hover {
183 | visibility: visible; /* IE6 */
184 | }
185 |
186 | #fancybox-left:hover span {
187 | left: 20px;
188 | }
189 |
190 | #fancybox-right:hover span {
191 | left: auto;
192 | right: 20px;
193 | }
194 |
195 | .fancybox-bg {
196 | position: absolute;
197 | padding: 0;
198 | margin: 0;
199 | border: 0;
200 | width: 20px;
201 | height: 20px;
202 | z-index: 1001;
203 | }
204 |
205 | #fancybox-bg-n {
206 | top: -20px;
207 | left: 0;
208 | width: 100%;
209 | background-image: url('img/fancybox/fancybox-x.png');
210 | }
211 |
212 | #fancybox-bg-ne {
213 | top: -20px;
214 | right: -20px;
215 | background-image: url('img/fancybox/fancybox.png');
216 | background-position: -40px -162px;
217 | }
218 |
219 | #fancybox-bg-e {
220 | top: 0;
221 | right: -20px;
222 | height: 100%;
223 | background-image: url('img/fancybox/fancybox-y.png');
224 | background-position: -20px 0;
225 | }
226 |
227 | #fancybox-bg-se {
228 | bottom: -20px;
229 | right: -20px;
230 | background-image: url('img/fancybox/fancybox.png');
231 | background-position: -40px -182px;
232 | }
233 |
234 | #fancybox-bg-s {
235 | bottom: -20px;
236 | left: 0;
237 | width: 100%;
238 | background-image: url('img/fancybox/fancybox-x.png');
239 | background-position: 0 -20px;
240 | }
241 |
242 | #fancybox-bg-sw {
243 | bottom: -20px;
244 | left: -20px;
245 | background-image: url('img/fancybox/fancybox.png');
246 | background-position: -40px -142px;
247 | }
248 |
249 | #fancybox-bg-w {
250 | top: 0;
251 | left: -20px;
252 | height: 100%;
253 | background-image: url('img/fancybox/fancybox-y.png');
254 | }
255 |
256 | #fancybox-bg-nw {
257 | top: -20px;
258 | left: -20px;
259 | background-image: url('img/fancybox/fancybox.png');
260 | background-position: -40px -122px;
261 | }
262 |
263 | #fancybox-title {
264 | font-family: Helvetica;
265 | font-size: 12px;
266 | z-index: 1102;
267 | }
268 |
269 | .fancybox-title-inside {
270 | padding-bottom: 10px;
271 | text-align: center;
272 | color: #333;
273 | background: #fff;
274 | position: relative;
275 | }
276 |
277 | .fancybox-title-outside {
278 | padding-top: 10px;
279 | color: #fff;
280 | }
281 |
282 | .fancybox-title-over {
283 | position: absolute;
284 | bottom: 0;
285 | left: 0;
286 | color: #FFF;
287 | text-align: left;
288 | }
289 |
290 | #fancybox-title-over {
291 | padding: 10px;
292 | background-image: url('img/fancybox/fancy_title_over.png');
293 | display: block;
294 | }
295 |
296 | .fancybox-title-float {
297 | position: absolute;
298 | left: 0;
299 | bottom: -20px;
300 | height: 32px;
301 | }
302 |
303 | #fancybox-title-float-wrap {
304 | border: none;
305 | border-collapse: collapse;
306 | width: auto;
307 | }
308 |
309 | #fancybox-title-float-wrap td {
310 | border: none;
311 | white-space: nowrap;
312 | }
313 |
314 | #fancybox-title-float-left {
315 | padding: 0 0 0 15px;
316 | background: url('img/fancybox/fancybox.png') -40px -90px no-repeat;
317 | }
318 |
319 | #fancybox-title-float-main {
320 | color: #FFF;
321 | line-height: 29px;
322 | font-weight: bold;
323 | padding: 0 0 3px 0;
324 | background: url('img/fancybox/fancybox-x.png') 0 -40px;
325 | }
326 |
327 | #fancybox-title-float-right {
328 | padding: 0 0 0 15px;
329 | background: url('img/fancybox/fancybox.png') -55px -90px no-repeat;
330 | }
331 |
332 | /* IE6 */
333 |
334 | .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_close.png', sizingMethod='scale'); }
335 |
336 | .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
337 | .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
338 |
339 | .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
340 | .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_left.png', sizingMethod='scale'); }
341 | .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_main.png', sizingMethod='scale'); }
342 | .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_title_right.png', sizingMethod='scale'); }
343 |
344 | .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
345 | height: expression(this.parentNode.clientHeight + "px");
346 | }
347 |
348 | #fancybox-loading.fancybox-ie6 {
349 | position: absolute; margin-top: 0;
350 | 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');
351 | }
352 |
353 | #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_loading.png', sizingMethod='scale'); }
354 |
355 | /* IE6, IE7, IE8 */
356 |
357 | .fancybox-ie .fancybox-bg { background: transparent !important; }
358 |
359 | .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
360 | .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
361 | .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
362 | .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
363 | .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
364 | .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
365 | .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
366 | .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
367 |
--------------------------------------------------------------------------------
/css/kickstart-buttons.css:
--------------------------------------------------------------------------------
1 | /*
2 | 99Lime.com HTML KickStart by Joshua Gatcke
3 | kickstart-buttons.css
4 |
5 | Super Easy Cross Browser CSS3 Gradients
6 | http://www.colorzilla.com/gradient-editor/
7 | */
8 |
9 | /*---------------------------------
10 | BUTTONS
11 | -----------------------------------*/
12 | button,
13 | a.btn,
14 | a.btn:visited,
15 | a.button,
16 | a.button:visited,
17 | input[type="submit"],
18 | input[type="reset"],
19 | input[type="button"]{
20 | position:relative;
21 | top:0;
22 | left:0;
23 | vertical-align: middle;
24 | margin:0;
25 | padding:10px 15px;
26 | line-height:100%;
27 | -moz-border-radius:5px;
28 | -webkit-border-radius:5px;
29 | border-radius:5px;
30 | cursor: pointer;
31 | width:auto;
32 | overflow:visible;
33 | font-weight:normal;
34 | font-size:14px; /*Pixels for consistancy*/
35 | text-shadow:0 1px 0 #fff;
36 | color:#666;
37 | text-decoration:none;
38 | vertical-align: middle;
39 | -webkit-box-sizing: border-box;
40 | -moz-box-sizing: border-box;
41 | box-sizing: border-box;
42 | display:inline-block;
43 | *display:inline;/*IE ONLY*/
44 | zoom:1;
45 | border:1px solid #ccc;
46 | background: rgb(252,252,252); /* Old browsers */
47 | background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
48 | 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+ */
49 | background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
50 | background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
51 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
52 | background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
53 | }
54 |
55 | button:active,
56 | a.btn:active,
57 | a.btn:visited:active,
58 | a.button:active,
59 | a.button:visited:active,
60 | input[type="submit"]:active,
61 | input[type="reset"]:active,
62 | 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);}
63 | button[disabled],.disabled:active{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
64 |
65 | button,
66 | input[type="submit"],
67 | input[type="reset"],
68 | input[type="button"]{*padding:7px 15px;}/*IE 7 ONLY*/
69 |
70 | a.btn,a.button{}/*overrides*/
71 | button.small, a.btn.small, a.button.small{font-size:0.8em;padding:5px 10px;}
72 | button.medium, a.btn.medium, a.button.medium{}/*default*/
73 | button.large, a.btn.large, a.button.large{font-size:1.3em;padding:10px 20px;}
74 | button.disabled, a.btn.disabled, a.button.disabled{color:#ccc;cursor:default;background:#efefef;}
75 | button.disabled:hover, a.btn.disabled:hover, a.button.disabled:hover{border:1px solid #ccc;background:#efefef;}
76 |
77 | button:hover,
78 | a.btn:hover,
79 | a.button:hover,
80 | input[type="submit"]:hover,
81 | input[type="reset"]:hover,
82 | input[type="button"]:hover{
83 | border:1px solid #bbb;
84 | background: rgb(252,252,252); /* Old browsers */
85 | background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
86 | 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+ */
87 | background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
88 | background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
89 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
90 | background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
91 | }
92 |
93 |
94 | /*---------------------------------
95 | BUTTON BAR
96 | -----------------------------------*/
97 | ul.button-bar{
98 | display:inline-block;
99 | *display:inline;
100 | margin:0;
101 | padding:0;
102 | font-size:0;
103 | position:relative;
104 | top:0;
105 | left:0;
106 | zoom:1;
107 | border:0;
108 | background:0;
109 | }
110 |
111 | ul.button-bar li{
112 | display:inline-block;
113 | *display:inline;
114 | position:relative;
115 | top:0;
116 | left:0;
117 | zoom:1;
118 | margin:0 -1px 0 0;
119 | padding:0;
120 | line-height:100%;
121 | font-size:0px;
122 | border:1px solid #ccc;
123 | background: rgb(252,252,252); /* Old browsers */
124 | background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
125 | 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+ */
126 | background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
127 | background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
128 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
129 | background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
130 | }
131 |
132 | ul.button-bar li a{
133 | margin:0;
134 | display:inline-block;
135 | *display:inline;
136 | padding:7px 10px;
137 | position:relative;
138 | top:0;
139 | left:0;
140 | zoom:1;
141 | font-weight:normal;
142 | font-size:14px; /*Pixels for consistancy*/
143 | text-shadow:0 1px 0 #fff;
144 | color:#666;
145 | text-decoration:none;
146 | vertical-align: middle;
147 | line-height:100%;
148 | border-left:1px solid #fff;
149 | }
150 |
151 | ul.button-bar li.first,
152 | ul.button-bar li.first a{
153 | -moz-border-radius-bottomleft: 5px;
154 | -moz-border-radius-topleft: 5px;
155 | -webkit-border-bottom-left-radius: 5px;
156 | -webkit-border-top-left-radius: 5px;
157 | border-top-left-radius: 5px;
158 | border-bottom-left-radius: 5px;
159 | -moz-background-clip:content-box;
160 | -webkit-background-clip: border;
161 | background-clip: content-box;
162 | }
163 |
164 | ul.button-bar li.last,
165 | ul.button-bar li.last a{
166 | -moz-border-radius-bottomright: 5px;
167 | -moz-border-radius-topright: 5px;
168 | -webkit-border-bottom-right-radius: 5px;
169 | -webkit-border-top-right-radius: 5px;
170 | border-top-right-radius: 5px;
171 | border-bottom-right-radius: 5px;
172 | -moz-background-clip:content-box;
173 | -webkit-background-clip: border;
174 | }
175 |
176 | ul.button-bar li a:hover{
177 | background: rgb(252,252,252); /* Old browsers */
178 | background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
179 | 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+ */
180 | background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
181 | background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
182 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
183 | background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
184 | }
185 |
186 | 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;}
187 |
188 | /*---------------------------------
189 | STYLES
190 | -----------------------------------*/
191 | .pill{-webkit-border-radius:200em;-moz-border-radius:200em;border-radius:200em;}
192 | .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);}
193 | .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);}
194 | .square{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
195 |
196 | /*---------------------------------
197 | ORANGE
198 | -----------------------------------*/
199 | button.orange,
200 | a.btn.orange,
201 | a.button.orange,
202 | input[type=submit].orange,
203 | input[type=reset].orange,
204 | input[type=button].orange{
205 | text-shadow:0 -1px 0 #FC730A;
206 | color:#fff;
207 | border:1px solid #FC730A;
208 | background: rgb(255,168,76); /* Old browsers */
209 | background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
210 | 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+ */
211 | background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
212 | background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
213 | background: linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
214 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
215 | }
216 |
217 | button.orange:hover,
218 | a.btn.orange:hover,
219 | a.button.orange:hover{
220 | text-shadow:0 1px 0 #FC730A;
221 | border:1px solid #FC730A;
222 | background: rgb(249,191,74); /* Old browsers */
223 | background: -moz-linear-gradient(top, rgba(249,191,74,1) 0%, rgba(249,181,9,1) 100%); /* FF3.6+ */
224 | 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+ */
225 | background: -webkit-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Chrome10+,Safari5.1+ */
226 | background: -o-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Opera 11.10+ */
227 | background: linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* W3C */
228 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf4a', endColorstr='#f9b509',GradientType=0 ); /* IE6-9 */
229 | }
230 |
231 | /*---------------------------------
232 | BLUE
233 | -----------------------------------*/
234 | button.blue,
235 | a.btn.blue,
236 | a.button.blue,
237 | input[type=submit].blue,
238 | input[type=reset].blue,
239 | input[type=button].blue{
240 | text-shadow:0 -1px 0 #1D6DC1;
241 | color:#fff;
242 | border:1px solid #1D6DC1;
243 | background: rgb(122,188,255); /* Old browsers */
244 | 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+ */
245 | 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+ */
246 | 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+ */
247 | 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+ */
248 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
249 | background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
250 | }
251 |
252 | button.blue:hover,
253 | a.btn.blue:hover,
254 | a.button.blue:hover{
255 | text-shadow:0 1px 0 #1D6DC1;
256 | border:1px solid #1D6DC1;
257 | background: rgb(155,205,255); /* Old browsers */
258 | 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+ */
259 | 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+ */
260 | 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+ */
261 | 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+ */
262 | background: linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* W3C */
263 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#6eb0f2',GradientType=0 ); /* IE6-9 */
264 | }
265 |
266 | /*---------------------------------
267 | PINK
268 | -----------------------------------*/
269 | button.pink,
270 | a.btn.pink,
271 | a.button.pink,
272 | input[type=submit].pink,
273 | input[type=reset].pink,
274 | input[type=button].pink{
275 | text-shadow:0 -1px 0 #EF0251;
276 | color:#fff;
277 | border:1px solid #EF0251;
278 | background: rgb(255,93,177); /* Old browsers */
279 | background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
280 | 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+ */
281 | background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
282 | background: -o-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
283 | background: linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
284 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
285 | }
286 |
287 | button.pink:hover,
288 | a.btn.pink:hover,
289 | a.button.pink:hover{
290 | text-shadow:0 1px 0 #EF0251;
291 | border:1px solid #EF0251;
292 | background: rgb(255,169,213); /* Old browsers */
293 | background: -moz-linear-gradient(top, rgba(255,169,213,1) 0%, rgba(254,112,185,1) 100%); /* FF3.6+ */
294 | 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+ */
295 | background: -webkit-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Chrome10+,Safari5.1+ */
296 | background: -o-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Opera 11.10+ */
297 | background: linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* W3C */
298 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa9d5', endColorstr='#fe70b9',GradientType=0 ); /* IE6-9 */
299 | }
300 |
301 | /*---------------------------------
302 | GREEN
303 | -----------------------------------*/
304 | button.green,
305 | a.btn.green,
306 | a.button.green,
307 | input[type=submit].green,
308 | input[type=reset].green,
309 | input[type=button].green{
310 | text-shadow:0 -1px 0 #669E00;
311 | color:#fff;
312 | border:1px solid #669E00;
313 | background: rgb(143,196,0); /* Old browsers */
314 | background: -moz-linear-gradient(top, rgba(143,196,0,1) 0%, rgba(107,165,0,1) 100%); /* FF3.6+ */
315 | 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+ */
316 | background: -webkit-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Chrome10+,Safari5.1+ */
317 | background: -o-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Opera 11.10+ */
318 | background: linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* W3C */
319 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#6ba500',GradientType=0 ); /* IE6-9 */
320 | }
321 |
322 | button.green:hover,
323 | a.btn.green:hover,
324 | a.button.green:hover{
325 | text-shadow:0 1px 0 #669E00;
326 | border:1px solid #669E00;
327 | background: rgb(198,226,120); /* Old browsers */
328 | background: -moz-linear-gradient(top, rgba(198,226,120,1) 0%, rgba(167,211,44,1) 100%); /* FF3.6+ */
329 | 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+ */
330 | background: -webkit-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Chrome10+,Safari5.1+ */
331 | background: -o-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Opera 11.10+ */
332 | background: linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* W3C */
333 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e278', endColorstr='#a7d32c',GradientType=0 ); /* IE6-9 */
334 | }
335 |
336 | /*---------------------------------
337 | RED
338 | -----------------------------------*/
339 | button.red,
340 | a.btn.red,
341 | a.button.red,
342 | input[type=submit].red,
343 | input[type=reset].red,
344 | input[type=button].red{
345 | text-shadow:0 -1px 0 #B21203;
346 | color:#fff;
347 | border:1px solid #B21203;
348 | background: rgb(229,60,22); /* Old browsers */
349 | background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
350 | 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+ */
351 | background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
352 | background: -o-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
353 | background: linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
354 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
355 | }
356 |
357 | button.red:hover,
358 | a.btn.red:hover,
359 | a.button.red:hover{
360 | text-shadow:0 1px 0 #B21203;
361 | border:1px solid #B21203;
362 | background: rgb(238,106,76); /* Old browsers */
363 | background: -moz-linear-gradient(top, rgba(238,106,76,1) 0%, rgba(251,33,33,1) 100%); /* FF3.6+ */
364 | 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+ */
365 | background: -webkit-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Chrome10+,Safari5.1+ */
366 | background: -o-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Opera 11.10+ */
367 | background: linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* W3C */
368 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6a4c', endColorstr='#fb2121',GradientType=0 ); /* IE6-9 */
369 | }
370 |
--------------------------------------------------------------------------------
/css/kickstart-forms.css:
--------------------------------------------------------------------------------
1 | /*---------------------------------
2 | FORMS
3 | -----------------------------------*/
4 | form{
5 | padding:0;
6 | margin:0;
7 | }
8 |
9 | fieldset{
10 | margin:30px 0 20px 0;
11 | padding:5px 15px 15px 15px;
12 | border:1px solid #ccc;
13 | background:#f5f5f5;
14 | -moz-border-radius:5px;
15 | -webkit-border-radius:5px;
16 | border-radius:5px;
17 | position: relative;
18 | top:0;
19 | left:0;
20 | }
21 |
22 | legend{
23 | -moz-border-radius:5px;
24 | -webkit-border-radius:5px;
25 | border-radius:5px;
26 | border:1px solid #ccc;
27 | background:#f5f5f5;
28 | padding:2px 10px;
29 | margin:0 0 0 0;
30 | display:block;
31 | position: relative;
32 | top:0;
33 | left:0;
34 | }
35 |
36 | /*IE ONLY - I know, this is a stop gap*/
37 | .msie fieldset{padding-top:25px;}
38 | .msie legend{position:absolute;top:-0.7em;left:10px;}
39 |
40 | label{
41 | display:inline-block;
42 | *display:inline;
43 | vertical-align: middle;
44 | margin:0;
45 | padding:0;
46 | position:relative;
47 | top:0;
48 | left:0;
49 | zoom:1;
50 | -moz-box-sizing: border-box;
51 | -webkit-box-sizing: border-box;
52 | box-sizing: border-box;
53 | }
54 |
55 | label.inline{
56 | display:inline;
57 | margin:0;
58 | }
59 |
60 | label span{
61 | color:#999;
62 | font-size:0.9em;
63 | }
64 |
65 | label span.right{
66 | position:absolute;
67 | bottom:0;
68 | right:0;
69 | text-align:right;
70 | display:inline-block;
71 | *display:inline;
72 | }
73 |
74 | label.disabled{
75 | color:#ccc;
76 | }
77 |
78 | input{
79 | display:inline-block;
80 | *display:inline;
81 | vertical-align: middle;
82 | width:auto;
83 | zoom:1;
84 | margin:0;
85 | border:1px solid #ccc;
86 | font-size:1em;
87 | padding:5px 0;
88 | text-indent: 5px;
89 | -moz-border-radius:5px;
90 | -webkit-border-radius:5px;
91 | border-radius:5px;
92 | background:#fff;
93 | -moz-box-shadow:inset 0 0 6px #ccc;
94 | -webkit-box-shadow:inset 0 1px 6px #ccc;
95 | box-shadow:inset 0 1px 6px #ccc;
96 | -moz-box-sizing: border-box;
97 | -webkit-box-sizing: border-box;
98 | box-sizing: border-box;
99 | }
100 |
101 | input::-webkit-input-placeholder,
102 | input:-moz-placeholder,
103 | .placeholder{
104 | color:#bbb;
105 | }
106 |
107 | input::-moz-focus-inner {border:0;}
108 |
109 | input[disabled="disabled"], input.disabled{
110 | color:#999;
111 | background:#f5f5f5;
112 | -moz-box-shadow:inset 0 0 2px #ddd;
113 | -webkit-box-shadow:inset 0 1px 2px #ddd;
114 | box-shadow:inset 0 1px 2px #ddd;
115 | }
116 |
117 | /* FOCUS STATES */
118 | input[type="text"]:focus,
119 | textarea:focus,
120 | button:focus,
121 | a.button:focus,
122 | select:focus,
123 | input[type="file"]:focus,
124 | input[type="password"]:focus{
125 | -webkit-box-shadow: 0 0 7px #6DB9FF;
126 | -moz-box-shadow : 0 0 7px #6DB9FF;
127 | box-shadow : 0 0 7px #6DB9FF;
128 | border: 1px solid #50B1FE;
129 | outline: none;
130 | }
131 |
132 | /* TRANSITION */
133 | input[type="text"],
134 | textarea,
135 | button,
136 | a.button,
137 | a,
138 | input[type="file"]{
139 | -moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s;
140 | -webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s;
141 | -o-transition: box-shadow 0.5s, border 0.5s, background 0.5s;
142 | transition: box-shadow 0.5s, border 0.5s, background 0.5s;
143 | }
144 |
145 | input.checkbox,
146 | input[type="checkbox"]{
147 | display:inline;
148 | width:auto;
149 | margin:0;
150 | padding:0;
151 | border:0;
152 | background:none;
153 | vertical-align:center;
154 | *vertical-align: top;
155 | }
156 |
157 | input.radio,
158 | input[type="radio"]{
159 | display:inline;
160 | width:auto;
161 | margin:0;
162 | padding:0;
163 | border:0;
164 | background:none;
165 | vertical-align:center;
166 | *vertical-align: top;
167 | }
168 |
169 | input[type="radio"]:focus,
170 | input[ type="checkbox"]:focus{
171 | -webkit-box-shadow: 0 0 5px #6DB9FF;
172 | -moz-box-shadow : 0 0 5px #6DB9FF;
173 | box-shadow : 0 0 5px #6DB9FF;
174 | outline-color: #6DB9FF;
175 | }
176 |
177 | input.file,
178 | input[type="file"]{
179 | /*font-size:0.8em;*/
180 | -moz-box-shadow:none;
181 | -webkit-box-shadow:none;
182 | box-shadow:none;
183 | border:none;
184 | }
185 |
186 | select{
187 | display:inline;
188 | width:auto;
189 | margin:0;
190 | border:1px solid #ccc;
191 | line-height:100%;
192 | padding:3px;
193 | vertical-align: middle;
194 | }
195 |
196 | select[disabled="disabled"], select.disabled{
197 | color:#999;
198 | background:#f5f5f5;
199 | -moz-box-shadow:inset 0 0 2px #ddd;
200 | -webkit-box-shadow:inset 0 1px 2px #ddd;
201 | box-shadow:inset 0 1px 2px #ddd;
202 | }
203 |
204 | textarea{
205 | width:auto;
206 | height:200px;
207 | margin:0;
208 | border:1px solid #ccc;
209 | padding:5px;
210 | vertical-align: middle;
211 | font-family:inherit;
212 | font-size:0.9em;
213 | -moz-border-radius:5px;
214 | -webkit-border-radius:5px;
215 | border-radius:5px;
216 | -moz-box-shadow:inset 0 0 6px #ccc;
217 | -webkit-box-shadow:inset 0 1px 6px #ccc;
218 | box-shadow:inset 0 1px 6px #ccc;
219 | -moz-box-sizing: border-box;
220 | -webkit-box-sizing: border-box;
221 | box-sizing: border-box;
222 | }
223 |
224 | /*---------------------------------
225 | COLUMN SIZES
226 | -----------------------------------*/
227 |
228 | /* sizes */
229 | input[class*="col_"],
230 | select[class*="col_"],
231 | label[class*="col_"]{
232 | float:none;display:inline-block;*display:inline;margin-bottom:0;
233 | *margin-left: 0.5%;*margin-right: 0.5%;/* this is for IE 7 Only and is not a good fix - work needed here */
234 | }
235 |
236 | /*---------------------------------
237 | FORMS VERTICAL
238 | -----------------------------------*/
239 | form.vertical{
240 |
241 | }
242 |
243 | form.vertical label{display:block;}
244 | form.vertical input,
245 | form.vertical select,
246 | form.vertical textarea{width:100%;display:block;margin-bottom:10px;}
247 | form.vertical .chzn-container{display:block;margin-bottom:10px;}
248 | form.vertical .chzn-choices{display:block;margin-bottom:10px;}
249 |
250 | /* radios & checks */
251 | form.vertical input.checkbox,
252 | form.vertical input[type="checkbox"],
253 | form.vertical input.radio,
254 | form.vertical input[type="radio"],
255 | form.vertical label.inline{display:inline;width:auto;margin:0;}
256 | /*---------------------------------
257 | FORM VALIDATION
258 | -----------------------------------*/
259 | label.error{color:red;}
260 | input.error{border:1px solid red;}
261 | select.error{border:1px solid red;}
262 |
263 | /*---------------------------------
264 | NOTICES
265 | -----------------------------------*/
266 | .notice{
267 | border:1px solid gold;
268 | background:lightyellow;
269 | padding:10px 20px 10px 40px;
270 | margin:10px 0;
271 | -moz-border-radius:5px;
272 | -webkit-border-radius:5px;
273 | border-radius:5px;
274 | color:#DEAE00;
275 | line-height:120%;
276 | vertical-align: center;
277 | text-shadow:0px 1px rgba(255,255,255,0.5);
278 | position:relative;
279 | top:0;
280 | left:0;
281 | clear:both;
282 | }
283 |
284 | .notice.warning{}/*default*/
285 | .notice.error{border:1px solid red;background:pink;color:red;}
286 | .notice.success{border:1px solid green;background:lightgreen;color:green;}
287 | .notice i[class*='fa-']{position:absolute;top:50%;left:0.8em;margin-top:-0.6em;}
288 | .notice a[class*='fa-remove'],
289 | .notice a[class*='fa-remove']:active,
290 | .notice a[class*='fa-remove']:visited{text-decoration:none;font-size:12px;position:absolute;top:5px;right:5px;left:auto;color:inherit;margin-top:0;left:auto;}
291 |
--------------------------------------------------------------------------------
/css/kickstart-grid.css:
--------------------------------------------------------------------------------
1 | /*
2 | 99Lime.com HTML KickStart by Joshua Gatcke
3 | kickstart-grids.css
4 |
5 | DO NOT EDIT THIS FILE unless you know what you are doing.
6 | */
7 | /*---------------------------------
8 | GRID/COLUMNS
9 | -----------------------------------
10 | tinyfluidgrid.com
11 | & girlfriendnyc.com
12 | with changes by 99Lime
13 | -----------------------------------*/
14 | /*
15 | & Columns : 12
16 | & Gutter %: 20%
17 | & MaxWidth: 1280px
18 | */
19 |
20 | .grid{
21 | max-width:1220px;
22 | margin:0 auto;
23 | padding:0 2em;
24 | }
25 |
26 | .grid.flex{
27 | width:100%;
28 | max-width:100%;
29 | padding:0 2%;
30 | padding:2em;
31 | }
32 |
33 | .row{
34 | display:block;
35 | overflow:hidden;
36 | clear:both;
37 | }
38 |
39 | *[class*="col_"].alpha{margin-left:0;}
40 | *[class*="col_"].omega{margin-right:0;}
41 |
42 | .col_1 { width: 6.6666666666667%; }
43 | .col_2 { width: 15%; }
44 | .col_3 { width: 23.333333333333%; }
45 | .col_4 { width: 31.666666666667%; }
46 | .col_5 { width: 40%; }
47 | .col_6 { width: 48.333333333333%; }
48 | .col_7 { width: 56.666666666667%; }
49 | .col_8 { width: 65%; }
50 | .col_9 { width: 73.333333333333%; }
51 | .col_10 { width: 81.666666666667%; }
52 | .col_11 { width: 90%; }
53 | .col_12 { width: 98.333333333333%; }
54 |
55 | *[class*="col_"]{
56 | margin-left: 0.83333333333333%;
57 | margin-right: 0.83333333333333%;
58 | margin-top:0.5em;
59 | margin-bottom:0.5em;
60 | float: left;
61 | display: block;
62 | }
63 |
64 | .grid img{
65 | max-width: 100%;
66 | height:auto;
67 | }
68 |
69 | .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
70 | .clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
71 | * html .clearfix, *:first-child+html .clearfix{zoom:1}
72 |
73 | /* Viewable Grids
74 | To view your grids, add the class .visible to any grid container.
75 | This will add a background color so you can see the layout of your grids.
76 | */
77 | *[class*="col_"].visible{
78 | background:#eee;
79 | border:1px dotted #ccc;
80 | }
81 |
82 |
83 | /*---------------------------------
84 | Responsive Grid Media Queries - 1280, 1024, 768, 480
85 | 1280-1024 - desktop (default grid)
86 | 1024-768 - tablet landscape
87 | 768-480 - tablet
88 | 480-less - phone landscape & smaller
89 | -----------------------------------*/
90 | @media all and (min-width: 1024px) and (max-width: 1280px) {
91 |
92 | .grid *[class*="col_"]{}
93 | .grid{max-width: 1024px;}
94 | .show-desktop {display:block;}
95 | .hide-desktop {display:none;}
96 | .show-tablet {display:none;}
97 | .hide-tablet {display:block;}
98 | .show-phone {display:none;}
99 | .hide-phone {display:block;}
100 |
101 | }
102 |
103 | @media all and (min-width: 768px) and (max-width: 1024px) {
104 |
105 | .grid *[class*="col_"]{}
106 | .grid{max-width: 768px;}
107 | .show-desktop {display:none;}
108 | .hide-desktop {display:block;}
109 | .show-tablet {display:block;}
110 | .hide-tablet {display:none;}
111 | .show-phone {display:none;}
112 | .hide-phone {display:block;}
113 |
114 | }
115 |
116 |
117 | @media all and (min-width: 480px) and (max-width: 768px) {
118 |
119 | .grid *[class*="col_"]{
120 | float:none;
121 | width:auto;
122 | clear:both;
123 | display:block;
124 | }
125 |
126 | /* columns inside of columns */
127 | .grid *[class*="col_"] [class*="col_"]{
128 | margin-left:0;
129 | margin-right:0;
130 | width:100%;
131 | }
132 |
133 | .grid{max-width: 480px;}
134 | .show-desktop {display:none;}
135 | .hide-desktop {display:block;}
136 | .show-tablet {display:block;}
137 | .hide-tablet {display:none;}
138 | .show-phone {display:none;}
139 | .hide-phone {display:block;}
140 |
141 | }
142 |
143 | @media all and (max-width: 480px) {
144 |
145 | .grid *[class*="col_"]{
146 | float:none;
147 | width:auto;
148 | clear:both;
149 | display:block;
150 | }
151 |
152 | /* columns inside of columns */
153 | .grid *[class*="col_"] [class*="col_"]{
154 | margin-left:0;
155 | margin-right:0;
156 | width:100%;
157 | }
158 |
159 | .grid{max-width: 100%;/*320*/}
160 | .show-desktop {display:none;}
161 | .hide-desktop {display:block;}
162 | .show-tablet {display:none;}
163 | .hide-tablet {display:block;}
164 | .show-phone {display:block;}
165 | .hide-phone {display:none;}
166 |
167 | }
168 |
--------------------------------------------------------------------------------
/css/kickstart-menus.css:
--------------------------------------------------------------------------------
1 | /*
2 | 99Lime.com HTML KickStart by Joshua Gatcke
3 | kickstart-menus.css
4 | */
5 |
6 | /*---------------------------------
7 | MENU LAYOUT
8 | DO NOT EDIT This Section (unless you know what you are doing)
9 | -----------------------------------*/
10 | .menu{margin:0;padding:0;line-height:100%;
11 | font-size:0; /* Kill white space gap between LI elements */
12 | position:relative;z-index:1000;}
13 |
14 | .menu:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
15 | .menu li{margin:0;padding:0;list-style-type:none;display:inline-block;*display:inline;position:relative;zoom:1;line-height:inherit;
16 | top:0;left:0;font-size:16px; /* fixed font-size to replace font-size:0 in parent .menu 1em/16px default */}
17 | .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;}
18 |
19 |
20 | /*--------------Sub Menus-------------------*/
21 | /*.menu li:hover > ul{display:block;}*/
22 | .menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;min-width:150px;max-width:150%;*width:150px;}
23 | .menu ul li{display:block;width:100%;}
24 | .menu ul li a{display:block;}
25 | .menu ul ul{top:0;left:100%;}
26 |
27 | /*--------------Dividers-------------------*/
28 | .menu ul li.divider{border-top:1px solid #ccc;}
29 | .menu ul li.divider a{border-top:1px solid #fff;}
30 |
31 |
32 | /*--------------Right---------------------*/
33 | .menu li.right{float:right;}
34 |
35 |
36 | /*--------------Arrows-------------------*/
37 | .menu li.has-menu a{padding-right:25px;}
38 | .menu li.has-menu span.arrow{border-style:solid;border-width:5px;
39 | display:block;position:absolute;top:50%;right:5px;font-size:0;line-height:0;height:0;width:0;}
40 | .menu li li.has-menu span.arrow{margin-top:-4px;}
41 |
42 | /*--------------Vertical Menu Layout-------------------*/
43 | .menu.vertical{}
44 | .menu.vertical li{display:block;}
45 | .menu.vertical li a{display:block;}
46 | .menu.vertical ul{top:0;left:100%;}
47 | .menu.vertical li.has-menu span.arrow{margin-top:-4px;}
48 |
49 | /*--------------Vertical Right Menu Layout-------------------*/
50 | .menu.vertical.right{text-align:left;}
51 | .menu.vertical.right ul{top:0;right:100%;left:auto;}
52 | .menu.vertical.right li a{padding-left:25px;padding-right:20px;}
53 | .menu.vertical.right li.has-menu span.arrow{right:auto;left:5px;margin-top:-4px;}
54 |
55 |
56 | /*---------------------------------
57 | MENU STYLES
58 | EDIT BELOW THIS LINE TO CUSTOMIZE
59 | -----------------------------------*/
60 | .menu{
61 | border:1px solid #ccc;
62 | background: #eee; /* Old browsers */
63 | background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
64 | 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+ */
65 | background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
66 | background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
67 | background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
68 | z-index:600;
69 | }
70 |
71 | .menu li{}
72 |
73 | .menu li a{
74 | text-shadow:0px 1px 1px #fff;
75 | padding:15px 20px;
76 | text-decoration:none;
77 | font-size:0.9em;
78 | color: #777;
79 | }
80 |
81 | .menu li.current>a,
82 | .menu li.current>a:hover,
83 | .menu li.current.hover>a{
84 | background: rgb(122,188,255); /* Old browsers */
85 | 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+ */
86 | 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+ */
87 | 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+ */
88 | 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+ */
89 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
90 | background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
91 | color:#fff;
92 | text-shadow:0px -1px 0 rgba(0,0,0,0.2);
93 | cursor: default;
94 | }
95 |
96 | .menu li a:hover,
97 | .menu li.hover>a{
98 | background:#f5f5f5;
99 | }
100 |
101 | /* sub menus */
102 | .menu ul{
103 | background: #efefef;
104 | border:1px solid #ccc;
105 | }
106 |
107 | .menu ul li{}
108 | .menu ul li a{}
109 |
110 | /* sub-sub menus */
111 | .menu ul ul{}
112 | .menu ul ul li{}
113 | .menu ul ul li a{}
114 |
115 | /* arrows */
116 | /* arrow down */ .menu li.has-menu span.arrow{border-color-top:#ccc;border-color:#ccc transparent transparent transparent;}
117 | /* arrow left */ .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow
118 | {border-color-left:#ccc;border-color:transparent transparent transparent #ccc;}
119 | /* arrow right */ .menu.vertical.right li.has-menu span.arrow{border-color-right:#ccc;border-color:transparent #ccc transparent transparent;}
120 |
121 | /* dividers */ .menu ul li.divider{border-top:1px solid #ccc;}
122 | .menu ul li.divider a{border-top:1px solid #fff;}
123 |
124 |
125 |
126 | /*---------------------------------
127 | RESPONSIVE MENU STYLES
128 | DO NOT EDIT unless you know what you are doing
129 | -----------------------------------*/
130 |
131 | .menu li.menu-toggle{display:none;}
132 |
133 |
134 | @media all and (max-width: 768px) {
135 |
136 | .grid .menu li,
137 | .grid .menu.vertical li,
138 | .grid .menu.vertical.right li{
139 | display:block;
140 | display:none;
141 | }
142 |
143 | .grid .menu li.menu-toggle,
144 | .grid .menu.vertical li.menu-toggle,
145 | .grid .menu.vertical.right li.menu-toggle{
146 | display:block;
147 | }
148 |
149 | .grid .menu:hover li,
150 | .grid .menu.vertical:hover li,
151 | .grid .menu.vertical.right:hover li{
152 | display:block;
153 | }
154 |
155 | /* arrows */
156 | .grid .menu li.has-menu span.arrow,
157 | .grid .menu.vertical li.has-menu span.arrow,
158 | .grid .menu.vertical.right li.has-menu span.arrow,
159 | .grid .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow
160 | {border-color-top:#ccc;border-color:#ccc transparent transparent transparent;}
161 |
162 | .grid .menu.vertical.right li.has-menu span.arrow{
163 | right:5px;left:auto;
164 | }
165 |
166 | .grid .menu li a{
167 | display:block;
168 | }
169 |
170 | .grid .menu ul,
171 | .grid .menu ul ul,
172 | .grid .menu.vertical ul,
173 | .grid .menu.vertical.right ul{
174 | position:relative;
175 | top:0;
176 | left:0;
177 | margin:10px;
178 | }
179 |
180 | }
181 |
--------------------------------------------------------------------------------
/css/kickstart-slideshow.css:
--------------------------------------------------------------------------------
1 | /*---------------------------------
2 | SLIDESHOW2 - Slight Fixes for the slideshow layout *needs work
3 | -----------------------------------*/
4 |
5 | .slideshow{
6 | clear:both;
7 | margin:0;
8 | padding:0;
9 | width:auto;
10 | height:auto;
11 | overflow:hidden;
12 | }
13 |
14 | .slideshow li{
15 | list-style-type:none;
16 | margin:0;
17 | padding:0;
18 | float:left;
19 | display:block;
20 | }
21 |
22 | /**
23 | * BxSlider v4.0 - Fully loaded, responsive content slider
24 | * http://bxslider.com
25 | *
26 | * Written by: Steven Wanderski, 2012
27 | * http://stevenwanderski.com
28 | * (while drinking Belgian ales and listening to jazz)
29 | *
30 | * CEO and founder of bxCreative, LTD
31 | * http://bxcreative.com
32 | */
33 |
34 |
35 | /** RESET AND LAYOUT
36 | ===================================*/
37 | .bx-wrapper, .bx-wrapper *{
38 | -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
39 | -moz-box-sizing: content-box; /* Firefox, other Gecko */
40 | box-sizing: content-box; /* Opera/IE 8+ */
41 | }
42 |
43 | .bx-wrapper {
44 | position: relative;
45 | margin: 0 0 60px;
46 | padding: 0;
47 | *zoom: 1;
48 | }
49 |
50 | .bx-wrapper img {
51 | width: 100%;
52 | display: block;
53 | }
54 |
55 | /** THEME
56 | ===================================*/
57 |
58 | .bx-wrapper .bx-viewport {
59 | -moz-box-shadow: 0 0 5px #ccc;
60 | -webkit-box-shadow: 0 0 5px #ccc;
61 | box-shadow: 0 0 5px #ccc;
62 | border: solid #fff 5px;
63 | left: 0;
64 | background: #fff;
65 | }
66 |
67 | .bx-wrapper .bx-pager,
68 | .bx-wrapper .bx-controls-auto {
69 | position: absolute;
70 | bottom: -30px;
71 | width: 100%;
72 | }
73 |
74 | /* LOADER */
75 |
76 | .bx-wrapper .bx-loading {
77 | min-height: 50px;
78 | background: url(img/bx_loader.gif) center center no-repeat #fff;
79 | height: 100%;
80 | width: 100%;
81 | position: absolute;
82 | top: 0;
83 | left: 0;
84 | z-index: 2000;
85 | }
86 |
87 | /* PAGER */
88 |
89 | .bx-wrapper .bx-pager {
90 | text-align: center;
91 | font-size: .85em;
92 | font-family: Arial;
93 | font-weight: bold;
94 | color: #666;
95 | padding-top: 20px;
96 | }
97 |
98 | .bx-wrapper .bx-pager .bx-pager-item,
99 | .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
100 | display: inline-block;
101 | *zoom: 1;
102 | *display: inline;
103 | }
104 |
105 | .bx-wrapper .bx-pager.bx-default-pager a {
106 | background: #666;
107 | text-indent: -9999px;
108 | display: block;
109 | width: 10px;
110 | height: 10px;
111 | margin: 0 5px;
112 | outline: 0;
113 | -moz-border-radius: 5px;
114 | -webkit-border-radius: 5px;
115 | border-radius: 5px;
116 | }
117 |
118 | .bx-wrapper .bx-pager.bx-default-pager a:hover,
119 | .bx-wrapper .bx-pager.bx-default-pager a.active {
120 | background: #000;
121 | }
122 |
123 | /* DIRECTION CONTROLS (NEXT / PREV) */
124 |
125 | .bx-wrapper .bx-prev {
126 | left: 10px;
127 | background: url(img/controls.png) no-repeat 0 -32px;
128 | }
129 |
130 | .bx-wrapper .bx-next {
131 | right: 10px;
132 | background: url(img/controls.png) no-repeat -43px -32px;
133 | }
134 |
135 | .bx-wrapper .bx-prev:hover {
136 | background-position: 0 0;
137 | }
138 |
139 | .bx-wrapper .bx-next:hover {
140 | background-position: -43px 0;
141 | }
142 |
143 | .bx-wrapper .bx-controls-direction a {
144 | position: absolute;
145 | top: 50%;
146 | margin-top: -16px;
147 | outline: 0;
148 | width: 32px;
149 | height: 32px;
150 | text-indent: -9999px;
151 | z-index: 9999;
152 | }
153 |
154 | .bx-wrapper .bx-controls-direction a.disabled {
155 | display: none;
156 | }
157 |
158 | /* AUTO CONTROLS (START / STOP) */
159 |
160 | .bx-wrapper .bx-controls-auto {
161 | text-align: center;
162 | }
163 |
164 | .bx-wrapper .bx-controls-auto .bx-start {
165 | display: block;
166 | text-indent: -9999px;
167 | width: 10px;
168 | height: 11px;
169 | outline: 0;
170 | background: url(img/controls.png) -86px -11px no-repeat;
171 | margin: 0 3px;
172 | }
173 |
174 | .bx-wrapper .bx-controls-auto .bx-start:hover,
175 | .bx-wrapper .bx-controls-auto .bx-start.active {
176 | background-position: -86px 0;
177 | }
178 |
179 | .bx-wrapper .bx-controls-auto .bx-stop {
180 | display: block;
181 | text-indent: -9999px;
182 | width: 9px;
183 | height: 11px;
184 | outline: 0;
185 | background: url(img/controls.png) -86px -44px no-repeat;
186 | margin: 0 3px;
187 | }
188 |
189 | .bx-wrapper .bx-controls-auto .bx-stop:hover,
190 | .bx-wrapper .bx-controls-auto .bx-stop.active {
191 | background-position: -86px -33px;
192 | }
193 |
194 | /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
195 |
196 | .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
197 | text-align: left;
198 | width: 80%;
199 | }
200 |
201 | .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
202 | right: 0;
203 | width: 35px;
204 | }
205 |
206 | /* IMAGE CAPTIONS */
207 |
208 | .bx-wrapper .bx-caption {
209 | position: absolute;
210 | bottom: 0;
211 | left: 0;
212 | background: #666\9;
213 | background: rgba(80, 80, 80, 0.75);
214 | width: 100%;
215 | }
216 |
217 | .bx-wrapper .bx-caption span {
218 | color: #fff;
219 | font-family: Arial;
220 | display: block;
221 | font-size: .85em;
222 | padding: 10px;
223 | }
224 |
--------------------------------------------------------------------------------
/css/kickstart.css:
--------------------------------------------------------------------------------
1 | /*
2 | 99Lime.com HTML KickStart by Joshua Gatcke
3 | kickstart.css
4 |
5 | Don't edit the file if you want HTML KickStart to be upgradeable.
6 | Instead, copy any CSS selectors you want to modify to your style.css file.
7 |
8 | // Colors
9 | blue: #4D99E0;
10 | */
11 | /*---------------------------------
12 | IMPORTS
13 | -----------------------------------*/
14 | @import url(kickstart-buttons.css);
15 | @import url(kickstart-forms.css);
16 | @import url(kickstart-menus.css);
17 | @import url(kickstart-grid.css);
18 | @import url(jquery.fancybox-1.3.4.css);
19 | @import url(kickstart-slideshow.css);
20 | @import url(prettify.css);
21 | @import url(tiptip.css);
22 | @import url(fonts/font-awesome-4.2.0/css/font-awesome.min.css);
23 |
24 | /*---------------------------------
25 | HTML ELEMENTS
26 | -----------------------------------*/
27 | *{
28 | -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
29 | -moz-box-sizing: border-box; /* Firefox, other Gecko */
30 | box-sizing: border-box; /* Opera/IE 8+ */
31 | }
32 | a{color:#4D99E0;outline:0;}
33 | a:active{color:inherit;}
34 | a:visited{}
35 | a:hover{}
36 | a img{border:0;}
37 | a [class^="icon-"]{color:inherit;text-decoration:none;}
38 | strong,b{color:#000;font-weight:bold;}
39 | strike{}
40 | em,i{}
41 | .hide{display:none;}
42 | .show{display:block;}
43 |
44 | /*---------------------------------
45 | UTILITY
46 | -----------------------------------*/
47 | .center{text-align:center;}
48 | .left{text-align:left;}
49 | .right{text-align:right;}
50 |
51 | /*---------------------------------
52 | HR
53 | -----------------------------------*/
54 | 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;}
55 | hr.alt1{border-style: solid;}
56 | hr.alt2{border-style: dashed;}
57 |
58 | /*---------------------------------
59 | HTML5 ELEMENTS (shim)
60 | -----------------------------------*/
61 | article,aside,details,figcaption,figure,
62 | footer,header,hgroup,menu,nav,section {
63 | display:block;
64 | }
65 |
66 | /*---------------------------------
67 | HEADINGS
68 | -----------------------------------*/
69 | h1,h2,h3,h4,h5,h6{
70 | font-weight:bold;
71 | line-height:140%;
72 | }
73 |
74 | h1{
75 | font-size:3.5em;
76 | margin:10px 0 10px 0;
77 | }
78 |
79 | h2{
80 | font-size:3em;
81 | margin:10px 0 10px 0;
82 | }
83 |
84 | h3{
85 | font-size:2.5em;
86 | margin:10px 0 10px 0;
87 | line-height:130%;
88 | }
89 |
90 | h4{
91 | font-size:2em;
92 | margin:10px 0 10px 0;
93 | }
94 |
95 | h5{
96 | font-size:1.5em;
97 | margin:10px 0 10px 0;
98 | }
99 |
100 | h6{
101 | font-size:1.2em;
102 | margin:10px 0 5px 0;
103 | }
104 |
105 | /*---------------------------------
106 | PARAGRAPHS
107 | -----------------------------------*/
108 | p{
109 | margin:10px 0;
110 | }
111 |
112 | /*---------------------------------
113 | BLOCKQUOTES
114 | -----------------------------------*/
115 | blockquote{
116 | font-size:1.5em;
117 | line-height:1.5em;
118 | font-style: italic;
119 | margin:30px 30px 30px 0;
120 | padding:0 0 0 20px;
121 | border-left:1px solid #ccc;
122 | }
123 |
124 | blockquote span{font-size:0.7em;display:block;}
125 | blockquote.small{font-size:1.2em;}
126 |
127 | /*---------------------------------
128 | LISTS
129 | -----------------------------------*/
130 | ul, ol{
131 | padding:0;
132 | margin:0 0 20px 25px;
133 | }
134 |
135 | li{
136 | padding:5px 0;
137 | margin:0;
138 | }
139 |
140 | ul.list-unstyled{
141 | padding:0;
142 | margin:0 0 20px 0;
143 | }
144 |
145 | ul.list-unstyled li{
146 | padding:5px 0;
147 | margin:0;
148 | list-style-type:none;
149 |
150 | }
151 |
152 | ul.alt{
153 | padding:0;
154 | margin:0 0 20px 0;
155 | }
156 |
157 | ul.alt li{
158 | list-style-type:none;
159 | border-top:1px dotted #ccc;
160 | border-bottom:1px dotted #ccc;
161 | margin:0 0 -1px 0;
162 | background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em;
163 | padding-left:20px;
164 | }
165 |
166 | ul.icons{
167 | margin:0 0 20px 0;
168 | padding:0;
169 | }
170 |
171 | ul.icons li{
172 | list-style-type:none;
173 | margin:0;
174 | padding:5px 0;
175 | }
176 |
177 | /*---------------------------------
178 | PRE & CODE
179 | -----------------------------------*/
180 | code{
181 | 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;
182 | font-size:0.9em;
183 | border:1px solid lightblue;
184 | padding:3px;
185 | -moz-border-radius:3px;
186 | -webkit-border-radius:3px;
187 | border-radius:3px;
188 | color:#518BAB;
189 | }
190 |
191 | pre{
192 | white-space: pre-wrap; /* css-3 */
193 | white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
194 | white-space: -pre-wrap; /* Opera 4-6 */
195 | white-space: -o-pre-wrap; /* Opera 7 */
196 | word-wrap: break-word; /* Internet Explorer 5.5+ */
197 | margin: 0 0 0 0;
198 | padding:5px 5px 3px 5px;
199 | background:#fff;
200 | -moz-border-radius:5px;
201 | -webkit-border-radius:5px;
202 | border-radius:5px;
203 | -webkit-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
204 | -moz-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
205 | box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
206 | padding:10px;
207 | margin:0 0;
208 | border:1px solid #ddd;
209 | 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;
210 | font-size:0.9em;
211 | }
212 |
213 | /*---------------------------------
214 | TABLES
215 | -----------------------------------*/
216 | table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;}
217 | thead, tbody{margin:0;padding:0;}
218 | th, td{padding:7px 10px;font-size:0.9em;border-bottom:1px dotted #ddd;text-align:left;}
219 | thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #ddd;}
220 | tbody tr.last th,
221 | tbody tr.last td{border-bottom:0;}
222 |
223 | /* striped */
224 | table.striped{}
225 | table.striped tr.alt{background:#f5f5f5;}
226 | table.striped thead th{background:#fff;}
227 | table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
228 | table.striped tbody tr.alt th{background:#efefef;}
229 |
230 | /* tight */
231 | table.tight{}
232 | table.tight th, .tight td{padding:2px 10px;}
233 |
234 | /* sortable */
235 | table.sortable{border:1px solid #ddd;}
236 | table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
237 | table.sortable thead th:hover{background:#efefef;}
238 | table.sortable span.arrow{border-style:solid;border-width:5px;
239 | display:block;position:absolute;top:50%;right:5px;font-size:0;
240 | border-color:#ccc transparent transparent transparent;
241 | line-height:0;height:0;width:0;margin-top:-2px;}
242 | table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}
243 |
244 | /*---------------------------------
245 | TABS
246 | -----------------------------------*/
247 | ul.tabs{
248 | margin:10px 0 -1px 0;
249 | padding:0;
250 | width:100%;
251 | border-bottom:1px solid #e5e5e5;
252 | float:left;
253 | font-size:0;
254 | }
255 |
256 | ul.tabs.left{text-align:left;}
257 | ul.tabs.center{text-align:center;}
258 | ul.tabs.right{text-align:right;}
259 | ul.tabs.right li{margin:0 0 0 -2px;}
260 |
261 | ul.tabs li{
262 | font-size:14px;
263 | list-style-type:none;
264 | margin:0 -2px 0 0;
265 | padding:0;
266 | display:inline-block;
267 | *display:inline;/*IE ONLY*/
268 | position:relative;
269 | top:0;
270 | left:0;
271 | *top:1px;/*IE 7 ONLY*/
272 | zoom:1;
273 | }
274 |
275 | ul.tabs li a{
276 | text-decoration:none;
277 | color:#666;
278 | display:inline-block;
279 | padding:9px 15px;
280 | position: relative;
281 | top:0;
282 | left:0;
283 | line-height:100%;
284 | background:#f5f5f5;
285 | -webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
286 | -moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
287 | box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
288 | border:1px solid #e5e5e5;
289 | border-bottom:0;
290 | font-size:0.9em;
291 | zoom:1;
292 | }
293 |
294 | ul.tabs li a:hover{
295 | background:#fff;
296 | }
297 |
298 | ul.tabs li.current a{
299 | position:relative;
300 | top:1px;
301 | left:0;
302 | background:#fff;
303 | -webkit-box-shadow: none;
304 | -moz-box-shadow: none;
305 | box-shadow: none;
306 | color:#222;
307 | }
308 |
309 | .tab-content{
310 | border:1px solid #efefef;
311 | border:1px solid #e5e5e5;
312 | background:#fff;
313 | clear:both;
314 | padding:20px;
315 | margin:0 0 40px 0;
316 | }
317 |
318 |
319 | /*---------------------------------
320 | BREADCRUMBS
321 | -----------------------------------*/
322 | ul.breadcrumbs{
323 | margin:10px 0;
324 | padding:0;
325 | line-height:0%;
326 | font-size:0;
327 | }
328 |
329 | ul.breadcrumbs li{
330 | list-style-type:none;
331 | margin:0;
332 | padding:0;
333 | display:inline-block;
334 | *display:inline; /* IE ONLY*/
335 | position:relative;
336 | zoom:1;
337 | line-height:100%;
338 | font-size:14px; /* 0.8em default to override font-size:0; on parent*/
339 | }
340 |
341 | ul.breadcrumbs li a{
342 | display:inline-block;
343 | *display:inline; /* IE ONLY*/
344 | position:relative;
345 | padding:5px 15px 5px 5px;
346 | font-size:0.9em;
347 | zoom:1;
348 | margin:0;
349 | background:url(img/icon-arrow-right.png) no-repeat right center;
350 | }
351 |
352 | ul.breadcrumbs li.last a{
353 | color:#333;
354 | cursor: default;
355 | text-decoration:none;
356 | background:none;
357 | }
358 |
359 | ul.breadcrumbs li.last a:hover{
360 | text-decoration:none;
361 | }
362 |
363 | /* Alternative Style */
364 | ul.breadcrumbs.alt1{
365 | border:1px solid transparent;
366 | font-size:0;
367 | }
368 |
369 | ul.breadcrumbs.alt1 li a{
370 | padding:10px 25px 10px 15px;
371 | background:url(img/breadcrumbs-bg.gif) no-repeat right center;
372 | text-decoration:none;
373 | border-top:1px solid #efefef;
374 | border-bottom:1px solid #efefef;
375 | font-size:12px;
376 | }
377 |
378 | ul.breadcrumbs.alt1 a:hover{
379 | text-decoration:underline;
380 | }
381 |
382 | ul.breadcrumbs.alt1 li.first a{
383 | border-left:1px solid #efefef;
384 | }
385 |
386 | ul.breadcrumbs.alt1 li.last a{
387 | background:none;
388 | border-right:1px solid #efefef;
389 | }
390 |
391 | /*---------------------------------
392 | IMAGES
393 | -----------------------------------*/
394 | /*
395 | for img .style1, .style2, .style3
396 | view js/kickstart.js Image Style Helpers
397 | */
398 | img{
399 | margin:0;
400 | padding:0;
401 | display:inline-block;
402 | position:relative;
403 | zoom:1;
404 | vertical-align: bottom;
405 | }
406 |
407 | img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0;}
408 | img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px;}
409 | img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}
410 |
411 | div.caption{
412 | background:#f5f5f5;
413 | border:1px solid #ddd;
414 | padding:3px;
415 | max-width:100%;
416 | display:inline-block;
417 | height:auto;
418 | }
419 |
420 | div.caption img{
421 | display:block;
422 | padding:0;
423 | margin:0;
424 | width:100%;
425 | height:auto;
426 | }
427 |
428 | div.caption span{
429 | display:block;
430 | margin-top:3px;
431 | font-size:0.8em;
432 | color:#666;
433 | padding:0px 5px;
434 | }
435 |
436 | .gallery{}
437 |
438 | .gallery a{
439 | display:inline-block;
440 | position:relative;
441 | border:1px solid #ddd;
442 | background:#fff;
443 | padding:3px;
444 | margin:5px;
445 | -moz-border-radius:5px;
446 | -webkit-border-radius:5px;
447 | border-radius:5px;
448 | }
449 |
450 | .gallery a img{
451 | display: block;
452 | position: relative;
453 | margin:0;
454 | padding:0;
455 | }
456 |
457 | /*---------------------------------
458 | SLIDESHOW2
459 | -----------------------------------*/
460 | .slideshow-wrap{
461 | clear:both;
462 | margin:0;
463 | padding:0;
464 | position:relative;
465 | top:0;
466 | left:0;
467 | overflow:hidden;
468 | clear:both;
469 | }
470 |
471 | .slideshow-inner{
472 | overflow:hidden;
473 | clear:both;
474 | position:relative;
475 | top:0;
476 | left:0;
477 | border:1px solid #efefef;
478 | }
479 |
480 | .slideshow{
481 | clear:both;
482 | margin:0;
483 | padding:0;
484 | width:auto;
485 | height:auto;
486 | overflow:hidden;
487 | }
488 |
489 | .slideshow li{
490 | list-style-type:none;
491 | margin:0;
492 | padding:0;
493 | float:left;
494 | display:block;
495 | }
496 |
497 | .slideshow img{vertical-align: bottom;}
498 |
499 | .slideshow-buttons{
500 | text-align:right;
501 | margin:3px 0 0 0;
502 | padding:0;
503 | }
504 |
505 | .slideshow-buttons li{display:inline;position:relative;top:0;left:0;line-height:100%;margin:0;padding:0;}
506 | .slideshow-buttons li.current a{background:#ddd;}
507 |
508 | .slideshow-buttons a{
509 | display:inline;
510 | position:relative;
511 | top:0;
512 | left:0;
513 | padding:1px 3px;
514 | margin:0 1px;
515 | line-height:100%;
516 | border:1px solid #efefef;
517 | text-decoration:none;
518 | font-size:0.8em;
519 | }
520 |
--------------------------------------------------------------------------------
/css/prettify.css:
--------------------------------------------------------------------------------
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}
--------------------------------------------------------------------------------
/css/tiptip.css:
--------------------------------------------------------------------------------
1 | /*
2 | TipTip CSS - Version 1.2
3 | http://code.drewwilson.com/entry/tiptip-jquery-plugin
4 | */
5 |
6 | #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
7 | #tiptip_holder.tip_top { padding-bottom: 5px; }
8 | #tiptip_holder.tip_bottom { padding-top: 5px; }
9 | #tiptip_holder.tip_right { padding-left: 5px; }
10 | #tiptip_holder.tip_left { padding-right: 5px; }
11 |
12 | #tiptip_content {
13 | font-size: 11px;
14 | color: #fff;
15 | text-shadow: 0 0 2px #000;
16 | padding: 4px 8px;
17 | border: 1px solid rgba(255,255,255,0.25);
18 | background:#212121;
19 | background-color: rgba(25,25,25,0.92);
20 | background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
21 | -webkit-border-radius: 3px;
22 | -moz-border-radius: 3px;
23 | border-radius: 3px;
24 | -webkit-box-shadow: 0 0 3px #555;
25 | -moz-box-shadow: 0 0 3px #555;
26 | box-shadow: 0 0 3px #555;
27 | *background:#212121;
28 | }
29 |
30 | #tiptip_arrow, #tiptip_arrow_inner {
31 | position: absolute;
32 | border-color: transparent;
33 | border-style: solid;
34 | border-width: 6px;
35 | height: 0;
36 | width: 0;
37 | }
38 |
39 | #tiptip_holder.tip_top #tiptip_arrow {
40 | border-top-color: #fff;
41 | border-top-color: rgba(255,255,255,0.35);
42 | }
43 |
44 | #tiptip_holder.tip_bottom #tiptip_arrow {
45 | border-bottom-color: #fff;
46 | border-bottom-color: rgba(255,255,255,0.35);
47 | }
48 |
49 | #tiptip_holder.tip_right #tiptip_arrow {
50 | border-right-color: #fff;
51 | border-right-color: rgba(255,255,255,0.35);
52 | }
53 |
54 | #tiptip_holder.tip_left #tiptip_arrow {
55 | border-left-color: #fff;
56 | border-left-color: rgba(255,255,255,0.35);
57 | }
58 |
59 | #tiptip_holder.tip_top #tiptip_arrow_inner {
60 | margin-top: -7px;
61 | margin-left: -6px;
62 | border-top-color: rgb(25,25,25);
63 | border-top-color: rgba(25,25,25,0.92);
64 | }
65 |
66 | #tiptip_holder.tip_bottom #tiptip_arrow_inner {
67 | margin-top: -5px;
68 | margin-left: -6px;
69 | border-bottom-color: rgb(25,25,25);
70 | border-bottom-color: rgba(25,25,25,0.92);
71 | }
72 |
73 | #tiptip_holder.tip_right #tiptip_arrow_inner {
74 | margin-top: -6px;
75 | margin-left: -5px;
76 | border-right-color: rgb(25,25,25);
77 | border-right-color: rgba(25,25,25,0.92);
78 | }
79 |
80 | #tiptip_holder.tip_left #tiptip_arrow_inner {
81 | margin-top: -6px;
82 | margin-left: -7px;
83 | border-left-color: rgb(25,25,25);
84 | border-left-color: rgba(25,25,25,0.92);
85 | }
86 |
87 | /* Webkit Hacks */
88 | @media screen and (-webkit-min-device-pixel-ratio:0) {
89 | #tiptip_content {
90 | padding: 4px 8px 5px 8px;
91 | background-color: rgba(45,45,45,0.88);
92 | }
93 | #tiptip_holder.tip_bottom #tiptip_arrow_inner {
94 | border-bottom-color: rgba(45,45,45,0.88);
95 | }
96 | #tiptip_holder.tip_top #tiptip_arrow_inner {
97 | border-top-color: rgba(20,20,20,0.92);
98 | }
99 | }
--------------------------------------------------------------------------------
/example.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
36 |
37 |
38 |
39 |
109 |
110 |
111 |
112 |
115 |
116 |
--------------------------------------------------------------------------------
/license.txt:
--------------------------------------------------------------------------------
1 | Copyright © 2011-2012 Joshua Gatcke http://www.99lime.com | HTML KickStart
2 |
3 | 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:
4 |
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 |
7 | 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.
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | 99Lime.com HTML KickStart by Joshua Gatcke
3 | style.css
4 |
5 | */
6 |
7 | /*---------------------------------
8 | IMPORTS
9 | -----------------------------------*/
10 | @import url(https://fonts.googleapis.com/css?family=Arimo:400,700);
11 |
12 | /*---------------------------------
13 | OVERRIDES
14 | -----------------------------------*/
15 | h1,h2,h3,h4,h5,h6{
16 | font-family: "Arimo", arial, verdana, sans-serif;
17 | font-weight:normal;
18 | }
19 |
20 | thead th,
21 | tbody th{
22 | font-family: "Arimo", arial, verdana, sans-serif;
23 | }
24 |
25 | button,
26 | a.btn,
27 | input[type="submit"],
28 | input[type="reset"],
29 | input[type="button"]{
30 | font-family: "Arimo", arial, verdana, sans-serif;
31 | }
32 |
33 | .menu{
34 | font-family: "Arimo", arial, verdana, sans-serif;
35 | }
36 |
37 | blockquote{
38 | font-family: "Arimo", arial, verdana, sans-serif;
39 | }
40 |
41 | /*---------------------------------
42 | LAYOUT
43 | -----------------------------------*/
44 | body{
45 | margin:0;
46 | padding:0 0 0 0;
47 | color:#000;
48 | background:#efefef url(css/img/gray_jean.png);
49 | font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
50 | text-shadow: 0 0 1px transparent; /* google font pixelation fix */
51 | }
52 |
53 | #wrap{
54 | width:100%;
55 | background:#fff;
56 | margin:30px auto 30px auto;
57 | padding:0 2%;
58 | border:1px solid #ccc;
59 | }
60 |
61 |
62 | #footer{
63 | text-align:center;
64 | padding:20px;
65 | margin:0;
66 | border-top:1px solid #ddd;
67 | color:#999;
68 | font-size:0.8em;
69 | text-shadow:0px 1px 1px #fff;
70 | position: relative;
71 | top:0;
72 | left:0;
73 | background:#fff;
74 | }
75 |
76 | #link-top{
77 | display:none;
78 | }
79 |
80 | /* NAV BAR*/
81 | .navbar{
82 | position:fixed;
83 | top:0;
84 | left:0;
85 | width: 100%;
86 | background:#000;
87 | color:#fff;
88 | z-index:1000;
89 | }
90 |
91 | .navbar #logo{
92 | position:absolute;
93 | top:0;
94 | right:0;
95 | padding:0.5em 1em;
96 | font-size: 1.7em;
97 | color:#efefef;
98 | text-decoration:none;
99 | }
100 |
101 | .navbar span{
102 | color:#86dc00;
103 | }
104 |
105 |
106 | .navbar ul{
107 | display:inline-block;
108 | margin:0;
109 | padding:0;
110 | }
111 |
112 | .navbar li{
113 | margin:0;
114 | padding:0;
115 | list-style-type:0;
116 | display:inline-block;
117 | }
118 |
119 | .navbar li a{
120 | display:inline-block;
121 | color:#efefef;
122 | padding:1em 1.3em;
123 | text-decoration:none;
124 | text-transform: uppercase;
125 | line-height:100%;
126 | font-size: 1.2em;
127 | }
128 |
129 | .callout{
130 | background:#4598ef;/*#86dc00;*/
131 | padding:3em 0;
132 | color:#fff;
133 | box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
134 | text-align: center;
135 | text-shadow:0px 1px 3px rgba(0,0,0,0.2);
136 | display:block;
137 | }
138 | .callout + div.grid{margin-top:50px;}
139 | a.callout{cursor:pointer;}
140 | .callout i.icon-4x{font-size:6em;}
141 | .callout h4{margin-bottom:30px;}
142 | .callout-top{margin:50px 0 0 0;}
143 | .callout p{margin-bottom:0;}
144 | .callout .button{margin-top:10px;}
145 | .callout.green{background:#19ad0b;/*#86dc00;*/}
146 |
147 | #mc_embed_signup{
148 | padding:30px 0;
149 | }
150 |
151 | #ui-preview{
152 | border:5px solid #ddd;
153 | margin:30px 0;
154 | display:block;
155 | }
156 |
--------------------------------------------------------------------------------
40 |
82 | 83 |
107 |
108 |
41 |
61 |
62 | Paragraphs
42 |
43 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
44 | tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
45 | nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
46 | Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
El illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
49 | dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam
50 | liber tempor cum soluta nobis eleifend <h1>Sample Code</h1> option
51 | congue nihil imperdiet doming id quod mazim placerat facer possim assum.
54 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 55 | magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis 56 | nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse 57 | molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim 58 | qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum 59 | soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
60 |
63 |
80 |
81 | Icon List
64 |-
65 |
- Apple 66 |
- Banana 67 |
- Orange 68 |
- Pear 69 |
Sample Icons
72 | 73 | 74 | 75 | 76 | 77 |Button w/Icon
78 | RSS 79 |82 | 83 |
84 |
88 |
89 | Column
85 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 86 | magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
87 |
90 |
94 |
95 | Column
91 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 92 | magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
93 |
96 |
100 |
101 | Column
97 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 98 | magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
99 |
102 |
106 | Column
103 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore 104 | magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
105 |