From 6d182e241055bffa3bf04adcc1aef5db530fe4cd Mon Sep 17 00:00:00 2001 From: raylu Date: Sun, 3 Jul 2011 04:32:10 -0700 Subject: run fromdos on all the php, css, and js files --- views/layouts/index.php_files/basic.css | 394 ++-- views/layouts/index.php_files/ie.css | 146 +- views/layouts/index.php_files/main.js | 574 ++--- views/layouts/index.php_files/style.css | 3704 +++++++++++++++---------------- views/layouts/untitled.html.php | 1460 ++++++------ webroot/css/base.css | 2340 +++++++++---------- webroot/css/grid.css | 966 ++++---- webroot/css/style.css | 340 +-- webroot/css/themes/black.css | 56 +- webroot/css/themes/blue.css | 58 +- webroot/css/themes/dark.css | 62 +- webroot/css/themes/green.css | 58 +- webroot/css/themes/grey.css | 64 +- webroot/css/themes/light.css | 60 +- webroot/css/themes/purple.css | 56 +- webroot/css/themes/red.css | 60 +- webroot/js/dd_belatedpng.js | 654 +++--- webroot/js/functions.js | 92 +- webroot/js/jquery.anchor.js | 76 +- webroot/js/jquery.form.js | 72 +- webroot/js/jquery.lightbox-0.5.min.js | 82 +- 21 files changed, 5687 insertions(+), 5687 deletions(-) diff --git a/views/layouts/index.php_files/basic.css b/views/layouts/index.php_files/basic.css index c9fccc0..72840f0 100644 --- a/views/layouts/index.php_files/basic.css +++ b/views/layouts/index.php_files/basic.css @@ -1,198 +1,198 @@ -/* http://meyerweb.com/eric/tools/css/reset/ */ -/* v1.0 | 20080212 */ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, font, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; -} -body { - line-height: 1.5; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} - -/* remember to define focus styles! */ -:focus { - outline: 0; -} - -/* remember to highlight inserts somehow! */ -ins { - text-decoration: none; -} -del { - text-decoration: line-through; -} - -/* tables still need 'cellspacing="0"' in the markup */ -table { - border-collapse: collapse; - border-spacing: 0; -} - -/* -------------------------------------------------------------- - - typography.css - * Sets up some sensible default typography. - --------------------------------------------------------------- */ - -/* Default font settings. - The font-size percentage is of 16px. (0.75 * 16px = 12px) */ -html { font-size:100.01%; } -body { - font-size: 75%; - color: #222; - background: #fff; - font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; -} - - -/* Headings --------------------------------------------------------------- */ - -h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; } - -h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } -h2 { font-size: 2em; margin-bottom: 0.75em; } -h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } -h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } -h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } -h6 { font-size: 1em; font-weight: bold; } - -h1 img, h2 img, h3 img, -h4 img, h5 img, h6 img { - margin: 0; -} - - -/* Text elements --------------------------------------------------------------- */ - -p { margin: 0 0 1.5em; } -p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } -p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } - -a:focus, -a:hover { color: #000; } -a { color: #009; text-decoration: underline; } - -blockquote { margin: 1.5em; color: #666; font-style: italic; } -strong { font-weight: bold; } -em,dfn { font-style: italic; } -dfn { font-weight: bold; } -sup, sub { line-height: 0; } - -abbr, -acronym { border-bottom: 1px dotted #666; } -address { margin: 0 0 1.5em; font-style: italic; } -del { color:#666; } - -pre { margin: 1.5em 0; white-space: pre; } -pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } - - -/* Lists --------------------------------------------------------------- */ - -li ul, -li ol { margin: 0; } -ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; } - -ul { list-style-type: disc; } -ol { list-style-type: decimal; } - -dl { margin: 0 0 1.5em 0; } -dl dt { font-weight: bold; } -dd { margin-left: 1.5em;} - - -/* Tables --------------------------------------------------------------- */ - -table { margin-bottom: 1.4em; width:100%; } -th { font-weight: bold; } -thead th { background: #c3d9ff; } -th,td,caption { padding: 4px 10px 4px 5px; } -tr.even { background: #e5ecf9; } -tfoot { font-style: italic; } -caption { background: #eee; } - - -/* Misc classes --------------------------------------------------------------- */ - -.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } -.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } -.hide { display: none; } - -.quiet { color: #666; } -.loud { color: #000; } -.highlight { background:#ff0; } -.added { background:#060; color: #fff; } -.removed { background:#900; color: #fff; } - -.first { margin-left:0 !important; padding-left:0 !important; } -.last { margin-right:0 !important; padding-right:0 !important; } -.top { margin-top:0 !important; padding-top:0 !important; } -.bottom { margin-bottom:0; padding-bottom:0; } - - - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */ - -.clearfix:after { - clear: both; - content: ' '; - display: block; - font-size: 0; - line-height: 0; - visibility: hidden; - width: 0; - height: 0; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ -* html .clearfix, -*:first-child+html .clearfix { - zoom: 1; +/* http://meyerweb.com/eric/tools/css/reset/ */ +/* v1.0 | 20080212 */ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; +} +body { + line-height: 1.5; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} + +/* remember to define focus styles! */ +:focus { + outline: 0; +} + +/* remember to highlight inserts somehow! */ +ins { + text-decoration: none; +} +del { + text-decoration: line-through; +} + +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* -------------------------------------------------------------- + + typography.css + * Sets up some sensible default typography. + +-------------------------------------------------------------- */ + +/* Default font settings. + The font-size percentage is of 16px. (0.75 * 16px = 12px) */ +html { font-size:100.01%; } +body { + font-size: 75%; + color: #222; + background: #fff; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; +} + + +/* Headings +-------------------------------------------------------------- */ + +h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; } + +h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } +h2 { font-size: 2em; margin-bottom: 0.75em; } +h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } +h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } +h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } +h6 { font-size: 1em; font-weight: bold; } + +h1 img, h2 img, h3 img, +h4 img, h5 img, h6 img { + margin: 0; +} + + +/* Text elements +-------------------------------------------------------------- */ + +p { margin: 0 0 1.5em; } +p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } +p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } + +a:focus, +a:hover { color: #000; } +a { color: #009; text-decoration: underline; } + +blockquote { margin: 1.5em; color: #666; font-style: italic; } +strong { font-weight: bold; } +em,dfn { font-style: italic; } +dfn { font-weight: bold; } +sup, sub { line-height: 0; } + +abbr, +acronym { border-bottom: 1px dotted #666; } +address { margin: 0 0 1.5em; font-style: italic; } +del { color:#666; } + +pre { margin: 1.5em 0; white-space: pre; } +pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } + + +/* Lists +-------------------------------------------------------------- */ + +li ul, +li ol { margin: 0; } +ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; } + +ul { list-style-type: disc; } +ol { list-style-type: decimal; } + +dl { margin: 0 0 1.5em 0; } +dl dt { font-weight: bold; } +dd { margin-left: 1.5em;} + + +/* Tables +-------------------------------------------------------------- */ + +table { margin-bottom: 1.4em; width:100%; } +th { font-weight: bold; } +thead th { background: #c3d9ff; } +th,td,caption { padding: 4px 10px 4px 5px; } +tr.even { background: #e5ecf9; } +tfoot { font-style: italic; } +caption { background: #eee; } + + +/* Misc classes +-------------------------------------------------------------- */ + +.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } +.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } +.hide { display: none; } + +.quiet { color: #666; } +.loud { color: #000; } +.highlight { background:#ff0; } +.added { background:#060; color: #fff; } +.removed { background:#900; color: #fff; } + +.first { margin-left:0 !important; padding-left:0 !important; } +.last { margin-right:0 !important; padding-right:0 !important; } +.top { margin-top:0 !important; padding-top:0 !important; } +.bottom { margin-bottom:0; padding-bottom:0; } + + + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */ + +.clearfix:after { + clear: both; + content: ' '; + display: block; + font-size: 0; + line-height: 0; + visibility: hidden; + width: 0; + height: 0; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ +* html .clearfix, +*:first-child+html .clearfix { + zoom: 1; } \ No newline at end of file diff --git a/views/layouts/index.php_files/ie.css b/views/layouts/index.php_files/ie.css index cc84912..0ccbb7e 100644 --- a/views/layouts/index.php_files/ie.css +++ b/views/layouts/index.php_files/ie.css @@ -1,74 +1,74 @@ -#page-content-outer { - border: 1px solid #ccc; - padding-top: 1px; - - display:block; - -} - -#content{ - *padding-top:60px -} - - - -.form { - padding-top: 1px; -} - - - -.list td { - border-bottom: 1px dotted #eee; - -} - -.list tr:hover>th, th { - background: #eee url(table-header-bg.png) repeat-x 0 0 scroll; - border-top: 1px solid #eee; - border-bottom: 1px solid #eee; - -} - - - -.list tr:hover>td { - background: transparent url(list_hover.png) repeat-x 0 -1px scroll; - -} - -.list td .small-button { - margin: 0 5px 8px 0; -} - -ul.tab_menu a span { - display: inline-block; - padding: 9px 29px 8px; -} - -.small-button { - margin-right: 2px; -} - -.small-button span { - padding: 0 11px 1px 8px; - -} - -.client-actions .danger{ - *margin-top:-23px; - -} - -#alert{ - top:45px; - z-index:99999; -} - -.large.button input{ - padding-top:5px; -} - -.form-title{ - *margin-top:24px; +#page-content-outer { + border: 1px solid #ccc; + padding-top: 1px; + + display:block; + +} + +#content{ + *padding-top:60px +} + + + +.form { + padding-top: 1px; +} + + + +.list td { + border-bottom: 1px dotted #eee; + +} + +.list tr:hover>th, th { + background: #eee url(table-header-bg.png) repeat-x 0 0 scroll; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + +} + + + +.list tr:hover>td { + background: transparent url(list_hover.png) repeat-x 0 -1px scroll; + +} + +.list td .small-button { + margin: 0 5px 8px 0; +} + +ul.tab_menu a span { + display: inline-block; + padding: 9px 29px 8px; +} + +.small-button { + margin-right: 2px; +} + +.small-button span { + padding: 0 11px 1px 8px; + +} + +.client-actions .danger{ + *margin-top:-23px; + +} + +#alert{ + top:45px; + z-index:99999; +} + +.large.button input{ + padding-top:5px; +} + +.form-title{ + *margin-top:24px; } \ No newline at end of file diff --git a/views/layouts/index.php_files/main.js b/views/layouts/index.php_files/main.js index c02701b..07366c7 100644 --- a/views/layouts/index.php_files/main.js +++ b/views/layouts/index.php_files/main.js @@ -1,288 +1,288 @@ -/** - * Created by 23rd and Walnut - * www.23andwalnut.com - * User: Saleem El-Amin - * Date: Jun 11, 2010 - * Time: 7:55:26 PM - */ - -$(document).ready(function() -{ - - var loading_indicator = '
' + - '
 
' + - '' + - '
'; - - function ie8up() - { - if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) - { //test for MSIE x.x; - var ieversion = new Number(RegExp.$1) // capture x.x portion and store as a number - if (ieversion >= 8) - return true; - else if (ieversion >= 7) - return false; - else if (ieversion >= 6) - return false; - else if (ieversion >= 5) - return false; - - } else return true; - } - - if (ie8up()) - { - $('.pagination a, .hide-messages a').live('click', function(e) - { - e.preventDefault(); - - $('#page-content').append(loading_indicator); - - $('#page-content-outer').load($(this).attr('href') + ' #page-content', function() - { - $('.loading-indicator').remove(); - }); - - return false; - }); - } - - - /** Load content into modal box **/ - if (ie8up()) - { - $('.small-button.modal, .modal a, a.modal, .no-files a.small-button, .client-actions a, .add-item a, a.edit-icon, a.delete-icon, .project-actions a').live('click', function() - { - $('body').append(loading_indicator); - $('#modal-body').load($(this).attr('href') + ' .form', function() - { - $('.loading-indicator').remove(); - $('#modal').jqmShow(); - - var modal_y = ($(window).height() - $('#modal').height())/2; - modal_y = (modal_y < 0)? 0 : modal_y; - - var modal_x = ($(window).width() - $('#modal').width())/2; - - $('#modal').css({'top':modal_y, 'left':modal_x}); - }); - return false; - }); - } - - function preloadImages(imageList, callback) - { - var i, total, loaded = 0; - if (typeof imageList != 'undefined') - { - if ($.isArray(imageList)) - { - total = imageList.length; // used later - for (var i = 0; i < total; i++) - { - images[imageList[i]] = new Image(); - images[imageList[i]].onload = function() - { - loaded++; - if (loaded == total) - { - if ($.isFunction(callback)) - { - callback(); - } - } - }; - images[imageList[i]].src = imageList[i]; - } - } - } - } - - var imageList = []; - var images = []; - var preload = [ - 'application/views/images/loading.gif', - 'application/views/images/small-button.png']; - - $('#modal').jqm(); - preloadImages(preload); - -}); - - -/* - * jqModal - Minimalist Modaling with jQuery - * (http://dev.iceburg.net/jquery/jqModal/) - * - * Copyright (c) 2007,2008 Brice Burgess - * Dual licensed under the MIT and GPL licenses: - * http://www.opensource.org/licenses/mit-license.php - * http://www.gnu.org/licenses/gpl.html - * - * $Version: 03/01/2009 +r14 - */ -(function($) -{ - $.fn.jqm = function(o) - { - var p = { - overlay: 50, - overlayClass: 'jqmOverlay', - closeClass: 'jqmClose', - trigger: '.jqModal', - ajax: F, - ajaxText: '', - target: F, - modal: F, - toTop: F, - onShow: F, - onHide: F, - onLoad: F - }; - return this.each(function() - { - if (this._jqm)return H[this._jqm].c = $.extend({}, H[this._jqm].c, o); - s++; - this._jqm = s; - H[s] = {c:$.extend(p, $.jqm.params, o),a:F,w:$(this).addClass('jqmID' + s),s:s}; - if (p.trigger)$(this).jqmAddTrigger(p.trigger); - }); - }; - - $.fn.jqmAddClose = function(e) - { - return hs(this, e, 'jqmHide'); - }; - $.fn.jqmAddTrigger = function(e) - { - return hs(this, e, 'jqmShow'); - }; - $.fn.jqmShow = function(t) - { - return this.each(function() - { - t = t || window.event; - $.jqm.open(this._jqm, t); - }); - }; - $.fn.jqmHide = function(t) - { - return this.each(function() - { - t = t || window.event; - $.jqm.close(this._jqm, t) - }); - }; - - $.jqm = { - hash:{}, - open:function(s, t) - { - var h = H[s],c = h.c,cc = '.' + c.closeClass,z = (parseInt(h.w.css('z-index'))),z = (z > 0) ? z : 3000,o = $('
').css({height:'100%',width:'100%',position:'fixed',left:0,top:0,'z-index':z - 1,opacity:c.overlay / 100}); - if (h.a)return F; - h.t = t; - h.a = true; - h.w.css('z-index', z); - if (c.modal) - { - if (!A[0])L('bind'); - A.push(s); - } - else if (c.overlay > 0)h.w.jqmAddClose(o); - else o = F; - - h.o = (o) ? o.addClass(c.overlayClass).prependTo('body') : F; - if (ie6) - { - $('html,body').css({height:'100%',width:'100%'}); - if (o) - { - o = o.css({position:'absolute'})[0]; - for (var y in {Top:1,Left:1})o.style.setExpression(y.toLowerCase(), "(_=(document.documentElement.scroll" + y + " || document.body.scroll" + y + "))+'px'"); - } - } - - if (c.ajax) - { - var r = c.target || h.w,u = c.ajax,r = (typeof r == 'string') ? $(r, h.w) : $(r),u = (u.substr(0, 1) == '@') ? $(t).attr(u.substring(1)) : u; - r.html(c.ajaxText).load(u, function() - { - if (c.onLoad)c.onLoad.call(this, h); - if (cc)h.w.jqmAddClose($(cc, h.w)); - e(h); - }); - } - else if (cc)h.w.jqmAddClose($(cc, h.w)); - - if (c.toTop && h.o)h.w.before('').insertAfter(h.o); - (c.onShow) ? c.onShow(h) : h.w.show(); - e(h); - return F; - }, - close:function(s) - { - var h = H[s]; - if (!h.a)return F; - h.a = F; - if (A[0]) - { - A.pop(); - if (!A[0])L('unbind'); - } - if (h.c.toTop && h.o)$('#jqmP' + h.w[0]._jqm).after(h.w).remove(); - if (h.c.onHide)h.c.onHide(h); else - { - h.w.hide(); - if (h.o)h.o.remove(); - } - return F; - }, - params:{}}; - var s = 0,H = $.jqm.hash,A = [],ie6 = $.browser.msie && ($.browser.version == "6.0"),F = false, - i = $('').css({opacity:0}), - e = function(h) - { - if (ie6)if (h.o)h.o.html('

').prepend(i); else if (!$('iframe.jqm', h.w)[0])h.w.prepend(i); - f(h); - }, - f = function(h) - { - try - { - $(':input:visible', h.w)[0].focus(); - } catch(_) - { - } - }, - L = function(t) - { - $()[t]("keypress", m)[t]("keydown", m)[t]("mousedown", m); - }, - m = function(e) - { - var h = H[A[A.length - 1]],r = (!$(e.target).parents('.jqmID' + h.s)[0]); - if (r)f(h); - return !r; - }, - hs = function(w, t, c) - { - return w.each(function() - { - var s = this._jqm; - $(t).each(function() - { - if (!this[c]) - { - this[c] = []; - $(this).click(function() - { - for (var i in {jqmShow:1,jqmHide:1})for (var s in this[i])if (H[this[i][s]])H[this[i][s]].w[i](this); - return F; - }); - } - this[c].push(s); - }); - }); - }; +/** + * Created by 23rd and Walnut + * www.23andwalnut.com + * User: Saleem El-Amin + * Date: Jun 11, 2010 + * Time: 7:55:26 PM + */ + +$(document).ready(function() +{ + + var loading_indicator = '

' + + '
 
' + + '' + + '
'; + + function ie8up() + { + if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) + { //test for MSIE x.x; + var ieversion = new Number(RegExp.$1) // capture x.x portion and store as a number + if (ieversion >= 8) + return true; + else if (ieversion >= 7) + return false; + else if (ieversion >= 6) + return false; + else if (ieversion >= 5) + return false; + + } else return true; + } + + if (ie8up()) + { + $('.pagination a, .hide-messages a').live('click', function(e) + { + e.preventDefault(); + + $('#page-content').append(loading_indicator); + + $('#page-content-outer').load($(this).attr('href') + ' #page-content', function() + { + $('.loading-indicator').remove(); + }); + + return false; + }); + } + + + /** Load content into modal box **/ + if (ie8up()) + { + $('.small-button.modal, .modal a, a.modal, .no-files a.small-button, .client-actions a, .add-item a, a.edit-icon, a.delete-icon, .project-actions a').live('click', function() + { + $('body').append(loading_indicator); + $('#modal-body').load($(this).attr('href') + ' .form', function() + { + $('.loading-indicator').remove(); + $('#modal').jqmShow(); + + var modal_y = ($(window).height() - $('#modal').height())/2; + modal_y = (modal_y < 0)? 0 : modal_y; + + var modal_x = ($(window).width() - $('#modal').width())/2; + + $('#modal').css({'top':modal_y, 'left':modal_x}); + }); + return false; + }); + } + + function preloadImages(imageList, callback) + { + var i, total, loaded = 0; + if (typeof imageList != 'undefined') + { + if ($.isArray(imageList)) + { + total = imageList.length; // used later + for (var i = 0; i < total; i++) + { + images[imageList[i]] = new Image(); + images[imageList[i]].onload = function() + { + loaded++; + if (loaded == total) + { + if ($.isFunction(callback)) + { + callback(); + } + } + }; + images[imageList[i]].src = imageList[i]; + } + } + } + } + + var imageList = []; + var images = []; + var preload = [ + 'application/views/images/loading.gif', + 'application/views/images/small-button.png']; + + $('#modal').jqm(); + preloadImages(preload); + +}); + + +/* + * jqModal - Minimalist Modaling with jQuery + * (http://dev.iceburg.net/jquery/jqModal/) + * + * Copyright (c) 2007,2008 Brice Burgess + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + * + * $Version: 03/01/2009 +r14 + */ +(function($) +{ + $.fn.jqm = function(o) + { + var p = { + overlay: 50, + overlayClass: 'jqmOverlay', + closeClass: 'jqmClose', + trigger: '.jqModal', + ajax: F, + ajaxText: '', + target: F, + modal: F, + toTop: F, + onShow: F, + onHide: F, + onLoad: F + }; + return this.each(function() + { + if (this._jqm)return H[this._jqm].c = $.extend({}, H[this._jqm].c, o); + s++; + this._jqm = s; + H[s] = {c:$.extend(p, $.jqm.params, o),a:F,w:$(this).addClass('jqmID' + s),s:s}; + if (p.trigger)$(this).jqmAddTrigger(p.trigger); + }); + }; + + $.fn.jqmAddClose = function(e) + { + return hs(this, e, 'jqmHide'); + }; + $.fn.jqmAddTrigger = function(e) + { + return hs(this, e, 'jqmShow'); + }; + $.fn.jqmShow = function(t) + { + return this.each(function() + { + t = t || window.event; + $.jqm.open(this._jqm, t); + }); + }; + $.fn.jqmHide = function(t) + { + return this.each(function() + { + t = t || window.event; + $.jqm.close(this._jqm, t) + }); + }; + + $.jqm = { + hash:{}, + open:function(s, t) + { + var h = H[s],c = h.c,cc = '.' + c.closeClass,z = (parseInt(h.w.css('z-index'))),z = (z > 0) ? z : 3000,o = $('
').css({height:'100%',width:'100%',position:'fixed',left:0,top:0,'z-index':z - 1,opacity:c.overlay / 100}); + if (h.a)return F; + h.t = t; + h.a = true; + h.w.css('z-index', z); + if (c.modal) + { + if (!A[0])L('bind'); + A.push(s); + } + else if (c.overlay > 0)h.w.jqmAddClose(o); + else o = F; + + h.o = (o) ? o.addClass(c.overlayClass).prependTo('body') : F; + if (ie6) + { + $('html,body').css({height:'100%',width:'100%'}); + if (o) + { + o = o.css({position:'absolute'})[0]; + for (var y in {Top:1,Left:1})o.style.setExpression(y.toLowerCase(), "(_=(document.documentElement.scroll" + y + " || document.body.scroll" + y + "))+'px'"); + } + } + + if (c.ajax) + { + var r = c.target || h.w,u = c.ajax,r = (typeof r == 'string') ? $(r, h.w) : $(r),u = (u.substr(0, 1) == '@') ? $(t).attr(u.substring(1)) : u; + r.html(c.ajaxText).load(u, function() + { + if (c.onLoad)c.onLoad.call(this, h); + if (cc)h.w.jqmAddClose($(cc, h.w)); + e(h); + }); + } + else if (cc)h.w.jqmAddClose($(cc, h.w)); + + if (c.toTop && h.o)h.w.before('').insertAfter(h.o); + (c.onShow) ? c.onShow(h) : h.w.show(); + e(h); + return F; + }, + close:function(s) + { + var h = H[s]; + if (!h.a)return F; + h.a = F; + if (A[0]) + { + A.pop(); + if (!A[0])L('unbind'); + } + if (h.c.toTop && h.o)$('#jqmP' + h.w[0]._jqm).after(h.w).remove(); + if (h.c.onHide)h.c.onHide(h); else + { + h.w.hide(); + if (h.o)h.o.remove(); + } + return F; + }, + params:{}}; + var s = 0,H = $.jqm.hash,A = [],ie6 = $.browser.msie && ($.browser.version == "6.0"),F = false, + i = $('').css({opacity:0}), + e = function(h) + { + if (ie6)if (h.o)h.o.html('

').prepend(i); else if (!$('iframe.jqm', h.w)[0])h.w.prepend(i); + f(h); + }, + f = function(h) + { + try + { + $(':input:visible', h.w)[0].focus(); + } catch(_) + { + } + }, + L = function(t) + { + $()[t]("keypress", m)[t]("keydown", m)[t]("mousedown", m); + }, + m = function(e) + { + var h = H[A[A.length - 1]],r = (!$(e.target).parents('.jqmID' + h.s)[0]); + if (r)f(h); + return !r; + }, + hs = function(w, t, c) + { + return w.each(function() + { + var s = this._jqm; + $(t).each(function() + { + if (!this[c]) + { + this[c] = []; + $(this).click(function() + { + for (var i in {jqmShow:1,jqmHide:1})for (var s in this[i])if (H[this[i][s]])H[this[i][s]].w[i](this); + return F; + }); + } + this[c].push(s); + }); + }); + }; })(jQuery); \ No newline at end of file diff --git a/views/layouts/index.php_files/style.css b/views/layouts/index.php_files/style.css index 88e1b2d..8a42b94 100644 --- a/views/layouts/index.php_files/style.css +++ b/views/layouts/index.php_files/style.css @@ -1,1852 +1,1852 @@ -body { - color: #777777; - background: #d7dee4 url(light-bgs.png) no-repeat center top scroll; - overflow-x: hidden; - font-family: Helvetica, Arial, sans-serif; - font-size: 12px; - line-height: 18px; - -} - -.wrapper { - width: 960px; - margin: 0 auto; -} - -/** Navigation **/ - -.logo-container { - width: 300px; - display: inline; - float: left; - margin: 2px; - position: relative; -} - -#logo { - margin: 0; -} - -#logo a { - text-decoration: none; - color: #fff; - font-weight: normal; - font-size: 16px; - -} - -.nav-container { - width: 620px; - display: inline; - float: left; - margin-left: 10px; - margin-right: 10px; - position: relative; -} - -#header { - background: #010018 url(nav.png) repeat-x 0 0 scroll; - height: 40px; - box-shadow: 0 0 6px #777777; - -moz-box-shadow: 0 0 6px #777777; - -webkit-box-shadow: 0 0 6px #777777; - -} - -.navigation { - height: 40px; -} - -.main_nav { - float: right; - z-index: 2000; - margin: 12px 0px 0px 0px; -} - -.main_nav li { - float: left; - margin: 0 0 0 0; - padding: 7px 15px 10px; - list-style: none; -} - -.main_nav a { - font-size: 13px; - color: #ccc; - text-decoration: none; - padding: 12px 18px; -} - -.main_nav li ul li { - background-color: #333 !important; - display: block; -} - -.dropdown li { - float: left; - position: relative; -} - -ul.dropdown li, -ul.dropdown ul { - list-style: none; - margin: 0; - padding: 0; -} - -ul.dropdown { - list-style: none; - position: relative; - z-index: 597; -} - -ul.dropdown li { - - float: left; - line-height: 1.3em; - vertical-align: middle; - zoom: 1; - background: url(nav_divider.png) no-repeat center right scroll; -} - -ul.dropdown > li:last-child { - background: none; -} - -ul.dropdown li ul li { - background-image: none; -} - -ul.dropdown li.hover, -ul.dropdown li:hover { - position: relative; - z-index: 599; - cursor: default; -} - -ul.dropdown ul { - visibility: hidden; - position: absolute; - top: 27px; - left: 15px; - z-index: 598; - width: 168px; - border-top: 1px solid #484848; -} - -*ul.dropdown ul { - top: 22px; -} - -*ul.dropdown a { - display: block; - padding-top: 3px !important; - padding-bottom: 3px !important; -} - -ul.dropdown ul li { - - float: none; - border: 1px solid #484848; - border-style: none solid solid solid; - padding: 12px 9px; -} - -ul.dropdown ul ul { - top: 0; - left: 158px; -} - -ul.dropdown li:hover > ul { - visibility: visible; -} - -.new-client-button { - padding: 12px 12px 12px 26px !important; - background: transparent url(new_client.png) no-repeat left center scroll; -} - -.new-project-button { - padding: 12px 12px 12px 26px !important; - background: transparent url(new_project.png) no-repeat left center scroll; -} - -.new-invoice-button { - padding: 12px 12px 12px 26px !important; - background: transparent url(new_invoice.png) no-repeat left center scroll; -} - -.new-admin-button { - padding: 12px 12px 12px 26px !important; - background: transparent url(new_admin.png) no-repeat left center scroll; -} - -.change-pass-button { - padding: 12px 12px 12px 26px !important; - background: transparent url(change_password.png) no-repeat left center scroll; -} - -/** Page Layout **/ - -#page-container { - float: left; - margin-left: 200px; - -} - -#page-content .footer { - height: 42px; - margin-top: 18px; - background-color: #eee; -} - -#page-content-outer { - width: 960px; - margin: 60px auto 36px auto; - box-shadow: 0 0 6px #777; - -moz-box-shadow: 0 0 6px #777; - -webkit-box-shadow: 0 0 6px #777; - border: 1px solid #F6F6F6; - background-color: #fff; - position: relative; -} - -.info-bar { - background: transparent url(info_bar_bg.png) repeat-x 0 0 scroll; - border-bottom: 1px solid #ccc; - height: 84px; - margin-top: -1px; - width: 100%; - position: relative; -} - -.info-bar .title { - padding: 31px 0 0 24px; - color: #888; - text-shadow: #fff 1px 1px 0px; - float: left; -} - -.breadcrumbs.secondary { - position: absolute; - left: 26px; - top: 15px; - color: #4183C4; - -} - -.breadcrumbs.primary a, .breadcrumbs.secondary a { - text-decoration: none; - color: #888; -} - -.breadcrumbs.primary a:hover, .breadcrumbs.secondary a:hover, .breadcrumbs.tertiary a:hover { - color: #4183c4; -} - -.breadcrumbs.tertiary { - display: inline-block; - margin: 46px 0 0 12px -} - -.breadcrumbs.tertiary a { - color: #bbb; - text-decoration: none; -} - -#invoice { - width: 835px; - margin: 20px auto 40px auto; - padding: 50px; - background-color: #ffffff; - border: 1px solid #CCCCCC; - min-height: 400px; - box-shadow: 0 0 6px #777; - -moz-box-shadow: 0 0 6px #777; - -webkit-box-shadow: 0 0 6px #777; -} - -.invoice-addresses { - clear: both; - margin: 60px 0 0 0; - position: relative; -} - -#invoice-right-box { - float: left; - margin-left: 10px; - width: 225px; -} - -#invoice-right-box table { - border-collapse: collapse; - font-size: 90%; - font-weight: bold; - width: 100%; -} - -#invoice-right-box td { - font-size: 12px; -} - -#invoice-right-box .right-box-label { - color: #AAAAAA; - text-align: right; -} - -#invoice-right-box table td { - padding: 4px 5px; -} - -#invoice-right-box table td { - padding: 4px 5px; -} - -#invoice-template .from-address { - margin-right: 25px; -} - -#invoice-template .address { - float: left; - width: 220px; -} - -.address { - font-size: 90%; -} - -.address h4 { - color: #AAAAAA; - font-size: 120%; - margin-bottom: 5px; - padding-bottom: 0; -} - -.address .attn { - font-size: 120%; - font-weight: bold; -} - -.address p { - margin: 0 0 3px; - padding: 0; -} - -.address { - float: left; - width: 220px; -} - -.invoice-items { - - margin: 40px auto; -} - -#invoice .header th, .invoice-summary .header { - background: none repeat scroll 0 0 #f8f8f8; - border-bottom: 1px solid #e7f0f4; -} - -#invoice .header, .invoice-summary .header { - - font-size: 90%; - font-weight: normal; - text-align: center; - text-transform: uppercase; - height: 20px; - padding-top: 8px; -} - -.invoice-items td { - font-size: 12px; - padding: 6px 12px; -} - -.invoice-items .invoice-item { - background: none repeat scroll 0 0 #f4f8fa; - font-weight: bold; -} - -.invoice-items tr.description { - -} - -.invoice-items .item-name { - width: 49%; -} - -.invoice-items .quantity { - width: 17%; - text-align: center; -} - -.invoice-items .rate { - width: 17%; - text-align: center; -} - -.invoice-items .subtotal { - width: 17%; - text-align: center; - -} - -.invoice-items .description { - padding: 5px 5px 15px 5px; -} - -.invoice-summary { - width: 50%; - float: right; - clear: left; - padding-left: 50%; -} - -.invoice-summary h5 { - font-weight: normal; -} - -.invoice-summary .total, .invoice-summary .payments, -.invoice-summary .balance { - padding: 2px 0; - height: 24px; - border-bottom: 1px solid #eeeeee; -} - -.invoice-summary .balance h4 { - font-weight: bold !important; -} - -.invoice-summary span { - width: 30%; - float: right; - display: block; - text-align: right; - *margin-top: -18px; -} - -#invoice .terms { - margin: 60px auto 40px auto; - width: 740px; -} - -#page-title { - border-bottom: 1px solid #BCBCBC; - height: 90px; -} - -#page-title h1 { - float: left; - font-size: 36px; - font-weight: bold; - letter-spacing: -0.03em; - line-height: 36px; - margin: 27px 0; -} - -p, fieldset, pre { - margin-bottom: 18px; -} - -h2 { - font-size: 24px; - line-height: 1.3em; - margin: 0 0 9px; -} - -h3 { - font-size: 18px; - line-height: 1.3em; - margin: 0 0 2px; -} - -.box-white { - -moz-border-radius: 4px 4px 4px 4px; - background: none repeat scroll 0 0 #FFFFFF; - border: 1px solid #D7D7D7; - margin: 0 0 18px; - padding: 18px; -} - -/** Tabs **/ -.sub-tabs { - list-style: none; - margin: 25px 10px 0 0; - padding: 0; - border: 1px solid #ddd; - font-size: 11px; - line-height: 16px; - font-weight: bold; - zoom: 1; - float: right; - position: absolute; - bottom: 20px; - right: 6px; -} - -.sub-tabs:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -.sub-tabs li { - display: block; - float: left; -} - -.sub-tabs a { - display: block; - float: left; - padding: 6px 15px; - border-left: 1px solid #ddd; - color: #666; - text-decoration: none; - background: #eee url(tabs_bg2.png) repeat-x 0 0 scroll; -} - -.sub-tabs a:hover { - text-decoration: none; - background: #eee; - color: #777; -} - -.sub-tabs .active a { - color: #777; - background: #eee; - background: #eee url(tabs_bg.png) repeat-x 0 0 scroll; -} - -.sub-tabs li:first-child a { - border-left: none; - -} - -.sub-tabs li:last-child a { - border-right: none; - -} - -.sub-tabs a span { - width: 100%; - padding-left: 25px; -} - -li.object-action a span { - background: transparent url(add_16.png) no-repeat left center scroll; -} - -li.object-action.hide-messages a span { - background: transparent url(messages.png) no-repeat 0 -4px scroll; -} - -/**Messages **/ -ul.messages { - padding-left: 0; -} - -li.message { - list-style: none; -} - -.message { - margin: 12px 0 12px 24px; - border: 1px solid #ddd; - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - width: 274px; -} - -.message-body { - border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - -webkit-border-radius: 4px 4px 0 0; - overflow:hidden; - padding: 12px; - width: 250px; - background: #fff; -} - -.message-body:hover { - color: #333; -} - -.message-author { - padding: 3px 12px; - background: -moz-linear-gradient(center top, #FAFAFA, #EFEFEF) repeat scroll 0 0 transparent; - border-top: 1px solid #eee; - width: 250px; - border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - -webkit-border-radius: 0 0 4px 4px; - text-align: right; - color: #888; -} - -.sidebar-content .new-message { - position: relative; - top: 0; - left: 0; - width: 319px; - padding: 18px 0; - background: #fff url(new-message.png) no-repeat center bottom scroll; - border-left: 1px solid #efefef; -} - -.sidebar-content .new-message form { - margin: 0 0 0 24px; - width: 274px; -} - -.sidebar-content .new-message textarea { - *margin-left: -24px; -} - -.sidebar-content .small-button { - float: right; - margin: 6px 0 0 0; -} - -.sidebar-content h4 { - color: #666; - font-weight: bold; - margin: 0 0 6px 24px; -} - -.sidebar-content textarea { - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - width: 266px; - border: 1px solid #ccc; - height: 50px; - font-size: 12px; - -} - -/** Messages List **/ - -table.messages td { - font-size: 12px; - color: #888; - max-width: 670px; - overflow: hidden; -} - -.list-message { - width: 60%; -} - -.list-message a { - color: #333 !important; -} - -/** FORMS **/ - -.form-header { - background: url("info_bar_bg.png") repeat-x scroll 0 0 transparent; - border-bottom: 1px solid #CCCCCC; - height: 36px; - padding: 12px; - margin-top: -1px; - position: relative; -} - -.form-title { - color: #4183C4; - text-shadow: #fff 2px 1px 1px; - margin: 12px; -} - -.form form { - padding: 36px; -} - -.form { - width: 460px; - - border: 1px solid #ccc; - - background: #fff; - margin-top: 48px; - margin-right: auto; - margin-left: auto; - margin-bottom: 48px; - box-shadow: 0 1px 5px #BBBBBB; - -moz-box-shadow: 0 1px 5px #BBBBBB; - -webkit-box-shadow: 0 1px 5px #BBBBBB; - -} - -.form.full-width { - width: 852px; -} - -label { - display: block; -} - -input, textarea, select, .faux-field, .faux-file-field { - background: none repeat scroll 0 0 #FAFAFA; - border: 1px solid #EEEEEE; - font-size: 18px; - line-height: 20px; - margin: 1px; - padding: 3px; - display: block; - float: left; -} - -.form .wide { - width: 376px; - float: left; - margin: 3px 0 24px 0; -} - -.form .medium { - width: 204px; - float: left; - margin: 3px 0 24px 0; -} - -.form .skinny { - width: 102px; - float: left; - margin: 3px 0 24px 0; -} - -.form .wide input, .form .wide textarea, .form .wide select { - width: 348px; /** 6 in padding **/ -} - -.form .medium input, .form .medium textarea, .form .medium select { - width: 204px; -} - -.form .skinny input, .form .skinny textarea, .form .skinny select { - width: 102px; -} - -.faux-field { - padding: 4px 24px 4px 12px; - font-size: 16px; - color: #aaa; -} - -textarea#terms { - font-size: 12px; -} - -#submit { - border: none; - float: right; - display: block; -} - -.form .button { - float: right; -} - -#confirm-delete .cancel { - float: left; - margin-top: 12px; -} - -.button.large { - height: 34px; - padding: 0; - position: relative; - top: 1px; - margin-left: 10px; - font-family: helvetica, arial, freesans, clean, sans-serif; - font-weight: bold; - font-size: 12px; - color: #333; - text-shadow: 1px 1px 0 #fff; - white-space: nowrap; - overflow: visible; - background: #fff url(large-button-bg.png) repeat-x 0 0 scroll; - border: 1px solid #ccc; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - cursor: pointer; - -webkit-font-smoothing: subpixel-antialiased !important; -} - -.button.large { - display: inline-block; -} - -.button.large span { - display: block; - height: 34px; - padding: 0 13px; - line-height: 36px; -} - -.button:hover>input { - color: #4183c4; - text-shadow: #fff 2px 1px 1px; -} - -.button input { - border: none; - background: transparent; - min-width: 75px; - padding: 7px; - font-weight: bold; - font-family: "Helvetica Neue", arial, sans-serif; - font-size: 14px; - line-height: 18px; - color: #666; - text-align: center; - cursor: pointer; - -} - -.button input:focus { - border: none; -} - -/** tab-menu **/ -ul.tab_menu { - overflow: hidden; - padding: 0; - height: 36px; - background: #e0e0e0 url(unselected_tabs_bg.png) repeat-x 0 0 scroll; -} - -ul.tab_menu li { - float: left; - background: transparent url(tabs_divider.png) no-repeat right top scroll; - height: 35px; - list-style: none; -} - -ul.tab_menu li.no-div { - background: none; -} - -ul.tab_menu .selected:after { - content: url(selected_side_highlight.png); - display: block; - float: right; -} - -ul.tab_menu .selected:before { - content: url(selected_side_highlight.png); - display: block; - float: left; -} - -ul.tab_menu li .total { - color: #919191; - font-size: 9px; -} - -ul.tab_menu li a { - font-weight: bold; - text-decoration: none; - color: #888; - text-transform: uppercase; - text-shadow: #fff 2px 1px 1px; - height: 36px; - -} - -ul.tab_menu a span { - padding: 9px 26px 8px 26px; - display: inline-block; -} - -ul.tab_menu li.selected { - background: transparent url('selected_bg.png') 0 0 repeat-x; - z-index: 500; - top: 0; - position: relative; -} - -.tab_menu li.messages { - float: right; - background: transparent url(tabs_divider.png) no-repeat left top scroll; - -} - -.tab_menu li.messages span { - background: transparent url(email_32.png) no-repeat 50% 0px scroll; - display: block; - width: 20px; - opacity: .5; -} - -.tab_menu li.messages span:hover { - opacity: 1; -} - -input:focus, textarea:focus, select:focus { - background: none repeat scroll 0 0 #fff; - border: 1px solid #27BCEE; -} - -/** Data List **/ - -.list tr { - height: 40px; - border-top: 1px dotted #fff; - background: transparent url(list_row_bg.png) repeat-x 0 -1px scroll; -} - -.list tr:hover { - background: transparent url(list_hover.png) repeat-x 0 -1px scroll; - border: 1px solid #c5cbfd; - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; -} - -.list .table-header, .list .table-header:hover { - background: #eee url(table-header-bg.png) repeat-x 0 0 scroll; - border-top: 1px solid #eee; - border-bottom: 1px solid #eee; - border-right: 1px solid #fff; - border-left: 1px solid #fff; - color: #626a6f; - font-size: 13px; - height: 20px; - text-align: left; - -} - -.table-header th { - padding: 9px; -} - -.list td { - padding: 0; - font-size: 13px; -} - -.list th.action, .list td.action { - width: 30px; -} - -.list th:last-child, .list td:last-child { - padding-right: 5px; -} - -.list td a.cell-link { - padding: 10px; - text-decoration: none; - color: #666; - display: block; - width: 100%; - height: 20px; -} - -.list tr .action .danger { - float: none; -} - -.list tr .action .small-button { - visibility: hidden; -} - -.list tr:hover .action>.small-button { - visibility: visible; -} - -.grid { - width: 100%; - margin: 0; - padding: 0; - clear: both; -} - -.grid li { - list-style: none; - display: block; - float: left; - margin: 0 47px 48px 0px; - width: 142px; -} - -.grid li.end-row { - margin-right: 0 !important; -} - -.grid .icon { - padding: 5px; - background-position: center bottom; - background-repeat: no-repeat; -} - -.grid .icon-link { - border-radius: 6px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - position: relative; -} - -.grid .icon a span { - width: 130px; - height: 130px; - display: block; -} - -.icon img.padded { - width: 120px; - height: 120px; - padding: 5px; - border: 1px solid #efefef; - background: #fff url(blank_cell.png); -} - -.icon .thumb { - background: #fff url(blank_cell.png); - padding: 5px; - - border: 1px solid #e9e9e9; -} - -.grid .icon:last-child { - margin-right: 0; -} - -.grid .section-separator { - display: block; - width: 866px; - display: block; - clear: both; - background-color: #f4f9fc; - border-color: #eee; - border-style: solid; - border-width: 1px 0; - font-weight: bold; - margin-top: 10px; - padding: 11px 17px; - font-size: 14px; - margin: 20px auto; - color: #888; -} - -.small.grid .section-separator { - width: 570px; - margin: 20px auto; -} - -.cell .cell-info { - padding: 3px 0 3px 5px; - text-align: left; -} - -.cell .name { - color: #3974C5; - display: block; - font-size: 12px; - font-weight: bold; - float: left; - line-height: 16px; - margin-bottom: 2px; - text-decoration: none; -} - -.cell .uploaded-by, .top-actions .uploaded-by { - font-size: 11px; - height: 16px; - margin-bottom: 2px; - overflow: hidden; - white-space: nowrap; - color: #5B6064; -} - -.cell .date-time, .top-actions .date-time { - color: #909397; - font-size: 11px; - line-height: 16px; -} - -/** SMall buttons **/ -.small-button { - display: inline-block; - height: 23px; - padding: 0 0 0 3px; - font-size: 11px; - font-weight: bold; - color: #333; - text-shadow: 1px 1px 0 #fff; - background: url(small-button.png) 0 0 no-repeat; - white-space: nowrap; - border: none; - overflow: visible; - cursor: pointer; - text-decoration: none; -} - -input[type=text]+.small-button { - margin-left: 5px; -} - -.small-button::-moz-focus-inner { - margin: -1px -3px; -} - -.small-button.danger { - color: #900; - float: right; -} - -.small-button>span, .small-button>input { - display: block; - height: 23px; - padding: 0 10px 0 8px; - line-height: 23px; - background: url(small-button.png) 100% 0 no-repeat; -} - -.small-button:hover, .small-button.active { - color: #fff; - text-decoration: none; - text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); - background-position: 0 -30px; -} - -.small-button.danger:hover { - background-position: 0 -90px; -} - -.small-button:hover>span, .small-button:hover>input, .small-button.active span { - background-position: 100% -30px; - -} - -.small-button:hover>input { - color: #fff; - text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); -} - -.small-button.danger:hover>span { - background-position: 100% -90px; -} - -.small-button.mousedown { - background-position: 0 -60px; -} - -.small-button.danger.mousedown { - background-position: 0 -120px; -} - -.small-button.mousedown>span { - background-position: 100% -60px; -} - -.small-button.danger.mousedown>span { - background-position: 100% -120px; -} - -.small-button input { - text-shadow: 1px 1px 0 #fff; - border: none; - font-size: 11px; - font-weight: bold; - color: #333; - margin: 0; -} - -.small-button input:hover { - border: none; -} - -/** Pagination **/ -.pagination { - background: none repeat scroll 0 0 #eee; - height: 42px; - position: relative; - z-index: 999; - width: 100%; -} - -.pagination ul { - margin: 0; - padding-left: 0; -} - -.pagination li { - border-right: 1px solid #CFCFCF; - float: left; - list-style: none; -} - -.pagination li.current { - background: none repeat scroll 0 0 #FFFFFF; - height: 41px; - margin-top: -1px; - padding-top: 1px; -} - -.pagination li.current a { - color: #333; -} - -.pagination a, .pagination div { - color: #7F7F7F; - display: block; - float: left; - font-weight: bold; - padding: 12px 20px; - text-decoration: none; - text-transform: uppercase; -} - -/** Invoice Form **/ - -#date-of-issue, #due-date, #invoice-number { - clear: both; - position: relative; - -} - -#invoice { - width: 750px; -} - -.due-date { - float: right; -} - -.due-date .date { - width: 170px; - text-transform: uppercase; - background-color: #e0f3fb; - padding: 10px; - text-align: center; - -moz-border-radius: 2px; - -webkid-border-radius: 2px; - border-radius: 2px; -} - -#invoice #header { - float: left; - width: 350px; - font-size: 14px; - clear: both; - -} - -.invoice-items th.edit-icon { - border-bottom: none !important; - background: #fff !important; - -} - -div.edit-icon { - position: absolute; - right: 0; - bottom: 0; - font-size: 10px; - -} - -div.edit-icon a { - width: 90px; - height: 18px; - display: block; - padding-right: 18px; - background: url(editable.png) no-repeat top right scroll; - text-decoration: none; - color: #1A526B; -} - -.invoice-items td.edit-icon, .invoice-items td.delete-icon { - width: 10px; - background: #fff; - padding: 0; -} - -td.edit-icon a, td.delete-icon a { - width: 18px; - height: 18px; - display: block; - text-decoration: none; - background: url(editable.png) no-repeat top center scroll; /*visibility:hidden;*/ -} - -td.delete-icon a { - width: 25px; -} - -td a.delete-icon { - background: url(delete.png) no-repeat center right scroll; -} - -#invoice tr:hover td.edit-icon a { -/*visibility:visible;*/ -} - -#invoice-small { - width: 552px; - padding: 24px; - font-size: 11px !important; - /* -border: 1px solid #f2f2f2; -background:#fefefe; --moz-box-shadow: 0 0 6px #EEEEEE;*/ - -} - -#invoice-small .address p { - margin-bottom: 0; -} - -#invoice-small #logo img { - max-width: 150px; -} - -#invoice-small .invoice-items td { - font-size: 10px; - padding: 3px 6px; -} - -#invoice-small .address, #invoice-small #invoice-right-box { - width: 180px; - -} - -#invoice-small h4 { - font-size: 90%; -} - -#invoice-small .no-items { - text-align: center; - margin: 36px auto; - display: block; -} - -/** Status Messages **/ - -.error_list { - width: 450px; - margin: 20px auto 0 auto; -} - -#alert { - position: absolute; - left: 50%; - margin-left: -217.5px; -} - -.error, .success, .notice { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - color: #333333; - margin: 6px 0px; - padding: 5px; - font-size: 12px; -} - -.error_list .success, #alert.success { - background: url(accept.png) no-repeat scroll 15px center #ECFFE2; - border-bottom: 1px solid #BFFFAC; - border-top: 1px solid #BFFFAC; - color: #638459; - margin-top: 10px; - padding: 5px 20px 5px 45px; - text-align: left; - width: 350px; -} - -.error_list .error, #alert.error { - background: #FFF6BF url(exclamation.png) no-repeat 15px center; - background-position: 15px 50%; - border-bottom: 1px solid #FFD324; - border-top: 1px solid #FFD324; - - color: #806A12; - margin-top: 10px; - padding: 5px 20px 5px 45px; - text-align: left; - width: 350px; -} - -.error_list .error { - margin: 10px auto 0 auto; -} - -.error_list .info, #alert.notice { - background: url(information.png) no-repeat scroll 15px 50% #F8FAFC; - border-bottom: 1px solid #B5D4FE; - border-top: 1px solid #B5D4FE; - color: #4D5A6C; - float: left; - margin-top: 10px; - padding: 5px 20px 5px 45px; - text-align: left; - width: 350px; -} - -div.load-cont { - width: 545px; - height: 60px; -} - -.loading-overlay { - background: #fff; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 501; - opacity: .5; -} - -img.loading { - margin: 0 auto; - display: block; - position: absolute; - top: 300px; - left: 50%; - margin-left: -24px; - z-index: 600; -} - -/** General Layout **/ - -#content { - margin-bottom: 30px; - text-align: left; -} - -.inner { - padding: 30px; -} - -.content .inner { - width: 900px; - min-height: 470px; - background: #fdfdfd url(list_top_bg.png) repeat-x 0 -1px scroll; -} - -.inner-split { - background: #fff url(inner-split-bg.png) repeat-y 0 0 scroll; -} - -.inner-split .main-content { - - min-height: 500px; - width: 604px; - padding: 18px; - float: left; /*background:#fff;*/ -} - -.inner-split .sidebar-content { - - width: 320px; - min-height: 500px; - float: left; - position: relative; -} - -.sidebar-content .no-messages { - color: #4183C4; - text-align: center; - - margin: 36px auto; -} - -#av-player { - width: 592px; - height: 333px; - margin: 0 6px 30px 6px; - -} - -#av-player.audio { - height: 30px; -} - -#image-file { - max-width: 584px; - padding: 10px; - border: 1px solid #cfcfcf; - box-shadow: 0 1px 2px #777; - -moz-box-shadow: 0 1px 2px #777; - -webkit-box-shadow: 0 1px 2px #777; - display: block; - margin: 0 auto; - clear: both; -} - -#file-container { - width: 584px; - height: 170px; - padding: 10px; - margin: 0 auto; - border: 1px solid #cfcfcf; - position: relative; - -} - -#file-container .file-inner { - width: 584px; - height: 170px; - border: 1px solid #f8f8f8; - margin: 0 auto; - background: #fefefe; -} - -#file-container img { - margin: 18px 0 35px -6px; - width: 120px; -} - -#file-details { - position: absolute; - top: 24px; -} - -#file-container p { - display: block; - width: 400px; - margin: 0 0 0 120px; - text-align: left; - color: #666; - float: left; -} - -#file-container p span { - display: inline-block; - color: #999999; - float: left; - margin: 0; - width: 115px; -} - -#file-container .file-description { - font-size: 30px; - font-weight: bold; - height: 54px; - line-height: 54px; - color: #495961; - padding: 0; - text-shadow: 0px 2px 3px #FFFFFF; - margin: 0 0 12px 120px; - border-bottom: 1px solid #DDDDDD; - width: 450px; -} - -#file-container .file-description:hover { - color: #4183c4; -} - -#file-container -#image-container img { - width: 584px; -} - -#file-actions { - border-top: 1px solid #ddd; - padding-top: 12px; - margin: 24px 0; - clear: both; -} - -#file-actions .danger { - float: right; -} - -.top-actions { - margin-top: 6px; -} - -.top-actions .uploaded-by, .top-actions .date-time { - color: #999; -} - -.top-actions .description { - width: 65%; - float: left; - - color: #4183C4; -} - -.top-actions .meta { - float: right; - text-align: right; - width: 35%; -} - -.top-actions .date-time { - margin-bottom: 2px; -} - -.page-title { - margin-bottom: 20px; - color: #aaaaaa; -} - -.account-balance { - color: #3F7FA5; - font-weight: bold; - text-align: center; -} - -.client-details { - width: 402px; - margin-right: 48px; - float: left; -} - -.client-details-list { - margin: 0; - padding: 0; -} - -.client-details-list span { - color: #999999; - width: 160px; - display: block; - float: left; -} - -.client-details-list li { - list-style: none; - font-size: 14px; - line-height: 24px; - margin-bottom: 12px; - display: block; -} - -.client-actions { - border-top: 1px solid #ddd; - padding-top: 12px; - margin: 18px 0; -} - -.client-actions .danger { - float: right; -} - -.client-projects { - float: left; - width: 450px; - margin-left: 0px; -} - -.client-projects .project-list, .client-projects .invoice-list { - color: #333; - margin-bottom: 12px; - font-size: 12px; -} - -.client-projects .list { - margin-bottom: 48px; -} - -.client-projects th { - padding: 5px 12px 0 12px; - font-size: 12px; -} - -.client-projects .table-header, .client-invoices .table-header { - font-size: 12px; -} - -.client-projects .list tr { - height: 30px; -} - -.client-projects .list td a.cell-link { - height: inherit; - padding: 6px 12px 5px; -} - -.alert { - min-height: 33px; - max-height: 43px; - width: 352px; - margin: 12px auto; - padding: 12px 24px; - color: #666666; - border: 1px solid #e7e7ce; - border-radius: 6px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - background: transparent url(alert-info-bg.png) repeat-x left bottom scroll; -} - -.alert h3 { - color: #000; -} - -.alert.notice { - background: transparent url(alert-notice-bg.png) repeat-x 0 0 scroll; - -} - -.alert.error { - background: transparent url(alert-error-bg.png) repeat-x 0 0 scroll; - -} - -.alert.success { - background: transparent url(alert-success-bg.png) repeat-x 0 0 scroll; - -} - -.alert.fluid { - width: 90%; - margin: 12px auto; - text-align: center; -} - -.alert.large { - max-height: 72px; -} - -.no-files h3 { - color: #666; -} - -.no-files a { - text-decoration: none; - margin: 12px 24px 6px 24px; -} - -.project-actions { - float: right; -} - -.project-actions .small-button.extra-margin { - margin-bottom: 12px; -} - -.no-items { - padding: 12px; - margin: 108px auto 36px auto !important; -} - -.no-items h3 { - margin-bottom: 12px; - color: #666; -} - -.add-item.alert { - margin-left: 30px; -} - -.add-item.alert a { - margin-top: 6px; -} - -.no-projects, .no-invoices { - text-align: center; - - font-size: 16px; -} - -.no-invoices { - margin-top: 36px; -} - -.invoice-actions { - float: right; - height: 20px; - padding: 12px; - background-color: #ddd; - margin-right: 55px; - margin-top: 4px; - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; -} - -.invoice-actions .small-button { - margin: 0 3px; -} - -.project-progress { - width: 300px; - margin: 0 auto; - text-align: center; - font-weight: bold; - clear: both; -} - -.progressbar { - width: 300px; - background: url(progressbar.png) no-repeat 0 -40px; - margin: 10px auto 70px auto -} - -.progressbar-completed { - height: 20px; - margin-left: -1px; - background: url(progressbar.png) no-repeat 1px 0; -} - -.progressbar-completed div { - float: right; - width: 50%; - height: 20px; - margin-right: -1px; - background: url(progressbar.png) no-repeat 100% 0; - display: inline; /* IE 6 double float bug */ -} - -.button-container { - clear: both; -} - -.tmp { - display: none; -} - -/** AUTO CLEARFIX **/ -.form:after, -.inner-split:after, -.inner-split .main-content:after, -.client-details-list li:after, -.grid .icon:after, -.invoice-addresses:after, -.address:after, -.terms:after, -.invoice-summary:after, -form div:after, -form:after, -.clearfix:after { - clear: both; - content: ' '; - display: block; - font-size: 0; - line-height: 0; - visibility: hidden; - width: 0; - height: 0; -} - -#modal .form{ - margin-top:0; -} -/* jqModal base Styling courtesy of; - Brice Burgess */ - -/* The Window's CSS z-index value is respected (takes priority). If none is supplied, - the Window's z-index value will be set to 3000 by default (via jqModal.js). */ - -.jqmWindow { - display: none; - position: absolute; - color: #333; -} - -.jqmOverlay { - background-color: #ccc; -} - - +body { + color: #777777; + background: #d7dee4 url(light-bgs.png) no-repeat center top scroll; + overflow-x: hidden; + font-family: Helvetica, Arial, sans-serif; + font-size: 12px; + line-height: 18px; + +} + +.wrapper { + width: 960px; + margin: 0 auto; +} + +/** Navigation **/ + +.logo-container { + width: 300px; + display: inline; + float: left; + margin: 2px; + position: relative; +} + +#logo { + margin: 0; +} + +#logo a { + text-decoration: none; + color: #fff; + font-weight: normal; + font-size: 16px; + +} + +.nav-container { + width: 620px; + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; + position: relative; +} + +#header { + background: #010018 url(nav.png) repeat-x 0 0 scroll; + height: 40px; + box-shadow: 0 0 6px #777777; + -moz-box-shadow: 0 0 6px #777777; + -webkit-box-shadow: 0 0 6px #777777; + +} + +.navigation { + height: 40px; +} + +.main_nav { + float: right; + z-index: 2000; + margin: 12px 0px 0px 0px; +} + +.main_nav li { + float: left; + margin: 0 0 0 0; + padding: 7px 15px 10px; + list-style: none; +} + +.main_nav a { + font-size: 13px; + color: #ccc; + text-decoration: none; + padding: 12px 18px; +} + +.main_nav li ul li { + background-color: #333 !important; + display: block; +} + +.dropdown li { + float: left; + position: relative; +} + +ul.dropdown li, +ul.dropdown ul { + list-style: none; + margin: 0; + padding: 0; +} + +ul.dropdown { + list-style: none; + position: relative; + z-index: 597; +} + +ul.dropdown li { + + float: left; + line-height: 1.3em; + vertical-align: middle; + zoom: 1; + background: url(nav_divider.png) no-repeat center right scroll; +} + +ul.dropdown > li:last-child { + background: none; +} + +ul.dropdown li ul li { + background-image: none; +} + +ul.dropdown li.hover, +ul.dropdown li:hover { + position: relative; + z-index: 599; + cursor: default; +} + +ul.dropdown ul { + visibility: hidden; + position: absolute; + top: 27px; + left: 15px; + z-index: 598; + width: 168px; + border-top: 1px solid #484848; +} + +*ul.dropdown ul { + top: 22px; +} + +*ul.dropdown a { + display: block; + padding-top: 3px !important; + padding-bottom: 3px !important; +} + +ul.dropdown ul li { + + float: none; + border: 1px solid #484848; + border-style: none solid solid solid; + padding: 12px 9px; +} + +ul.dropdown ul ul { + top: 0; + left: 158px; +} + +ul.dropdown li:hover > ul { + visibility: visible; +} + +.new-client-button { + padding: 12px 12px 12px 26px !important; + background: transparent url(new_client.png) no-repeat left center scroll; +} + +.new-project-button { + padding: 12px 12px 12px 26px !important; + background: transparent url(new_project.png) no-repeat left center scroll; +} + +.new-invoice-button { + padding: 12px 12px 12px 26px !important; + background: transparent url(new_invoice.png) no-repeat left center scroll; +} + +.new-admin-button { + padding: 12px 12px 12px 26px !important; + background: transparent url(new_admin.png) no-repeat left center scroll; +} + +.change-pass-button { + padding: 12px 12px 12px 26px !important; + background: transparent url(change_password.png) no-repeat left center scroll; +} + +/** Page Layout **/ + +#page-container { + float: left; + margin-left: 200px; + +} + +#page-content .footer { + height: 42px; + margin-top: 18px; + background-color: #eee; +} + +#page-content-outer { + width: 960px; + margin: 60px auto 36px auto; + box-shadow: 0 0 6px #777; + -moz-box-shadow: 0 0 6px #777; + -webkit-box-shadow: 0 0 6px #777; + border: 1px solid #F6F6F6; + background-color: #fff; + position: relative; +} + +.info-bar { + background: transparent url(info_bar_bg.png) repeat-x 0 0 scroll; + border-bottom: 1px solid #ccc; + height: 84px; + margin-top: -1px; + width: 100%; + position: relative; +} + +.info-bar .title { + padding: 31px 0 0 24px; + color: #888; + text-shadow: #fff 1px 1px 0px; + float: left; +} + +.breadcrumbs.secondary { + position: absolute; + left: 26px; + top: 15px; + color: #4183C4; + +} + +.breadcrumbs.primary a, .breadcrumbs.secondary a { + text-decoration: none; + color: #888; +} + +.breadcrumbs.primary a:hover, .breadcrumbs.secondary a:hover, .breadcrumbs.tertiary a:hover { + color: #4183c4; +} + +.breadcrumbs.tertiary { + display: inline-block; + margin: 46px 0 0 12px +} + +.breadcrumbs.tertiary a { + color: #bbb; + text-decoration: none; +} + +#invoice { + width: 835px; + margin: 20px auto 40px auto; + padding: 50px; + background-color: #ffffff; + border: 1px solid #CCCCCC; + min-height: 400px; + box-shadow: 0 0 6px #777; + -moz-box-shadow: 0 0 6px #777; + -webkit-box-shadow: 0 0 6px #777; +} + +.invoice-addresses { + clear: both; + margin: 60px 0 0 0; + position: relative; +} + +#invoice-right-box { + float: left; + margin-left: 10px; + width: 225px; +} + +#invoice-right-box table { + border-collapse: collapse; + font-size: 90%; + font-weight: bold; + width: 100%; +} + +#invoice-right-box td { + font-size: 12px; +} + +#invoice-right-box .right-box-label { + color: #AAAAAA; + text-align: right; +} + +#invoice-right-box table td { + padding: 4px 5px; +} + +#invoice-right-box table td { + padding: 4px 5px; +} + +#invoice-template .from-address { + margin-right: 25px; +} + +#invoice-template .address { + float: left; + width: 220px; +} + +.address { + font-size: 90%; +} + +.address h4 { + color: #AAAAAA; + font-size: 120%; + margin-bottom: 5px; + padding-bottom: 0; +} + +.address .attn { + font-size: 120%; + font-weight: bold; +} + +.address p { + margin: 0 0 3px; + padding: 0; +} + +.address { + float: left; + width: 220px; +} + +.invoice-items { + + margin: 40px auto; +} + +#invoice .header th, .invoice-summary .header { + background: none repeat scroll 0 0 #f8f8f8; + border-bottom: 1px solid #e7f0f4; +} + +#invoice .header, .invoice-summary .header { + + font-size: 90%; + font-weight: normal; + text-align: center; + text-transform: uppercase; + height: 20px; + padding-top: 8px; +} + +.invoice-items td { + font-size: 12px; + padding: 6px 12px; +} + +.invoice-items .invoice-item { + background: none repeat scroll 0 0 #f4f8fa; + font-weight: bold; +} + +.invoice-items tr.description { + +} + +.invoice-items .item-name { + width: 49%; +} + +.invoice-items .quantity { + width: 17%; + text-align: center; +} + +.invoice-items .rate { + width: 17%; + text-align: center; +} + +.invoice-items .subtotal { + width: 17%; + text-align: center; + +} + +.invoice-items .description { + padding: 5px 5px 15px 5px; +} + +.invoice-summary { + width: 50%; + float: right; + clear: left; + padding-left: 50%; +} + +.invoice-summary h5 { + font-weight: normal; +} + +.invoice-summary .total, .invoice-summary .payments, +.invoice-summary .balance { + padding: 2px 0; + height: 24px; + border-bottom: 1px solid #eeeeee; +} + +.invoice-summary .balance h4 { + font-weight: bold !important; +} + +.invoice-summary span { + width: 30%; + float: right; + display: block; + text-align: right; + *margin-top: -18px; +} + +#invoice .terms { + margin: 60px auto 40px auto; + width: 740px; +} + +#page-title { + border-bottom: 1px solid #BCBCBC; + height: 90px; +} + +#page-title h1 { + float: left; + font-size: 36px; + font-weight: bold; + letter-spacing: -0.03em; + line-height: 36px; + margin: 27px 0; +} + +p, fieldset, pre { + margin-bottom: 18px; +} + +h2 { + font-size: 24px; + line-height: 1.3em; + margin: 0 0 9px; +} + +h3 { + font-size: 18px; + line-height: 1.3em; + margin: 0 0 2px; +} + +.box-white { + -moz-border-radius: 4px 4px 4px 4px; + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #D7D7D7; + margin: 0 0 18px; + padding: 18px; +} + +/** Tabs **/ +.sub-tabs { + list-style: none; + margin: 25px 10px 0 0; + padding: 0; + border: 1px solid #ddd; + font-size: 11px; + line-height: 16px; + font-weight: bold; + zoom: 1; + float: right; + position: absolute; + bottom: 20px; + right: 6px; +} + +.sub-tabs:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.sub-tabs li { + display: block; + float: left; +} + +.sub-tabs a { + display: block; + float: left; + padding: 6px 15px; + border-left: 1px solid #ddd; + color: #666; + text-decoration: none; + background: #eee url(tabs_bg2.png) repeat-x 0 0 scroll; +} + +.sub-tabs a:hover { + text-decoration: none; + background: #eee; + color: #777; +} + +.sub-tabs .active a { + color: #777; + background: #eee; + background: #eee url(tabs_bg.png) repeat-x 0 0 scroll; +} + +.sub-tabs li:first-child a { + border-left: none; + +} + +.sub-tabs li:last-child a { + border-right: none; + +} + +.sub-tabs a span { + width: 100%; + padding-left: 25px; +} + +li.object-action a span { + background: transparent url(add_16.png) no-repeat left center scroll; +} + +li.object-action.hide-messages a span { + background: transparent url(messages.png) no-repeat 0 -4px scroll; +} + +/**Messages **/ +ul.messages { + padding-left: 0; +} + +li.message { + list-style: none; +} + +.message { + margin: 12px 0 12px 24px; + border: 1px solid #ddd; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + width: 274px; +} + +.message-body { + border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + -webkit-border-radius: 4px 4px 0 0; + overflow:hidden; + padding: 12px; + width: 250px; + background: #fff; +} + +.message-body:hover { + color: #333; +} + +.message-author { + padding: 3px 12px; + background: -moz-linear-gradient(center top, #FAFAFA, #EFEFEF) repeat scroll 0 0 transparent; + border-top: 1px solid #eee; + width: 250px; + border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + -webkit-border-radius: 0 0 4px 4px; + text-align: right; + color: #888; +} + +.sidebar-content .new-message { + position: relative; + top: 0; + left: 0; + width: 319px; + padding: 18px 0; + background: #fff url(new-message.png) no-repeat center bottom scroll; + border-left: 1px solid #efefef; +} + +.sidebar-content .new-message form { + margin: 0 0 0 24px; + width: 274px; +} + +.sidebar-content .new-message textarea { + *margin-left: -24px; +} + +.sidebar-content .small-button { + float: right; + margin: 6px 0 0 0; +} + +.sidebar-content h4 { + color: #666; + font-weight: bold; + margin: 0 0 6px 24px; +} + +.sidebar-content textarea { + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + width: 266px; + border: 1px solid #ccc; + height: 50px; + font-size: 12px; + +} + +/** Messages List **/ + +table.messages td { + font-size: 12px; + color: #888; + max-width: 670px; + overflow: hidden; +} + +.list-message { + width: 60%; +} + +.list-message a { + color: #333 !important; +} + +/** FORMS **/ + +.form-header { + background: url("info_bar_bg.png") repeat-x scroll 0 0 transparent; + border-bottom: 1px solid #CCCCCC; + height: 36px; + padding: 12px; + margin-top: -1px; + position: relative; +} + +.form-title { + color: #4183C4; + text-shadow: #fff 2px 1px 1px; + margin: 12px; +} + +.form form { + padding: 36px; +} + +.form { + width: 460px; + + border: 1px solid #ccc; + + background: #fff; + margin-top: 48px; + margin-right: auto; + margin-left: auto; + margin-bottom: 48px; + box-shadow: 0 1px 5px #BBBBBB; + -moz-box-shadow: 0 1px 5px #BBBBBB; + -webkit-box-shadow: 0 1px 5px #BBBBBB; + +} + +.form.full-width { + width: 852px; +} + +label { + display: block; +} + +input, textarea, select, .faux-field, .faux-file-field { + background: none repeat scroll 0 0 #FAFAFA; + border: 1px solid #EEEEEE; + font-size: 18px; + line-height: 20px; + margin: 1px; + padding: 3px; + display: block; + float: left; +} + +.form .wide { + width: 376px; + float: left; + margin: 3px 0 24px 0; +} + +.form .medium { + width: 204px; + float: left; + margin: 3px 0 24px 0; +} + +.form .skinny { + width: 102px; + float: left; + margin: 3px 0 24px 0; +} + +.form .wide input, .form .wide textarea, .form .wide select { + width: 348px; /** 6 in padding **/ +} + +.form .medium input, .form .medium textarea, .form .medium select { + width: 204px; +} + +.form .skinny input, .form .skinny textarea, .form .skinny select { + width: 102px; +} + +.faux-field { + padding: 4px 24px 4px 12px; + font-size: 16px; + color: #aaa; +} + +textarea#terms { + font-size: 12px; +} + +#submit { + border: none; + float: right; + display: block; +} + +.form .button { + float: right; +} + +#confirm-delete .cancel { + float: left; + margin-top: 12px; +} + +.button.large { + height: 34px; + padding: 0; + position: relative; + top: 1px; + margin-left: 10px; + font-family: helvetica, arial, freesans, clean, sans-serif; + font-weight: bold; + font-size: 12px; + color: #333; + text-shadow: 1px 1px 0 #fff; + white-space: nowrap; + overflow: visible; + background: #fff url(large-button-bg.png) repeat-x 0 0 scroll; + border: 1px solid #ccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + cursor: pointer; + -webkit-font-smoothing: subpixel-antialiased !important; +} + +.button.large { + display: inline-block; +} + +.button.large span { + display: block; + height: 34px; + padding: 0 13px; + line-height: 36px; +} + +.button:hover>input { + color: #4183c4; + text-shadow: #fff 2px 1px 1px; +} + +.button input { + border: none; + background: transparent; + min-width: 75px; + padding: 7px; + font-weight: bold; + font-family: "Helvetica Neue", arial, sans-serif; + font-size: 14px; + line-height: 18px; + color: #666; + text-align: center; + cursor: pointer; + +} + +.button input:focus { + border: none; +} + +/** tab-menu **/ +ul.tab_menu { + overflow: hidden; + padding: 0; + height: 36px; + background: #e0e0e0 url(unselected_tabs_bg.png) repeat-x 0 0 scroll; +} + +ul.tab_menu li { + float: left; + background: transparent url(tabs_divider.png) no-repeat right top scroll; + height: 35px; + list-style: none; +} + +ul.tab_menu li.no-div { + background: none; +} + +ul.tab_menu .selected:after { + content: url(selected_side_highlight.png); + display: block; + float: right; +} + +ul.tab_menu .selected:before { + content: url(selected_side_highlight.png); + display: block; + float: left; +} + +ul.tab_menu li .total { + color: #919191; + font-size: 9px; +} + +ul.tab_menu li a { + font-weight: bold; + text-decoration: none; + color: #888; + text-transform: uppercase; + text-shadow: #fff 2px 1px 1px; + height: 36px; + +} + +ul.tab_menu a span { + padding: 9px 26px 8px 26px; + display: inline-block; +} + +ul.tab_menu li.selected { + background: transparent url('selected_bg.png') 0 0 repeat-x; + z-index: 500; + top: 0; + position: relative; +} + +.tab_menu li.messages { + float: right; + background: transparent url(tabs_divider.png) no-repeat left top scroll; + +} + +.tab_menu li.messages span { + background: transparent url(email_32.png) no-repeat 50% 0px scroll; + display: block; + width: 20px; + opacity: .5; +} + +.tab_menu li.messages span:hover { + opacity: 1; +} + +input:focus, textarea:focus, select:focus { + background: none repeat scroll 0 0 #fff; + border: 1px solid #27BCEE; +} + +/** Data List **/ + +.list tr { + height: 40px; + border-top: 1px dotted #fff; + background: transparent url(list_row_bg.png) repeat-x 0 -1px scroll; +} + +.list tr:hover { + background: transparent url(list_hover.png) repeat-x 0 -1px scroll; + border: 1px solid #c5cbfd; + border-radius: 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; +} + +.list .table-header, .list .table-header:hover { + background: #eee url(table-header-bg.png) repeat-x 0 0 scroll; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + border-right: 1px solid #fff; + border-left: 1px solid #fff; + color: #626a6f; + font-size: 13px; + height: 20px; + text-align: left; + +} + +.table-header th { + padding: 9px; +} + +.list td { + padding: 0; + font-size: 13px; +} + +.list th.action, .list td.action { + width: 30px; +} + +.list th:last-child, .list td:last-child { + padding-right: 5px; +} + +.list td a.cell-link { + padding: 10px; + text-decoration: none; + color: #666; + display: block; + width: 100%; + height: 20px; +} + +.list tr .action .danger { + float: none; +} + +.list tr .action .small-button { + visibility: hidden; +} + +.list tr:hover .action>.small-button { + visibility: visible; +} + +.grid { + width: 100%; + margin: 0; + padding: 0; + clear: both; +} + +.grid li { + list-style: none; + display: block; + float: left; + margin: 0 47px 48px 0px; + width: 142px; +} + +.grid li.end-row { + margin-right: 0 !important; +} + +.grid .icon { + padding: 5px; + background-position: center bottom; + background-repeat: no-repeat; +} + +.grid .icon-link { + border-radius: 6px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + position: relative; +} + +.grid .icon a span { + width: 130px; + height: 130px; + display: block; +} + +.icon img.padded { + width: 120px; + height: 120px; + padding: 5px; + border: 1px solid #efefef; + background: #fff url(blank_cell.png); +} + +.icon .thumb { + background: #fff url(blank_cell.png); + padding: 5px; + + border: 1px solid #e9e9e9; +} + +.grid .icon:last-child { + margin-right: 0; +} + +.grid .section-separator { + display: block; + width: 866px; + display: block; + clear: both; + background-color: #f4f9fc; + border-color: #eee; + border-style: solid; + border-width: 1px 0; + font-weight: bold; + margin-top: 10px; + padding: 11px 17px; + font-size: 14px; + margin: 20px auto; + color: #888; +} + +.small.grid .section-separator { + width: 570px; + margin: 20px auto; +} + +.cell .cell-info { + padding: 3px 0 3px 5px; + text-align: left; +} + +.cell .name { + color: #3974C5; + display: block; + font-size: 12px; + font-weight: bold; + float: left; + line-height: 16px; + margin-bottom: 2px; + text-decoration: none; +} + +.cell .uploaded-by, .top-actions .uploaded-by { + font-size: 11px; + height: 16px; + margin-bottom: 2px; + overflow: hidden; + white-space: nowrap; + color: #5B6064; +} + +.cell .date-time, .top-actions .date-time { + color: #909397; + font-size: 11px; + line-height: 16px; +} + +/** SMall buttons **/ +.small-button { + display: inline-block; + height: 23px; + padding: 0 0 0 3px; + font-size: 11px; + font-weight: bold; + color: #333; + text-shadow: 1px 1px 0 #fff; + background: url(small-button.png) 0 0 no-repeat; + white-space: nowrap; + border: none; + overflow: visible; + cursor: pointer; + text-decoration: none; +} + +input[type=text]+.small-button { + margin-left: 5px; +} + +.small-button::-moz-focus-inner { + margin: -1px -3px; +} + +.small-button.danger { + color: #900; + float: right; +} + +.small-button>span, .small-button>input { + display: block; + height: 23px; + padding: 0 10px 0 8px; + line-height: 23px; + background: url(small-button.png) 100% 0 no-repeat; +} + +.small-button:hover, .small-button.active { + color: #fff; + text-decoration: none; + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); + background-position: 0 -30px; +} + +.small-button.danger:hover { + background-position: 0 -90px; +} + +.small-button:hover>span, .small-button:hover>input, .small-button.active span { + background-position: 100% -30px; + +} + +.small-button:hover>input { + color: #fff; + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); +} + +.small-button.danger:hover>span { + background-position: 100% -90px; +} + +.small-button.mousedown { + background-position: 0 -60px; +} + +.small-button.danger.mousedown { + background-position: 0 -120px; +} + +.small-button.mousedown>span { + background-position: 100% -60px; +} + +.small-button.danger.mousedown>span { + background-position: 100% -120px; +} + +.small-button input { + text-shadow: 1px 1px 0 #fff; + border: none; + font-size: 11px; + font-weight: bold; + color: #333; + margin: 0; +} + +.small-button input:hover { + border: none; +} + +/** Pagination **/ +.pagination { + background: none repeat scroll 0 0 #eee; + height: 42px; + position: relative; + z-index: 999; + width: 100%; +} + +.pagination ul { + margin: 0; + padding-left: 0; +} + +.pagination li { + border-right: 1px solid #CFCFCF; + float: left; + list-style: none; +} + +.pagination li.current { + background: none repeat scroll 0 0 #FFFFFF; + height: 41px; + margin-top: -1px; + padding-top: 1px; +} + +.pagination li.current a { + color: #333; +} + +.pagination a, .pagination div { + color: #7F7F7F; + display: block; + float: left; + font-weight: bold; + padding: 12px 20px; + text-decoration: none; + text-transform: uppercase; +} + +/** Invoice Form **/ + +#date-of-issue, #due-date, #invoice-number { + clear: both; + position: relative; + +} + +#invoice { + width: 750px; +} + +.due-date { + float: right; +} + +.due-date .date { + width: 170px; + text-transform: uppercase; + background-color: #e0f3fb; + padding: 10px; + text-align: center; + -moz-border-radius: 2px; + -webkid-border-radius: 2px; + border-radius: 2px; +} + +#invoice #header { + float: left; + width: 350px; + font-size: 14px; + clear: both; + +} + +.invoice-items th.edit-icon { + border-bottom: none !important; + background: #fff !important; + +} + +div.edit-icon { + position: absolute; + right: 0; + bottom: 0; + font-size: 10px; + +} + +div.edit-icon a { + width: 90px; + height: 18px; + display: block; + padding-right: 18px; + background: url(editable.png) no-repeat top right scroll; + text-decoration: none; + color: #1A526B; +} + +.invoice-items td.edit-icon, .invoice-items td.delete-icon { + width: 10px; + background: #fff; + padding: 0; +} + +td.edit-icon a, td.delete-icon a { + width: 18px; + height: 18px; + display: block; + text-decoration: none; + background: url(editable.png) no-repeat top center scroll; /*visibility:hidden;*/ +} + +td.delete-icon a { + width: 25px; +} + +td a.delete-icon { + background: url(delete.png) no-repeat center right scroll; +} + +#invoice tr:hover td.edit-icon a { +/*visibility:visible;*/ +} + +#invoice-small { + width: 552px; + padding: 24px; + font-size: 11px !important; + /* +border: 1px solid #f2f2f2; +background:#fefefe; +-moz-box-shadow: 0 0 6px #EEEEEE;*/ + +} + +#invoice-small .address p { + margin-bottom: 0; +} + +#invoice-small #logo img { + max-width: 150px; +} + +#invoice-small .invoice-items td { + font-size: 10px; + padding: 3px 6px; +} + +#invoice-small .address, #invoice-small #invoice-right-box { + width: 180px; + +} + +#invoice-small h4 { + font-size: 90%; +} + +#invoice-small .no-items { + text-align: center; + margin: 36px auto; + display: block; +} + +/** Status Messages **/ + +.error_list { + width: 450px; + margin: 20px auto 0 auto; +} + +#alert { + position: absolute; + left: 50%; + margin-left: -217.5px; +} + +.error, .success, .notice { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + color: #333333; + margin: 6px 0px; + padding: 5px; + font-size: 12px; +} + +.error_list .success, #alert.success { + background: url(accept.png) no-repeat scroll 15px center #ECFFE2; + border-bottom: 1px solid #BFFFAC; + border-top: 1px solid #BFFFAC; + color: #638459; + margin-top: 10px; + padding: 5px 20px 5px 45px; + text-align: left; + width: 350px; +} + +.error_list .error, #alert.error { + background: #FFF6BF url(exclamation.png) no-repeat 15px center; + background-position: 15px 50%; + border-bottom: 1px solid #FFD324; + border-top: 1px solid #FFD324; + + color: #806A12; + margin-top: 10px; + padding: 5px 20px 5px 45px; + text-align: left; + width: 350px; +} + +.error_list .error { + margin: 10px auto 0 auto; +} + +.error_list .info, #alert.notice { + background: url(information.png) no-repeat scroll 15px 50% #F8FAFC; + border-bottom: 1px solid #B5D4FE; + border-top: 1px solid #B5D4FE; + color: #4D5A6C; + float: left; + margin-top: 10px; + padding: 5px 20px 5px 45px; + text-align: left; + width: 350px; +} + +div.load-cont { + width: 545px; + height: 60px; +} + +.loading-overlay { + background: #fff; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 501; + opacity: .5; +} + +img.loading { + margin: 0 auto; + display: block; + position: absolute; + top: 300px; + left: 50%; + margin-left: -24px; + z-index: 600; +} + +/** General Layout **/ + +#content { + margin-bottom: 30px; + text-align: left; +} + +.inner { + padding: 30px; +} + +.content .inner { + width: 900px; + min-height: 470px; + background: #fdfdfd url(list_top_bg.png) repeat-x 0 -1px scroll; +} + +.inner-split { + background: #fff url(inner-split-bg.png) repeat-y 0 0 scroll; +} + +.inner-split .main-content { + + min-height: 500px; + width: 604px; + padding: 18px; + float: left; /*background:#fff;*/ +} + +.inner-split .sidebar-content { + + width: 320px; + min-height: 500px; + float: left; + position: relative; +} + +.sidebar-content .no-messages { + color: #4183C4; + text-align: center; + + margin: 36px auto; +} + +#av-player { + width: 592px; + height: 333px; + margin: 0 6px 30px 6px; + +} + +#av-player.audio { + height: 30px; +} + +#image-file { + max-width: 584px; + padding: 10px; + border: 1px solid #cfcfcf; + box-shadow: 0 1px 2px #777; + -moz-box-shadow: 0 1px 2px #777; + -webkit-box-shadow: 0 1px 2px #777; + display: block; + margin: 0 auto; + clear: both; +} + +#file-container { + width: 584px; + height: 170px; + padding: 10px; + margin: 0 auto; + border: 1px solid #cfcfcf; + position: relative; + +} + +#file-container .file-inner { + width: 584px; + height: 170px; + border: 1px solid #f8f8f8; + margin: 0 auto; + background: #fefefe; +} + +#file-container img { + margin: 18px 0 35px -6px; + width: 120px; +} + +#file-details { + position: absolute; + top: 24px; +} + +#file-container p { + display: block; + width: 400px; + margin: 0 0 0 120px; + text-align: left; + color: #666; + float: left; +} + +#file-container p span { + display: inline-block; + color: #999999; + float: left; + margin: 0; + width: 115px; +} + +#file-container .file-description { + font-size: 30px; + font-weight: bold; + height: 54px; + line-height: 54px; + color: #495961; + padding: 0; + text-shadow: 0px 2px 3px #FFFFFF; + margin: 0 0 12px 120px; + border-bottom: 1px solid #DDDDDD; + width: 450px; +} + +#file-container .file-description:hover { + color: #4183c4; +} + +#file-container +#image-container img { + width: 584px; +} + +#file-actions { + border-top: 1px solid #ddd; + padding-top: 12px; + margin: 24px 0; + clear: both; +} + +#file-actions .danger { + float: right; +} + +.top-actions { + margin-top: 6px; +} + +.top-actions .uploaded-by, .top-actions .date-time { + color: #999; +} + +.top-actions .description { + width: 65%; + float: left; + + color: #4183C4; +} + +.top-actions .meta { + float: right; + text-align: right; + width: 35%; +} + +.top-actions .date-time { + margin-bottom: 2px; +} + +.page-title { + margin-bottom: 20px; + color: #aaaaaa; +} + +.account-balance { + color: #3F7FA5; + font-weight: bold; + text-align: center; +} + +.client-details { + width: 402px; + margin-right: 48px; + float: left; +} + +.client-details-list { + margin: 0; + padding: 0; +} + +.client-details-list span { + color: #999999; + width: 160px; + display: block; + float: left; +} + +.client-details-list li { + list-style: none; + font-size: 14px; + line-height: 24px; + margin-bottom: 12px; + display: block; +} + +.client-actions { + border-top: 1px solid #ddd; + padding-top: 12px; + margin: 18px 0; +} + +.client-actions .danger { + float: right; +} + +.client-projects { + float: left; + width: 450px; + margin-left: 0px; +} + +.client-projects .project-list, .client-projects .invoice-list { + color: #333; + margin-bottom: 12px; + font-size: 12px; +} + +.client-projects .list { + margin-bottom: 48px; +} + +.client-projects th { + padding: 5px 12px 0 12px; + font-size: 12px; +} + +.client-projects .table-header, .client-invoices .table-header { + font-size: 12px; +} + +.client-projects .list tr { + height: 30px; +} + +.client-projects .list td a.cell-link { + height: inherit; + padding: 6px 12px 5px; +} + +.alert { + min-height: 33px; + max-height: 43px; + width: 352px; + margin: 12px auto; + padding: 12px 24px; + color: #666666; + border: 1px solid #e7e7ce; + border-radius: 6px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + background: transparent url(alert-info-bg.png) repeat-x left bottom scroll; +} + +.alert h3 { + color: #000; +} + +.alert.notice { + background: transparent url(alert-notice-bg.png) repeat-x 0 0 scroll; + +} + +.alert.error { + background: transparent url(alert-error-bg.png) repeat-x 0 0 scroll; + +} + +.alert.success { + background: transparent url(alert-success-bg.png) repeat-x 0 0 scroll; + +} + +.alert.fluid { + width: 90%; + margin: 12px auto; + text-align: center; +} + +.alert.large { + max-height: 72px; +} + +.no-files h3 { + color: #666; +} + +.no-files a { + text-decoration: none; + margin: 12px 24px 6px 24px; +} + +.project-actions { + float: right; +} + +.project-actions .small-button.extra-margin { + margin-bottom: 12px; +} + +.no-items { + padding: 12px; + margin: 108px auto 36px auto !important; +} + +.no-items h3 { + margin-bottom: 12px; + color: #666; +} + +.add-item.alert { + margin-left: 30px; +} + +.add-item.alert a { + margin-top: 6px; +} + +.no-projects, .no-invoices { + text-align: center; + + font-size: 16px; +} + +.no-invoices { + margin-top: 36px; +} + +.invoice-actions { + float: right; + height: 20px; + padding: 12px; + background-color: #ddd; + margin-right: 55px; + margin-top: 4px; + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} + +.invoice-actions .small-button { + margin: 0 3px; +} + +.project-progress { + width: 300px; + margin: 0 auto; + text-align: center; + font-weight: bold; + clear: both; +} + +.progressbar { + width: 300px; + background: url(progressbar.png) no-repeat 0 -40px; + margin: 10px auto 70px auto +} + +.progressbar-completed { + height: 20px; + margin-left: -1px; + background: url(progressbar.png) no-repeat 1px 0; +} + +.progressbar-completed div { + float: right; + width: 50%; + height: 20px; + margin-right: -1px; + background: url(progressbar.png) no-repeat 100% 0; + display: inline; /* IE 6 double float bug */ +} + +.button-container { + clear: both; +} + +.tmp { + display: none; +} + +/** AUTO CLEARFIX **/ +.form:after, +.inner-split:after, +.inner-split .main-content:after, +.client-details-list li:after, +.grid .icon:after, +.invoice-addresses:after, +.address:after, +.terms:after, +.invoice-summary:after, +form div:after, +form:after, +.clearfix:after { + clear: both; + content: ' '; + display: block; + font-size: 0; + line-height: 0; + visibility: hidden; + width: 0; + height: 0; +} + +#modal .form{ + margin-top:0; +} +/* jqModal base Styling courtesy of; + Brice Burgess */ + +/* The Window's CSS z-index value is respected (takes priority). If none is supplied, + the Window's z-index value will be set to 3000 by default (via jqModal.js). */ + +.jqmWindow { + display: none; + position: absolute; + color: #333; +} + +.jqmOverlay { + background-color: #ccc; +} + + diff --git a/views/layouts/untitled.html.php b/views/layouts/untitled.html.php index c83ccf2..e24a413 100644 --- a/views/layouts/untitled.html.php +++ b/views/layouts/untitled.html.php @@ -1,731 +1,731 @@ - - - - - - Untitled - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

-
-

Untitled

- - RSS - - - -
- - -
- - - - - - - -
- - content(); ?> - - - - - - - - - -
- - - - - - -
- - -
- - -
- -
- - - - - - - -
-
- -
-
- - -
- - - - + + + + + + Untitled + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Untitled

+ + RSS + + + +
+ + +
+ + + + + + + +
+ + content(); ?> + + + + + + + + + +
+ + + + + + +
+ + +
+ + +
+ +
+ + + + + + + +
+
+ +
+
+ + +
+ + + + \ No newline at end of file diff --git a/webroot/css/base.css b/webroot/css/base.css index f9651cd..7908666 100644 --- a/webroot/css/base.css +++ b/webroot/css/base.css @@ -1,1170 +1,1170 @@ -a:hover { - text-decoration:none; -} -h1 { - font-weight:bold; - font-size:220%; - float:left; - margin-top:5px; -} -h2 { - font-size:200%; - margin-bottom:10px; - letter-spacing:-1px; -} -h2.ribbon { - padding:15px 30px; - position:relative; - left:-55px; - float:left; - margin-bottom:20px; - border-radius:3px 3px 3px 0px; - -moz-border-radius:3px 3px 3px 0px; - -webkit-border-radius:3px 3px 3px 0px; -} -.triangle-ribbon { - border-style:solid; - border-width:13px; - height:0; - position:relative; - width:0; - float:left; - clear:left; - left:-67px; - top:-33px; - z-index:-1; -} -h2.full { - width:890px; -} -h2 span { - position:absolute; - right:25px; - font-size:80%; - margin:3px 0 0; -} -h3 { - font-size:180%; - font-weight: bold; - margin-bottom:15px; -} -aside h3 { - font-size:138.5%; - font-weight:bold; - margin-bottom:15px; - color:#333333; - padding-bottom:10px; - border-bottom:1px solid #D9D9D9; -} -h4 { - font-size:128%; - font-weight: bold; - margin-bottom:20px; - color:#333333; -} -h5 { - font-size:100%; -} -h5.inline { - float:left; - margin-right:10px; -} -h6 { - font-size:93%; -} -h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { - margin-right:5px; - vertical-align:-2px; -} -/*//// - Misc - ////*/ -.fl { - float:left; -} -img.fl { - margin:0 25px 25px 0; -} -.fr { - float:right; -} -img.fr { - margin:0 0 25px 25px; -} -.fn { - float:none!important; -} -.cl { - background: none; - border: 0; - clear: both; - display: block; - float: none; - font-size: 0; - list-style: none; - margin: 0; - padding: 0; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} -.tl { - text-align:left; -} -.tr { - text-align:right; -} -.tc { - text-align:center; -} -.hd { - display: none; -} -.strong { - font-weight: 700!important; -} -.no-margin { - margin:0!important; -} -.no-padding { - padding:0!important; -} -.margin-left { - margin-left:20px; -} -.margin-right { - margin-right:20px; -} -.margin-top { - margin-top:20px; -} -.margin-bottom { - margin-bottom:20px; -} -.border-top { - border-top:1px solid #D9D9D9; - padding-top:10px; - margin-top:20px; -} -.border-left { - border-left:1px solid #D9D9D9; - padding-left:10px; - margin-left:20px; -} -.border-bottom { - border-bottom:1px solid #D9D9D9; - padding-bottom:10px; - margin-bottom:20px; -} -.border-right { - border-top:1px solid #D9D9D9; - padding-top:10px; - margin-top:20px; -} -.txt-smaller { - font-size:85% -} -.txt-small { - font-size:93% -} -.txt-light { - color:#4d4d4d; -} -.txt-lighter { - color:#666; -} - -nav { - float: left; -} -#nav { - line-height: 100%; - margin: 0 auto; - padding: 10px; - width: 100%; -} -#nav li { - display: inline-block; - list-style: none; - z-index: 100; - margin-left: 15px; -} -/* main level link */ -#nav a { - font-weight: bold; - text-decoration: none; - display: block; - padding: 8px 12px; - font-size:113%; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; -} -#nav a:hover { - background: #000; - color: #000; -} -/* main level link hover */ -#nav .current a, #nav li:hover > a { - background: #e5e5e5; - color: #444; - border-top: solid 1px #cccccc; - border-left: solid 1px #cccccc; - border-right:1px solid #e0e0e0; - border-bottom:1px solid #e0e0e0; - padding:7px 11px 8px; - text-shadow:0 1px 0 #FFFFFF; -} -/* rounded corners of first and last link */ -#nav ul li:first-child > a { - -webkit-border-top-left-radius: 3px; - -moz-border-radius-topleft: 3px; - -webkit-border-top-right-radius: 3px; - -moz-border-radius-topright: 3px; -} -#nav ul li:last-child > a { - -webkit-border-bottom-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; - -webkit-border-bottom-right-radius: 3px; - -moz-border-radius-bottomright: 3px; -} - -header { - width: 980px; - margin: 25px auto 20px; -} -footer { - padding: 10px 0; - width: 980px; - margin: 25px auto 20px; -} -#page { - background: #fff; - color: #191919; - border: 1px solid #d9d9d9; - padding: 40px; - position: relative; - width: 898px; - margin: 0 auto; - z-index: 1; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; -} -#page-content.two-col { - float:left; - padding-right:35px; - width:600px; - display:inline; -} -.breadcrumbs { - margin:0 0 20px; - list-style:none; - padding:10px 15px; - background:#f2f2f2; - border:1px solid #D9D9D9; - font-size:93%; - color:#333333; - - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; -} -.breadcrumbs li { - display:inline; -} -aside { - float:left; - width:260px; - color:#333333; - display:inline; -} -section { - margin-bottom:20px; - padding-bottom:20px; - border-bottom:1px solid #d9d9d9; -} -.inlinepic { - background:#fafafa; - border:1px solid #ccc; - padding:5px; - box-shadow:0 0 5px #D9D9D9; - -moz-box-shadow:0 0 5px #D9D9D9; - -webkit-box-shadow:0 0 5px #D9D9D9; -} -blockquote { - background:url("../img/quote.gif") no-repeat 0 5px; - color:#444444; - line-height:1.6; - padding:5px 20px 10px 45px; - margin-bottom:20px; -} -blockquote cite { - color:#666666; - font-size:12px; - font-style:italic; -} -/*// About Page //*/ -#teamlist { - margin:0; - list-style:none; -} -#teamlist li { - margin-bottom:20px; - padding-bottom:10px; - border-bottom:1px solid #D9D9D9; -} -#teamlist li.last { - border-bottom:0; - margin-bottom:0; - padding-bottom:0; -} -/*// Services Page //*/ - -.services-list { - margin:0; - list-style:none; -} -.services-list li { - float:left; - width:270px; - margin-right:30px; - margin-bottom:20px; - font-size:93%; -} -.services-list li p { - margin-bottom:5px; -} -.services-list li a { - float:right; -} -.services-list li img { - float:left; - margin:5px 20px 30px 0; -} -.services-list li.last { - margin-right:0; -} -.process { - height:31px; - width:31px; - background: url(../img/process.gif); - color:#fff; - display:block; - font-size:138%; - font-weight:bold; - line-height:28px; - text-align:center; - margin:5px 20px 30px 0; - float:left; -} -/*// Portfolio Page //*/ -.portfolio-small { - list-style:none outside none; - margin:0 -35px 0; -} -.portfolio-small li a { - display:block; -} -.portfolio-small li { - float:left; - margin-bottom:20px; - margin-left:35px; - width:275px; -} -.portfolio-small li img { - margin-bottom:10px; -} -.portfolio-small li h4 { - margin-bottom:10px; -} -.portfolio-small li p { - margin-bottom:10px; -} -.portfolio-list { - list-style:none outside none; - margin:0; -} -.portfolio-list li { - margin-bottom:20px; - padding-bottom:20px; -} -.portfolio-list li img { - float:left; -} -.portfolio-list li.last { - padding-bottom:0; -} -.portfolio-list li div { - margin-left: 390px; -} -.portfolio-list li p { - margin-bottom:15px; -} - -p { - line-height:1.6; - margin-bottom:20px; -} -.list { - margin-bottom:15px; -} -.list li { - margin-bottom:5px; - padding:0; -} -.list ul { - margin-bottom:15px; -} -dl.definition { - margin-bottom:20px; -} -dl.definition dt { - font-weight:bold; - margin-bottom:5px; - padding-left:20px; -} -dl.definition dd { - color:#666666; - margin-bottom:15px; - padding-left:20px; -} -.tags { - margin:0 0 15px; - list-style:none; -} -.tags li { - display:inline; - background:#D9D9D9; - margin-right:10px; - font-size:85%; - padding:3px 6px; - border-radius:20px; - -moz-border-radius:20px; - -webkit-border-radius:20px; -} -.social { - margin:0 0 15px; - list-style:none; -} -.social li { - display:inline; - margin-right:10px; -} -#feature { - margin-bottom:20px; -} -.feature-img { - float:left; - margin-top:10px; -} -.feature-text { - margin-left:545px; -} -h2#tagline { - font-size:240%; -} -h3#tagline-mini { - font-weight:normal; - font-size:100%; - color:#4d4d4d; - line-height:1.6; - margin-bottom:25px; -} -.feature-screenshots { - margin:0; - list-style:none; -} -.feature-screenshots li { - float:left; - margin: 0 20px 10px 0; -} - - -/* Homepage */ -.feature img { - float:left; -} -.feature p { - margin-left:70px; -} -.scrollable { - height:110px; - overflow:hidden; - position:relative; - width:100%; -} -.scrollable .items { - clear:both; - position:absolute; - width:20000em; -} -.items div { - float:left; - width:740pxpx; -} -.scrollable img { - -moz-border-radius:4px 4px 4px 4px; - background-color:#FFFFFF; - border:1px solid #CCCCCC; - float:left; - height:100px; - margin:0 4px 0 35px; - padding:2px; - width:100px; -} -.scrollable .active { - border:2px solid #000000; - cursor:default; - position:relative; -} -/* this makes it possible to add next button beside scrollable */ -.scrollable { - float:left; -} -/* prev, next, prevPage and nextPage buttons */ -a.browse { - background:url(../img/scrollable.png) no-repeat; - display:block; - width:30px; - height:30px; - margin:40px 10px; - cursor:pointer; - font-size:1px; - position:absolute; -} -/* right */ -a.right { - background-position: 0 -30px; - clear:right; - margin-right: 0px; - right:25px; -} -a.right:hover { - background-position:-30px -30px; -} -a.right:active { - background-position:-60px -30px; -} -/* left */ -a.left { - margin-left: 0px; - left:25px; -} -a.left:hover { - background-position:-30px 0; -} -a.left:active { - background-position:-60px 0; -} -/* up and down */ -a.up, a.down { - background:url(../img/scrollable/arrow/vert_large.png) no-repeat; - float: none; - margin: 10px 50px; -} -/* up */ -a.up:hover { - background-position:-30px 0; -} -a.up:active { - background-position:-60px 0; -} -/* down */ -a.down { - background-position: 0 -30px; -} -a.down:hover { - background-position:-30px -30px; -} -a.down:active { - background-position:-60px -30px; -} -/* disabled navigational button */ -a.disabled { - visibility:hidden !important; -} - -.search { - float: right; - margin-top: 5px; -} -button.search { - background:#fff url(../img/grad-grey.gif) repeat-x top; - border:1px solid #d9d9d9; - color:#404040; - height:38px; - line-height:12px; - font-size:108%; - font-weight:bold; - padding:8px 8px 10px; - margin: 0 0 0 5px; - text-shadow:0 1px 0 #FFFFFF; - border-radius:5px; - -moz-border-radius:5px; - -webkit-border-radius:5px; -} -.pricing-table h4 { - color:#FFFFFF; - font-size:240%; - margin-bottom:5px; -} -.pricing-table h5 { - color:#FFFFFF; - font-size:140%; - margin-bottom:5px; -} -.pricing-table .header { - background:url(../img/grad-blue.gif) repeat-x scroll center top #166890; - border:1px solid #11506F; - color:#FFFFFF; - text-align:center; - width:28%; - padding:5px; -} -.pricing-table .blank { - background:#fff; - border:none; -} -.pricing-table .feature { - border-left:1px solid #58bbec; -} -.pricing-table .feature.first { - border-top:1px solid #58bbec; -} -.pricing-table { - border-right:1px solid #58bbec; - border-bottom:1px solid #58bbec; - width:100%; - margin-bottom:20px; -} -.pricing-table thead th, .pricing-table thead td { - padding:6px 10px; - font-weight: 700; - color: #333; - background: #EAEBFA; - border-bottom: 1px solid #D9D9D9; - border-right:1px solid #D9D9D9; -} -.pricing-table thead th.last, .pricing-table thead td.last { - border-right:0; -} -.pricing-table tbody th, .pricing-table tbody td { - background:#EAEBFA; - border-right:1px dotted #D9D9D9; - vertical-align:middle; - padding:12px; - font-size:93%; - text-align:center; -} -.pricing-table tbody tr.alt td { - background:#e4e6fa; -} -.pricing-table tbody th.last, .pricing-table tbody td.last { - border-right:0 none; -} -.pricing-table tbody tr.last td { - border-bottom:0 none; -} -/*//// - Forms - ////*/ -body.ie7 form, body.ie8 { - margin-bottom:40px; -} -form p { - margin-bottom:15px; -} -form label { - float:left; - width:140px; - margin-top:5px; -} -form input, form textarea { - padding:10px 5px; - background:#fff url(../img/bg-input.gif) repeat-x top; - border:1px solid #D9D9D9; - width:448px; - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; -} -form input.small { - width:35px; -} -#message { - margin-bottom:20px; -} -.error-message { - background:url("../img/error.png") no-repeat 10px center #FECDC6; - padding:10px 35px; - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; -} -.success-message { - background:url(../img/success.png) no-repeat 10px center #F1FFBF; - padding:10px 35px; - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; -} -/* Buttons */ - -button, .button { - cursor:pointer; - display:inline-block; - font-size:108%; - font-weight:700; - margin:0 5px 15px 0; - outline:none; - padding:10px 15px; - width:auto; - text-align:center; - text-decoration:none !important; - vertical-align:middle; - background:url('../img/grad-grey.gif') repeat-x center top #c3c3c3; - color:#444444; - border:1px solid #c3c3c3; - text-shadow:0 -1px 0 #FFFFFF; - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; -} -body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button { - zoom:1; - display:inline; -} -button:hover, .button:hover { - background:url('../img/grad-grey-hover.gif') repeat-x center top #c3c3c3; - text-decoration:none; - outline:none; -} -button:active, .button:active { - position:relative; - top:1px; - outline:none; - background:url('../img/grad-grey-rev.gif') repeat-x center top #c3c3c3; -} -/* Blue Button */ -button.blue, .button.blue { - background:url("../img/grad-blue.gif") repeat-x center top #166890; - border:1px solid #11506F; - color:#FFFFFF; - text-shadow:0 -1px 0 #11506F; -} -button.blue:hover, .button.blue:hover { - background:url("../img/grad-blue-hover.gif") repeat-x center top #166890; -} -button.blue:active, .button.blue:active { - background:url("../img/grad-blue-rev.gif") repeat-x center top #166890; -} -/* Green Button */ -button.green, .button.green { - background:url("../img/grad-green.gif") repeat-x center top #518f14; - border:1px solid #406f11; - color:#FFFFFF; - text-shadow:0 -1px 0 #406f11; -} -button.green:hover, .button.green:hover { - background:url("../img/grad-green-hover.gif") repeat-x center top #166890; -} -button.green:active, .button.green:active { - background:url("../img/grad-green-rev.gif") repeat-x center top #166890; -} -/* Red Button */ -button.red, .button.red { - background:url("../img/grad-red.gif") repeat-x center top #8f1e14; - border:1px solid #6f1811; - color:#FFFFFF; - text-shadow:0 -1px 0 #6f1811; -} -button.red:hover, .button.red:hover { - background:url("../img/grad-red-hover.gif") repeat-x center top #166890; -} -button.red:active, .button.red:active { - background:url("../img/grad-red-rev.gif") repeat-x center top #166890; -} -/* Purple Button */ -button.purple, .button.purple { - background:url("../img/grad-purple.gif") repeat-x center top #8f146e; - border:1px solid #6f1156; - color:#FFFFFF; - text-shadow:0 -1px 0 #6f1156; -} -button.purple:hover, .button.purple:hover { - background:url("../img/grad-purple-hover.gif") repeat-x center top #166890; -} -button.purple:active, .button.blue:active { - background:url("../img/grad-purple-rev.gif") repeat-x center top #166890; -} -/* Black Button */ -button.black, .button.black { - background:url("../img/grad-black.gif") repeat-x center top #3b3b3b; - border:1px solid #3b3b3b; - color:#FFFFFF; - text-shadow:0 -1px 0 #3b3b3b; -} -button.black:hover, .button.black:hover { - background:url("../img/grad-black-hover.gif") repeat-x center top #3b3b3b; -} -button.black:active, .button.black:active { - background:url("../img/grad-black-rev.gif") repeat-x center top #3b3b3b; -} -button.large, .button.large { - font-size:138.5%; - padding:10px 30px; -} -button.small, .button.small { - font-size:93%; - padding:4px 10px 5px; -} -button.disabled, button.disabled:hover, .button.disabled, .button.disabled:hover { - background-color:#ccc !important; - color:#666 !important; - text-shadow:0 1px 0 #CCCCCC; - cursor:default; -} -body.ie7 button.disabled, body.ie8 button.disabled { - border-color:#a3a3a3; -} -button.disabled:active, .button.disabled:active { - position:relative; - top:0; - background-image: url('../img/grad.png'); -} -fieldset button, .button { - margin:0 5px 10px 0; -} -button img, .button img { - display:inline; - height:16px; - margin-right:10px; - vertical-align:-3px; - width:16px; -} -/* notifications */ -.notification.success { - background:#f1ffbf url('../img/icons/success.png') no-repeat 10px 10px; - border-color:#a6d50f; -} -.notification.success span.strong { - color:#283304; -} -.notification.error { - background:#fecdc6 url('../img/icons/error.png') no-repeat 10px 10px; - border-color:#f45d43; -} -.notification.error span.strong { - color:#33130e; -} -.notification.warning { - background:#ffecb0 url('../img/icons/warning.png') no-repeat 10px 10px; - border-color:#ffbc2a; -} -.notification.warning span.strong { - color:#332508; -} -.notification.info { - background:#d4e7f5 url('../img/icons/information.png') no-repeat 10px 10px; - border-color:#589ad7; -} -.notification.info span.strong { - color:#152433; -} -.notification.tip { - background:#ffeccd url('../img/icons/tip.png') no-repeat 10px 10px; - border-color:#dd9854; -} -.notification.tip span.strong { - color:#332313; -} -.notification { - padding:10px 10px 10px 35px; - border:1px solid #fff; - margin-bottom:10px; - position:relative; - font-size:100%; - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; -} -.notification p { - margin-bottom:0; -} -.notification .close { - background:url("../img/icons/close.png") no-repeat scroll 0 0 transparent; - cursor:pointer; - display:block; - height:16px; - position:absolute; - right:10px; - top:10px; - width:16px; -} -.notification .close:hover { - opacity:1; -} -.notification.nopic { - background-image:none; - padding:10px; -} -.notification span.strong { - margin-right:10px; -} -/* Bullet List */ - -.bullet-list { - list-style:none; - margin-bottom:15px; - margin-left:0; -} -.bullet-list li { - background:url("../img/bullet_arrow_right.png") no-repeat left center transparent; - margin-bottom:5px; - padding:6px 6px 6px 20px; -} -.bullet-list li a { - -webkit-border-radius:3px; - -moz-border-radius:3px; - border-radius:3px; - color:#181818; - display:block; - margin:-6px; - padding:6px; - text-decoration:none; -} -.bullet-list li a:hover { - background-color:#E2E2E2; - margin:-6px -6px -6px -20px; - padding:6px 6px 6px 20px; -} -.bullet-list.grey li { - -webkit-border-radius:3px; - -moz-border-radius:3px; - border-radius:3px; - background-color:#f2f2f2; - width:50%; -} -/* Definition List */ -dl.definition { - margin-bottom:20px; -} -dl.definition dt { - background:url("../img/icons/16/bullet_arrow_right.png") no-repeat left center; - font-weight: 700; - margin-bottom:5px; - padding-left:20px; -} -dl.definition dd { - color:#666666; - margin-bottom:15px; - padding-left:20px; -} -/* Pagination */ -.pagination { - display: inline-block; - font-size: 77%; - text-decoration: none; -} -.pagination a, .pagination .dots { - background:url("../img/grad-grey.gif") repeat-x scroll center top #C3C3C3; - border:1px solid #C3C3C3; - display: inline-block; - color:#444444 !important; - margin-right: 2px; - padding: 6px 8px; - text-decoration:none; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} -.pagination a:hover { - background: url("../img/grad-grey-hover.gif") repeat-x scroll center top #C3C3C3; - color: #444444; -} -.pagination a.current { - background: url("../img/grad-grey-rev.gif") repeat-x scroll center top #C3C3C3; - color: #444444; -} -.pagination a.number.current { - color: #444; -} -/* Small Pagination */ -.pagination.small a, .pagination.small .dots { - margin-right: 1px; - padding: 1px 4px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; -} -/* Table Styles */ -.table { - border:1px solid #CCCCCC; - width:100%; - margin-bottom:20px; -} -.table.no-border { - border:none -} -.table thead th, .table thead td { - padding:6px 10px; - font-weight: 700; - color: #333; - background: #E2E2E2; - border-bottom: 1px solid #cccccc; - border-right:1px solid #CCCCCC; -} -.table thead th.last, .table thead td.last { - border-right:0; -} -.table thead th.checkbox, .table thead td.checkbox { - width:25px; -} -.table tbody th, .table tbody td { - background:#fff; - border-right:1px dotted #CCCCCC; - vertical-align:middle; - padding:10px; - font-size:93%; -} -.table tbody tr.alt td { - background:#F2F2F2; -} -.table tbody th.last, .table tbody td.last { - border-right:0 none; -} -.table tbody tr.last td { - border-bottom:0 none; -} -.table tbody tr:hover th, .table tbody tr:hover td { - background:#d3ecf9; -} -/* Tispy Tooltips */ -.tipsy { - padding: 5px; - font-size: 93%; - opacity: 0.8; - filter: alpha(opacity=80); - background-repeat: no-repeat; - background-image: url(../img/tipsy.gif); -} -.tipsy-inner { - padding: 5px 8px 4px 8px; - background-color: black; - color: white; - max-width: 200px; - text-align: center; -} -.tipsy-inner { - border-radius:3px; - -moz-border-radius:3px; - -webkit-border-radius:3px; -} -.tipsy-north { - background-position: top center; -} -.tipsy-south { - background-position: bottom center; -} -.tipsy-east { - background-position: right center; -} -.tipsy-west { - background-position: left center; -} -/*//// - jQuery Lightbox - ////*/ -#jquery-overlay { - position: absolute; - top: 0; - left: 0; - z-index: 1000; - width: 100%; - height: 500px; -} -#jquery-lightbox { - position: absolute; - top: 0; - left: 0; - width: 100%; - z-index: 9999; - text-align: center; - line-height: 0; -} -#jquery-lightbox a img { - border: none; -} -#lightbox-container-image-box { - position: relative; - background-color: #fff; - width: 250px; - height: 250px; - margin: 0 auto; -} -#lightbox-container-image { - padding: 10px; -} -#lightbox-loading { - position: absolute; - top: 40%; - left: 0%; - height: 25%; - width: 100%; - text-align: center; - line-height: 0; -} -#lightbox-nav { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 10; -} -#lightbox-container-image-box > #lightbox-nav { - left: 0; -} -#lightbox-nav a { - outline: none; -} -#lightbox-nav-btnPrev, #lightbox-nav-btnNext { - width: 49%; - height: 100%; - zoom: 1; - display: block; -} -#lightbox-nav-btnPrev { - left: 0; - float: left; -} -#lightbox-nav-btnNext { - right: 0; - float: right; -} -#lightbox-container-image-data-box { - font: 10px Verdana, Helvetica, sans-serif; - background-color: #fff; - margin: 0 auto; - line-height: 1.4em; - overflow: auto; - width: 100%; - padding: 0 10px 0; -} -#lightbox-container-image-data { - padding: 0 10px; - color: #666; -} -#lightbox-container-image-data #lightbox-image-details { - width: 70%; - float: left; - text-align: left; -} -#lightbox-image-details-caption { - font-weight: bold; -} -#lightbox-image-details-currentNumber { - display: block; - clear: left; - padding-bottom: 1.0em; -} -#lightbox-secNav-btnClose { - width: 66px; - float: right; - padding-bottom: 0.7em; -} +a:hover { + text-decoration:none; +} +h1 { + font-weight:bold; + font-size:220%; + float:left; + margin-top:5px; +} +h2 { + font-size:200%; + margin-bottom:10px; + letter-spacing:-1px; +} +h2.ribbon { + padding:15px 30px; + position:relative; + left:-55px; + float:left; + margin-bottom:20px; + border-radius:3px 3px 3px 0px; + -moz-border-radius:3px 3px 3px 0px; + -webkit-border-radius:3px 3px 3px 0px; +} +.triangle-ribbon { + border-style:solid; + border-width:13px; + height:0; + position:relative; + width:0; + float:left; + clear:left; + left:-67px; + top:-33px; + z-index:-1; +} +h2.full { + width:890px; +} +h2 span { + position:absolute; + right:25px; + font-size:80%; + margin:3px 0 0; +} +h3 { + font-size:180%; + font-weight: bold; + margin-bottom:15px; +} +aside h3 { + font-size:138.5%; + font-weight:bold; + margin-bottom:15px; + color:#333333; + padding-bottom:10px; + border-bottom:1px solid #D9D9D9; +} +h4 { + font-size:128%; + font-weight: bold; + margin-bottom:20px; + color:#333333; +} +h5 { + font-size:100%; +} +h5.inline { + float:left; + margin-right:10px; +} +h6 { + font-size:93%; +} +h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { + margin-right:5px; + vertical-align:-2px; +} +/*//// - Misc - ////*/ +.fl { + float:left; +} +img.fl { + margin:0 25px 25px 0; +} +.fr { + float:right; +} +img.fr { + margin:0 0 25px 25px; +} +.fn { + float:none!important; +} +.cl { + background: none; + border: 0; + clear: both; + display: block; + float: none; + font-size: 0; + list-style: none; + margin: 0; + padding: 0; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} +.tl { + text-align:left; +} +.tr { + text-align:right; +} +.tc { + text-align:center; +} +.hd { + display: none; +} +.strong { + font-weight: 700!important; +} +.no-margin { + margin:0!important; +} +.no-padding { + padding:0!important; +} +.margin-left { + margin-left:20px; +} +.margin-right { + margin-right:20px; +} +.margin-top { + margin-top:20px; +} +.margin-bottom { + margin-bottom:20px; +} +.border-top { + border-top:1px solid #D9D9D9; + padding-top:10px; + margin-top:20px; +} +.border-left { + border-left:1px solid #D9D9D9; + padding-left:10px; + margin-left:20px; +} +.border-bottom { + border-bottom:1px solid #D9D9D9; + padding-bottom:10px; + margin-bottom:20px; +} +.border-right { + border-top:1px solid #D9D9D9; + padding-top:10px; + margin-top:20px; +} +.txt-smaller { + font-size:85% +} +.txt-small { + font-size:93% +} +.txt-light { + color:#4d4d4d; +} +.txt-lighter { + color:#666; +} + +nav { + float: left; +} +#nav { + line-height: 100%; + margin: 0 auto; + padding: 10px; + width: 100%; +} +#nav li { + display: inline-block; + list-style: none; + z-index: 100; + margin-left: 15px; +} +/* main level link */ +#nav a { + font-weight: bold; + text-decoration: none; + display: block; + padding: 8px 12px; + font-size:113%; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; +} +#nav a:hover { + background: #000; + color: #000; +} +/* main level link hover */ +#nav .current a, #nav li:hover > a { + background: #e5e5e5; + color: #444; + border-top: solid 1px #cccccc; + border-left: solid 1px #cccccc; + border-right:1px solid #e0e0e0; + border-bottom:1px solid #e0e0e0; + padding:7px 11px 8px; + text-shadow:0 1px 0 #FFFFFF; +} +/* rounded corners of first and last link */ +#nav ul li:first-child > a { + -webkit-border-top-left-radius: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topright: 3px; +} +#nav ul li:last-child > a { + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomright: 3px; +} + +header { + width: 980px; + margin: 25px auto 20px; +} +footer { + padding: 10px 0; + width: 980px; + margin: 25px auto 20px; +} +#page { + background: #fff; + color: #191919; + border: 1px solid #d9d9d9; + padding: 40px; + position: relative; + width: 898px; + margin: 0 auto; + z-index: 1; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +#page-content.two-col { + float:left; + padding-right:35px; + width:600px; + display:inline; +} +.breadcrumbs { + margin:0 0 20px; + list-style:none; + padding:10px 15px; + background:#f2f2f2; + border:1px solid #D9D9D9; + font-size:93%; + color:#333333; + + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} +.breadcrumbs li { + display:inline; +} +aside { + float:left; + width:260px; + color:#333333; + display:inline; +} +section { + margin-bottom:20px; + padding-bottom:20px; + border-bottom:1px solid #d9d9d9; +} +.inlinepic { + background:#fafafa; + border:1px solid #ccc; + padding:5px; + box-shadow:0 0 5px #D9D9D9; + -moz-box-shadow:0 0 5px #D9D9D9; + -webkit-box-shadow:0 0 5px #D9D9D9; +} +blockquote { + background:url("../img/quote.gif") no-repeat 0 5px; + color:#444444; + line-height:1.6; + padding:5px 20px 10px 45px; + margin-bottom:20px; +} +blockquote cite { + color:#666666; + font-size:12px; + font-style:italic; +} +/*// About Page //*/ +#teamlist { + margin:0; + list-style:none; +} +#teamlist li { + margin-bottom:20px; + padding-bottom:10px; + border-bottom:1px solid #D9D9D9; +} +#teamlist li.last { + border-bottom:0; + margin-bottom:0; + padding-bottom:0; +} +/*// Services Page //*/ + +.services-list { + margin:0; + list-style:none; +} +.services-list li { + float:left; + width:270px; + margin-right:30px; + margin-bottom:20px; + font-size:93%; +} +.services-list li p { + margin-bottom:5px; +} +.services-list li a { + float:right; +} +.services-list li img { + float:left; + margin:5px 20px 30px 0; +} +.services-list li.last { + margin-right:0; +} +.process { + height:31px; + width:31px; + background: url(../img/process.gif); + color:#fff; + display:block; + font-size:138%; + font-weight:bold; + line-height:28px; + text-align:center; + margin:5px 20px 30px 0; + float:left; +} +/*// Portfolio Page //*/ +.portfolio-small { + list-style:none outside none; + margin:0 -35px 0; +} +.portfolio-small li a { + display:block; +} +.portfolio-small li { + float:left; + margin-bottom:20px; + margin-left:35px; + width:275px; +} +.portfolio-small li img { + margin-bottom:10px; +} +.portfolio-small li h4 { + margin-bottom:10px; +} +.portfolio-small li p { + margin-bottom:10px; +} +.portfolio-list { + list-style:none outside none; + margin:0; +} +.portfolio-list li { + margin-bottom:20px; + padding-bottom:20px; +} +.portfolio-list li img { + float:left; +} +.portfolio-list li.last { + padding-bottom:0; +} +.portfolio-list li div { + margin-left: 390px; +} +.portfolio-list li p { + margin-bottom:15px; +} + +p { + line-height:1.6; + margin-bottom:20px; +} +.list { + margin-bottom:15px; +} +.list li { + margin-bottom:5px; + padding:0; +} +.list ul { + margin-bottom:15px; +} +dl.definition { + margin-bottom:20px; +} +dl.definition dt { + font-weight:bold; + margin-bottom:5px; + padding-left:20px; +} +dl.definition dd { + color:#666666; + margin-bottom:15px; + padding-left:20px; +} +.tags { + margin:0 0 15px; + list-style:none; +} +.tags li { + display:inline; + background:#D9D9D9; + margin-right:10px; + font-size:85%; + padding:3px 6px; + border-radius:20px; + -moz-border-radius:20px; + -webkit-border-radius:20px; +} +.social { + margin:0 0 15px; + list-style:none; +} +.social li { + display:inline; + margin-right:10px; +} +#feature { + margin-bottom:20px; +} +.feature-img { + float:left; + margin-top:10px; +} +.feature-text { + margin-left:545px; +} +h2#tagline { + font-size:240%; +} +h3#tagline-mini { + font-weight:normal; + font-size:100%; + color:#4d4d4d; + line-height:1.6; + margin-bottom:25px; +} +.feature-screenshots { + margin:0; + list-style:none; +} +.feature-screenshots li { + float:left; + margin: 0 20px 10px 0; +} + + +/* Homepage */ +.feature img { + float:left; +} +.feature p { + margin-left:70px; +} +.scrollable { + height:110px; + overflow:hidden; + position:relative; + width:100%; +} +.scrollable .items { + clear:both; + position:absolute; + width:20000em; +} +.items div { + float:left; + width:740pxpx; +} +.scrollable img { + -moz-border-radius:4px 4px 4px 4px; + background-color:#FFFFFF; + border:1px solid #CCCCCC; + float:left; + height:100px; + margin:0 4px 0 35px; + padding:2px; + width:100px; +} +.scrollable .active { + border:2px solid #000000; + cursor:default; + position:relative; +} +/* this makes it possible to add next button beside scrollable */ +.scrollable { + float:left; +} +/* prev, next, prevPage and nextPage buttons */ +a.browse { + background:url(../img/scrollable.png) no-repeat; + display:block; + width:30px; + height:30px; + margin:40px 10px; + cursor:pointer; + font-size:1px; + position:absolute; +} +/* right */ +a.right { + background-position: 0 -30px; + clear:right; + margin-right: 0px; + right:25px; +} +a.right:hover { + background-position:-30px -30px; +} +a.right:active { + background-position:-60px -30px; +} +/* left */ +a.left { + margin-left: 0px; + left:25px; +} +a.left:hover { + background-position:-30px 0; +} +a.left:active { + background-position:-60px 0; +} +/* up and down */ +a.up, a.down { + background:url(../img/scrollable/arrow/vert_large.png) no-repeat; + float: none; + margin: 10px 50px; +} +/* up */ +a.up:hover { + background-position:-30px 0; +} +a.up:active { + background-position:-60px 0; +} +/* down */ +a.down { + background-position: 0 -30px; +} +a.down:hover { + background-position:-30px -30px; +} +a.down:active { + background-position:-60px -30px; +} +/* disabled navigational button */ +a.disabled { + visibility:hidden !important; +} + +.search { + float: right; + margin-top: 5px; +} +button.search { + background:#fff url(../img/grad-grey.gif) repeat-x top; + border:1px solid #d9d9d9; + color:#404040; + height:38px; + line-height:12px; + font-size:108%; + font-weight:bold; + padding:8px 8px 10px; + margin: 0 0 0 5px; + text-shadow:0 1px 0 #FFFFFF; + border-radius:5px; + -moz-border-radius:5px; + -webkit-border-radius:5px; +} +.pricing-table h4 { + color:#FFFFFF; + font-size:240%; + margin-bottom:5px; +} +.pricing-table h5 { + color:#FFFFFF; + font-size:140%; + margin-bottom:5px; +} +.pricing-table .header { + background:url(../img/grad-blue.gif) repeat-x scroll center top #166890; + border:1px solid #11506F; + color:#FFFFFF; + text-align:center; + width:28%; + padding:5px; +} +.pricing-table .blank { + background:#fff; + border:none; +} +.pricing-table .feature { + border-left:1px solid #58bbec; +} +.pricing-table .feature.first { + border-top:1px solid #58bbec; +} +.pricing-table { + border-right:1px solid #58bbec; + border-bottom:1px solid #58bbec; + width:100%; + margin-bottom:20px; +} +.pricing-table thead th, .pricing-table thead td { + padding:6px 10px; + font-weight: 700; + color: #333; + background: #EAEBFA; + border-bottom: 1px solid #D9D9D9; + border-right:1px solid #D9D9D9; +} +.pricing-table thead th.last, .pricing-table thead td.last { + border-right:0; +} +.pricing-table tbody th, .pricing-table tbody td { + background:#EAEBFA; + border-right:1px dotted #D9D9D9; + vertical-align:middle; + padding:12px; + font-size:93%; + text-align:center; +} +.pricing-table tbody tr.alt td { + background:#e4e6fa; +} +.pricing-table tbody th.last, .pricing-table tbody td.last { + border-right:0 none; +} +.pricing-table tbody tr.last td { + border-bottom:0 none; +} +/*//// - Forms - ////*/ +body.ie7 form, body.ie8 { + margin-bottom:40px; +} +form p { + margin-bottom:15px; +} +form label { + float:left; + width:140px; + margin-top:5px; +} +form input, form textarea { + padding:10px 5px; + background:#fff url(../img/bg-input.gif) repeat-x top; + border:1px solid #D9D9D9; + width:448px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} +form input.small { + width:35px; +} +#message { + margin-bottom:20px; +} +.error-message { + background:url("../img/error.png") no-repeat 10px center #FECDC6; + padding:10px 35px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} +.success-message { + background:url(../img/success.png) no-repeat 10px center #F1FFBF; + padding:10px 35px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} +/* Buttons */ + +button, .button { + cursor:pointer; + display:inline-block; + font-size:108%; + font-weight:700; + margin:0 5px 15px 0; + outline:none; + padding:10px 15px; + width:auto; + text-align:center; + text-decoration:none !important; + vertical-align:middle; + background:url('../img/grad-grey.gif') repeat-x center top #c3c3c3; + color:#444444; + border:1px solid #c3c3c3; + text-shadow:0 -1px 0 #FFFFFF; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} +body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button { + zoom:1; + display:inline; +} +button:hover, .button:hover { + background:url('../img/grad-grey-hover.gif') repeat-x center top #c3c3c3; + text-decoration:none; + outline:none; +} +button:active, .button:active { + position:relative; + top:1px; + outline:none; + background:url('../img/grad-grey-rev.gif') repeat-x center top #c3c3c3; +} +/* Blue Button */ +button.blue, .button.blue { + background:url("../img/grad-blue.gif") repeat-x center top #166890; + border:1px solid #11506F; + color:#FFFFFF; + text-shadow:0 -1px 0 #11506F; +} +button.blue:hover, .button.blue:hover { + background:url("../img/grad-blue-hover.gif") repeat-x center top #166890; +} +button.blue:active, .button.blue:active { + background:url("../img/grad-blue-rev.gif") repeat-x center top #166890; +} +/* Green Button */ +button.green, .button.green { + background:url("../img/grad-green.gif") repeat-x center top #518f14; + border:1px solid #406f11; + color:#FFFFFF; + text-shadow:0 -1px 0 #406f11; +} +button.green:hover, .button.green:hover { + background:url("../img/grad-green-hover.gif") repeat-x center top #166890; +} +button.green:active, .button.green:active { + background:url("../img/grad-green-rev.gif") repeat-x center top #166890; +} +/* Red Button */ +button.red, .button.red { + background:url("../img/grad-red.gif") repeat-x center top #8f1e14; + border:1px solid #6f1811; + color:#FFFFFF; + text-shadow:0 -1px 0 #6f1811; +} +button.red:hover, .button.red:hover { + background:url("../img/grad-red-hover.gif") repeat-x center top #166890; +} +button.red:active, .button.red:active { + background:url("../img/grad-red-rev.gif") repeat-x center top #166890; +} +/* Purple Button */ +button.purple, .button.purple { + background:url("../img/grad-purple.gif") repeat-x center top #8f146e; + border:1px solid #6f1156; + color:#FFFFFF; + text-shadow:0 -1px 0 #6f1156; +} +button.purple:hover, .button.purple:hover { + background:url("../img/grad-purple-hover.gif") repeat-x center top #166890; +} +button.purple:active, .button.blue:active { + background:url("../img/grad-purple-rev.gif") repeat-x center top #166890; +} +/* Black Button */ +button.black, .button.black { + background:url("../img/grad-black.gif") repeat-x center top #3b3b3b; + border:1px solid #3b3b3b; + color:#FFFFFF; + text-shadow:0 -1px 0 #3b3b3b; +} +button.black:hover, .button.black:hover { + background:url("../img/grad-black-hover.gif") repeat-x center top #3b3b3b; +} +button.black:active, .button.black:active { + background:url("../img/grad-black-rev.gif") repeat-x center top #3b3b3b; +} +button.large, .button.large { + font-size:138.5%; + padding:10px 30px; +} +button.small, .button.small { + font-size:93%; + padding:4px 10px 5px; +} +button.disabled, button.disabled:hover, .button.disabled, .button.disabled:hover { + background-color:#ccc !important; + color:#666 !important; + text-shadow:0 1px 0 #CCCCCC; + cursor:default; +} +body.ie7 button.disabled, body.ie8 button.disabled { + border-color:#a3a3a3; +} +button.disabled:active, .button.disabled:active { + position:relative; + top:0; + background-image: url('../img/grad.png'); +} +fieldset button, .button { + margin:0 5px 10px 0; +} +button img, .button img { + display:inline; + height:16px; + margin-right:10px; + vertical-align:-3px; + width:16px; +} +/* notifications */ +.notification.success { + background:#f1ffbf url('../img/icons/success.png') no-repeat 10px 10px; + border-color:#a6d50f; +} +.notification.success span.strong { + color:#283304; +} +.notification.error { + background:#fecdc6 url('../img/icons/error.png') no-repeat 10px 10px; + border-color:#f45d43; +} +.notification.error span.strong { + color:#33130e; +} +.notification.warning { + background:#ffecb0 url('../img/icons/warning.png') no-repeat 10px 10px; + border-color:#ffbc2a; +} +.notification.warning span.strong { + color:#332508; +} +.notification.info { + background:#d4e7f5 url('../img/icons/information.png') no-repeat 10px 10px; + border-color:#589ad7; +} +.notification.info span.strong { + color:#152433; +} +.notification.tip { + background:#ffeccd url('../img/icons/tip.png') no-repeat 10px 10px; + border-color:#dd9854; +} +.notification.tip span.strong { + color:#332313; +} +.notification { + padding:10px 10px 10px 35px; + border:1px solid #fff; + margin-bottom:10px; + position:relative; + font-size:100%; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} +.notification p { + margin-bottom:0; +} +.notification .close { + background:url("../img/icons/close.png") no-repeat scroll 0 0 transparent; + cursor:pointer; + display:block; + height:16px; + position:absolute; + right:10px; + top:10px; + width:16px; +} +.notification .close:hover { + opacity:1; +} +.notification.nopic { + background-image:none; + padding:10px; +} +.notification span.strong { + margin-right:10px; +} +/* Bullet List */ + +.bullet-list { + list-style:none; + margin-bottom:15px; + margin-left:0; +} +.bullet-list li { + background:url("../img/bullet_arrow_right.png") no-repeat left center transparent; + margin-bottom:5px; + padding:6px 6px 6px 20px; +} +.bullet-list li a { + -webkit-border-radius:3px; + -moz-border-radius:3px; + border-radius:3px; + color:#181818; + display:block; + margin:-6px; + padding:6px; + text-decoration:none; +} +.bullet-list li a:hover { + background-color:#E2E2E2; + margin:-6px -6px -6px -20px; + padding:6px 6px 6px 20px; +} +.bullet-list.grey li { + -webkit-border-radius:3px; + -moz-border-radius:3px; + border-radius:3px; + background-color:#f2f2f2; + width:50%; +} +/* Definition List */ +dl.definition { + margin-bottom:20px; +} +dl.definition dt { + background:url("../img/icons/16/bullet_arrow_right.png") no-repeat left center; + font-weight: 700; + margin-bottom:5px; + padding-left:20px; +} +dl.definition dd { + color:#666666; + margin-bottom:15px; + padding-left:20px; +} +/* Pagination */ +.pagination { + display: inline-block; + font-size: 77%; + text-decoration: none; +} +.pagination a, .pagination .dots { + background:url("../img/grad-grey.gif") repeat-x scroll center top #C3C3C3; + border:1px solid #C3C3C3; + display: inline-block; + color:#444444 !important; + margin-right: 2px; + padding: 6px 8px; + text-decoration:none; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.pagination a:hover { + background: url("../img/grad-grey-hover.gif") repeat-x scroll center top #C3C3C3; + color: #444444; +} +.pagination a.current { + background: url("../img/grad-grey-rev.gif") repeat-x scroll center top #C3C3C3; + color: #444444; +} +.pagination a.number.current { + color: #444; +} +/* Small Pagination */ +.pagination.small a, .pagination.small .dots { + margin-right: 1px; + padding: 1px 4px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; +} +/* Table Styles */ +.table { + border:1px solid #CCCCCC; + width:100%; + margin-bottom:20px; +} +.table.no-border { + border:none +} +.table thead th, .table thead td { + padding:6px 10px; + font-weight: 700; + color: #333; + background: #E2E2E2; + border-bottom: 1px solid #cccccc; + border-right:1px solid #CCCCCC; +} +.table thead th.last, .table thead td.last { + border-right:0; +} +.table thead th.checkbox, .table thead td.checkbox { + width:25px; +} +.table tbody th, .table tbody td { + background:#fff; + border-right:1px dotted #CCCCCC; + vertical-align:middle; + padding:10px; + font-size:93%; +} +.table tbody tr.alt td { + background:#F2F2F2; +} +.table tbody th.last, .table tbody td.last { + border-right:0 none; +} +.table tbody tr.last td { + border-bottom:0 none; +} +.table tbody tr:hover th, .table tbody tr:hover td { + background:#d3ecf9; +} +/* Tispy Tooltips */ +.tipsy { + padding: 5px; + font-size: 93%; + opacity: 0.8; + filter: alpha(opacity=80); + background-repeat: no-repeat; + background-image: url(../img/tipsy.gif); +} +.tipsy-inner { + padding: 5px 8px 4px 8px; + background-color: black; + color: white; + max-width: 200px; + text-align: center; +} +.tipsy-inner { + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} +.tipsy-north { + background-position: top center; +} +.tipsy-south { + background-position: bottom center; +} +.tipsy-east { + background-position: right center; +} +.tipsy-west { + background-position: left center; +} +/*//// - jQuery Lightbox - ////*/ +#jquery-overlay { + position: absolute; + top: 0; + left: 0; + z-index: 1000; + width: 100%; + height: 500px; +} +#jquery-lightbox { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 9999; + text-align: center; + line-height: 0; +} +#jquery-lightbox a img { + border: none; +} +#lightbox-container-image-box { + position: relative; + background-color: #fff; + width: 250px; + height: 250px; + margin: 0 auto; +} +#lightbox-container-image { + padding: 10px; +} +#lightbox-loading { + position: absolute; + top: 40%; + left: 0%; + height: 25%; + width: 100%; + text-align: center; + line-height: 0; +} +#lightbox-nav { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 10; +} +#lightbox-container-image-box > #lightbox-nav { + left: 0; +} +#lightbox-nav a { + outline: none; +} +#lightbox-nav-btnPrev, #lightbox-nav-btnNext { + width: 49%; + height: 100%; + zoom: 1; + display: block; +} +#lightbox-nav-btnPrev { + left: 0; + float: left; +} +#lightbox-nav-btnNext { + right: 0; + float: right; +} +#lightbox-container-image-data-box { + font: 10px Verdana, Helvetica, sans-serif; + background-color: #fff; + margin: 0 auto; + line-height: 1.4em; + overflow: auto; + width: 100%; + padding: 0 10px 0; +} +#lightbox-container-image-data { + padding: 0 10px; + color: #666; +} +#lightbox-container-image-data #lightbox-image-details { + width: 70%; + float: left; + text-align: left; +} +#lightbox-image-details-caption { + font-weight: bold; +} +#lightbox-image-details-currentNumber { + display: block; + clear: left; + padding-bottom: 1.0em; +} +#lightbox-secNav-btnClose { + width: 66px; + float: right; + padding-bottom: 0.7em; +} diff --git a/webroot/css/grid.css b/webroot/css/grid.css index e1f8e24..6b03e87 100644 --- a/webroot/css/grid.css +++ b/webroot/css/grid.css @@ -1,484 +1,484 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* =Containers ---------------------------------------------------------------------------------*/ - -/* =Grid >> Global ---------------------------------------------------------------------------------*/ - -.grid_1, -.grid_2, -.grid_3, -.grid_4, -.grid_5, -.grid_6, -.grid_7, -.grid_8, -.grid_9, -.grid_10, -.grid_11, -.grid_12, -.grid_13, -.grid_14, -.grid_15, -.grid_16 -{ - display: inline; - float: left; - margin-left: 1%; - margin-right: 1%; -} - -.container_12 .grid_3, -.container_16 .grid_4 -{ - width: 23%; -} - -.container_12 .grid_6, -.container_16 .grid_8 -{ - width: 48%; -} - -.container_12 .grid_9, -.container_16 .grid_12 -{ - width: 73%; -} - -.container_12 .grid_12, -.container_16 .grid_16 -{ - width: 98%; -} - -/* =Grid >> Children (Alpha ~ First, Omega ~ Last) ---------------------------------------------------------------------------------*/ - -.alpha -{ - margin-left: 0; -} - -.omega -{ - margin-right: 0; -} - -/* =Grid >> 12 Columns ---------------------------------------------------------------------------------*/ - -.container_12 .grid_1 -{ - width: 6.333%; -} - -.container_12 .grid_2 -{ - width: 14.666%; -} - -.container_12 .grid_4 -{ - width: 31.333%; -} - -.container_12 .grid_5 -{ - width: 39.666%; -} - -.container_12 .grid_7 -{ - width: 56.333%; -} - -.container_12 .grid_8 -{ - width: 64.666%; -} - -.container_12 .grid_10 -{ - width: 81.333%; -} - -.container_12 .grid_11 -{ - width: 89.666%; -} - -/* =Grid >> 16 Columns ---------------------------------------------------------------------------------*/ - -.container_16 .grid_1 -{ - width: 4.25%; -} - -.container_16 .grid_2 -{ - width: 10.5%; -} - -.container_16 .grid_3 -{ - width: 16.75%; -} - -.container_16 .grid_5 -{ - width: 29.25%; -} - -.container_16 .grid_6 -{ - width: 35.5%; -} - -.container_16 .grid_7 -{ - width: 41.75%; -} - -.container_16 .grid_9 -{ - width: 54.25%; -} - -.container_16 .grid_10 -{ - width: 60.5%; -} - -.container_16 .grid_11 -{ - width: 66.75%; -} - -.container_16 .grid_13 -{ - width: 79.25%; -} - -.container_16 .grid_14 -{ - width: 85.5%; -} - -.container_16 .grid_15 -{ - width: 91.75%; -} - -/* =Prefix Extra Space >> Global ---------------------------------------------------------------------------------*/ - -.container_12 .prefix_3, -.container_16 .prefix_4 -{ - padding-left: 25%; -} - -.container_12 .prefix_6, -.container_16 .prefix_8 -{ - padding-left: 50%; -} - -.container_12 .prefix_9, -.container_16 .prefix_12 -{ - padding-left: 75%; -} - -/* =Prefix Extra Space >> 12 Columns ---------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 -{ - padding-left: 8.333%; -} - -.container_12 .prefix_2 -{ - padding-left: 16.666%; -} - -.container_12 .prefix_4 -{ - padding-left: 33.333%; -} - -.container_12 .prefix_5 -{ - padding-left: 41.666%; -} - -.container_12 .prefix_7 -{ - padding-left: 58.333%; -} - -.container_12 .prefix_8 -{ - padding-left: 66.666%; -} - -.container_12 .prefix_10 -{ - padding-left: 83.333%; -} - -.container_12 .prefix_11 -{ - padding-left: 91.666%; -} - -/* =Prefix Extra Space >> 16 Columns ---------------------------------------------------------------------------------*/ - -.container_16 .prefix_1 -{ - padding-left: 6.25%; -} - -.container_16 .prefix_2 -{ - padding-left: 12.5%; -} - -.container_16 .prefix_3 -{ - padding-left: 18.75%; -} - -.container_16 .prefix_5 -{ - padding-left: 31.25%; -} - -.container_16 .prefix_6 -{ - padding-left: 37.5%; -} - -.container_16 .prefix_7 -{ - padding-left: 43.75%; -} - -.container_16 .prefix_9 -{ - padding-left: 56.25%; -} - -.container_16 .prefix_10 -{ - padding-left: 62.5%; -} - -.container_16 .prefix_11 -{ - padding-left: 68.75%; -} - -.container_16 .prefix_13 -{ - padding-left: 81.25%; -} - -.container_16 .prefix_14 -{ - padding-left: 87.5%; -} - -.container_16 .prefix_15 -{ - padding-left: 93.75%; -} - -/* =Suffix Extra Space >> Global ---------------------------------------------------------------------------------*/ - -.container_12 .suffix_3, -.container_16 .suffix_4 -{ - padding-right: 25%; -} - -.container_12 .suffix_6, -.container_16 .suffix_8 -{ - padding-right: 50%; -} - -.container_12 .suffix_9, -.container_16 .suffix_12 -{ - padding-right: 75%; -} - -/* =Suffix Extra Space >> 12 Columns ---------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 -{ - padding-right: 8.333%; -} - -.container_12 .suffix_2 -{ - padding-right: 16.666%; -} - -.container_12 .suffix_4 -{ - padding-right: 33.333%; -} - -.container_12 .suffix_5 -{ - padding-right: 41.666%; -} - -.container_12 .suffix_7 -{ - padding-right: 58.333%; -} - -.container_12 .suffix_8 -{ - padding-right: 66.666%; -} - -.container_12 .suffix_10 -{ - padding-right: 83.333%; -} - -.container_12 .suffix_11 -{ - padding-right: 91.666%; -} - -/* =Suffix Extra Space >> 16 Columns ---------------------------------------------------------------------------------*/ - -.container_16 .suffix_1 -{ - padding-right: 6.25%; -} - -.container_16 .suffix_2 -{ - padding-right: 16.5%; -} - -.container_16 .suffix_3 -{ - padding-right: 18.75%; -} - -.container_16 .suffix_5 -{ - padding-right: 31.25%; -} - -.container_16 .suffix_6 -{ - padding-right: 37.5%; -} - -.container_16 .suffix_7 -{ - padding-right: 43.75%; -} - -.container_16 .suffix_9 -{ - padding-right: 56.25%; -} - -.container_16 .suffix_10 -{ - padding-right: 62.5%; -} - -.container_16 .suffix_11 -{ - padding-right: 68.75%; -} - -.container_16 .suffix_13 -{ - padding-right: 81.25%; -} - -.container_16 .suffix_14 -{ - padding-right: 87.5%; -} - -.container_16 .suffix_15 -{ - padding-right: 93.75%; -} - -/* =Clear Floated Elements ---------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -html body * span.cl, -html body * div.cl, -html body * li.cl, -html body * dd.cl, -.cl -{ - background: none; - border: 0; - clear: both; - display: block; - float: none; - font-size: 0; - list-style: none; - margin: 0; - padding: 0; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.positioniseverything.net/easyclearing.html */ - -.cl:after -{ - clear: both; - content: '.'; - display: block; - visibility: hidden; - height: 0; -} - -.cl -{ - display: inline-block; -} - -* html .cl -{ - height: 1%; -} - -.cl -{ - display: block; +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* =Containers +--------------------------------------------------------------------------------*/ + +/* =Grid >> Global +--------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16 +{ + display: inline; + float: left; + margin-left: 1%; + margin-right: 1%; +} + +.container_12 .grid_3, +.container_16 .grid_4 +{ + width: 23%; +} + +.container_12 .grid_6, +.container_16 .grid_8 +{ + width: 48%; +} + +.container_12 .grid_9, +.container_16 .grid_12 +{ + width: 73%; +} + +.container_12 .grid_12, +.container_16 .grid_16 +{ + width: 98%; +} + +/* =Grid >> Children (Alpha ~ First, Omega ~ Last) +--------------------------------------------------------------------------------*/ + +.alpha +{ + margin-left: 0; +} + +.omega +{ + margin-right: 0; +} + +/* =Grid >> 12 Columns +--------------------------------------------------------------------------------*/ + +.container_12 .grid_1 +{ + width: 6.333%; +} + +.container_12 .grid_2 +{ + width: 14.666%; +} + +.container_12 .grid_4 +{ + width: 31.333%; +} + +.container_12 .grid_5 +{ + width: 39.666%; +} + +.container_12 .grid_7 +{ + width: 56.333%; +} + +.container_12 .grid_8 +{ + width: 64.666%; +} + +.container_12 .grid_10 +{ + width: 81.333%; +} + +.container_12 .grid_11 +{ + width: 89.666%; +} + +/* =Grid >> 16 Columns +--------------------------------------------------------------------------------*/ + +.container_16 .grid_1 +{ + width: 4.25%; +} + +.container_16 .grid_2 +{ + width: 10.5%; +} + +.container_16 .grid_3 +{ + width: 16.75%; +} + +.container_16 .grid_5 +{ + width: 29.25%; +} + +.container_16 .grid_6 +{ + width: 35.5%; +} + +.container_16 .grid_7 +{ + width: 41.75%; +} + +.container_16 .grid_9 +{ + width: 54.25%; +} + +.container_16 .grid_10 +{ + width: 60.5%; +} + +.container_16 .grid_11 +{ + width: 66.75%; +} + +.container_16 .grid_13 +{ + width: 79.25%; +} + +.container_16 .grid_14 +{ + width: 85.5%; +} + +.container_16 .grid_15 +{ + width: 91.75%; +} + +/* =Prefix Extra Space >> Global +--------------------------------------------------------------------------------*/ + +.container_12 .prefix_3, +.container_16 .prefix_4 +{ + padding-left: 25%; +} + +.container_12 .prefix_6, +.container_16 .prefix_8 +{ + padding-left: 50%; +} + +.container_12 .prefix_9, +.container_16 .prefix_12 +{ + padding-left: 75%; +} + +/* =Prefix Extra Space >> 12 Columns +--------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 +{ + padding-left: 8.333%; +} + +.container_12 .prefix_2 +{ + padding-left: 16.666%; +} + +.container_12 .prefix_4 +{ + padding-left: 33.333%; +} + +.container_12 .prefix_5 +{ + padding-left: 41.666%; +} + +.container_12 .prefix_7 +{ + padding-left: 58.333%; +} + +.container_12 .prefix_8 +{ + padding-left: 66.666%; +} + +.container_12 .prefix_10 +{ + padding-left: 83.333%; +} + +.container_12 .prefix_11 +{ + padding-left: 91.666%; +} + +/* =Prefix Extra Space >> 16 Columns +--------------------------------------------------------------------------------*/ + +.container_16 .prefix_1 +{ + padding-left: 6.25%; +} + +.container_16 .prefix_2 +{ + padding-left: 12.5%; +} + +.container_16 .prefix_3 +{ + padding-left: 18.75%; +} + +.container_16 .prefix_5 +{ + padding-left: 31.25%; +} + +.container_16 .prefix_6 +{ + padding-left: 37.5%; +} + +.container_16 .prefix_7 +{ + padding-left: 43.75%; +} + +.container_16 .prefix_9 +{ + padding-left: 56.25%; +} + +.container_16 .prefix_10 +{ + padding-left: 62.5%; +} + +.container_16 .prefix_11 +{ + padding-left: 68.75%; +} + +.container_16 .prefix_13 +{ + padding-left: 81.25%; +} + +.container_16 .prefix_14 +{ + padding-left: 87.5%; +} + +.container_16 .prefix_15 +{ + padding-left: 93.75%; +} + +/* =Suffix Extra Space >> Global +--------------------------------------------------------------------------------*/ + +.container_12 .suffix_3, +.container_16 .suffix_4 +{ + padding-right: 25%; +} + +.container_12 .suffix_6, +.container_16 .suffix_8 +{ + padding-right: 50%; +} + +.container_12 .suffix_9, +.container_16 .suffix_12 +{ + padding-right: 75%; +} + +/* =Suffix Extra Space >> 12 Columns +--------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 +{ + padding-right: 8.333%; +} + +.container_12 .suffix_2 +{ + padding-right: 16.666%; +} + +.container_12 .suffix_4 +{ + padding-right: 33.333%; +} + +.container_12 .suffix_5 +{ + padding-right: 41.666%; +} + +.container_12 .suffix_7 +{ + padding-right: 58.333%; +} + +.container_12 .suffix_8 +{ + padding-right: 66.666%; +} + +.container_12 .suffix_10 +{ + padding-right: 83.333%; +} + +.container_12 .suffix_11 +{ + padding-right: 91.666%; +} + +/* =Suffix Extra Space >> 16 Columns +--------------------------------------------------------------------------------*/ + +.container_16 .suffix_1 +{ + padding-right: 6.25%; +} + +.container_16 .suffix_2 +{ + padding-right: 16.5%; +} + +.container_16 .suffix_3 +{ + padding-right: 18.75%; +} + +.container_16 .suffix_5 +{ + padding-right: 31.25%; +} + +.container_16 .suffix_6 +{ + padding-right: 37.5%; +} + +.container_16 .suffix_7 +{ + padding-right: 43.75%; +} + +.container_16 .suffix_9 +{ + padding-right: 56.25%; +} + +.container_16 .suffix_10 +{ + padding-right: 62.5%; +} + +.container_16 .suffix_11 +{ + padding-right: 68.75%; +} + +.container_16 .suffix_13 +{ + padding-right: 81.25%; +} + +.container_16 .suffix_14 +{ + padding-right: 87.5%; +} + +.container_16 .suffix_15 +{ + padding-right: 93.75%; +} + +/* =Clear Floated Elements +--------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +html body * span.cl, +html body * div.cl, +html body * li.cl, +html body * dd.cl, +.cl +{ + background: none; + border: 0; + clear: both; + display: block; + float: none; + font-size: 0; + list-style: none; + margin: 0; + padding: 0; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.positioniseverything.net/easyclearing.html */ + +.cl:after +{ + clear: both; + content: '.'; + display: block; + visibility: hidden; + height: 0; +} + +.cl +{ + display: inline-block; +} + +* html .cl +{ + height: 1%; +} + +.cl +{ + display: block; } \ No newline at end of file diff --git a/webroot/css/style.css b/webroot/css/style.css index ae6cdd1..9f9bb89 100644 --- a/webroot/css/style.css +++ b/webroot/css/style.css @@ -1,170 +1,170 @@ -/* - style.css contains a reset, font normalization and some base styles. - - credit is left where credit is due. - additionally, much inspiration was taken from these projects: - yui.yahooapis.com/2.8.1/build/base/base.css - camendesign.com/design/ - praegnanz.de/weblog/htmlcssjs-kickstart -*/ - -/* - html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) - v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark - html5doctor.com/html-5-reset-stylesheet/ -*/ - -html, body, div, span, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -abbr, address, cite, code, -del, dfn, em, img, ins, kbd, q, samp, -small, strong, sub, sup, var, -b, i, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, figure, footer, header, -hgroup, menu, nav, section, menu, -time, mark, audio, video { - margin:0; - padding:0; - border:0; - outline:0; - font-size:100%; - vertical-align:baseline; - background:transparent; -} - -article, aside, figure, footer, header, -hgroup, nav, section { display:block; } - -nav ul { list-style:none; } - -blockquote, q { quotes:none; } - -blockquote:before, blockquote:after, -q:before, q:after { content:''; content:none; } - -a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } - -ins { background-color:#ff9; color:#000; text-decoration:none; } - -mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } - -del { text-decoration: line-through; } - -abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } - -/* tables still need cellspacing="0" in the markup */ -table { border-collapse:collapse; border-spacing:0; } - -hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } - -input, select { vertical-align:middle; } -/* END RESET CSS */ - -/* - * Fix overflow in IE - */ -html { - *overflow-x:hidden; -} - -/* -fonts.css from the YUI Library: developer.yahoo.com/yui/ - Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages - -There are three custom edits: - * remove arial, helvetica from explicit font stack - * make the line-height relative and unit-less - * remove the pre, code styles -*/ -body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; } - -table { font-size:inherit; font:100%; } - -select, input, textarea { font:99% sans-serif; } - - -/* normalize monospace sizing - * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome - */ -pre, code, kbd, samp { font-family: monospace, sans-serif; } - - - -/* - * minimal base styles - */ - - -/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ -body, select, input, textarea { color:#444; } - -/* Headers (h1,h2,etc) have no default font-size or margin, - you'll want to define those yourself. */ - -/* www.aestheticallyloyal.com/public/optimize-legibility/ */ -h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; } - -/* maxvoltar.com/archive/-webkit-font-smoothing */ -html { -webkit-font-smoothing: antialiased; } - - -/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ -a:hover, a:active { outline: none; } - -a, a:active, a:visited { color:#607890; } -a:hover { color:#036; } - - -ul { margin-left:30px; } -ol { margin-left:30px; list-style-type: decimal; } - -small { font-size:85%; } -strong, th { font-weight: bold; } - -td, td img { vertical-align:top; } - -sub { vertical-align: sub; font-size: smaller; } -sup { vertical-align: super; font-size: smaller; } - -pre { - padding: 15px; - - /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ - white-space: pre; /* CSS2 */ - white-space: pre-wrap; /* CSS 2.1 */ - white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ - word-wrap: break-word; /* IE */ -} - -/* align checkboxes, radios, text inputs with their label - by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ -input[type="radio"] { vertical-align: text-bottom; } -input[type="checkbox"] { margin:0; vertical-align:-2px; } -.ie6 input { vertical-align: text-bottom; } - -/* hand cursor on clickable input elements */ -label, input[type=button], input[type=submit], button { cursor: pointer; } - - -/* These selection declarations have to be separate. - No text-shadow: twitter.com/miketaylr/status/12228805301 - Also: hot pink. */ -::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } -::selection { background:#FF5E99; color:#fff; text-shadow: none; } - -/* j.mp/webkit-tap-highlight-color */ -a:link { -webkit-tap-highlight-color: #FF5E99; } - - -/* make buttons play nice in IE: - www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ -button { width: auto; overflow: visible; } - -/* bicubic resizing for non-native sized IMG: - code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ -.ie7 img { -ms-interpolation-mode: bicubic; } - - +/* + style.css contains a reset, font normalization and some base styles. + + credit is left where credit is due. + additionally, much inspiration was taken from these projects: + yui.yahooapis.com/2.8.1/build/base/base.css + camendesign.com/design/ + praegnanz.de/weblog/htmlcssjs-kickstart +*/ + +/* + html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) + v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark + html5doctor.com/html-5-reset-stylesheet/ +*/ + +html, body, div, span, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +abbr, address, cite, code, +del, dfn, em, img, ins, kbd, q, samp, +small, strong, sub, sup, var, +b, i, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, figure, footer, header, +hgroup, menu, nav, section, menu, +time, mark, audio, video { + margin:0; + padding:0; + border:0; + outline:0; + font-size:100%; + vertical-align:baseline; + background:transparent; +} + +article, aside, figure, footer, header, +hgroup, nav, section { display:block; } + +nav ul { list-style:none; } + +blockquote, q { quotes:none; } + +blockquote:before, blockquote:after, +q:before, q:after { content:''; content:none; } + +a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } + +ins { background-color:#ff9; color:#000; text-decoration:none; } + +mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } + +del { text-decoration: line-through; } + +abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } + +/* tables still need cellspacing="0" in the markup */ +table { border-collapse:collapse; border-spacing:0; } + +hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } + +input, select { vertical-align:middle; } +/* END RESET CSS */ + +/* + * Fix overflow in IE + */ +html { + *overflow-x:hidden; +} + +/* +fonts.css from the YUI Library: developer.yahoo.com/yui/ + Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages + +There are three custom edits: + * remove arial, helvetica from explicit font stack + * make the line-height relative and unit-less + * remove the pre, code styles +*/ +body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; } + +table { font-size:inherit; font:100%; } + +select, input, textarea { font:99% sans-serif; } + + +/* normalize monospace sizing + * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome + */ +pre, code, kbd, samp { font-family: monospace, sans-serif; } + + + +/* + * minimal base styles + */ + + +/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ +body, select, input, textarea { color:#444; } + +/* Headers (h1,h2,etc) have no default font-size or margin, + you'll want to define those yourself. */ + +/* www.aestheticallyloyal.com/public/optimize-legibility/ */ +h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; } + +/* maxvoltar.com/archive/-webkit-font-smoothing */ +html { -webkit-font-smoothing: antialiased; } + + +/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ +a:hover, a:active { outline: none; } + +a, a:active, a:visited { color:#607890; } +a:hover { color:#036; } + + +ul { margin-left:30px; } +ol { margin-left:30px; list-style-type: decimal; } + +small { font-size:85%; } +strong, th { font-weight: bold; } + +td, td img { vertical-align:top; } + +sub { vertical-align: sub; font-size: smaller; } +sup { vertical-align: super; font-size: smaller; } + +pre { + padding: 15px; + + /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ + white-space: pre; /* CSS2 */ + white-space: pre-wrap; /* CSS 2.1 */ + white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ + word-wrap: break-word; /* IE */ +} + +/* align checkboxes, radios, text inputs with their label + by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ +input[type="radio"] { vertical-align: text-bottom; } +input[type="checkbox"] { margin:0; vertical-align:-2px; } +.ie6 input { vertical-align: text-bottom; } + +/* hand cursor on clickable input elements */ +label, input[type=button], input[type=submit], button { cursor: pointer; } + + +/* These selection declarations have to be separate. + No text-shadow: twitter.com/miketaylr/status/12228805301 + Also: hot pink. */ +::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } +::selection { background:#FF5E99; color:#fff; text-shadow: none; } + +/* j.mp/webkit-tap-highlight-color */ +a:link { -webkit-tap-highlight-color: #FF5E99; } + + +/* make buttons play nice in IE: + www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ +button { width: auto; overflow: visible; } + +/* bicubic resizing for non-native sized IMG: + code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ +.ie7 img { -ms-interpolation-mode: bicubic; } + + diff --git a/webroot/css/themes/black.css b/webroot/css/themes/black.css index c747022..f1b6640 100644 --- a/webroot/css/themes/black.css +++ b/webroot/css/themes/black.css @@ -1,28 +1,28 @@ -/* -Kameleon Template -Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) -*/ - -a, a:active, a:visited { -color:#1a1a1a; -} -a:hover { -color:#1a1a1a; -} - - -.ribbon { - background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b; - border:1px solid #3b3b3b; - color:#FFFFFF; - text-shadow:0 -1px 0 #3b3b3b; -} -.triangle-ribbon { -border-color:transparent #080808 transparent transparent; -} - - -.sidebar-nav li.current { -background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b; -border:1px solid #3b3b3b; -} +/* +Kameleon Template +Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) +*/ + +a, a:active, a:visited { +color:#1a1a1a; +} +a:hover { +color:#1a1a1a; +} + + +.ribbon { + background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b; + border:1px solid #3b3b3b; + color:#FFFFFF; + text-shadow:0 -1px 0 #3b3b3b; +} +.triangle-ribbon { +border-color:transparent #080808 transparent transparent; +} + + +.sidebar-nav li.current { +background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b; +border:1px solid #3b3b3b; +} diff --git a/webroot/css/themes/blue.css b/webroot/css/themes/blue.css index 73e6de9..4de747f 100644 --- a/webroot/css/themes/blue.css +++ b/webroot/css/themes/blue.css @@ -1,29 +1,29 @@ -/* -Kameleon Template -Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) -*/ - -a, a:active, a:visited { -color:#1d94c3; -} -a:hover{ -color:#1d94c3; -} - - -.ribbon { - background:url(../../img/grad-blue.gif) repeat-x center top #166890; - border:1px solid #11506F; - color:#FFFFFF; - text-shadow:0 -1px 0 #11506F; -} -.triangle-ribbon { -border-color:transparent #0e425c transparent transparent; -} - - - -.sidebar-nav li.current { -background:url(../../img/grad-blue.gif) repeat-x center top #166890; -border:1px solid #11506F; -} +/* +Kameleon Template +Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) +*/ + +a, a:active, a:visited { +color:#1d94c3; +} +a:hover{ +color:#1d94c3; +} + + +.ribbon { + background:url(../../img/grad-blue.gif) repeat-x center top #166890; + border:1px solid #11506F; + color:#FFFFFF; + text-shadow:0 -1px 0 #11506F; +} +.triangle-ribbon { +border-color:transparent #0e425c transparent transparent; +} + + + +.sidebar-nav li.current { +background:url(../../img/grad-blue.gif) repeat-x center top #166890; +border:1px solid #11506F; +} diff --git a/webroot/css/themes/dark.css b/webroot/css/themes/dark.css index 615ea10..942ccc9 100644 --- a/webroot/css/themes/dark.css +++ b/webroot/css/themes/dark.css @@ -1,32 +1,32 @@ -/* -Kameleon Template -Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) -*/ - -body { - color:#f2f2f2; - background: #1a1a1a url(../../img/bg-dark.jpg) repeat-x top; -} -h1#logo { - background:url(../../img/logo-dark.png) no-repeat scroll 0 0 transparent; -} -nav a, nav a:visited { - color:#f2f2f2; - text-shadow:0 1px 0 #000000; -} -nav a:hover { - color:#d9d9d9; -} -#nav ul a { -text-shadow:0 1px 0 #FFFFFF; -} - -footer { - color:#f2f2f2; -} -footer li a, footer li a:visited { -color:#f2f2f2; -} -footer li a:hover { - color:#d9d9d9; +/* +Kameleon Template +Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) +*/ + +body { + color:#f2f2f2; + background: #1a1a1a url(../../img/bg-dark.jpg) repeat-x top; +} +h1#logo { + background:url(../../img/logo-dark.png) no-repeat scroll 0 0 transparent; +} +nav a, nav a:visited { + color:#f2f2f2; + text-shadow:0 1px 0 #000000; +} +nav a:hover { + color:#d9d9d9; +} +#nav ul a { +text-shadow:0 1px 0 #FFFFFF; +} + +footer { + color:#f2f2f2; +} +footer li a, footer li a:visited { +color:#f2f2f2; +} +footer li a:hover { + color:#d9d9d9; } \ No newline at end of file diff --git a/webroot/css/themes/green.css b/webroot/css/themes/green.css index 1fecef4..df01818 100644 --- a/webroot/css/themes/green.css +++ b/webroot/css/themes/green.css @@ -1,29 +1,29 @@ -/* -Kameleon Template -Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) -*/ - -a, a:active, a:visited { -color:#406f11; -} -a:hover { -color:#406f11; -} - - -.ribbon { - background:url(../../img/grad-green.gif) repeat-x center top #518f14; - border:1px solid #406f11; - color:#FFFFFF; - text-shadow:0 -1px 0 #406f11; -} -.triangle-ribbon { -border-color:transparent #345c0d transparent transparent; -} - - - -.sidebar-nav li.current { -background:url(../../img/grad-green.gif) repeat-x center top #518f14; -border:1px solid #406f11; -} +/* +Kameleon Template +Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) +*/ + +a, a:active, a:visited { +color:#406f11; +} +a:hover { +color:#406f11; +} + + +.ribbon { + background:url(../../img/grad-green.gif) repeat-x center top #518f14; + border:1px solid #406f11; + color:#FFFFFF; + text-shadow:0 -1px 0 #406f11; +} +.triangle-ribbon { +border-color:transparent #345c0d transparent transparent; +} + + + +.sidebar-nav li.current { +background:url(../../img/grad-green.gif) repeat-x center top #518f14; +border:1px solid #406f11; +} diff --git a/webroot/css/themes/grey.css b/webroot/css/themes/grey.css index 8ac40a2..fdfc6af 100644 --- a/webroot/css/themes/grey.css +++ b/webroot/css/themes/grey.css @@ -1,32 +1,32 @@ -/* -Kameleon Template -Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) -*/ - -a, a:active, a:visited { -color:#1a1a1a; -} -a:hover { -color:#1a1a1a; -} - - -h2.ribbon { - background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3; - color:#444444; - border:1px solid #c3c3c3; - text-shadow:0 -1px 0 #FFFFFF; -} -.triangle-ribbon { -border-color:transparent #8f8f8f transparent transparent; -} - - -.sidebar-nav li.current { -background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3; -border:1px solid #c3c3c3; -color:#444444 !important; -} -.sidebar-nav li a:hover, .sidebar-nav li.current a { - color:#444444 !important; -} +/* +Kameleon Template +Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) +*/ + +a, a:active, a:visited { +color:#1a1a1a; +} +a:hover { +color:#1a1a1a; +} + + +h2.ribbon { + background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3; + color:#444444; + border:1px solid #c3c3c3; + text-shadow:0 -1px 0 #FFFFFF; +} +.triangle-ribbon { +border-color:transparent #8f8f8f transparent transparent; +} + + +.sidebar-nav li.current { +background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3; +border:1px solid #c3c3c3; +color:#444444 !important; +} +.sidebar-nav li a:hover, .sidebar-nav li.current a { + color:#444444 !important; +} diff --git a/webroot/css/themes/light.css b/webroot/css/themes/light.css index 8c4a2ab..50de53b 100644 --- a/webroot/css/themes/light.css +++ b/webroot/css/themes/light.css @@ -1,31 +1,31 @@ -/* -Kameleon Template -Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) -*/ - -body { - color:#191919; - background: #f2f2f2 url(../../img/bg.jpg) repeat-x top; -} -h1#logo { - background:url(../../img/logo.png) no-repeat scroll 0 0 transparent; -} -nav a, nav a:visited { - color: #1a1a1a; -text-shadow:0 1px 0 #FFFFFF; -} -nav a:hover { - color:#666666; -} - - - -footer { -color:#666666; -} -footer li a, footer li a:visited { -color:#191919; -} -footer li a:hover { - color:#666666; +/* +Kameleon Template +Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) +*/ + +body { + color:#191919; + background: #f2f2f2 url(../../img/bg.jpg) repeat-x top; +} +h1#logo { + background:url(../../img/logo.png) no-repeat scroll 0 0 transparent; +} +nav a, nav a:visited { + color: #1a1a1a; +text-shadow:0 1px 0 #FFFFFF; +} +nav a:hover { + color:#666666; +} + + + +footer { +color:#666666; +} +footer li a, footer li a:visited { +color:#191919; +} +footer li a:hover { + color:#666666; } \ No newline at end of file diff --git a/webroot/css/themes/purple.css b/webroot/css/themes/purple.css index 02defcb..7a8794d 100644 --- a/webroot/css/themes/purple.css +++ b/webroot/css/themes/purple.css @@ -1,28 +1,28 @@ -/* -Kameleon Template -Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) -*/ - -a, a:active, a:visited { -color:#6f1156; -} -a:hover { -color:#6f1156; -} - - -.ribbon { - background:url(../../img/grad-purple.gif) repeat-x center top #8f146e; - border:1px solid #6f1156; - color:#FFFFFF; - text-shadow:0 -1px 0 #6f1156; -} -.triangle-ribbon { -border-color:transparent #5c0d47 transparent transparent; -} - - -.sidebar-nav li.current { -background:url(../../img/grad-purple.gif) repeat-x center top #8f146e; -border:1px solid #6f1156; -} +/* +Kameleon Template +Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) +*/ + +a, a:active, a:visited { +color:#6f1156; +} +a:hover { +color:#6f1156; +} + + +.ribbon { + background:url(../../img/grad-purple.gif) repeat-x center top #8f146e; + border:1px solid #6f1156; + color:#FFFFFF; + text-shadow:0 -1px 0 #6f1156; +} +.triangle-ribbon { +border-color:transparent #5c0d47 transparent transparent; +} + + +.sidebar-nav li.current { +background:url(../../img/grad-purple.gif) repeat-x center top #8f146e; +border:1px solid #6f1156; +} diff --git a/webroot/css/themes/red.css b/webroot/css/themes/red.css index c2ef480..c8a6f74 100644 --- a/webroot/css/themes/red.css +++ b/webroot/css/themes/red.css @@ -1,30 +1,30 @@ -/* -Kameleon Template -Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) -*/ - -a, a:active, a:visited { -color:#c31d25; -} -a:hover { -color:#c31d25; -} - - -.ribbon { - background:url(../../img/grad-red.gif) repeat-x center top #8f1e14; - border:1px solid #6f1811; - color:#FFFFFF; - text-shadow:0 -1px 0 #6f1811; -} -.triangle-ribbon { -border-color:transparent #5c130d transparent transparent; -} - - - -.sidebar-nav li.current { -background:url(../../img/grad-red.gif) repeat-x center top #8f1e14; -border:1px solid #6f1811; -} - +/* +Kameleon Template +Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) +*/ + +a, a:active, a:visited { +color:#c31d25; +} +a:hover { +color:#c31d25; +} + + +.ribbon { + background:url(../../img/grad-red.gif) repeat-x center top #8f1e14; + border:1px solid #6f1811; + color:#FFFFFF; + text-shadow:0 -1px 0 #6f1811; +} +.triangle-ribbon { +border-color:transparent #5c130d transparent transparent; +} + + + +.sidebar-nav li.current { +background:url(../../img/grad-red.gif) repeat-x center top #8f1e14; +border:1px solid #6f1811; +} + diff --git a/webroot/js/dd_belatedpng.js b/webroot/js/dd_belatedpng.js index 7e38cc3..58ae134 100644 --- a/webroot/js/dd_belatedpng.js +++ b/webroot/js/dd_belatedpng.js @@ -1,328 +1,328 @@ -/** -* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML . -* Author: Drew Diller -* Email: drew.diller@gmail.com -* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/ -* Version: 0.0.8a -* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license -* -* Example usage: -* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector -* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement -**/ - -/* -PLEASE READ: -Absolutely everything in this script is SILLY. I know this. IE's rendering of certain pixels doesn't make sense, so neither does this code! -*/ - -var DD_belatedPNG = { - ns: 'DD_belatedPNG', - imgSize: {}, - delay: 10, - nodesFixed: 0, - createVmlNameSpace: function () { /* enable VML */ - if (document.namespaces && !document.namespaces[this.ns]) { - document.namespaces.add(this.ns, 'urn:schemas-microsoft-com:vml'); - } - }, - createVmlStyleSheet: function () { /* style VML, enable behaviors */ - /* - Just in case lots of other developers have added - lots of other stylesheets using document.createStyleSheet - and hit the 31-limit mark, let's not use that method! - further reading: http://msdn.microsoft.com/en-us/library/ms531194(VS.85).aspx - */ - var screenStyleSheet, printStyleSheet; - screenStyleSheet = document.createElement('style'); - screenStyleSheet.setAttribute('media', 'screen'); - document.documentElement.firstChild.insertBefore(screenStyleSheet, document.documentElement.firstChild.firstChild); - if (screenStyleSheet.styleSheet) { - screenStyleSheet = screenStyleSheet.styleSheet; - screenStyleSheet.addRule(this.ns + '\\:*', '{behavior:url(#default#VML)}'); - screenStyleSheet.addRule(this.ns + '\\:shape', 'position:absolute;'); - screenStyleSheet.addRule('img.' + this.ns + '_sizeFinder', 'behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;'); /* large negative top value for avoiding vertical scrollbars for large images, suggested by James O'Brien, http://www.thanatopsic.org/hendrik/ */ - this.screenStyleSheet = screenStyleSheet; - - /* Add a print-media stylesheet, for preventing VML artifacts from showing up in print (including preview). */ - /* Thanks to Rémi Prévost for automating this! */ - printStyleSheet = document.createElement('style'); - printStyleSheet.setAttribute('media', 'print'); - document.documentElement.firstChild.insertBefore(printStyleSheet, document.documentElement.firstChild.firstChild); - printStyleSheet = printStyleSheet.styleSheet; - printStyleSheet.addRule(this.ns + '\\:*', '{display: none !important;}'); - printStyleSheet.addRule('img.' + this.ns + '_sizeFinder', '{display: none !important;}'); - } - }, - readPropertyChange: function () { - var el, display, v; - el = event.srcElement; - if (!el.vmlInitiated) { - return; - } - if (event.propertyName.search('background') != -1 || event.propertyName.search('border') != -1) { - DD_belatedPNG.applyVML(el); - } - if (event.propertyName == 'style.display') { - display = (el.currentStyle.display == 'none') ? 'none' : 'block'; - for (v in el.vml) { - if (el.vml.hasOwnProperty(v)) { - el.vml[v].shape.style.display = display; - } - } - } - if (event.propertyName.search('filter') != -1) { - DD_belatedPNG.vmlOpacity(el); - } - }, - vmlOpacity: function (el) { - if (el.currentStyle.filter.search('lpha') != -1) { - var trans = el.currentStyle.filter; - trans = parseInt(trans.substring(trans.lastIndexOf('=')+1, trans.lastIndexOf(')')), 10)/100; - el.vml.color.shape.style.filter = el.currentStyle.filter; /* complete guesswork */ - el.vml.image.fill.opacity = trans; /* complete guesswork */ - } - }, - handlePseudoHover: function (el) { - setTimeout(function () { /* wouldn't work as intended without setTimeout */ - DD_belatedPNG.applyVML(el); - }, 1); - }, - /** - * This is the method to use in a document. - * @param {String} selector - REQUIRED - a CSS selector, such as '#doc .container' - **/ - fix: function (selector) { - if (this.screenStyleSheet) { - var selectors, i; - selectors = selector.split(','); /* multiple selectors supported, no need for multiple calls to this anymore */ - for (i=0; i size.H) { - c.B = size.H; - } - el.vml.image.shape.style.clip = 'rect('+c.T+'px '+(c.R+fudge)+'px '+c.B+'px '+(c.L+fudge)+'px)'; - } - else { - el.vml.image.shape.style.clip = 'rect('+dC.T+'px '+dC.R+'px '+dC.B+'px '+dC.L+'px)'; - } - }, - figurePercentage: function (bg, size, axis, position) { - var horizontal, fraction; - fraction = true; - horizontal = (axis == 'X'); - switch(position) { - case 'left': - case 'top': - bg[axis] = 0; - break; - case 'center': - bg[axis] = 0.5; - break; - case 'right': - case 'bottom': - bg[axis] = 1; - break; - default: - if (position.search('%') != -1) { - bg[axis] = parseInt(position, 10) / 100; - } - else { - fraction = false; - } - } - bg[axis] = Math.ceil( fraction ? ( (size[horizontal?'W': 'H'] * bg[axis]) - (size[horizontal?'w': 'h'] * bg[axis]) ) : parseInt(position, 10) ); - if (bg[axis] % 2 === 0) { - bg[axis]++; - } - return bg[axis]; - }, - fixPng: function (el) { - el.style.behavior = 'none'; - var lib, els, nodeStr, v, e; - if (el.nodeName == 'BODY' || el.nodeName == 'TD' || el.nodeName == 'TR') { /* elements not supported yet */ - return; - } - el.isImg = false; - if (el.nodeName == 'IMG') { - if(el.src.toLowerCase().search(/\.png$/) != -1) { - el.isImg = true; - el.style.visibility = 'hidden'; - } - else { - return; - } - } - else if (el.currentStyle.backgroundImage.toLowerCase().search('.png') == -1) { - return; - } - lib = DD_belatedPNG; - el.vml = {color: {}, image: {}}; - els = {shape: {}, fill: {}}; - for (v in el.vml) { - if (el.vml.hasOwnProperty(v)) { - for (e in els) { - if (els.hasOwnProperty(e)) { - nodeStr = lib.ns + ':' + e; - el.vml[v][e] = document.createElement(nodeStr); - } - } - el.vml[v].shape.stroked = false; - el.vml[v].shape.appendChild(el.vml[v].fill); - el.parentNode.insertBefore(el.vml[v].shape, el); - } - } - el.vml.image.shape.fillcolor = 'none'; /* Don't show blank white shapeangle when waiting for image to load. */ - el.vml.image.fill.type = 'tile'; /* Makes image show up. */ - el.vml.color.fill.on = false; /* Actually going to apply vml element's style.backgroundColor, so hide the whiteness. */ - lib.attachHandlers(el); - lib.giveLayout(el); - lib.giveLayout(el.offsetParent); - el.vmlInitiated = true; - lib.applyVML(el); /* Render! */ - } -}; -try { - document.execCommand("BackgroundImageCache", false, true); /* TredoSoft Multiple IE doesn't like this, so try{} it */ -} catch(r) {} -DD_belatedPNG.createVmlNameSpace(); +/** +* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML . +* Author: Drew Diller +* Email: drew.diller@gmail.com +* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/ +* Version: 0.0.8a +* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license +* +* Example usage: +* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector +* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement +**/ + +/* +PLEASE READ: +Absolutely everything in this script is SILLY. I know this. IE's rendering of certain pixels doesn't make sense, so neither does this code! +*/ + +var DD_belatedPNG = { + ns: 'DD_belatedPNG', + imgSize: {}, + delay: 10, + nodesFixed: 0, + createVmlNameSpace: function () { /* enable VML */ + if (document.namespaces && !document.namespaces[this.ns]) { + document.namespaces.add(this.ns, 'urn:schemas-microsoft-com:vml'); + } + }, + createVmlStyleSheet: function () { /* style VML, enable behaviors */ + /* + Just in case lots of other developers have added + lots of other stylesheets using document.createStyleSheet + and hit the 31-limit mark, let's not use that method! + further reading: http://msdn.microsoft.com/en-us/library/ms531194(VS.85).aspx + */ + var screenStyleSheet, printStyleSheet; + screenStyleSheet = document.createElement('style'); + screenStyleSheet.setAttribute('media', 'screen'); + document.documentElement.firstChild.insertBefore(screenStyleSheet, document.documentElement.firstChild.firstChild); + if (screenStyleSheet.styleSheet) { + screenStyleSheet = screenStyleSheet.styleSheet; + screenStyleSheet.addRule(this.ns + '\\:*', '{behavior:url(#default#VML)}'); + screenStyleSheet.addRule(this.ns + '\\:shape', 'position:absolute;'); + screenStyleSheet.addRule('img.' + this.ns + '_sizeFinder', 'behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;'); /* large negative top value for avoiding vertical scrollbars for large images, suggested by James O'Brien, http://www.thanatopsic.org/hendrik/ */ + this.screenStyleSheet = screenStyleSheet; + + /* Add a print-media stylesheet, for preventing VML artifacts from showing up in print (including preview). */ + /* Thanks to Rémi Prévost for automating this! */ + printStyleSheet = document.createElement('style'); + printStyleSheet.setAttribute('media', 'print'); + document.documentElement.firstChild.insertBefore(printStyleSheet, document.documentElement.firstChild.firstChild); + printStyleSheet = printStyleSheet.styleSheet; + printStyleSheet.addRule(this.ns + '\\:*', '{display: none !important;}'); + printStyleSheet.addRule('img.' + this.ns + '_sizeFinder', '{display: none !important;}'); + } + }, + readPropertyChange: function () { + var el, display, v; + el = event.srcElement; + if (!el.vmlInitiated) { + return; + } + if (event.propertyName.search('background') != -1 || event.propertyName.search('border') != -1) { + DD_belatedPNG.applyVML(el); + } + if (event.propertyName == 'style.display') { + display = (el.currentStyle.display == 'none') ? 'none' : 'block'; + for (v in el.vml) { + if (el.vml.hasOwnProperty(v)) { + el.vml[v].shape.style.display = display; + } + } + } + if (event.propertyName.search('filter') != -1) { + DD_belatedPNG.vmlOpacity(el); + } + }, + vmlOpacity: function (el) { + if (el.currentStyle.filter.search('lpha') != -1) { + var trans = el.currentStyle.filter; + trans = parseInt(trans.substring(trans.lastIndexOf('=')+1, trans.lastIndexOf(')')), 10)/100; + el.vml.color.shape.style.filter = el.currentStyle.filter; /* complete guesswork */ + el.vml.image.fill.opacity = trans; /* complete guesswork */ + } + }, + handlePseudoHover: function (el) { + setTimeout(function () { /* wouldn't work as intended without setTimeout */ + DD_belatedPNG.applyVML(el); + }, 1); + }, + /** + * This is the method to use in a document. + * @param {String} selector - REQUIRED - a CSS selector, such as '#doc .container' + **/ + fix: function (selector) { + if (this.screenStyleSheet) { + var selectors, i; + selectors = selector.split(','); /* multiple selectors supported, no need for multiple calls to this anymore */ + for (i=0; i size.H) { + c.B = size.H; + } + el.vml.image.shape.style.clip = 'rect('+c.T+'px '+(c.R+fudge)+'px '+c.B+'px '+(c.L+fudge)+'px)'; + } + else { + el.vml.image.shape.style.clip = 'rect('+dC.T+'px '+dC.R+'px '+dC.B+'px '+dC.L+'px)'; + } + }, + figurePercentage: function (bg, size, axis, position) { + var horizontal, fraction; + fraction = true; + horizontal = (axis == 'X'); + switch(position) { + case 'left': + case 'top': + bg[axis] = 0; + break; + case 'center': + bg[axis] = 0.5; + break; + case 'right': + case 'bottom': + bg[axis] = 1; + break; + default: + if (position.search('%') != -1) { + bg[axis] = parseInt(position, 10) / 100; + } + else { + fraction = false; + } + } + bg[axis] = Math.ceil( fraction ? ( (size[horizontal?'W': 'H'] * bg[axis]) - (size[horizontal?'w': 'h'] * bg[axis]) ) : parseInt(position, 10) ); + if (bg[axis] % 2 === 0) { + bg[axis]++; + } + return bg[axis]; + }, + fixPng: function (el) { + el.style.behavior = 'none'; + var lib, els, nodeStr, v, e; + if (el.nodeName == 'BODY' || el.nodeName == 'TD' || el.nodeName == 'TR') { /* elements not supported yet */ + return; + } + el.isImg = false; + if (el.nodeName == 'IMG') { + if(el.src.toLowerCase().search(/\.png$/) != -1) { + el.isImg = true; + el.style.visibility = 'hidden'; + } + else { + return; + } + } + else if (el.currentStyle.backgroundImage.toLowerCase().search('.png') == -1) { + return; + } + lib = DD_belatedPNG; + el.vml = {color: {}, image: {}}; + els = {shape: {}, fill: {}}; + for (v in el.vml) { + if (el.vml.hasOwnProperty(v)) { + for (e in els) { + if (els.hasOwnProperty(e)) { + nodeStr = lib.ns + ':' + e; + el.vml[v][e] = document.createElement(nodeStr); + } + } + el.vml[v].shape.stroked = false; + el.vml[v].shape.appendChild(el.vml[v].fill); + el.parentNode.insertBefore(el.vml[v].shape, el); + } + } + el.vml.image.shape.fillcolor = 'none'; /* Don't show blank white shapeangle when waiting for image to load. */ + el.vml.image.fill.type = 'tile'; /* Makes image show up. */ + el.vml.color.fill.on = false; /* Actually going to apply vml element's style.backgroundColor, so hide the whiteness. */ + lib.attachHandlers(el); + lib.giveLayout(el); + lib.giveLayout(el.offsetParent); + el.vmlInitiated = true; + lib.applyVML(el); /* Render! */ + } +}; +try { + document.execCommand("BackgroundImageCache", false, true); /* TredoSoft Multiple IE doesn't like this, so try{} it */ +} catch(r) {} +DD_belatedPNG.createVmlNameSpace(); DD_belatedPNG.createVmlStyleSheet(); \ No newline at end of file diff --git a/webroot/js/functions.js b/webroot/js/functions.js index 02319d8..be9a9bb 100644 --- a/webroot/js/functions.js +++ b/webroot/js/functions.js @@ -1,46 +1,46 @@ -// Kameleon Template -//Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) - -// Cufon Setup -jQuery(document).ready(function($) { -Cufon.replace('h3,h4,h5,.process,#tagline '); - - -//Portfolio Hover Effect - $('.portfolio-small li img, .portfolio-list li img').hover(function() { - - $(this).children('a').show(); - $('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: .5 }, 300); - $(this).stop().css('opacity', 1); - - }, function() { - $('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: 1 }, 300); - - }); - -//Homepage Screenshot Scroll -$(".scrollable").scrollable(); - - -//LightBox Setup - $('.portfolio-small a, .portfolio-list a').lightBox({ - fixedNavigation:true, - overlayOpacity: 0.8, - imageLoading: 'img/lightbox/lightbox-ico-loading.gif', - imageBtnClose: 'img/lightbox/lightbox-btn-close.gif', - imageBtnPrev: 'img/lightbox/lightbox-btn-prev.gif', - imageBtnNext: 'img/lightbox/lightbox-btn-next.gif', - imageBlank: 'img/lightbox/lightbox-blank.gif' - - }); - -// Tipsy Tooltips -$('.tooltip').tipsy({fade: true}); -$('.tooltip.north').tipsy({fade: true, gravity: 's'}); -$('.tooltip.east').tipsy({fade: true, gravity: 'w'}); -$('.tooltip.west').tipsy({fade: true, gravity: 'e'}); -// Form Tooltips -$('form [title]').tipsy({fade: true, trigger: 'focus', gravity: 'w'}); - - -}); +// Kameleon Template +//Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) + +// Cufon Setup +jQuery(document).ready(function($) { +Cufon.replace('h3,h4,h5,.process,#tagline '); + + +//Portfolio Hover Effect + $('.portfolio-small li img, .portfolio-list li img').hover(function() { + + $(this).children('a').show(); + $('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: .5 }, 300); + $(this).stop().css('opacity', 1); + + }, function() { + $('.portfolio-small li img, .portfolio-list li img').stop().animate({ opacity: 1 }, 300); + + }); + +//Homepage Screenshot Scroll +$(".scrollable").scrollable(); + + +//LightBox Setup + $('.portfolio-small a, .portfolio-list a').lightBox({ + fixedNavigation:true, + overlayOpacity: 0.8, + imageLoading: 'img/lightbox/lightbox-ico-loading.gif', + imageBtnClose: 'img/lightbox/lightbox-btn-close.gif', + imageBtnPrev: 'img/lightbox/lightbox-btn-prev.gif', + imageBtnNext: 'img/lightbox/lightbox-btn-next.gif', + imageBlank: 'img/lightbox/lightbox-blank.gif' + + }); + +// Tipsy Tooltips +$('.tooltip').tipsy({fade: true}); +$('.tooltip.north').tipsy({fade: true, gravity: 's'}); +$('.tooltip.east').tipsy({fade: true, gravity: 'w'}); +$('.tooltip.west').tipsy({fade: true, gravity: 'e'}); +// Form Tooltips +$('form [title]').tipsy({fade: true, trigger: 'focus', gravity: 'w'}); + + +}); diff --git a/webroot/js/jquery.anchor.js b/webroot/js/jquery.anchor.js index d6db7ab..63bcee3 100644 --- a/webroot/js/jquery.anchor.js +++ b/webroot/js/jquery.anchor.js @@ -1,39 +1,39 @@ -/******* - - *** Anchor Slider by Cedric Dugas *** - *** Http://www.position-absolute.com *** - - Never have an anchor jumping your content, slide it. - - Don't forget to put an id to your anchor ! - You can use and modify this script for any project you want, but please leave this comment as credit. - -*****/ - - - -$(document).ready(function() { - $("a.anchorLink").anchorAnimate() -}); - -jQuery.fn.anchorAnimate = function(settings) { - - settings = jQuery.extend({ - speed : 1100 - }, settings); - - return this.each(function(){ - var caller = this - $(caller).click(function (event) { - event.preventDefault() - var locationHref = window.location.href - var elementClick = $(caller).attr("href") - - var destination = $(elementClick).offset().top; - $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() { - window.location.hash = elementClick - }); - return false; - }) - }) +/******* + + *** Anchor Slider by Cedric Dugas *** + *** Http://www.position-absolute.com *** + + Never have an anchor jumping your content, slide it. + + Don't forget to put an id to your anchor ! + You can use and modify this script for any project you want, but please leave this comment as credit. + +*****/ + + + +$(document).ready(function() { + $("a.anchorLink").anchorAnimate() +}); + +jQuery.fn.anchorAnimate = function(settings) { + + settings = jQuery.extend({ + speed : 1100 + }, settings); + + return this.each(function(){ + var caller = this + $(caller).click(function (event) { + event.preventDefault() + var locationHref = window.location.href + var elementClick = $(caller).attr("href") + + var destination = $(elementClick).offset().top; + $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() { + window.location.hash = elementClick + }); + return false; + }) + }) } \ No newline at end of file diff --git a/webroot/js/jquery.form.js b/webroot/js/jquery.form.js index e9d5df5..d0e118e 100644 --- a/webroot/js/jquery.form.js +++ b/webroot/js/jquery.form.js @@ -1,37 +1,37 @@ -jQuery(document).ready(function(){ - - $('#contactform').submit(function(){ - - var action = $(this).attr('action'); - - $("#message").slideUp(750,function() { - $('#message').hide(); - - $('#submit') - .after('') - .attr('disabled','disabled'); - - $.post(action, { - name: $('#name').val(), - email: $('#email').val(), - subject: $('#subject').val(), - comments: $('#comments').val(), - verify: $('#verify').val() - }, - function(data){ - document.getElementById('message').innerHTML = data; - $('#message').slideDown('slow'); - $('#contactform img.loader').fadeOut('slow',function(){$(this).remove()}); - $('#contactform #submit').attr('disabled',''); - if(data.match('success') != null) $('#contactform').slideUp('slow'); - - } - ); - - }); - - return false; - - }); - +jQuery(document).ready(function(){ + + $('#contactform').submit(function(){ + + var action = $(this).attr('action'); + + $("#message").slideUp(750,function() { + $('#message').hide(); + + $('#submit') + .after('') + .attr('disabled','disabled'); + + $.post(action, { + name: $('#name').val(), + email: $('#email').val(), + subject: $('#subject').val(), + comments: $('#comments').val(), + verify: $('#verify').val() + }, + function(data){ + document.getElementById('message').innerHTML = data; + $('#message').slideDown('slow'); + $('#contactform img.loader').fadeOut('slow',function(){$(this).remove()}); + $('#contactform #submit').attr('disabled',''); + if(data.match('success') != null) $('#contactform').slideUp('slow'); + + } + ); + + }); + + return false; + + }); + }); \ No newline at end of file diff --git a/webroot/js/jquery.lightbox-0.5.min.js b/webroot/js/jquery.lightbox-0.5.min.js index 5f13b0b..429f0c5 100644 --- a/webroot/js/jquery.lightbox-0.5.min.js +++ b/webroot/js/jquery.lightbox-0.5.min.js @@ -1,42 +1,42 @@ -/** - * jQuery lightBox plugin - * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) - * and adapted to me for use like a plugin from jQuery. - * @name jquery-lightbox-0.5.js - * @author Leandro Vieira Pinho - http://leandrovieira.com - * @version 0.5 - * @date April 11, 2008 - * @category jQuery plugin - * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) - * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US - * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin - */ -(function($){$.fn.lightBox=function(settings){settings=jQuery.extend({overlayBgColor:'#000',overlayOpacity:0.8,fixedNavigation:false,imageLoading:'images/lightbox-ico-loading.gif',imageBtnPrev:'images/lightbox-btn-prev.gif',imageBtnNext:'images/lightbox-btn-next.gif',imageBtnClose:'images/lightbox-btn-close.gif',imageBlank:'images/lightbox-blank.gif',containerBorderSize:10,containerResizeSpeed:400,txtImage:'Image',txtOf:'of',keyToClose:'c',keyToPrev:'p',keyToNext:'n',imageArray:[],activeImage:0},settings);var jQueryMatchedObj=this;function _initialize(){_start(this,jQueryMatchedObj);return false;} -function _start(objClicked,jQueryMatchedObj){$('embed, object, select').css({'visibility':'hidden'});_set_interface();settings.imageArray.length=0;settings.activeImage=0;if(jQueryMatchedObj.length==1){settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('title')));}else{for(var i=0;i
');var arrPageSizes=___getPageSize();$('#jquery-overlay').css({backgroundColor:settings.overlayBgColor,opacity:settings.overlayOpacity,width:arrPageSizes[0],height:arrPageSizes[1]}).fadeIn();var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]}).show();$('#jquery-overlay,#jquery-lightbox').click(function(){_finish();});$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function(){_finish();return false;});$(window).resize(function(){var arrPageSizes=___getPageSize();$('#jquery-overlay').css({width:arrPageSizes[0],height:arrPageSizes[1]});var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]});});} -function _set_image_to_view(){$('#lightbox-loading').show();if(settings.fixedNavigation){$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}else{$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();} -var objImagePreloader=new Image();objImagePreloader.onload=function(){$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);objImagePreloader.onload=function(){};};objImagePreloader.src=settings.imageArray[settings.activeImage][0];};function _resize_container_image_box(intImageWidth,intImageHeight){var intCurrentWidth=$('#lightbox-container-image-box').width();var intCurrentHeight=$('#lightbox-container-image-box').height();var intWidth=(intImageWidth+(settings.containerBorderSize*2));var intHeight=(intImageHeight+(settings.containerBorderSize*2));var intDiffW=intCurrentWidth-intWidth;var intDiffH=intCurrentHeight-intHeight;$('#lightbox-container-image-box').animate({width:intWidth,height:intHeight},settings.containerResizeSpeed,function(){_show_image();});if((intDiffW==0)&&(intDiffH==0)){if($.browser.msie){___pause(250);}else{___pause(100);}} -$('#lightbox-container-image-data-box').css({width:intImageWidth});$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({height:intImageHeight+(settings.containerBorderSize*2)});};function _show_image(){$('#lightbox-loading').hide();$('#lightbox-image').fadeIn(function(){_show_image_data();_set_navigation();});_preload_neighbor_images();};function _show_image_data(){$('#lightbox-container-image-data-box').slideDown('fast');$('#lightbox-image-details-caption').hide();if(settings.imageArray[settings.activeImage][1]){$('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show();} -if(settings.imageArray.length>1){$('#lightbox-image-details-currentNumber').html(settings.txtImage+' '+(settings.activeImage+1)+' '+settings.txtOf+' '+settings.imageArray.length).show();}} -function _set_navigation(){$('#lightbox-nav').show();$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({'background':'transparent url('+settings.imageBlank+') no-repeat'});if(settings.activeImage!=0){if(settings.fixedNavigation){$('#lightbox-nav-btnPrev').css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnPrev').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}} -if(settings.activeImage!=(settings.imageArray.length-1)){if(settings.fixedNavigation){$('#lightbox-nav-btnNext').css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnNext').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}} -_enable_keyboard_navigation();} -function _enable_keyboard_navigation(){$(document).keydown(function(objEvent){_keyboard_action(objEvent);});} -function _disable_keyboard_navigation(){$(document).unbind();} -function _keyboard_action(objEvent){if(objEvent==null){keycode=event.keyCode;escapeKey=27;}else{keycode=objEvent.keyCode;escapeKey=objEvent.DOM_VK_ESCAPE;} -key=String.fromCharCode(keycode).toLowerCase();if((key==settings.keyToClose)||(key=='x')||(keycode==escapeKey)){_finish();} -if((key==settings.keyToPrev)||(keycode==37)){if(settings.activeImage!=0){settings.activeImage=settings.activeImage-1;_set_image_to_view();_disable_keyboard_navigation();}} -if((key==settings.keyToNext)||(keycode==39)){if(settings.activeImage!=(settings.imageArray.length-1)){settings.activeImage=settings.activeImage+1;_set_image_to_view();_disable_keyboard_navigation();}}} -function _preload_neighbor_images(){if((settings.imageArray.length-1)>settings.activeImage){objNext=new Image();objNext.src=settings.imageArray[settings.activeImage+1][0];} -if(settings.activeImage>0){objPrev=new Image();objPrev.src=settings.imageArray[settings.activeImage-1][0];}} -function _finish(){$('#jquery-lightbox').remove();$('#jquery-overlay').fadeOut(function(){$('#jquery-overlay').remove();});$('embed, object, select').css({'visibility':'visible'});} -function ___getPageSize(){var xScroll,yScroll;if(window.innerHeight&&window.scrollMaxY){xScroll=window.innerWidth+window.scrollMaxX;yScroll=window.innerHeight+window.scrollMaxY;}else if(document.body.scrollHeight>document.body.offsetHeight){xScroll=document.body.scrollWidth;yScroll=document.body.scrollHeight;}else{xScroll=document.body.offsetWidth;yScroll=document.body.offsetHeight;} -var windowWidth,windowHeight;if(self.innerHeight){if(document.documentElement.clientWidth){windowWidth=document.documentElement.clientWidth;}else{windowWidth=self.innerWidth;} -windowHeight=self.innerHeight;}else if(document.documentElement&&document.documentElement.clientHeight){windowWidth=document.documentElement.clientWidth;windowHeight=document.documentElement.clientHeight;}else if(document.body){windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight;} -if(yScroll
');var arrPageSizes=___getPageSize();$('#jquery-overlay').css({backgroundColor:settings.overlayBgColor,opacity:settings.overlayOpacity,width:arrPageSizes[0],height:arrPageSizes[1]}).fadeIn();var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]}).show();$('#jquery-overlay,#jquery-lightbox').click(function(){_finish();});$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function(){_finish();return false;});$(window).resize(function(){var arrPageSizes=___getPageSize();$('#jquery-overlay').css({width:arrPageSizes[0],height:arrPageSizes[1]});var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]});});} +function _set_image_to_view(){$('#lightbox-loading').show();if(settings.fixedNavigation){$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}else{$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();} +var objImagePreloader=new Image();objImagePreloader.onload=function(){$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);objImagePreloader.onload=function(){};};objImagePreloader.src=settings.imageArray[settings.activeImage][0];};function _resize_container_image_box(intImageWidth,intImageHeight){var intCurrentWidth=$('#lightbox-container-image-box').width();var intCurrentHeight=$('#lightbox-container-image-box').height();var intWidth=(intImageWidth+(settings.containerBorderSize*2));var intHeight=(intImageHeight+(settings.containerBorderSize*2));var intDiffW=intCurrentWidth-intWidth;var intDiffH=intCurrentHeight-intHeight;$('#lightbox-container-image-box').animate({width:intWidth,height:intHeight},settings.containerResizeSpeed,function(){_show_image();});if((intDiffW==0)&&(intDiffH==0)){if($.browser.msie){___pause(250);}else{___pause(100);}} +$('#lightbox-container-image-data-box').css({width:intImageWidth});$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({height:intImageHeight+(settings.containerBorderSize*2)});};function _show_image(){$('#lightbox-loading').hide();$('#lightbox-image').fadeIn(function(){_show_image_data();_set_navigation();});_preload_neighbor_images();};function _show_image_data(){$('#lightbox-container-image-data-box').slideDown('fast');$('#lightbox-image-details-caption').hide();if(settings.imageArray[settings.activeImage][1]){$('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show();} +if(settings.imageArray.length>1){$('#lightbox-image-details-currentNumber').html(settings.txtImage+' '+(settings.activeImage+1)+' '+settings.txtOf+' '+settings.imageArray.length).show();}} +function _set_navigation(){$('#lightbox-nav').show();$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({'background':'transparent url('+settings.imageBlank+') no-repeat'});if(settings.activeImage!=0){if(settings.fixedNavigation){$('#lightbox-nav-btnPrev').css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnPrev').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}} +if(settings.activeImage!=(settings.imageArray.length-1)){if(settings.fixedNavigation){$('#lightbox-nav-btnNext').css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnNext').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}} +_enable_keyboard_navigation();} +function _enable_keyboard_navigation(){$(document).keydown(function(objEvent){_keyboard_action(objEvent);});} +function _disable_keyboard_navigation(){$(document).unbind();} +function _keyboard_action(objEvent){if(objEvent==null){keycode=event.keyCode;escapeKey=27;}else{keycode=objEvent.keyCode;escapeKey=objEvent.DOM_VK_ESCAPE;} +key=String.fromCharCode(keycode).toLowerCase();if((key==settings.keyToClose)||(key=='x')||(keycode==escapeKey)){_finish();} +if((key==settings.keyToPrev)||(keycode==37)){if(settings.activeImage!=0){settings.activeImage=settings.activeImage-1;_set_image_to_view();_disable_keyboard_navigation();}} +if((key==settings.keyToNext)||(keycode==39)){if(settings.activeImage!=(settings.imageArray.length-1)){settings.activeImage=settings.activeImage+1;_set_image_to_view();_disable_keyboard_navigation();}}} +function _preload_neighbor_images(){if((settings.imageArray.length-1)>settings.activeImage){objNext=new Image();objNext.src=settings.imageArray[settings.activeImage+1][0];} +if(settings.activeImage>0){objPrev=new Image();objPrev.src=settings.imageArray[settings.activeImage-1][0];}} +function _finish(){$('#jquery-lightbox').remove();$('#jquery-overlay').fadeOut(function(){$('#jquery-overlay').remove();});$('embed, object, select').css({'visibility':'visible'});} +function ___getPageSize(){var xScroll,yScroll;if(window.innerHeight&&window.scrollMaxY){xScroll=window.innerWidth+window.scrollMaxX;yScroll=window.innerHeight+window.scrollMaxY;}else if(document.body.scrollHeight>document.body.offsetHeight){xScroll=document.body.scrollWidth;yScroll=document.body.scrollHeight;}else{xScroll=document.body.offsetWidth;yScroll=document.body.offsetHeight;} +var windowWidth,windowHeight;if(self.innerHeight){if(document.documentElement.clientWidth){windowWidth=document.documentElement.clientWidth;}else{windowWidth=self.innerWidth;} +windowHeight=self.innerHeight;}else if(document.documentElement&&document.documentElement.clientHeight){windowWidth=document.documentElement.clientWidth;windowHeight=document.documentElement.clientHeight;}else if(document.body){windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight;} +if(yScroll