From 2389d66da849798f8d4ec5f10e3b07c11da49185 Mon Sep 17 00:00:00 2001 From: Michael Francis Date: Sat, 28 May 2011 13:28:16 -0400 Subject: Initial Commit --- webroot/css/960.css | 1 + webroot/css/base.css | 1382 +++++++++++++++++++++++++++++++++++++++++ webroot/css/debug.css | 603 ++++++++++++++++++ webroot/css/grid.css | 484 +++++++++++++++ webroot/css/lithium.css | 294 +++++++++ webroot/css/prettyPhoto.css | 1 + webroot/css/reset.css | 1 + webroot/css/style.css | 170 +++++ webroot/css/text.css | 1 + webroot/css/themes/black.css | 28 + webroot/css/themes/blue.css | 29 + webroot/css/themes/dark.css | 32 + webroot/css/themes/green.css | 29 + webroot/css/themes/grey.css | 32 + webroot/css/themes/light.css | 31 + webroot/css/themes/purple.css | 28 + webroot/css/themes/red.css | 30 + 17 files changed, 3176 insertions(+) create mode 100755 webroot/css/960.css create mode 100755 webroot/css/base.css create mode 100644 webroot/css/debug.css create mode 100755 webroot/css/grid.css create mode 100644 webroot/css/lithium.css create mode 100644 webroot/css/prettyPhoto.css create mode 100755 webroot/css/reset.css create mode 100755 webroot/css/style.css create mode 100755 webroot/css/text.css create mode 100755 webroot/css/themes/black.css create mode 100755 webroot/css/themes/blue.css create mode 100755 webroot/css/themes/dark.css create mode 100755 webroot/css/themes/green.css create mode 100755 webroot/css/themes/grey.css create mode 100755 webroot/css/themes/light.css create mode 100755 webroot/css/themes/purple.css create mode 100755 webroot/css/themes/red.css (limited to 'webroot/css') diff --git a/webroot/css/960.css b/webroot/css/960.css new file mode 100755 index 0000000..1b17e2f --- /dev/null +++ b/webroot/css/960.css @@ -0,0 +1 @@ +.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.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:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} \ No newline at end of file diff --git a/webroot/css/base.css b/webroot/css/base.css new file mode 100755 index 0000000..1ad8b29 --- /dev/null +++ b/webroot/css/base.css @@ -0,0 +1,1382 @@ +/* +Kameleon Template +Author: Chris Mooney (http://themeforest.net/user/ChrisMooney) +*/ + +/*//// - Body Styles - ////*/ +#wrapper { + width:980px; + margin:0 auto; +} +a:hover { + text-decoration:none; +} +/*//// - Headings - ////*/ +h1 { + font-weight:bold; + font-size:220%; + float:left; + margin-top:5px; +} +h1#logo { + display:inline; + height:38px; + text-indent:-4000px; + width:231px; +} +h1#logo a { + display:block; + height:38px; +} +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 - ////*/ + +#nav { + float:right; + line-height:100%; + margin:0; + padding:10px; +} +#nav li { + float: left; + position: relative; + list-style: none; + z-index:100; + margin-left:15px; + padding-bottom:5px; +} +/* 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; +} +/* sub levels link hover */ +#nav ul li:hover a, #nav li:hover li a { + background: none; + border: none; + color: #666; + -webkit-box-shadow: none; + -moz-box-shadow: none; +} +#nav ul a:hover { + background: #f2f2f2 !important; + color: #1A1A1A !important; + padding:10px; + -webkit-border-radius: 0; + -moz-border-radius: 0; +} +/* dropdown */ +#nav li:hover > ul { + display: block; +} +/* level 2 list */ +#nav ul { + display: none; + margin: 0; + padding: 0; + width: 185px; + position: absolute; + top: 35px; + left: 0; + background: #fafafa; + border: solid 1px #d9d9d9; + z-index:100; + font-size:100%; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +#nav ul li { + float: none; + margin: 0; + padding: 0; +} +#nav ul a { + font-size:100%; + font-weight:normal; + padding:10px !important; +} +#nav ul a:hover { + font-size:100%; + font-weight:normal; + padding:10px; +} +/* level 3+ list */ +#nav ul ul { + left: 185px; + top: 1px; +} +/* 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; +} +/* clearfix */ +#nav:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +#nav { + display: inline-block; +} +html[xmlns] #nav { + display: block; +} +* html #nav { + height: 1%; +} +/*//// - Page - ////*/ +header { + margin:25px 0 20px; +} +footer { + padding:10px 0; +} +.footer-nav { + float:right; +} +.footer-nav li { + display:inline; +} +.footer-nav a, .footer-nav a:visited { + text-decoration:none; + margin:0 10px; +} +footer li a:hover { + color:#666666; + text-decoration:none; +} +#page { + background: #fff; + color:#191919; + border:1px solid #d9d9d9; + padding:40px; + position:relative; + width:898px; + 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; +} +/*// Sidebar //*/ +.social-list { + margin:0 0 20px; + list-style:none; +} +.social-list li { + display:inline; + margin:0 15px 10px 0; + width:100%; +} +#twitter_update_list { + margin:0 0 40px; + list-style:none; +} +#twitter_update_list li { + margin-bottom:10px; + padding-bottom:10px; + line-height:1.6; + border-bottom:1px solid #d9d9d9; +} +/*//// - General Styling - ////*/ +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; +} +/* Sidebar Elements */ +.sidebar-nav { + margin:0 0 40px; + list-style:none; +} +.sidebar-nav li { + border:1px solid #d9d9d9; + border-top:0; + background:#f2f2f2; + border-radius:3px 0 0 3px; + -moz-border-radius:3px 0 0 3px; + -webkit-border-radius:3px 0 0 3px; +} +.sidebar-nav li.first { + border-top:1px solid #d9d9d9; +} +.sidebar-nav li a { + background:url("../img/arrow.png") no-repeat 10px 50%; + color:#1A1A1A; + display:block; + width:100%; + padding:10px 27px; + text-decoration:none; +} +.sidebar-nav li:hover { + background:#bebebe; + border-color:#969696; +} +.sidebar-nav li.current { + left:-10px; + position:relative; + width:268px; + background:url("../img/grad-grey.gif") repeat-x scroll center top #166890; + border:1px solid #11506F; +} +.sidebar-nav li a:hover, .sidebar-nav li.current a { + color:#fff; + background:url("../img/arrow-active.png") no-repeat 10px 50%; +} +.sidebar-search { + margin:0 0 40px; + width:100%; +} +.sidebar-latestblog { + margin:-10px 0 40px; + list-style:none; +} +.sidebar-latestblog li { + border-bottom:1px solid #d9d9d9; + padding:10px 0; + width:100%; +} +.sidebar-latestblog img { + float:left; +} +.sidebar-latestblog a { + display:block; + margin-bottom:10px; + margin-left:75px; +} +.sidebar-latestblog time { + display:block; + font-style:italic; + font-size:93%; + color:#666666; + margin-left:75px; +} +.sidebar-latestblog p { + margin-bottom:10px; + margin-left:75px; +} +.sidebar-sponsors { + margin:0; + list-style:none; +} +.sidebar-sponsors li { + margin:0 0 10px; +} +#search { + padding:10px 5px; + background:#fff url(../img/bg-input.gif) repeat-x top; + border:1px solid #D9D9D9; + float:left; + width:168px; + margin-right:5px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; +} +button.search { + background:#fff url(../img/grad-grey.gif) repeat-x top; + border:1px solid #d9d9d9; + color:#404040; + float:left; + height:38px; + line-height:12px; + font-size:108%; + font-weight:bold; + padding:8px 8px 10px; + 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 - ////*/ +form { + margin-bottom:20px; +} +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/debug.css b/webroot/css/debug.css new file mode 100644 index 0000000..ed5c4b8 --- /dev/null +++ b/webroot/css/debug.css @@ -0,0 +1,603 @@ +/** + * Lithium: the most rad php framework + * + * @copyright Copyright 2010, Union of RAD (http://union-of-rad.org) + * @license http://opensource.org/licenses/bsd-license.php The BSD License + */ +* { + margin: 0; + padding: 0; +} + +body.test-dashboard { + font-family: Helvetica, Arial, sans-serif; + font-size: 16px; + margin: 0; + min-width: 800px; +} + +body.test-dashboard a { + color: #333; +} + +body.test-dashboard #header h1 { + margin: 0; + float:right; + font-weight: normal; +} + +body.test-dashboard #header h1 a { + text-decoration: none; + display: block; + padding: .45em 0.75em 0 0; + color: rgba(0,0,0,.15); +} + +body.test-dashboard .triangle:before { + content: '\25B2'; + font-size: 1em; +} + +body.test-dashboard #header { + padding: 0; +} + +body.test-dashboard #header:after { + display: block; + content: ' '; + clear: both; +} + +body.test-dashboard .article { + clear:both; +} + +body.test-dashboard .test-content { + float:left; + padding: 2em 2% 4em; + width: 74%; +} + +.test-content h2 { + font-weight: normal; + font-size: 1.45em; + margin-bottom: .5em; + float: left; +} +.test-content h2 span { + color: #bbb; + display: block; + font-size: .55em; +} +.test-content h3 { + font-weight: normal; + margin: 1.5em 0 1em; +} + +body.test-dashboard a.test-button, +body.test-dashboard a.test-button:link, +body.test-dashboard a.test-button:visited, +body.test-dashboard a.test-button:hover, +body.test-dashboard a.test-button:active { + display: block; + float: right; + font-weight: bold; + font-size: 1.25em; + background-color:#f5f5f5; + border-color: #e6e6e6; + color: #999; + padding: .5em 1em; + margin: 0; + background-color: white; + border: 1px solid #e5e5e5; + text-decoration: none; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: 0 0 6px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1); + box-shadow: 0 0 6px rgba(0,0,0,.1); +} + +body.test-dashboard a.test-button:hover, +body.test-dashboard a.test-button:active { + color: black; + background: white; + -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.15); + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15); + box-shadow: inset 0 0 6px rgba(0,0,0,.15); +} + +body.test-dashboard ul { + margin: .25em 0; + padding: 0.2em 0 0 0; +} + +body.test-dashboard ul ul li { + display: block; + margin: 0 0 1px .5em; + padding: 0.25em 0 0 0.75em; + border: 1px solid rgba(0,0,0,0.05); + border-width: 0 0 0 1px; +} + +body.test-dashboard .test-menu { + float: left; + padding: .75em 0 1em 1%; + width: 20%; + background: #f6f6f6; + font-size: .85em; +} + +.test-dashboard .test-menu > ul { + margin-top: 0; + padding-top: 1px; +} +.test-dashboard .test-menu ul li ul { + margin-top: .1em; +} +.test-dashboard .test-menu li:hover { +} +.test-dashboard .test-menu li > ul { + display: block; +} +.test-dashboard .test-menu li:hover > ul { + display: block; +} +ul.menu, ul.menu ul { + list-style: none; +} +ul.menu a { + color: #666; + text-decoration: none; + display: block; +} + +ul.menu a:hover, ul.menu a:active, ul.menu a.menu-folder:hover { + color: black; +} + +ul.menu a.menu-folder { + color: #333; + font-weight: bold; + text-decoration: none; + font-size: 1.2em; +} + + +a.test-all { + display: block; + float: left; + font-size: 1.5em; + text-align: center; + text-decoration: none; + padding: .75em 0; + width: 21%; + color: #666; + background: #e6e6e6; +} +a.test-all:hover { + background: #60AF12; + -moz-box-shadow: inset 0 0 12px rgba(0,0,0,.25); + -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,.25); + box-shadow: inset 0 0 12px rgba(0,0,0,.25); + color: white !important; + text-shadow: 0px 0px 6px rgba(0,0,0,.5); +} + +ul.menu a { + display: block; + padding: 0.1em 0; +} + +ul.menu a:before, a.menu-folder:before, ul.metrics li:before { + display: inline !important; + float: none !important; + padding: 0 0.5em 0 0; + content: '\25B4'; + font-weight: normal; + color: rgba(0,0,0,.1); +} +a.menu-folder:before { + padding: 0 !important; + content: '\25B2' !important; +} +ul.menu a:hover:before, a.menu-folder:hover:before, ul.metrics li:hover:before { + color: #60AF12; +} + +/*--- Benchmarking ---*/ +table.metrics { + border: 1px solid #e6e6e6; + -moz-box-shadow: 0 0 6px rgba(0,0,0,.15); + -webkit-box-shadow: 0 0 6px rgba(0,0,0,.15); + box-shadow: 0 0 6px rgba(0,0,0,.15); +} +table.metrics { + border-collapse: collapse; +} +table.metrics th { + padding: .5em 1em; + font-size: 1.1em; + color: black; + background: #e6e6e6; + font-weight: normal; +} +table.metrics th, table.metrics td { + border-bottom: 1px solid rgba(0,0,0,.05); +} + +td.metric-name { + text-align: left; + white-space: nowrap; + padding: 6px 8px; + background: #e6e6e6; + width: 35%; +} +tr:hover td.metric-name { + background: #f5f5f5; +} +td.metric { + font-family: 'Andale Mono', Monaco, Courier, monospace !important; + font-weight: bold; + padding: 6px 8px; + text-align: right; + width: 65%; + background: #f5f5f5; +} +tr:hover td.metric { + background: white; +} + +ul.classes, ul.files { + list-style-type: none; + font-family: 'Andale Mono', Monaco, Courier, monospace !important; +} + +ul.metrics { + list-style-type: none; + padding: .5em !important; +} + +ul.metrics li { + padding: .25em; +} + +/*--- Test Results ---*/ +div.test-result { + clear: both; + margin: 1em 0 .5em; + padding: .75em 1em .55em; + color: #FFFFFF; + background: #666; + border: 1px solid #000000; + border-width: 0 0 4px 0; + font-size: 1.15em; + -moz-box-shadow: inset 0 0 12px rgba(0,0,0,.25); + -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,.25); + box-shadow: inset 0 0 12px rgba(0,0,0,.25); + text-shadow: 0px 0px 6px rgba(0,0,0,.5); +} + +div.test-result-success { + background-color: #62B212; + border-color: #467F0D; +} + +div.test-result-fail { + background-color: #CC1414; + border-color: #7F0D0D; +} + +div.test-result-exception { + background-color: #E58F16; + border-color: #995F0F; +} +div.test-result-notice { + background-color: #E5D416; + border-color: #B2A511; +} + +div.test-result code { + background: rgba(0,0,0,.25); + color: rgba(255,255,255,.85); + border: none; + font-size: .75em; + padding: .1em .5em !important; + text-shadow: none; +} + +div.test-assert, div.test-exception, div.test-skip { + margin: 1px 0 0 0; + padding: .5em 0 .5em 1em; + color: #000000; + font-family: 'Andale Mono', Monaco, Courier, monospace !important; + font-size: 1em; + line-height: 1.5em; + position: relative; + border: 1px solid rgba(0,0,0,.05); + border-width:0 0 1px 8px; +} + +div.test-assert-passed { + border-left-color: #D0F9E0; +} + +div.test-assert-failed { + color: #7F0D0D; + border-left-color: #CC1414; +} + +div.test-exception { + color: #995F0F; + border-left-color: #E58F16; +} + +div.test-skip { + background-color: #fafafa; + color: #666; +} + +.test-assert span.content, +.test-exception span.content, +.test-skip span.content, +.test-assert span.trace, +.test-exception span.trace, +.test-skip span.trace { + display: block; + clear: both; + white-space: pre; + color: #777; + font-size: .9em; + padding: .5em 1em; + margin: .5em 0; + background: #fafafa; + border: 1px solid rgba(0,0,0,.1); + -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.15); + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15); + box-shadow: inset 0 0 6px rgba(0,0,0,.15); +} + +.test-assert span.trace { + padding: 0 .5em; + margin: .25em 0 .25em .5em; + background: #FAFAFA; +} + +div.test-exception span.trace { + font-style: italic; +} + +div.test-skip span.content { + color: #999; + padding: 0 1em; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + border: none; +} +/*--- SQL Dumps ---*/ +.lithium-sql-log table { + background: #f4f4f4; +} + +.lithium-sql-log td { + padding: 4px 8px; + text-align: left; +} + + +/*--- Debugger Dumps ---*/ +pre { + color: #000; + background: #f0f0f0; + padding: 1em; +} + +pre.lithium-debug { + background: #ffcc00; + font-size: 1.2em; + line-height: 1.5em; + margin-top: 1em; + overflow: auto; + position: relative; +} + +div.lithium-exception-class, div.lithium-exception-location { + font-weight: bold; +} + +div.lithium-exception-message { + color: #000; + background: #f0f0f0; + padding: 1em; +} + +div.lithium-stack-trace { + background: #fff; + border: 4px dotted #ffcc00; + color: #333; + margin: 0px; + padding: 6px; + font-size: 1.2em; + line-height: 1.5em; + overflow: auto; + position: relative; +} + +/*--- Code Highlighting ---*/ +div.lithium-code-dump pre { + position: relative; + overflow: auto; +} + +div.lithium-stack-trace pre, div.lithium-code-dump pre { + color: #000; + background-color: #F0F0F0; + margin: 0px; + padding: 1em; + overflow: auto; +} + +div.lithium-code-dump pre, div.lithium-code-dump pre code { + clear: both; + font-size: 1em; + line-height: 1.5em; + margin: 4px 2px; + padding: 4px; + overflow: auto; +} + +div.lithium-code-dump span.code-highlight { + background-color: #ff0; +} + +/*--- Code Coverage Analysis ---*/ +span.filters { + display: block; + float: right; + margin: 1em 0 .5em 0; +} +span.filters a { + display: block; + float: left; + padding: .5em 1em; + margin-left: .25em; + text-decoration:none; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + background: #e6e6e6; + color: #666; +} +span.filters a:hover, span.filters a.active { + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + color: black; + background: #f5f5f5; +} + +span.filters a.active { + background: #62B212; + text-shadow: 0px 0px 6px rgba(0,0,0,.5); + color: white; +} + +div.code-coverage-results, h4.code-coverage-name { + clear: both; + color: #000000; + font-size: .8em; + font-family: 'Andale Mono', Monaco, Courier, monospace !important; + background-color: #fafafa; + border: 1px solid #e6e6e6; + border: 1px solid rgba(0,0,0,.1); + -moz-box-shadow: 0 0 6px rgba(0,0,0,.15); + -webkit-box-shadow: 0 0 6px rgba(0,0,0,.15); + box-shadow: 0 0 6px rgba(0,0,0,.15); +} + +h4.coverage { + color: #454545; + margin: 2em 0 .5em; + font-weight: normal; + padding: 0; +} + +h4.code-coverage-name { + color: #999; + background-color: #ECECEC; + border-top: none; + padding: 0.25em 0.5em; + margin: 0 1px 0 0; + font-weight: normal; + float: right; +} + +div.code-coverage-results div.code-line { + display: block; + float: none; + clear: both; +} + +div.code-coverage-results span.content { + display: block; + clear: right; + white-space: pre; + line-height: 1.5em; + min-height: 1.5em; + background: black; +} + +div.code-coverage-results div.uncovered span.content { + color: #FFD8D8; + background-color: #260000; +} + +div.code-coverage-results div.covered span.content { + color: #DDFDCB; + background-color: #0C2600; +} + +div.code-coverage-results div.ignored span.content { + color: rgba(255,255,255,.5); +} + +div.code-coverage-results span.line-num { + display: block; + float: left; + width: 3em; + color: #999; + background-color: #ECECEC; + text-align: right; + border-right: 1px solid #ccc; + padding-right: 4px; + margin-right: 5px; + line-height: 1.5em; +} + +div.code-coverage-results .code-line:hover span.line-num { + background: #ddd; + color: #666; +} + +div.code-coverage-results span.line-num strong { + color: #666; +} + +div.code-coverage-results div.start { + margin-top: 30px; + padding-top: 5px; + border: 1px solid #aaa; + border-width: 1px 1px 0px 1px; +} + +div.code-coverage-results div.end { + margin-bottom: 30px; + padding-bottom: 5px; + border: 1px solid #aaa; + border-width: 0px 1px 1px 1px; +} + +div.code-coverage-results div.realstart { + margin-top: 0px; +} + +div.code-coverage-results p.note { + color: #bbb; + padding: 5px; + margin: 5px 0 10px; + font-size: .8em; +} + +div.code-coverage-results span.result-bad { + color: #a00; +} + +div.code-coverage-results span.result-ok { + color: #fa0; +} + +div.code-coverage-results span.result-good { + color: #0a0; +} diff --git a/webroot/css/grid.css b/webroot/css/grid.css new file mode 100755 index 0000000..e1f8e24 --- /dev/null +++ b/webroot/css/grid.css @@ -0,0 +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; +} \ No newline at end of file diff --git a/webroot/css/lithium.css b/webroot/css/lithium.css new file mode 100644 index 0000000..7b643a6 --- /dev/null +++ b/webroot/css/lithium.css @@ -0,0 +1,294 @@ +/*------------------------------------------------------------------------------------------------- + Lithium: the most rad php framework + + @copyright Copyright 2009, Union of RAD (http://union-of-rad.org) + @license http://opensource.org/licenses/bsd-license.php The BSD License +-------------------------------------------------------------------------------------------------*/ + +/*--- Reset ---*/ +* { margin: 0; padding: 0; } +html, body { height: 100%; min-height: 100%; } + +/*--- Layout ---*/ +body { + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.5em; + color: #0d0d0d; + background-color: #fff; +} +#container { + position: relative; + padding: 60px 10%; +} + +/*--- Basics ---*/ +h1, h2, h3, h4, h5, h6 { + font-weight:normal; + color:#111; + line-height: 1; + margin: 1.5em 0 0.5em 0; +} +h1 { font-size: 2.6em; } +h2, h5 { font-size: 2em; color: #666; } +h3, h6 { font-size: 1.7em; color: #00a8e6; } +h4 { font-size: 1.4em; } +h5 { font-size: 1.2em; } +h6 { font-size: 1em; } +p { margin-bottom: 1em; } +strong { font-weight: bold; } +em { font-style: italic; } +a { text-decoration: none; color: #666; } +a, h1 a, h2 a { text-decoration: none; } +a:hover { color: #00bbff; } +a:visited:hover { color: #ff59ff; } +a img { border: none; } + +/*--- Code ---*/ +pre > code { + display: block; + color: white; + background: #141414; + border: 1px solid white; + padding: 1em !important; /* remove if base important is removed, too */ + overflow: auto; + font-size: .9em; +} +a code { + background: transparent; + border: 0; +} +a:hover code { + color: inherit; +} +code, pre, .fixed { + font-family: Monaco, Courier, monospace !important; + font-weight: normal; + font-size: 0.85em; + white-space: pre; +} +code { + padding: .2em .25em !important; + border: 1px solid #F0F0F0; + background: #FAFAFA; +} +pre { + background: none; + padding: 0 0 .5em 0 !important; +} + +/*--- Lists ---*/ +li ul, li ol { margin: 0; } +ul, ol { margin: 0 0 1em 2.75em; } +dt, dd { + font-style: italic; + margin: .5em 0; +} +dt { + font-weight: bold; +} +dd { + margin-left: 1em; +} +/*--- Header ---*/ +#header h1 { + margin: .1em 0; + font-size: 35px; +} +#header h2 { + width: 70%; + margin: .5em .5em 2em 0; + color: #666; + font-size: 22px; + line-height: 28px; +} + +/*--- Tables ---*/ +table { + clear: both; + width: 100%; + border-collapse: collapse; + border-spacing: 0; + border: 1px solid #e6e6e6; + background: #fafafa; + margin: 12px 0; +} +td, th { + padding: .25em 1em; + border: 1px solid #e6e6e6; + vertical-align: middle; + text-align: left; + font-weight: normal; + color: #666; + font-size: 0.85em; +} +tr:nth-child(even) { + background: #fff; +} +thead th, tfoot td { + background: #f3f3f3; + color: #333; + text-align: left; + font-size: 1em; + font-weight: bold; + padding: .5em .75em; +} +/*--- Forms ---*/ +form { + display: block; + clear: both; + background: #fafafa; + padding: 1em 2em 2em 2em; + border: 1px solid #e6e6e6; +} +fieldset { + padding: 2em; + margin: 0 0 1em 0; + border: 1px solid #e6e6e6; + background: #f3f3f3; +} +legend { + padding: .5em 1em; + border: 1px solid #e6e6e6; + background: #fff; + font-size: 22px; +} +label { + padding: 0 1em 0 0; + color: #454545; + font-weight: normal; +} +input, textarea, button { + font-family: Helvetica, Arial, sans-serif; + padding: 2px 4px; + border: 1px solid #e5e5e5; + color: #454545; + font-size: 1em; + line-height: 1.25em; +} +input[type=text], input[type=password], input[type=submit], textarea { + clear: both; + display: block; + padding: .25em .5em; +} +input[type=text], input[type=password], textarea { + width: 97%; + max-width: 950px; + margin: .5em 0 1em 0; + padding:.5em; +} +input[type=submit], input[type=button], input[type=reset], input[type=file], button { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + padding: .5em 1em; + margin: 0 .75em 0 0; + background-color: white; + color: black !important; + border: 1px solid #e5e5e5 !important; + cursor: pointer; +} +select { + clear: both; + display: block; + margin: .5em 0 1em 0; +} +div.checkbox { + clear: both; + padding: 1em 0; +} +.checkbox label { + display: inline; +} +input[type=submit] { + margin: 1em inherit; + border: none; + color: #000; + font-size: 16px; + font-weight: bold; +} +input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { + border-color: #00a8e6; + outline: none; +} + +/*--- Misc ---*/ +hr { + border: none; + height: 0; + border-bottom: 1px solid #e6e6e6; + margin:1em 0; +} +sup, sub { + color: #666; + font-size: .65em; +} +acronym { + font-weight: bold; + font-style: italic; + color: #333; +} +abbr { + color: #333; +} + +blockquote { + padding: 0.15em .5em; + margin: 0.5em 0; + font-size: 2em; + color: #666; + display: block; + font-style: italic; +} + +blockquote:before, blockquote:after { + display: inline; + color: #e5e5e5; + font-size: 3em; + position: relative; + top: 0.25em; + left: -0.1em; +} + +blockquote:before { + content: '\D \201C'; +} + +blockquote:after { + content: '\201D'; +} + +/*--- Shadows ---*/ +code { + -moz-box-shadow: 0 0 3px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); + box-shadow: 0 0 3px rgba(0,0,0,.1); + color: #666; +} +table, form, pre > code { + margin-top: 0px; + margin-bottom: 12px; +} +table, form, pre > code, .shadow { + -moz-box-shadow: 2px 2px 12px rgba(0,0,0,.15); + -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.15); + box-shadow: 2px 2px 12px rgba(0,0,0,.15); +} +img.shadow { + border: 1px solid rgba(255,255,255,.15); +} +input[type=submit], input[type=button], input[type=reset], input[type=file], button { + -moz-box-shadow: 0 0 6px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1); + box-shadow: 0 0 6px rgba(0,0,0,.1); +} +input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover { + -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.15); + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15); + box-shadow: inset 0 0 6px rgba(0,0,0,.15); +} +input, textarea { + -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.1); + -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1); + box-shadow: inset 0 0 3px rgba(0,0,0,.1); +} \ No newline at end of file diff --git a/webroot/css/prettyPhoto.css b/webroot/css/prettyPhoto.css new file mode 100644 index 0000000..8d762c8 --- /dev/null +++ b/webroot/css/prettyPhoto.css @@ -0,0 +1 @@ +div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;width:105px;position:relative}div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;font-color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_rounded .pp_description{margin-right:85px;color:#fff}div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:7px 0 0}.pp_social .facebook{float:left;position:relative;top:-1px;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none} \ No newline at end of file diff --git a/webroot/css/reset.css b/webroot/css/reset.css new file mode 100755 index 0000000..99a0211 --- /dev/null +++ b/webroot/css/reset.css @@ -0,0 +1 @@ +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}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} \ No newline at end of file diff --git a/webroot/css/style.css b/webroot/css/style.css new file mode 100755 index 0000000..ae6cdd1 --- /dev/null +++ b/webroot/css/style.css @@ -0,0 +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; } + + diff --git a/webroot/css/text.css b/webroot/css/text.css new file mode 100755 index 0000000..b024b8c --- /dev/null +++ b/webroot/css/text.css @@ -0,0 +1 @@ +body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} \ No newline at end of file diff --git a/webroot/css/themes/black.css b/webroot/css/themes/black.css new file mode 100755 index 0000000..c747022 --- /dev/null +++ b/webroot/css/themes/black.css @@ -0,0 +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; +} diff --git a/webroot/css/themes/blue.css b/webroot/css/themes/blue.css new file mode 100755 index 0000000..73e6de9 --- /dev/null +++ b/webroot/css/themes/blue.css @@ -0,0 +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; +} diff --git a/webroot/css/themes/dark.css b/webroot/css/themes/dark.css new file mode 100755 index 0000000..615ea10 --- /dev/null +++ b/webroot/css/themes/dark.css @@ -0,0 +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; +} \ No newline at end of file diff --git a/webroot/css/themes/green.css b/webroot/css/themes/green.css new file mode 100755 index 0000000..1fecef4 --- /dev/null +++ b/webroot/css/themes/green.css @@ -0,0 +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; +} diff --git a/webroot/css/themes/grey.css b/webroot/css/themes/grey.css new file mode 100755 index 0000000..8ac40a2 --- /dev/null +++ b/webroot/css/themes/grey.css @@ -0,0 +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; +} diff --git a/webroot/css/themes/light.css b/webroot/css/themes/light.css new file mode 100755 index 0000000..8c4a2ab --- /dev/null +++ b/webroot/css/themes/light.css @@ -0,0 +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; +} \ No newline at end of file diff --git a/webroot/css/themes/purple.css b/webroot/css/themes/purple.css new file mode 100755 index 0000000..02defcb --- /dev/null +++ b/webroot/css/themes/purple.css @@ -0,0 +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; +} diff --git a/webroot/css/themes/red.css b/webroot/css/themes/red.css new file mode 100755 index 0000000..c2ef480 --- /dev/null +++ b/webroot/css/themes/red.css @@ -0,0 +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; +} + -- cgit v1.2.3