From 6d182e241055bffa3bf04adcc1aef5db530fe4cd Mon Sep 17 00:00:00 2001 From: raylu Date: Sun, 3 Jul 2011 04:32:10 -0700 Subject: run fromdos on all the php, css, and js files --- webroot/css/base.css | 2340 ++++++++++++++++++++--------------------- webroot/css/grid.css | 966 ++++++++--------- webroot/css/style.css | 340 +++--- webroot/css/themes/black.css | 56 +- webroot/css/themes/blue.css | 58 +- webroot/css/themes/dark.css | 62 +- webroot/css/themes/green.css | 58 +- webroot/css/themes/grey.css | 64 +- webroot/css/themes/light.css | 60 +- webroot/css/themes/purple.css | 56 +- webroot/css/themes/red.css | 60 +- 11 files changed, 2060 insertions(+), 2060 deletions(-) (limited to 'webroot/css') 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; +} + -- cgit v1.2.3