diff options
| -rw-r--r-- | views/layouts/index.php_files/basic.css | 394 | ||||
| -rw-r--r-- | views/layouts/index.php_files/ie.css | 146 | ||||
| -rw-r--r-- | views/layouts/index.php_files/main.js | 574 | ||||
| -rw-r--r-- | views/layouts/index.php_files/style.css | 3704 | ||||
| -rw-r--r-- | views/layouts/untitled.html.php | 1460 | ||||
| -rw-r--r-- | webroot/css/base.css | 2340 | ||||
| -rw-r--r-- | webroot/css/grid.css | 966 | ||||
| -rw-r--r-- | webroot/css/style.css | 340 | ||||
| -rw-r--r-- | webroot/css/themes/black.css | 56 | ||||
| -rw-r--r-- | webroot/css/themes/blue.css | 58 | ||||
| -rw-r--r-- | webroot/css/themes/dark.css | 62 | ||||
| -rw-r--r-- | webroot/css/themes/green.css | 58 | ||||
| -rw-r--r-- | webroot/css/themes/grey.css | 64 | ||||
| -rw-r--r-- | webroot/css/themes/light.css | 60 | ||||
| -rw-r--r-- | webroot/css/themes/purple.css | 56 | ||||
| -rw-r--r-- | webroot/css/themes/red.css | 60 | ||||
| -rw-r--r-- | webroot/js/dd_belatedpng.js | 654 | ||||
| -rw-r--r-- | webroot/js/functions.js | 92 | ||||
| -rw-r--r-- | webroot/js/jquery.anchor.js | 76 | ||||
| -rw-r--r-- | webroot/js/jquery.form.js | 72 | ||||
| -rw-r--r-- | 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 = '<div class="loading-indicator">' +
- '<div class="loading-overlay"> </div>' +
- '<img class="loading" src="application/views/images/loading.gif" />' +
- '</div>';
-
- 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 <bhb@iceburg.net>
- * 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 = $('<div></div>').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('<span id="jqmP' + h.w[0]._jqm + '"></span>').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 = $('<iframe src="javascript:false;document.write(\'\');" class="jqm"></iframe>').css({opacity:0}),
- e = function(h)
- {
- if (ie6)if (h.o)h.o.html('<p style="width:100%;height:100%"/>').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 = '<div class="loading-indicator">' + + '<div class="loading-overlay"> </div>' + + '<img class="loading" src="application/views/images/loading.gif" />' + + '</div>'; + + 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 <bhb@iceburg.net> + * 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 = $('<div></div>').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('<span id="jqmP' + h.w[0]._jqm + '"></span>').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 = $('<iframe src="javascript:false;document.write(\'\');" class="jqm"></iframe>').css({opacity:0}), + e = function(h) + { + if (ie6)if (h.o)h.o.html('<p style="width:100%;height:100%"/>').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 <bhb@iceburg.net> */
-
-/* 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 <bhb@iceburg.net> */ + +/* 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 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><!-- Source is http://safe.tumblr.com/theme/preview/15452 -->
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="Description" content="Description" />
- <title>Untitled</title>
-
- <link rel="shortcut icon" href="http://assets.tumblr.com/images/default_avatar_16.gif" />
- <link rel="apple-touch-icon" href="http://assets.tumblr.com/images/default_avatar_128.gif"/>
- <link rel="alternate" type="application/rss+xml" href="http://demo.tumblr.com/rss" />
-
- <!-- Default Colors -->
- <meta name="color:Background" content="#eee" />
- <meta name="color:Main Text" content="#555" />
- <meta name="color:Sidebar Text" content="#555" />
- <meta name="color:Link" content="#860000" />
- <meta name="color:Navigation Link" content="#555" />
-
- <!-- Options -->
- <meta name="if:Show Tags" content="1" />
- <meta name="if:Show Archive Link" content="1" />
- <meta name="if:Show Home Link in Navigation" content="1" />
- <meta name="if:Show RSS Link in Navigation" content="1" />
- <meta name="if:Show Album Artwork on Audio Posts" content="1" />
- <meta name="if:Force Uppercase" content="1" />
- <meta name="if:Show date flag on new dates only" content="0" />
- <meta name="if:Show People I Follow" content="0" />
- <meta name="if:Enable Endless Scrolling" content="0" />
-
- <meta name="text:Random Post Label" content="" />
- <meta name="text:Disqus Shortname" content="" />
-
- <style type="text/css">
- /* Simple Things v1.2.0 - A Tumblr theme by Dan Hauk http://www.dan-hauk.com */
-
- html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;} q:before,q:after {content:'';} abbr,acronym {border:0;} a img {border: 0;}
-
- * {outline:none; -moz-outline:none;}
-
- strong { font-style:inherit; font-weight: bold; }
- em { font-style: italic; }
-
- .clear {clear:both; height:1px; margin-bottom:-1px;}
-
- /* Here we go */
- body {
- background: #eee;
- color: #555;
- font-family: Helvetica, Arial, sans-serif;
- font-size: 12px;
- text-align: center;
- }
-
- #wrap {
- background: url(/15452_files/simplethings-header-bg.png) repeat-x top left;
- }
-
- #container {
- margin: 0 auto;
- text-align: left;
- width: 800px;
- }
-
- a { color: #860000; text-decoration: none; }
- a:hover { color: #000; text-decoration: underline; }
-
- /***** Header *****/
- #title {
- color: #ddd;
- float: left;
- font-size: 30px;
- font-weight: bold;
- letter-spacing: -.1em;
- line-height: 61px;
- margin-bottom: 10px;
- text-shadow: -1px -1px #000;
- text-transform: uppercase;
- }
-
- #title a {
- color: #ddd;
- text-decoration: none;
- }
-
- #header-search-bar {
- background: url(/15452_files/simplethings-search-full.png) no-repeat top left;
- float: right;
- height: 30px;
- margin-top: 15px;
- width: 279px;
- }
-
- #search-input {
- background: 0;
- border: 0;
- color: #666;
- font-family: Helvetica, Arial, sans-serif;
- font-size: 12px;
- margin: 8px 0 0 27px;
- width: 180px;
- }
-
- #search-submit {
- background: 0;
- border: 0;
- cursor: pointer;
- font-size: 1px;
- height: 27px;
- text-indent: -9999em;
- width: 68px;
- }
-
- #header-rss {
- background: #915909 url(/15452_files/simplethings-rss-btn.png) repeat-x top left;
- border: 1px solid #000;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-box-shadow: 0 1px #5a636b;
- -webkit-box-shadow: 0 1px #5a636b;
- color: #4a2e06;
- display: block;
- font-weight: bold;
- float: right;
- height: 26px;
- line-height: 28px;
- margin: 15px 0 0 10px;
- padding: 0 10px;
- text-shadow: 1px 1px #c0965b;
- }
-
- #header-rss:hover { text-decoration: none; }
-
- #header-rss span {
- background: url(/15452_files/simplethings-rss-icon.png) no-repeat left center;
- display: block;
- padding-left: 15px;
- }
-
- /***** Posts *****/
- #left-column {
- float: left;
- margin: 40px 50px 0 0;
- width: 500px;
- }
-
- #left-column h2 {
- font-size: 20px;
- text-shadow: 1px 1px #fff;
- text-transform: uppercase;
- }
-
- .newpost { height: 40px; }
-
- #left-column .date {
- background: url(/15452_files/simplethings-date-flag.png) no-repeat right center;
- color: #fff;
- float: left;
- height: 40px;
- margin: 20px 0 0 -75px;
- width: 75px;
- }
-
- .date .month,
- .date .day {
- display: block;
- text-align: center;
- text-transform: uppercase;
- width: 75px;
- }
-
- .date .month { font-size: 10px; margin: 0; padding: 5px 0 0; }
- .date .day { font-size: 24px; line-height: .8em; margin: 0; }
-
- .month a,
- .day a { color: #fff; display: block; }
- .month a:hover,
- .day a:hover { text-decoration: none;}
-
- #left-column .post {
- background: #fff;
- border: 1px solid #ccc;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- float: left;
- padding-top: 20px;
- width: 500px;
- }
-
- .post h3 {
- font-size: 18px;
- padding: 0 20px 15px;
- text-transform: uppercase;
- }
-
- .post p { line-height: 1.5em; padding: 0 20px 15px; }
-
- .post img { max-width: 460px; }
-
- .post ol {
- list-style: decimal;
- margin: 0 50px 15px;
- }
-
- .post ol li { padding: 3px 0; }
-
- .post ul { list-style: disc; margin: 0 50px 15px; }
-
- .post ul li { padding: 3px 0; }
-
- .post blockquote {
- border-left: 3px solid #ddd;
- font-style: italic;
- margin: 0 20px 20px;
- padding-left: 10px;
- }
-
- .postmeta {
- background: #dee9f4;
- color: #365c7f;
- min-height: 25px;
- overflow: hidden;
- text-shadow: 1px 1px #fff;
- }
-
- .postmeta a { color: #365c7f; }
-
- .postmeta p { padding: 5px 0; }
-
- .postmeta .posttime,
- .postmeta .reblogged {
- float: left;
- margin-left: 20px;
- padding-left: 16px;
- }
-
- .postmeta .posttime { background: url(/15452_files/simplethings-clock.png) no-repeat left center; padding-left: 18px; }
- .postmeta .reblogged { background: url(/15452_files/simplethings-reblogged.png) no-repeat left center; }
-
- .postmeta .tags {
- background: url(/15452_files/simplethings-tags.png) no-repeat 0 7px;
- clear: left;
- float: left;
- margin: -5px 20px 0;
- padding-left: 16px;
- }
-
- .postmeta .notes {
- float: right;
- margin-right: 10px;
- }
-
- .postmeta .disqus-count {
- float: right;
- margin-right: 20px;
- }
-
- .postmeta .hiddentime { display: none !important; }
-
- /***** Post - Photo *****/
- .post-photo img {
- border: 5px solid #ddd;
- margin: 0 20px 10px;
- }
-
- .html_photoset { margin: 20px auto 0; text-align: center; }
-
- /***** Post - Quote *****/
- .post-quote .quote {
- background: url(/15452_files/simplethings-quote.png) no-repeat top left;
- font-size: 18px;
- margin: 0 20px;
- padding-left: 45px;
- }
-
- .post-quote .source { font-style: italic; }
-
- /***** Post - Chat *****/
- .post-chat h3 { margin-bottom: 0; }
-
- ul.chat { margin: 0 20px 10px; }
-
- ul.chat li { list-style:none; padding-bottom: 10px; }
-
- ul.chat li span {
- color: #777;
- font-size: 11px;
- padding-right: 15px;
- text-transform: uppercase;
- }
-
- /***** Post - Audio *****/
- .album-art {
- float: left;
- margin: 0 10px 15px 20px;
- }
-
- .audio_player { margin: 0 0 10px 20px; }
-
- /***** Post - Video *****/
- .video-container { margin: 0 20px 20px; text-align: center; }
-
- /***** Post - Answer *****/
- .question-top {
- background: #2d3d4b url(/15452_files/simplethings-question-top-blue.png) no-repeat top left;
- height: 6px;
- margin: 0 20px;
- padding: 0;
- width: 460px;
- }
-
- .question {
- background: #2d3d4b url(/15452_files/simplethings-question-bg-blue.png) repeat-y top left;
- margin: 0 20px;
- width: 460px;
- }
-
- .question p {
- color: #fff;
- font-size: 14px;
- padding: 15px 20px;
- }
-
- .question-bottom {
- background: url(/15452_files/simplethings-question-bottom-blue.png) no-repeat top left;
- clear: both;
- margin: 0 20px;
- width: 460px
- }
-
- .question-bottom .asker-info { padding: 16px 0; }
-
- .asker-avatar {
- float: left;
- margin: 0 10px 15px 9px;
- }
-
- .asker-info .asker {
- float: left;
- font-weight: bold;
- margin-top: 5px;
- }
-
- .answer {
- border-top: 1px solid #ddd;
- clear: both;
- margin: 0 20px;
- padding: 15px 0 0;
- }
-
- .answer p { padding: 0 0 15px; }
-
- /***** Pagination *****/
- .tumblrAutoPager_page_separator,
- .tumblrAutoPager_page_info {display:none}
-
- #pagination {
- clear: both;
- overflow: hidden;
- }
-
- #pagination a {
- background: #cdcdcd url(/15452_files/simplethings-page-btn.png) repeat-x 0 0;
- border: 1px solid #aaa;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-box-shadow: 0 1px #fff;
- -webkit-box-shadow: 0 1px #fff;
- color: #666;
- display: block;
- height: 24px;
- line-height: 25px;
- margin-bottom: 50px;
- padding: 0 10px;
- text-shadow: 1px 1px #f1f1f1;
- }
-
- #pagination a:hover {
- background-position: 0 -25px;
- text-decoration: none;
- }
-
- #pagination .next-page { float: right; }
- #pagination .prev-page { float: left; }
-
- #pagination .next-page span {
- background: url(/15452_files/simplethings-arrow-next.png) no-repeat right center;
- padding-right: 20px;
- }
-
- #pagination .prev-page span {
- background: url(/15452_files/simplethings-arrow-prev.png) no-repeat left center;
- padding-left: 22px;
- }
-
- /***** Permalink *****/
- #share-links {border-bottom:1px solid #ccc; margin:-30px 0 30px; padding-bottom:10px}
-
- .disqus-credit { text-align: right; margin: 5px 0 40px; }
-
- #permalink-notes { margin-bottom: 40px; }
-
- #permalink-notes .notes { border-bottom: 1px solid #fff; border-top: 1px solid #ddd; }
-
- #permalink-notes .notes li {
- border-bottom: 1px solid #ddd;
- border-top: 1px solid #fff;
- padding: 9px 0 10px;
- text-shadow: 1px 1px #fff;
- }
-
- .notes li .avatar { margin-bottom: -3px; }
- .notes li blockquote {
- border-left: 3px solid #ccc;
- font-style: italic;
- margin: 5px 0 0 20px;
- padding-left: 5px;
- }
- .notes li blockquote a { color: #777; }
-
- /***** Sidebar *****/
- #right-column {
- color: #555;
- float: left;
- margin-top: 40px;
- width: 250px;
- }
-
- .sidebar-box {
- border-bottom: 1px solid #ccc;
- border-top: 1px solid #fff;
- padding: 20px 0;
- }
-
- .sidebar-box h3 {
- font-size: 16px;
- letter-spacing: -.05em;
- text-shadow: 1px 1px #fff;
- text-transform: uppercase;
- }
-
- .last-sidebar { border-bottom: 0; }
-
- #right-column #about-box { border-top: 0 !important; padding-top: 0 !important; }
-
- #avatar {
- background: url(/15452_files/simplethings-user-pic.png) no-repeat top left;
- float: left;
- margin: 0 5px 10px -5px;
- padding: 8px;
- }
-
- .about-title {
- color: #666;
- float: left;
- font-size: 14px;
- overflow: hidden;
- text-shadow: 1px 1px #fff;
- text-transform: uppercase;
- width: 180px;
- }
-
- .about-title span {
- display: block;
- font-size: 18px;
- margin-top: 5px;
- }
-
- .blog-description {
- clear: both;
- line-height: 1.4em;
- text-shadow: 1px 1px #fff;
- }
-
- #sidebar-nav li a {
- border: 1px solid transparent;
- color: #555;
- display: block;
- font-size: 16px;
- font-weight: bold;
- letter-spacing: -.05em;
- padding: 5px;
- text-shadow: 1px 1px #fff;
- text-transform: uppercase;
- }
-
- #sidebar-nav li a:hover {
- background: #ddd;
- border-color: #ccc;
- -moz-box-shadow: 0 1px #fff;
- text-decoration: none;
- }
-
- /***** Following *****/
- ul.people-following { margin-top: 10px; }
- ul.people-following li {
- float: left;
- margin: 0 5px 5px 0;
- }
-
- /***** Likes *****/
- ul#likes li .post_info_top {
- background: #ddd;
- display: block !important;
- font-size: 10px;
- margin: 20px 0 5px;
- padding: 5px;
- }
-
- ul#likes img {max-width:250px !important;}
-
- /***** Footer *****/
- #footer {
- background: #aaa url(/15452_files/simplethings-footer-bg.png) repeat-x top left;
- border-top: 1px solid #aaa;
- margin-top: 40px;
- min-height: 35px;
- text-align: center;
- }
-
- #footer-inner {
- clear: both;
- color: #666;
- margin: 0 auto;
- padding: 12px;
- text-shadow: 1px 1px #d0d0d0;
- width: 800px;
- }
-
- #footer-inner a { color: #0f3455; }
- </style>
-
- <style type="text/css"></style>
-
-
-
-</head>
-<body>
-
-<div id="wrap">
- <div id="container">
- <h1 id="title"><a href="#" title="/">Untitled</a></h1>
-
- <a href="#" title="http://demo.tumblr.com/rss" id="header-rss"><span>RSS</span></a>
-
- <form action="/search" method="get" id="header-search-bar">
- <input type="text" name="q" value="" id="search-input" />
- <input type="submit" value="Search" id="search-submit" />
- </form>
-
- <div class="clear"></div>
-
- <!-- Begin Posts -->
- <div id="left-column">
-
-
-
-
-
-
-
- <div class="autopagerize_page_element">
-
- <?= $this->content(); ?>
-
-
-
-
-
-
-
-
-
- </div> <!-- .auto_pagerize_element -->
-
-
-
-
- <div id="pagination">
-
- <a href="#" title="/page/2" class="next-page">Next Page →</a>
- </div> <!-- #pagination -->
-
- </div> <!-- #left-column -->
-
- <!-- Sidebar -->
- <div id="right-column">
- <div class="sidebar-box" id="about-box">
- <img src="/15452_files/default_avatar_48.gif" alt="Untitled" id="avatar" />
- <p class="about-title"><span>About</span> Untitled</p>
- <div class="blog-description">
- Description
- </div> <!-- .blog-description -->
- </div> <!-- .sidebar-box -->
-
- <div class="sidebar-box">
- <ul id="sidebar-nav">
- <li><a href="#" title="/">Home</a></li>
-
-
-
-
- <li><a href="#" title="/archive">Archive</a></li>
- <li><a href="#" title="http://demo.tumblr.com/rss">RSS Feed</a></li>
- </ul>
- </div> <!-- .sidebar-box -->
-
-
- <div class="sidebar-box" id="likes">
- <h3>Posts I Like</h3>
- <ul id="likes">
-<li class="like_post like_quote_post">
-
- <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/236/it-does-not-matter-how-slow-you-go-so-long-as-you">Quote</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-
- <div class="like_quote">
- <span class="like_left_quote">“</span><span class="like_quote">It does not matter how slow you go so long as you do not stop.</span><span class="like_right_quote">”</span>
- </div>
-
- <div class="like_source">
- — Wisdom of <a href="#" title="http://en.wikipedia.org/wiki/Confucius">Confucius</a>
- </div>
-
-
- <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/236/it-does-not-matter-how-slow-you-go-so-long-as-you">Quote</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-
- </li>
-<li class="like_post like_photo_post">
-
- <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">Photo</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-
-
- <a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">
- <img class="like_photo" alt=""
- src="/15452_files/tumblr_kzjlfiTnfe1qz4rgho1_250.jpg"/>
- </a>
- <div class="like_below_photo"></div>
-
- <div class="like_caption">
- <p>Passing through Times Square by <a href="#" title="http://www.mareenfischinger.com/">Mareen Fischinger</a></p> </div>
-
-
- <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">Photo</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-
- </li>
-<li class="like_post like_link_post">
-
- <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/234/my-favorite-web-site">Link</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-
- <div class="like_link">
- <a href="#" title="http://">My favorite web site</a>
- </div>
-
- <div class="like_caption">
- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna...</p> </div>
-
-
- <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/234/my-favorite-web-site">Link</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-
- </li>
-<li class="like_post like_chat_post">
-
- <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/233/jack-hey-you-know-what-sucks-lindsey">Chat</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-
-
- <div class="like_chat">
- <div class="like_line">
- <strong>Jack:</strong>
- Hey, you know what sucks?
- </div>
- <div class="like_line">
- <strong>Lindsey:</strong>
- vaccuums
- </div>
- <div class="like_line">
- <strong>Jack:</strong>
- Hey, you know what sucks in a metaphorical sense?
- </div>
- <div class="like_line">
- <strong>Lindsey:</strong>
- black holes
- </div>
- <div class="like_line">
- <strong>Jack:</strong>
- Hey, you know what just isn't cool?
- </div>
- <div class="like_line">... ...</div>
- </div>
-
-
- <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/233/jack-hey-you-know-what-sucks-lindsey">Chat</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-
- </li>
-<li class="like_post like_audio_post">
-
- <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459260683/allison-weiss-fingers-crossed">Audio post</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-
- <div class="like_audio">
- <embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player_black.swf?audio_file=http://www.tumblr.com/audio_file/459260683/tumblr_ksc4i2SkVU1qz8ouq&color=FFFFFF" height="27" width="207" quality="best"></embed> </div>
-
- <div style="margin-top:10px;" class="like_post_body">
- <p><strong><a href="#" title="http://allisonweiss.tumblr.com/">Allison Weiss</a> —</strong> Fingers Crossed</p> </div>
-
- <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459260683/allison-weiss-fingers-crossed">Audio post</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div>
-
- </li></ul>
- </div>
-
-
-
-
- <div class="sidebar-box last-sidebar"></div>
- </div> <!-- #right-column -->
-
- <div class="clear"></div>
- </div> <!-- #container -->
-
- <div id="footer">
- <div id="footer-inner">
- <p>Copyright © 2007–2011 <a href="#" title="/">Untitled</a>. Powered by <a href="#" title="http://www.tumblr.com">Tumblr</a>.
- <a href="#" title="http://simplethingstheme.tumblr.com/">Simple Things</a> theme by <a href="#" title="http://www.dan-hauk.com">Dan Hauk</a>.</p>
- </div> <!-- #footer-inner -->
- </div> <!-- #footer -->
-</div> <!-- #wrap -->
-
-
-
-</body>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><!-- Source is http://safe.tumblr.com/theme/preview/15452 --> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <meta name="Description" content="Description" /> + <title>Untitled</title> + + <link rel="shortcut icon" href="http://assets.tumblr.com/images/default_avatar_16.gif" /> + <link rel="apple-touch-icon" href="http://assets.tumblr.com/images/default_avatar_128.gif"/> + <link rel="alternate" type="application/rss+xml" href="http://demo.tumblr.com/rss" /> + + <!-- Default Colors --> + <meta name="color:Background" content="#eee" /> + <meta name="color:Main Text" content="#555" /> + <meta name="color:Sidebar Text" content="#555" /> + <meta name="color:Link" content="#860000" /> + <meta name="color:Navigation Link" content="#555" /> + + <!-- Options --> + <meta name="if:Show Tags" content="1" /> + <meta name="if:Show Archive Link" content="1" /> + <meta name="if:Show Home Link in Navigation" content="1" /> + <meta name="if:Show RSS Link in Navigation" content="1" /> + <meta name="if:Show Album Artwork on Audio Posts" content="1" /> + <meta name="if:Force Uppercase" content="1" /> + <meta name="if:Show date flag on new dates only" content="0" /> + <meta name="if:Show People I Follow" content="0" /> + <meta name="if:Enable Endless Scrolling" content="0" /> + + <meta name="text:Random Post Label" content="" /> + <meta name="text:Disqus Shortname" content="" /> + + <style type="text/css"> + /* Simple Things v1.2.0 - A Tumblr theme by Dan Hauk http://www.dan-hauk.com */ + + html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;} q:before,q:after {content:'';} abbr,acronym {border:0;} a img {border: 0;} + + * {outline:none; -moz-outline:none;} + + strong { font-style:inherit; font-weight: bold; } + em { font-style: italic; } + + .clear {clear:both; height:1px; margin-bottom:-1px;} + + /* Here we go */ + body { + background: #eee; + color: #555; + font-family: Helvetica, Arial, sans-serif; + font-size: 12px; + text-align: center; + } + + #wrap { + background: url(/15452_files/simplethings-header-bg.png) repeat-x top left; + } + + #container { + margin: 0 auto; + text-align: left; + width: 800px; + } + + a { color: #860000; text-decoration: none; } + a:hover { color: #000; text-decoration: underline; } + + /***** Header *****/ + #title { + color: #ddd; + float: left; + font-size: 30px; + font-weight: bold; + letter-spacing: -.1em; + line-height: 61px; + margin-bottom: 10px; + text-shadow: -1px -1px #000; + text-transform: uppercase; + } + + #title a { + color: #ddd; + text-decoration: none; + } + + #header-search-bar { + background: url(/15452_files/simplethings-search-full.png) no-repeat top left; + float: right; + height: 30px; + margin-top: 15px; + width: 279px; + } + + #search-input { + background: 0; + border: 0; + color: #666; + font-family: Helvetica, Arial, sans-serif; + font-size: 12px; + margin: 8px 0 0 27px; + width: 180px; + } + + #search-submit { + background: 0; + border: 0; + cursor: pointer; + font-size: 1px; + height: 27px; + text-indent: -9999em; + width: 68px; + } + + #header-rss { + background: #915909 url(/15452_files/simplethings-rss-btn.png) repeat-x top left; + border: 1px solid #000; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -moz-box-shadow: 0 1px #5a636b; + -webkit-box-shadow: 0 1px #5a636b; + color: #4a2e06; + display: block; + font-weight: bold; + float: right; + height: 26px; + line-height: 28px; + margin: 15px 0 0 10px; + padding: 0 10px; + text-shadow: 1px 1px #c0965b; + } + + #header-rss:hover { text-decoration: none; } + + #header-rss span { + background: url(/15452_files/simplethings-rss-icon.png) no-repeat left center; + display: block; + padding-left: 15px; + } + + /***** Posts *****/ + #left-column { + float: left; + margin: 40px 50px 0 0; + width: 500px; + } + + #left-column h2 { + font-size: 20px; + text-shadow: 1px 1px #fff; + text-transform: uppercase; + } + + .newpost { height: 40px; } + + #left-column .date { + background: url(/15452_files/simplethings-date-flag.png) no-repeat right center; + color: #fff; + float: left; + height: 40px; + margin: 20px 0 0 -75px; + width: 75px; + } + + .date .month, + .date .day { + display: block; + text-align: center; + text-transform: uppercase; + width: 75px; + } + + .date .month { font-size: 10px; margin: 0; padding: 5px 0 0; } + .date .day { font-size: 24px; line-height: .8em; margin: 0; } + + .month a, + .day a { color: #fff; display: block; } + .month a:hover, + .day a:hover { text-decoration: none;} + + #left-column .post { + background: #fff; + border: 1px solid #ccc; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + float: left; + padding-top: 20px; + width: 500px; + } + + .post h3 { + font-size: 18px; + padding: 0 20px 15px; + text-transform: uppercase; + } + + .post p { line-height: 1.5em; padding: 0 20px 15px; } + + .post img { max-width: 460px; } + + .post ol { + list-style: decimal; + margin: 0 50px 15px; + } + + .post ol li { padding: 3px 0; } + + .post ul { list-style: disc; margin: 0 50px 15px; } + + .post ul li { padding: 3px 0; } + + .post blockquote { + border-left: 3px solid #ddd; + font-style: italic; + margin: 0 20px 20px; + padding-left: 10px; + } + + .postmeta { + background: #dee9f4; + color: #365c7f; + min-height: 25px; + overflow: hidden; + text-shadow: 1px 1px #fff; + } + + .postmeta a { color: #365c7f; } + + .postmeta p { padding: 5px 0; } + + .postmeta .posttime, + .postmeta .reblogged { + float: left; + margin-left: 20px; + padding-left: 16px; + } + + .postmeta .posttime { background: url(/15452_files/simplethings-clock.png) no-repeat left center; padding-left: 18px; } + .postmeta .reblogged { background: url(/15452_files/simplethings-reblogged.png) no-repeat left center; } + + .postmeta .tags { + background: url(/15452_files/simplethings-tags.png) no-repeat 0 7px; + clear: left; + float: left; + margin: -5px 20px 0; + padding-left: 16px; + } + + .postmeta .notes { + float: right; + margin-right: 10px; + } + + .postmeta .disqus-count { + float: right; + margin-right: 20px; + } + + .postmeta .hiddentime { display: none !important; } + + /***** Post - Photo *****/ + .post-photo img { + border: 5px solid #ddd; + margin: 0 20px 10px; + } + + .html_photoset { margin: 20px auto 0; text-align: center; } + + /***** Post - Quote *****/ + .post-quote .quote { + background: url(/15452_files/simplethings-quote.png) no-repeat top left; + font-size: 18px; + margin: 0 20px; + padding-left: 45px; + } + + .post-quote .source { font-style: italic; } + + /***** Post - Chat *****/ + .post-chat h3 { margin-bottom: 0; } + + ul.chat { margin: 0 20px 10px; } + + ul.chat li { list-style:none; padding-bottom: 10px; } + + ul.chat li span { + color: #777; + font-size: 11px; + padding-right: 15px; + text-transform: uppercase; + } + + /***** Post - Audio *****/ + .album-art { + float: left; + margin: 0 10px 15px 20px; + } + + .audio_player { margin: 0 0 10px 20px; } + + /***** Post - Video *****/ + .video-container { margin: 0 20px 20px; text-align: center; } + + /***** Post - Answer *****/ + .question-top { + background: #2d3d4b url(/15452_files/simplethings-question-top-blue.png) no-repeat top left; + height: 6px; + margin: 0 20px; + padding: 0; + width: 460px; + } + + .question { + background: #2d3d4b url(/15452_files/simplethings-question-bg-blue.png) repeat-y top left; + margin: 0 20px; + width: 460px; + } + + .question p { + color: #fff; + font-size: 14px; + padding: 15px 20px; + } + + .question-bottom { + background: url(/15452_files/simplethings-question-bottom-blue.png) no-repeat top left; + clear: both; + margin: 0 20px; + width: 460px + } + + .question-bottom .asker-info { padding: 16px 0; } + + .asker-avatar { + float: left; + margin: 0 10px 15px 9px; + } + + .asker-info .asker { + float: left; + font-weight: bold; + margin-top: 5px; + } + + .answer { + border-top: 1px solid #ddd; + clear: both; + margin: 0 20px; + padding: 15px 0 0; + } + + .answer p { padding: 0 0 15px; } + + /***** Pagination *****/ + .tumblrAutoPager_page_separator, + .tumblrAutoPager_page_info {display:none} + + #pagination { + clear: both; + overflow: hidden; + } + + #pagination a { + background: #cdcdcd url(/15452_files/simplethings-page-btn.png) repeat-x 0 0; + border: 1px solid #aaa; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -moz-box-shadow: 0 1px #fff; + -webkit-box-shadow: 0 1px #fff; + color: #666; + display: block; + height: 24px; + line-height: 25px; + margin-bottom: 50px; + padding: 0 10px; + text-shadow: 1px 1px #f1f1f1; + } + + #pagination a:hover { + background-position: 0 -25px; + text-decoration: none; + } + + #pagination .next-page { float: right; } + #pagination .prev-page { float: left; } + + #pagination .next-page span { + background: url(/15452_files/simplethings-arrow-next.png) no-repeat right center; + padding-right: 20px; + } + + #pagination .prev-page span { + background: url(/15452_files/simplethings-arrow-prev.png) no-repeat left center; + padding-left: 22px; + } + + /***** Permalink *****/ + #share-links {border-bottom:1px solid #ccc; margin:-30px 0 30px; padding-bottom:10px} + + .disqus-credit { text-align: right; margin: 5px 0 40px; } + + #permalink-notes { margin-bottom: 40px; } + + #permalink-notes .notes { border-bottom: 1px solid #fff; border-top: 1px solid #ddd; } + + #permalink-notes .notes li { + border-bottom: 1px solid #ddd; + border-top: 1px solid #fff; + padding: 9px 0 10px; + text-shadow: 1px 1px #fff; + } + + .notes li .avatar { margin-bottom: -3px; } + .notes li blockquote { + border-left: 3px solid #ccc; + font-style: italic; + margin: 5px 0 0 20px; + padding-left: 5px; + } + .notes li blockquote a { color: #777; } + + /***** Sidebar *****/ + #right-column { + color: #555; + float: left; + margin-top: 40px; + width: 250px; + } + + .sidebar-box { + border-bottom: 1px solid #ccc; + border-top: 1px solid #fff; + padding: 20px 0; + } + + .sidebar-box h3 { + font-size: 16px; + letter-spacing: -.05em; + text-shadow: 1px 1px #fff; + text-transform: uppercase; + } + + .last-sidebar { border-bottom: 0; } + + #right-column #about-box { border-top: 0 !important; padding-top: 0 !important; } + + #avatar { + background: url(/15452_files/simplethings-user-pic.png) no-repeat top left; + float: left; + margin: 0 5px 10px -5px; + padding: 8px; + } + + .about-title { + color: #666; + float: left; + font-size: 14px; + overflow: hidden; + text-shadow: 1px 1px #fff; + text-transform: uppercase; + width: 180px; + } + + .about-title span { + display: block; + font-size: 18px; + margin-top: 5px; + } + + .blog-description { + clear: both; + line-height: 1.4em; + text-shadow: 1px 1px #fff; + } + + #sidebar-nav li a { + border: 1px solid transparent; + color: #555; + display: block; + font-size: 16px; + font-weight: bold; + letter-spacing: -.05em; + padding: 5px; + text-shadow: 1px 1px #fff; + text-transform: uppercase; + } + + #sidebar-nav li a:hover { + background: #ddd; + border-color: #ccc; + -moz-box-shadow: 0 1px #fff; + text-decoration: none; + } + + /***** Following *****/ + ul.people-following { margin-top: 10px; } + ul.people-following li { + float: left; + margin: 0 5px 5px 0; + } + + /***** Likes *****/ + ul#likes li .post_info_top { + background: #ddd; + display: block !important; + font-size: 10px; + margin: 20px 0 5px; + padding: 5px; + } + + ul#likes img {max-width:250px !important;} + + /***** Footer *****/ + #footer { + background: #aaa url(/15452_files/simplethings-footer-bg.png) repeat-x top left; + border-top: 1px solid #aaa; + margin-top: 40px; + min-height: 35px; + text-align: center; + } + + #footer-inner { + clear: both; + color: #666; + margin: 0 auto; + padding: 12px; + text-shadow: 1px 1px #d0d0d0; + width: 800px; + } + + #footer-inner a { color: #0f3455; } + </style> + + <style type="text/css"></style> + + + +</head> +<body> + +<div id="wrap"> + <div id="container"> + <h1 id="title"><a href="#" title="/">Untitled</a></h1> + + <a href="#" title="http://demo.tumblr.com/rss" id="header-rss"><span>RSS</span></a> + + <form action="/search" method="get" id="header-search-bar"> + <input type="text" name="q" value="" id="search-input" /> + <input type="submit" value="Search" id="search-submit" /> + </form> + + <div class="clear"></div> + + <!-- Begin Posts --> + <div id="left-column"> + + + + + + + + <div class="autopagerize_page_element"> + + <?= $this->content(); ?> + + + + + + + + + + </div> <!-- .auto_pagerize_element --> + + + + + <div id="pagination"> + + <a href="#" title="/page/2" class="next-page">Next Page →</a> + </div> <!-- #pagination --> + + </div> <!-- #left-column --> + + <!-- Sidebar --> + <div id="right-column"> + <div class="sidebar-box" id="about-box"> + <img src="/15452_files/default_avatar_48.gif" alt="Untitled" id="avatar" /> + <p class="about-title"><span>About</span> Untitled</p> + <div class="blog-description"> + Description + </div> <!-- .blog-description --> + </div> <!-- .sidebar-box --> + + <div class="sidebar-box"> + <ul id="sidebar-nav"> + <li><a href="#" title="/">Home</a></li> + + + + + <li><a href="#" title="/archive">Archive</a></li> + <li><a href="#" title="http://demo.tumblr.com/rss">RSS Feed</a></li> + </ul> + </div> <!-- .sidebar-box --> + + + <div class="sidebar-box" id="likes"> + <h3>Posts I Like</h3> + <ul id="likes"> +<li class="like_post like_quote_post"> + + <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/236/it-does-not-matter-how-slow-you-go-so-long-as-you">Quote</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div> + + <div class="like_quote"> + <span class="like_left_quote">“</span><span class="like_quote">It does not matter how slow you go so long as you do not stop.</span><span class="like_right_quote">”</span> + </div> + + <div class="like_source"> + — Wisdom of <a href="#" title="http://en.wikipedia.org/wiki/Confucius">Confucius</a> + </div> + + + <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/236/it-does-not-matter-how-slow-you-go-so-long-as-you">Quote</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div> + + </li> +<li class="like_post like_photo_post"> + + <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">Photo</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div> + + + <a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger"> + <img class="like_photo" alt="" + src="/15452_files/tumblr_kzjlfiTnfe1qz4rgho1_250.jpg"/> + </a> + <div class="like_below_photo"></div> + + <div class="like_caption"> + <p>Passing through Times Square by <a href="#" title="http://www.mareenfischinger.com/">Mareen Fischinger</a></p> </div> + + + <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459265350/passing-through-times-square-by-mareen-fischinger">Photo</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div> + + </li> +<li class="like_post like_link_post"> + + <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/234/my-favorite-web-site">Link</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div> + + <div class="like_link"> + <a href="#" title="http://">My favorite web site</a> + </div> + + <div class="like_caption"> + <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna...</p> </div> + + + <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/234/my-favorite-web-site">Link</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div> + + </li> +<li class="like_post like_chat_post"> + + <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/233/jack-hey-you-know-what-sucks-lindsey">Chat</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div> + + + <div class="like_chat"> + <div class="like_line"> + <strong>Jack:</strong> + Hey, you know what sucks? + </div> + <div class="like_line"> + <strong>Lindsey:</strong> + vaccuums + </div> + <div class="like_line"> + <strong>Jack:</strong> + Hey, you know what sucks in a metaphorical sense? + </div> + <div class="like_line"> + <strong>Lindsey:</strong> + black holes + </div> + <div class="like_line"> + <strong>Jack:</strong> + Hey, you know what just isn't cool? + </div> + <div class="like_line">... ...</div> + </div> + + + <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/233/jack-hey-you-know-what-sucks-lindsey">Chat</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div> + + </li> +<li class="like_post like_audio_post"> + + <div class="post_info_top" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459260683/allison-weiss-fingers-crossed">Audio post</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div> + + <div class="like_audio"> + <embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player_black.swf?audio_file=http://www.tumblr.com/audio_file/459260683/tumblr_ksc4i2SkVU1qz8ouq&color=FFFFFF" height="27" width="207" quality="best"></embed> </div> + + <div style="margin-top:10px;" class="like_post_body"> + <p><strong><a href="#" title="http://allisonweiss.tumblr.com/">Allison Weiss</a> —</strong> Fingers Crossed</p> </div> + + <div class="post_info_bottom" style="display:none;"><a href="#" title="http://demo.tumblr.com/post/459260683/allison-weiss-fingers-crossed">Audio post</a> <span class="via">via</span> <a href="#" title="http://demo.tumblr.com/">demo</a></div> + + </li></ul> + </div> + + + + + <div class="sidebar-box last-sidebar"></div> + </div> <!-- #right-column --> + + <div class="clear"></div> + </div> <!-- #container --> + + <div id="footer"> + <div id="footer-inner"> + <p>Copyright © 2007–2011 <a href="#" title="/">Untitled</a>. Powered by <a href="#" title="http://www.tumblr.com">Tumblr</a>. + <a href="#" title="http://simplethingstheme.tumblr.com/">Simple Things</a> theme by <a href="#" title="http://www.dan-hauk.com">Dan Hauk</a>.</p> + </div> <!-- #footer-inner --> + </div> <!-- #footer --> +</div> <!-- #wrap --> + + + +</body> </html>
\ 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 <IMG/>.
-* 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<selectors.length; i++) {
- this.screenStyleSheet.addRule(selectors[i], 'behavior:expression(DD_belatedPNG.fixPng(this))'); /* seems to execute the function without adding it to the stylesheet - interesting... */
- }
- }
- },
- applyVML: function (el) {
- el.runtimeStyle.cssText = '';
- this.vmlFill(el);
- this.vmlOffsets(el);
- this.vmlOpacity(el);
- if (el.isImg) {
- this.copyImageBorders(el);
- }
- },
- attachHandlers: function (el) {
- var self, handlers, handler, moreForAs, a, h;
- self = this;
- handlers = {resize: 'vmlOffsets', move: 'vmlOffsets'};
- if (el.nodeName == 'A') {
- moreForAs = {mouseleave: 'handlePseudoHover', mouseenter: 'handlePseudoHover', focus: 'handlePseudoHover', blur: 'handlePseudoHover'};
- for (a in moreForAs) {
- if (moreForAs.hasOwnProperty(a)) {
- handlers[a] = moreForAs[a];
- }
- }
- }
- for (h in handlers) {
- if (handlers.hasOwnProperty(h)) {
- handler = function () {
- self[handlers[h]](el);
- };
- el.attachEvent('on' + h, handler);
- }
- }
- el.attachEvent('onpropertychange', this.readPropertyChange);
- },
- giveLayout: function (el) {
- el.style.zoom = 1;
- if (el.currentStyle.position == 'static') {
- el.style.position = 'relative';
- }
- },
- copyImageBorders: function (el) {
- var styles, s;
- styles = {'borderStyle':true, 'borderWidth':true, 'borderColor':true};
- for (s in styles) {
- if (styles.hasOwnProperty(s)) {
- el.vml.color.shape.style[s] = el.currentStyle[s];
- }
- }
- },
- vmlFill: function (el) {
- if (!el.currentStyle) {
- return;
- } else {
- var elStyle, noImg, lib, v, img, imgLoaded;
- elStyle = el.currentStyle;
- }
- for (v in el.vml) {
- if (el.vml.hasOwnProperty(v)) {
- el.vml[v].shape.style.zIndex = elStyle.zIndex;
- }
- }
- el.runtimeStyle.backgroundColor = '';
- el.runtimeStyle.backgroundImage = '';
- noImg = true;
- if (elStyle.backgroundImage != 'none' || el.isImg) {
- if (!el.isImg) {
- el.vmlBg = elStyle.backgroundImage;
- el.vmlBg = el.vmlBg.substr(5, el.vmlBg.lastIndexOf('")')-5);
- }
- else {
- el.vmlBg = el.src;
- }
- lib = this;
- if (!lib.imgSize[el.vmlBg]) { /* determine size of loaded image */
- img = document.createElement('img');
- lib.imgSize[el.vmlBg] = img;
- img.className = lib.ns + '_sizeFinder';
- img.runtimeStyle.cssText = 'behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;'; /* make sure to set behavior to none to prevent accidental matching of the helper elements! */
- imgLoaded = function () {
- this.width = this.offsetWidth; /* weird cache-busting requirement! */
- this.height = this.offsetHeight;
- lib.vmlOffsets(el);
- };
- img.attachEvent('onload', imgLoaded);
- img.src = el.vmlBg;
- img.removeAttribute('width');
- img.removeAttribute('height');
- document.body.insertBefore(img, document.body.firstChild);
- }
- el.vml.image.fill.src = el.vmlBg;
- noImg = false;
- }
- el.vml.image.fill.on = !noImg;
- el.vml.image.fill.color = 'none';
- el.vml.color.shape.style.backgroundColor = elStyle.backgroundColor;
- el.runtimeStyle.backgroundImage = 'none';
- el.runtimeStyle.backgroundColor = 'transparent';
- },
- /* IE can't figure out what do when the offsetLeft and the clientLeft add up to 1, and the VML ends up getting fuzzy... so we have to push/enlarge things by 1 pixel and then clip off the excess */
- vmlOffsets: function (el) {
- var thisStyle, size, fudge, makeVisible, bg, bgR, dC, altC, b, c, v;
- thisStyle = el.currentStyle;
- size = {'W':el.clientWidth+1, 'H':el.clientHeight+1, 'w':this.imgSize[el.vmlBg].width, 'h':this.imgSize[el.vmlBg].height, 'L':el.offsetLeft, 'T':el.offsetTop, 'bLW':el.clientLeft, 'bTW':el.clientTop};
- fudge = (size.L + size.bLW == 1) ? 1 : 0;
- /* vml shape, left, top, width, height, origin */
- makeVisible = function (vml, l, t, w, h, o) {
- vml.coordsize = w+','+h;
- vml.coordorigin = o+','+o;
- vml.path = 'm0,0l'+w+',0l'+w+','+h+'l0,'+h+' xe';
- vml.style.width = w + 'px';
- vml.style.height = h + 'px';
- vml.style.left = l + 'px';
- vml.style.top = t + 'px';
- };
- makeVisible(el.vml.color.shape, (size.L + (el.isImg ? 0 : size.bLW)), (size.T + (el.isImg ? 0 : size.bTW)), (size.W-1), (size.H-1), 0);
- makeVisible(el.vml.image.shape, (size.L + size.bLW), (size.T + size.bTW), (size.W), (size.H), 1 );
- bg = {'X':0, 'Y':0};
- if (el.isImg) {
- bg.X = parseInt(thisStyle.paddingLeft, 10) + 1;
- bg.Y = parseInt(thisStyle.paddingTop, 10) + 1;
- }
- else {
- for (b in bg) {
- if (bg.hasOwnProperty(b)) {
- this.figurePercentage(bg, size, b, thisStyle['backgroundPosition'+b]);
- }
- }
- }
- el.vml.image.fill.position = (bg.X/size.W) + ',' + (bg.Y/size.H);
- bgR = thisStyle.backgroundRepeat;
- dC = {'T':1, 'R':size.W+fudge, 'B':size.H, 'L':1+fudge}; /* these are defaults for repeat of any kind */
- altC = { 'X': {'b1': 'L', 'b2': 'R', 'd': 'W'}, 'Y': {'b1': 'T', 'b2': 'B', 'd': 'H'} };
- if (bgR != 'repeat' || el.isImg) {
- c = {'T':(bg.Y), 'R':(bg.X+size.w), 'B':(bg.Y+size.h), 'L':(bg.X)}; /* these are defaults for no-repeat - clips down to the image location */
- if (bgR.search('repeat-') != -1) { /* now let's revert to dC for repeat-x or repeat-y */
- v = bgR.split('repeat-')[1].toUpperCase();
- c[altC[v].b1] = 1;
- c[altC[v].b2] = size[altC[v].d];
- }
- if (c.B > 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 <IMG/>. +* 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<selectors.length; i++) { + this.screenStyleSheet.addRule(selectors[i], 'behavior:expression(DD_belatedPNG.fixPng(this))'); /* seems to execute the function without adding it to the stylesheet - interesting... */ + } + } + }, + applyVML: function (el) { + el.runtimeStyle.cssText = ''; + this.vmlFill(el); + this.vmlOffsets(el); + this.vmlOpacity(el); + if (el.isImg) { + this.copyImageBorders(el); + } + }, + attachHandlers: function (el) { + var self, handlers, handler, moreForAs, a, h; + self = this; + handlers = {resize: 'vmlOffsets', move: 'vmlOffsets'}; + if (el.nodeName == 'A') { + moreForAs = {mouseleave: 'handlePseudoHover', mouseenter: 'handlePseudoHover', focus: 'handlePseudoHover', blur: 'handlePseudoHover'}; + for (a in moreForAs) { + if (moreForAs.hasOwnProperty(a)) { + handlers[a] = moreForAs[a]; + } + } + } + for (h in handlers) { + if (handlers.hasOwnProperty(h)) { + handler = function () { + self[handlers[h]](el); + }; + el.attachEvent('on' + h, handler); + } + } + el.attachEvent('onpropertychange', this.readPropertyChange); + }, + giveLayout: function (el) { + el.style.zoom = 1; + if (el.currentStyle.position == 'static') { + el.style.position = 'relative'; + } + }, + copyImageBorders: function (el) { + var styles, s; + styles = {'borderStyle':true, 'borderWidth':true, 'borderColor':true}; + for (s in styles) { + if (styles.hasOwnProperty(s)) { + el.vml.color.shape.style[s] = el.currentStyle[s]; + } + } + }, + vmlFill: function (el) { + if (!el.currentStyle) { + return; + } else { + var elStyle, noImg, lib, v, img, imgLoaded; + elStyle = el.currentStyle; + } + for (v in el.vml) { + if (el.vml.hasOwnProperty(v)) { + el.vml[v].shape.style.zIndex = elStyle.zIndex; + } + } + el.runtimeStyle.backgroundColor = ''; + el.runtimeStyle.backgroundImage = ''; + noImg = true; + if (elStyle.backgroundImage != 'none' || el.isImg) { + if (!el.isImg) { + el.vmlBg = elStyle.backgroundImage; + el.vmlBg = el.vmlBg.substr(5, el.vmlBg.lastIndexOf('")')-5); + } + else { + el.vmlBg = el.src; + } + lib = this; + if (!lib.imgSize[el.vmlBg]) { /* determine size of loaded image */ + img = document.createElement('img'); + lib.imgSize[el.vmlBg] = img; + img.className = lib.ns + '_sizeFinder'; + img.runtimeStyle.cssText = 'behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;'; /* make sure to set behavior to none to prevent accidental matching of the helper elements! */ + imgLoaded = function () { + this.width = this.offsetWidth; /* weird cache-busting requirement! */ + this.height = this.offsetHeight; + lib.vmlOffsets(el); + }; + img.attachEvent('onload', imgLoaded); + img.src = el.vmlBg; + img.removeAttribute('width'); + img.removeAttribute('height'); + document.body.insertBefore(img, document.body.firstChild); + } + el.vml.image.fill.src = el.vmlBg; + noImg = false; + } + el.vml.image.fill.on = !noImg; + el.vml.image.fill.color = 'none'; + el.vml.color.shape.style.backgroundColor = elStyle.backgroundColor; + el.runtimeStyle.backgroundImage = 'none'; + el.runtimeStyle.backgroundColor = 'transparent'; + }, + /* IE can't figure out what do when the offsetLeft and the clientLeft add up to 1, and the VML ends up getting fuzzy... so we have to push/enlarge things by 1 pixel and then clip off the excess */ + vmlOffsets: function (el) { + var thisStyle, size, fudge, makeVisible, bg, bgR, dC, altC, b, c, v; + thisStyle = el.currentStyle; + size = {'W':el.clientWidth+1, 'H':el.clientHeight+1, 'w':this.imgSize[el.vmlBg].width, 'h':this.imgSize[el.vmlBg].height, 'L':el.offsetLeft, 'T':el.offsetTop, 'bLW':el.clientLeft, 'bTW':el.clientTop}; + fudge = (size.L + size.bLW == 1) ? 1 : 0; + /* vml shape, left, top, width, height, origin */ + makeVisible = function (vml, l, t, w, h, o) { + vml.coordsize = w+','+h; + vml.coordorigin = o+','+o; + vml.path = 'm0,0l'+w+',0l'+w+','+h+'l0,'+h+' xe'; + vml.style.width = w + 'px'; + vml.style.height = h + 'px'; + vml.style.left = l + 'px'; + vml.style.top = t + 'px'; + }; + makeVisible(el.vml.color.shape, (size.L + (el.isImg ? 0 : size.bLW)), (size.T + (el.isImg ? 0 : size.bTW)), (size.W-1), (size.H-1), 0); + makeVisible(el.vml.image.shape, (size.L + size.bLW), (size.T + size.bTW), (size.W), (size.H), 1 ); + bg = {'X':0, 'Y':0}; + if (el.isImg) { + bg.X = parseInt(thisStyle.paddingLeft, 10) + 1; + bg.Y = parseInt(thisStyle.paddingTop, 10) + 1; + } + else { + for (b in bg) { + if (bg.hasOwnProperty(b)) { + this.figurePercentage(bg, size, b, thisStyle['backgroundPosition'+b]); + } + } + } + el.vml.image.fill.position = (bg.X/size.W) + ',' + (bg.Y/size.H); + bgR = thisStyle.backgroundRepeat; + dC = {'T':1, 'R':size.W+fudge, 'B':size.H, 'L':1+fudge}; /* these are defaults for repeat of any kind */ + altC = { 'X': {'b1': 'L', 'b2': 'R', 'd': 'W'}, 'Y': {'b1': 'T', 'b2': 'B', 'd': 'H'} }; + if (bgR != 'repeat' || el.isImg) { + c = {'T':(bg.Y), 'R':(bg.X+size.w), 'B':(bg.Y+size.h), 'L':(bg.X)}; /* these are defaults for no-repeat - clips down to the image location */ + if (bgR.search('repeat-') != -1) { /* now let's revert to dC for repeat-x or repeat-y */ + v = bgR.split('repeat-')[1].toUpperCase(); + c[altC[v].b1] = 1; + c[altC[v].b2] = size[altC[v].d]; + } + if (c.B > 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('<img src="./img/form/ajax-loader.gif" class="loader" />')
- .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('<img src="./img/form/ajax-loader.gif" class="loader" />') + .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<jQueryMatchedObj.length;i++){settings.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('href'),jQueryMatchedObj[i].getAttribute('title')));}}
-while(settings.imageArray[settings.activeImage][0]!=objClicked.getAttribute('href')){settings.activeImage++;}
-_set_image_to_view();}
-function _set_interface(){$('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lightbox-container-image"><img id="lightbox-image"><div style="" id="lightbox-nav"><a href="#" id="lightbox-nav-btnPrev"></a><a href="#" id="lightbox-nav-btnNext"></a></div><div id="lightbox-loading"><a href="#" id="lightbox-loading-link"><img src="'+settings.imageLoading+'"></a></div></div></div><div id="lightbox-container-image-data-box"><div id="lightbox-container-image-data"><div id="lightbox-image-details"><span id="lightbox-image-details-caption"></span><span id="lightbox-image-details-currentNumber"></span></div><div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="'+settings.imageBtnClose+'"></a></div></div></div></div>');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<windowHeight){pageHeight=windowHeight;}else{pageHeight=yScroll;}
-if(xScroll<windowWidth){pageWidth=xScroll;}else{pageWidth=windowWidth;}
-arrayPageSize=new Array(pageWidth,pageHeight,windowWidth,windowHeight);return arrayPageSize;};function ___getPageScroll(){var xScroll,yScroll;if(self.pageYOffset){yScroll=self.pageYOffset;xScroll=self.pageXOffset;}else if(document.documentElement&&document.documentElement.scrollTop){yScroll=document.documentElement.scrollTop;xScroll=document.documentElement.scrollLeft;}else if(document.body){yScroll=document.body.scrollTop;xScroll=document.body.scrollLeft;}
-arrayPageScroll=new Array(xScroll,yScroll);return arrayPageScroll;};function ___pause(ms){var date=new Date();curDate=null;do{var curDate=new Date();}
+/** + * 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<jQueryMatchedObj.length;i++){settings.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('href'),jQueryMatchedObj[i].getAttribute('title')));}} +while(settings.imageArray[settings.activeImage][0]!=objClicked.getAttribute('href')){settings.activeImage++;} +_set_image_to_view();} +function _set_interface(){$('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lightbox-container-image"><img id="lightbox-image"><div style="" id="lightbox-nav"><a href="#" id="lightbox-nav-btnPrev"></a><a href="#" id="lightbox-nav-btnNext"></a></div><div id="lightbox-loading"><a href="#" id="lightbox-loading-link"><img src="'+settings.imageLoading+'"></a></div></div></div><div id="lightbox-container-image-data-box"><div id="lightbox-container-image-data"><div id="lightbox-image-details"><span id="lightbox-image-details-caption"></span><span id="lightbox-image-details-currentNumber"></span></div><div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="'+settings.imageBtnClose+'"></a></div></div></div></div>');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<windowHeight){pageHeight=windowHeight;}else{pageHeight=yScroll;} +if(xScroll<windowWidth){pageWidth=xScroll;}else{pageWidth=windowWidth;} +arrayPageSize=new Array(pageWidth,pageHeight,windowWidth,windowHeight);return arrayPageSize;};function ___getPageScroll(){var xScroll,yScroll;if(self.pageYOffset){yScroll=self.pageYOffset;xScroll=self.pageXOffset;}else if(document.documentElement&&document.documentElement.scrollTop){yScroll=document.documentElement.scrollTop;xScroll=document.documentElement.scrollLeft;}else if(document.body){yScroll=document.body.scrollTop;xScroll=document.body.scrollLeft;} +arrayPageScroll=new Array(xScroll,yScroll);return arrayPageScroll;};function ___pause(ms){var date=new Date();curDate=null;do{var curDate=new Date();} while(curDate-date<ms);};return this.unbind('click').click(_initialize);};})(jQuery);
\ No newline at end of file |