diff --git a/css/bible.css b/css/bible.css index 9c8f7c0d..b0d7fd95 100644 --- a/css/bible.css +++ b/css/bible.css @@ -1,105 +1,31 @@ -body { - background: #fff; /* #dde */ - margin: 0; - font-family: verdana; -} a { color: #000; text-decoration:none; border-bottom: 1px dotted darkgray; - _border-bottom: 1px solid lightgray; /* IE */ + _border-bottom: 1px solid lightgray; /* IE */ } a:hover { - border-bottom: 1px solid maroon; + border-bottom: 1px solid maroon; } - -em {font-style: normal;} - -#query { - background: #eee; - color: #444; - padding: 12px; - font-size: 14px; - font-weight: bold; - text-align: center; - border: 2px solid #999; - min-width: 300px; -} - -#searchvalue -{ - color: #333; - width: 100%; - height: 50px; - line-height: 50px; - padding: 3px; - margin-left: 6px; - font-size: 18px; - font-family: georgia; -} -#searchbtn -{ - height: 52px; - width: 90px; -} - -h1 { - color: #313952; - font: 36px georgia; - font-weight: normal; - background: white; - margin: 0 10px 0 0; - padding: 10px; - text-align: center; -} -h1 span { - font: 12px verdana; - display: block; - color: #999; -} -h3 { - font: 18px verdana; - font-weight: bold; - background: #ccc; - padding: 5px 5px 0 5px; - margin: 0; -} - -#searchresultswrap { - font: 18px verdana; - width: 30%; - float: left; -} - -#searchresultswrap h3 { - margin: 0; - background: #eee; - border-right: 2px solid #999; - border-top: 2px solid #999; - border-left: 2px solid #999; - margin-right: 16px; - margin-left: 16px; - text-align:center; -} - +#searchvalue {font-family: georgia;} #searchresults { - xmargin-right: 10px; - padding: 0 10px 10px 10px; - overflow:scroll; - height: 600px; + xmargin-right: 10px; + padding: 0 10px 10px 10px; + overflow:scroll; + height: 600px; border-right: 2px solid #999; - border-bottom: 2px solid #999; - border-left: 2px solid #999; - margin-right: 16px; - margin-left: 16px; - background: #eee; + border-bottom: 2px solid #999; + border-left: 2px solid #999; + margin-right: 16px; + margin-left: 16px; + background: #eee; } #searchresults ul { - margin: 0; - padding: 0; - list-style-type: none; - list-style-position: inside; + margin: 0; + padding: 0; + list-style-type: none; + list-style-position: inside; } #searchresults ul li { @@ -126,22 +52,21 @@ h3 { } #resultwrap { - width: 70%; - float: left; - font: 18px georgia; - color: #000; + float: left; + font: 18px georgia; + } + #resultwrap h3 { - margin: 0; - background: white; - font-weight: bold; - padding: 0 10px; + margin: 0; + background: white; + font-weight: bold; + padding: 0 10px; } #result { - - margin: 0 0 12px 12px; - padding: 0 12px 0 0; - line-height: 200%; + margin: 0 0 12px 12px; + padding: 0 12px 0 0; + line-height: 200%; } .rmac .contents, .scr .contents { @@ -153,37 +78,48 @@ h3 { display: block; border-bottom: 1px dotted #bbb; margin-bottom: 12px; - - background-color: #fff; + background-color: #fff; + padding: 6px; + + -moz-border-radius: 15px; + -webkit-border-radius:15px; + border-radius: 15px; } .removeresult { float: left; display: block; - margin: 0 9px 12px 0; + margin: 20px 9px 12px 0; text-decoration: none; border: 0px; + + -khtml-opacity:.80; + -moz-opacity:.80; + -ms-filter:"alpha(opacity=80)"; + filter:alpha(opacity=80); + filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8); + opacity:.80; } .result .resultbody { display: block; - padding-left: 55px; + padding-left: 55px; } #main .block { - width: 800px; - margin: 0px 36px 0px 36px; + width: 800px; + margin: 0px 36px 0px 36px; } #main .block h3 { - margin-bottom: 6px; - background-color: white; + margin-bottom: 6px; + background-color: white; } #main .block p { - padding: 0px 12px; - margin: 0px; + padding: 0px 12px; + margin: 0px; } @@ -195,63 +131,102 @@ h3 { a.trigger{ - position: absolute; - background: url(images/open.png) 6% 55% no-repeat; - text-decoration: none; - font-size: 16px; - letter-spacing:-1px; - font-family: verdana, helvetica, arial, sans-serif; - color:#fff; - font-weight: bold; - border-bottom: none; - margin-left: 2px; - - z-index:2; + visibility: hidden; + position: absolute; + background: url(images/open.png) 6% 55% no-repeat; + text-decoration: none; + font-size: 16px; + letter-spacing:-1px; + font-family: verdana, helvetica, arial, sans-serif; + color:#fff; + font-weight: bold; + border-bottom: none; + margin-left: 2px; + z-index:2; + + -khtml-opacity:.50; + -moz-opacity:.50; + -ms-filter:"alpha(opacity=50)"; + filter:alpha(opacity=50); + filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5); + opacity:.50; } a.trigger.left { - left: 12px; + left: 28px; } a.trigger.right { - right: 12px; + right: 28px; } a.trigger:hover { - text-decoration: none; - border-bottom: none; + text-decoration: none; + border-bottom: none; } a.active.trigger { - background: url(images/close.png) 6% 55% no-repeat; + background: url(images/close.png) 6% 55% no-repeat; + } .panel { - color:#000; - position: absolute; - display: none; - background: #eee; - width: 300px; - height: auto; - - z-index:1; + color:#000; + position: absolute; + display: none; + background: #eee; + width: 400px; + height: auto; + z-index:1; } .panel.left { - left: 10px; - padding: 10px 20px 10px 60px; - border-top-right-radius: 15px; - -moz-border-radius-topright: 15px; - -webkit-border-top-right-radius: 15px; - -moz-border-radius-bottomright: 15px; - -webkit-border-bottom-right-radius: 15px; - border-bottom-right-radius: 15px; + left: 20px; + padding: 10px 20px 10px 60px; + border-top-right-radius: 15px; + -moz-border-radius-topright: 15px; + -webkit-border-top-right-radius: 15px; + -moz-border-radius-bottomright: 15px; + -webkit-border-bottom-right-radius: 15px; + border-bottom-right-radius: 15px; } .panel.right { - right: 10px; - padding: 10px 60px 10px 20px; - border-bottom-left-radius: 15px; - border-top-left-radius: 15px; - -moz-border-radius-bottomleft: 15px; - -moz-border-radius-topleft: 15px; - -webkit-border-bottom-left-radius: 15px; - -webkit-border-top-left-radius: 15px; + right: 20px; + padding: 10px 60px 10px 20px; + border-bottom-left-radius: 15px; + border-top-left-radius: 15px; + -moz-border-radius-bottomleft: 15px; + -moz-border-radius-topleft: 15px; + -webkit-border-bottom-left-radius: 15px; + -webkit-border-top-left-radius: 15px; } .panel p { - font-size:11px; + font-size:11px; } -a:focus { outline: none;} \ No newline at end of file +a:focus { outline: none;} + + +#menuicon +{ + display: block; + background-image: url(images/icons-sd.png); + background-position: 0,0; + background-repeat: no-repeat; + width: 50px; + height: 50px; + margin-left: 6px; + border: none; +} +#menuicon:hover { border-bottom: none;} +#menuicon:hover { border-bottom: none;} + +#searchicon +{ + display: block; + background-image: url(images/icons-sd.png); + background-position: -90px; + background-repeat: no-repeat; + width: 50px; + height: 50px; + margin-left: 6px; + border: none; +} +#searchicon:hover { border-bottom: none;} +#searchicon:hover { border-bottom: none;} + + +.ui-content {padding: 12px 0 12px 0;} \ No newline at end of file diff --git a/css/images/icons-sd.png b/css/images/icons-sd.png new file mode 100644 index 00000000..743eefd8 Binary files /dev/null and b/css/images/icons-sd.png differ diff --git a/css/themes/db.css b/css/themes/db.css new file mode 100644 index 00000000..96dfe745 --- /dev/null +++ b/css/themes/db.css @@ -0,0 +1,793 @@ +/*! +* jQuery Mobile 1.3.2 +* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC +* http://jquerymobile.com +* +* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors +* Released under the MIT license. +* http://jquery.org/license +* +*/ + + +/* Swatches */ +/* A +-----------------------------------------------------------------------------------------------------------*/ +.ui-bar-a { + border: 1px solid #b3b3b3 /*{a-bar-border}*/; + background: #eeeeee /*{a-bar-background-color}*/; + color: #3e3e3e /*{a-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #ffffff /*{a-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-bar-background-start}*/), to( #dadada /*{a-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #dadada /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #dadada /*{a-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #dadada /*{a-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #dadada /*{a-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #FFFFFF /*{a-bar-background-start}*/, #dadada /*{a-bar-background-end}*/); +} +.ui-bar-a .ui-link-inherit { + color: #3e3e3e /*{a-bar-color}*/; +} +.ui-bar-a a.ui-link { + color: #7cc4e7 /*{a-bar-link-color}*/; + font-weight: bold; +} +.ui-bar-a a.ui-link:visited { + color: #2489ce /*{a-bar-link-visited}*/; +} +.ui-bar-a a.ui-link:hover { + color: #2489ce /*{a-bar-link-hover}*/; +} +.ui-bar-a a.ui-link:active { + color: #2489ce /*{a-bar-link-active}*/; +} +.ui-bar-a, +.ui-bar-a input, +.ui-bar-a select, +.ui-bar-a textarea, +.ui-bar-a button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-a, +.ui-overlay-a { + color: #333333 /*{a-body-color}*/; + text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #ffffff /*{a-body-shadow-color}*/; + background: #f9f9f9 /*{a-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{a-body-background-start}*/), to( #eeeeee /*{a-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #eeeeee /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #eeeeee /*{a-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #eeeeee /*{a-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #eeeeee /*{a-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #eeeeee /*{a-body-background-end}*/); +} +.ui-overlay-a { + background-image: none; + border-width: 0; +} +.ui-body-a, +.ui-body-a input, +.ui-body-a select, +.ui-body-a textarea, +.ui-body-a button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-a .ui-link-inherit { + color: #333333 /*{a-body-color}*/; +} +.ui-body-a .ui-link { + color: #2489ce /*{a-body-link-color}*/; + font-weight: bold; +} +.ui-body-a .ui-link:visited { + color: #2489ce /*{a-body-link-visited}*/; +} +.ui-body-a .ui-link:hover { + color: #2489ce /*{a-body-link-hover}*/; +} +.ui-body-a .ui-link:active { + color: #2489ce /*{a-body-link-active}*/; +} +.ui-btn-up-a { + border: 1px solid #cccccc /*{a-bup-border}*/; + background: #eeeeee /*{a-bup-background-color}*/; + font-weight: bold; + color: #2f3e46 /*{a-bup-color}*/; + text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{a-bup-background-start}*/), to( #f1f1f1 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/); +} +.ui-btn-up-a:visited, +.ui-btn-up-a a.ui-link-inherit { + color: #2f3e46 /*{a-bup-color}*/; +} +.ui-btn-hover-a { + border: 1px solid #bbbbbb /*{a-bhover-border}*/; + background: #dfdfdf /*{a-bhover-background-color}*/; + font-weight: bold; + color: #2f3e46 /*{a-bhover-color}*/; + text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{a-bhover-background-start}*/), to( #e0e0e0 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); +} +.ui-btn-hover-a:visited, +.ui-btn-hover-a:hover, +.ui-btn-hover-a a.ui-link-inherit { + color: #2f3e46 /*{a-bhover-color}*/; +} +.ui-btn-down-a { + border: 1px solid #bbbbbb /*{a-bdown-border}*/; + background: #d6d6d6 /*{a-bdown-background-color}*/; + font-weight: bold; + color: #2f3e46 /*{a-bdown-color}*/; + text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #ffffff /*{a-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{a-bdown-background-start}*/), to( #dfdfdf /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); +} +.ui-btn-down-a:visited, +.ui-btn-down-a:hover, +.ui-btn-down-a a.ui-link-inherit { + color: #2f3e46 /*{a-bdown-color}*/; +} +.ui-btn-up-a, +.ui-btn-hover-a, +.ui-btn-down-a { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; + text-decoration: none; +} +/* B +-----------------------------------------------------------------------------------------------------------*/ +.ui-bar-b { + border: 1px solid #b3b3b3 /*{b-bar-border}*/; + background: #eeeeee /*{b-bar-background-color}*/; + color: #3e3e3e /*{b-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #ffffff /*{b-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{b-bar-background-start}*/), to( #dddddd /*{b-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #dddddd /*{b-bar-background-end}*/); +} +.ui-bar-b .ui-link-inherit { + color: #3e3e3e /*{b-bar-color}*/; +} +.ui-bar-b a.ui-link { + color: #7cc4e7 /*{b-bar-link-color}*/; + font-weight: bold; +} +.ui-bar-b a.ui-link:visited { + color: #2489ce /*{b-bar-link-visited}*/; +} +.ui-bar-b a.ui-link:hover { + color: #2489ce /*{b-bar-link-hover}*/; +} +.ui-bar-b a.ui-link:active { + color: #2489ce /*{b-bar-link-active}*/; +} +.ui-bar-b, +.ui-bar-b input, +.ui-bar-b select, +.ui-bar-b textarea, +.ui-bar-b button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-b, +.ui-overlay-b { + color: #333333 /*{b-body-color}*/; + text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #ffffff /*{b-body-shadow-color}*/; + background: #f9f9f9 /*{b-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{b-body-background-start}*/), to( #eeeeee /*{b-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #f9f9f9 /*{b-body-background-start}*/, #eeeeee /*{b-body-background-end}*/); +} +.ui-overlay-b { + background-image: none; + border-width: 0; +} +.ui-body-b, +.ui-body-b input, +.ui-body-b select, +.ui-body-b textarea, +.ui-body-b button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-b .ui-link-inherit { + color: #333333 /*{b-body-color}*/; +} +.ui-body-b .ui-link { + color: #2489ce /*{b-body-link-color}*/; + font-weight: bold; +} +.ui-body-b .ui-link:visited { + color: #2489ce /*{b-body-link-visited}*/; +} +.ui-body-b .ui-link:hover { + color: #2489ce /*{b-body-link-hover}*/; +} +.ui-body-b .ui-link:active { + color: #2489ce /*{b-body-link-active}*/; +} +.ui-btn-up-b { + border: 1px solid #cccccc /*{b-bup-border}*/; + background: #eeeeee /*{b-bup-background-color}*/; + font-weight: bold; + color: #2f3e46 /*{b-bup-color}*/; + text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #ffffff /*{b-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{b-bup-background-start}*/), to( #f1f1f1 /*{b-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #ffffff /*{b-bup-background-start}*/, #f1f1f1 /*{b-bup-background-end}*/); +} +.ui-btn-up-b:visited, +.ui-btn-up-b a.ui-link-inherit { + color: #2f3e46 /*{b-bup-color}*/; +} +.ui-btn-hover-b { + border: 1px solid #bbbbbb /*{b-bhover-border}*/; + background: #dfdfdf /*{b-bhover-background-color}*/; + font-weight: bold; + color: #2f3e46 /*{b-bhover-color}*/; + text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{b-bhover-background-start}*/), to( #e0e0e0 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #f6f6f6 /*{b-bhover-background-start}*/, #e0e0e0 /*{b-bhover-background-end}*/); +} +.ui-btn-hover-b:visited, +.ui-btn-hover-b:hover, +.ui-btn-hover-b a.ui-link-inherit { + color: #2f3e46 /*{b-bhover-color}*/; +} +.ui-btn-down-b { + border: 1px solid #bbbbbb /*{b-bdown-border}*/; + background: #d6d6d6 /*{b-bdown-background-color}*/; + font-weight: bold; + color: #2f3e46 /*{b-bdown-color}*/; + text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{b-bdown-background-start}*/), to( #dfdfdf /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #d0d0d0 /*{b-bdown-background-start}*/, #dfdfdf /*{b-bdown-background-end}*/); +} +.ui-btn-down-b:visited, +.ui-btn-down-b:hover, +.ui-btn-down-b a.ui-link-inherit { + color: #2f3e46 /*{b-bdown-color}*/; +} +.ui-btn-up-b, +.ui-btn-hover-b, +.ui-btn-down-b { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; + text-decoration: none; +} + + +/* C +-----------------------------------------------------------------------------------------------------------*/ +.ui-bar-c { + border: 1px solid #b3b3b3 /*{c-bar-border}*/; + background: #eeeeee /*{c-bar-background-color}*/; + color: #3e3e3e /*{c-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #ffffff /*{c-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #dddddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #dddddd /*{c-bar-background-end}*/); +} +.ui-bar-c .ui-link-inherit { + color: #3e3e3e /*{c-bar-color}*/; +} +.ui-bar-c a.ui-link { + color: #7cc4e7 /*{c-bar-link-color}*/; + font-weight: bold; +} +.ui-bar-c a.ui-link:visited { + color: #2489ce /*{c-bar-link-visited}*/; +} +.ui-bar-c a.ui-link:hover { + color: #2489ce /*{c-bar-link-hover}*/; +} +.ui-bar-c a.ui-link:active { + color: #2489ce /*{c-bar-link-active}*/; +} +.ui-bar-c, +.ui-bar-c input, +.ui-bar-c select, +.ui-bar-c textarea, +.ui-bar-c button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-c, +.ui-overlay-c { + color: #333333 /*{c-body-color}*/; + text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #ffffff /*{c-body-shadow-color}*/; + background: #f9f9f9 /*{c-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); +} +.ui-overlay-c { + background-image: none; + border-width: 0; +} +.ui-body-c, +.ui-body-c input, +.ui-body-c select, +.ui-body-c textarea, +.ui-body-c button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-c .ui-link-inherit { + color: #333333 /*{c-body-color}*/; +} +.ui-body-c .ui-link { + color: #2489ce /*{c-body-link-color}*/; + font-weight: bold; +} +.ui-body-c .ui-link:visited { + color: #2489ce /*{c-body-link-visited}*/; +} +.ui-body-c .ui-link:hover { + color: #2489ce /*{c-body-link-hover}*/; +} +.ui-body-c .ui-link:active { + color: #2489ce /*{c-body-link-active}*/; +} +.ui-btn-up-c { + border: 1px solid #cccccc /*{c-bup-border}*/; + background: #eeeeee /*{c-bup-background-color}*/; + font-weight: bold; + color: #2f3e46 /*{c-bup-color}*/; + text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); +} +.ui-btn-up-c:visited, +.ui-btn-up-c a.ui-link-inherit { + color: #2f3e46 /*{c-bup-color}*/; +} +.ui-btn-hover-c { + border: 1px solid #bbbbbb /*{c-bhover-border}*/; + background: #dfdfdf /*{c-bhover-background-color}*/; + font-weight: bold; + color: #2f3e46 /*{c-bhover-color}*/; + text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); +} +.ui-btn-hover-c:visited, +.ui-btn-hover-c:hover, +.ui-btn-hover-c a.ui-link-inherit { + color: #2f3e46 /*{c-bhover-color}*/; +} +.ui-btn-down-c { + border: 1px solid #bbbbbb /*{c-bdown-border}*/; + background: #d6d6d6 /*{c-bdown-background-color}*/; + font-weight: bold; + color: #2f3e46 /*{c-bdown-color}*/; + text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); +} +.ui-btn-down-c:visited, +.ui-btn-down-c:hover, +.ui-btn-down-c a.ui-link-inherit { + color: #2f3e46 /*{c-bdown-color}*/; +} +.ui-btn-up-c, +.ui-btn-hover-c, +.ui-btn-down-c { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; + text-decoration: none; +} + + +/* Structure */ +/* links within "buttons" +-----------------------------------------------------------------------------------------------------------*/ +a.ui-link-inherit { + text-decoration: none !important; +} +/* Active class used as the "on" state across all themes +-----------------------------------------------------------------------------------------------------------*/ +.ui-btn-active { + border: 1px solid #182d39 /*{global-active-border}*/; + background: #3c4c5d /*{global-active-background-color}*/; + font-weight: bold; + color: #ffffff /*{global-active-color}*/; + cursor: pointer; + text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #273744 /*{global-active-shadow-color}*/; + text-decoration: none; + background-image: -webkit-gradient(linear, left top, left bottom, from( #485b6f /*{global-active-background-start}*/), to( #303c4a /*{global-active-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient( #485b6f /*{global-active-background-start}*/, #303c4a /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient( #485b6f /*{global-active-background-start}*/, #303c4a /*{global-active-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient( #485b6f /*{global-active-background-start}*/, #303c4a /*{global-active-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient( #485b6f /*{global-active-background-start}*/, #303c4a /*{global-active-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient( #485b6f /*{global-active-background-start}*/, #303c4a /*{global-active-background-end}*/); + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-btn-active:visited, +.ui-btn-active:hover, +.ui-btn-active a.ui-link-inherit { + color: #ffffff /*{global-active-color}*/; +} +/* button inner top highlight +-----------------------------------------------------------------------------------------------------------*/ +.ui-btn-inner { + border-top: 1px solid #fff; + border-color: rgba(255,255,255,.3); +} +/* corner rounding classes +-----------------------------------------------------------------------------------------------------------*/ +.ui-corner-all { + -webkit-border-radius: 0.3em /*{global-radii-blocks}*/; + border-radius: 0.3em /*{global-radii-blocks}*/; +} +/* Form field separator +-----------------------------------------------------------------------------------------------------------*/ +.ui-br { + border-color: rgb(130,130,130); + border-color: rgba(130,130,130,.3); + border-style: solid; +} +/* Interaction cues +-----------------------------------------------------------------------------------------------------------*/ +.ui-disabled { + filter: Alpha(Opacity=30); + opacity: .3; + zoom: 1; +} +.ui-disabled, +.ui-disabled a { + cursor: default !important; + pointer-events: none; +} +/* Icons +-----------------------------------------------------------------------------------------------------------*/ +.ui-icon, +.ui-icon-searchfield:after { + background: #666666 /*{global-icon-color}*/; + background: transparent /*{global-icon-disc}*/; + background-image: url(images/icons-18-black.png) /*{global-icon-set}*/; + background-repeat: no-repeat; + -webkit-border-radius: 9px; + border-radius: 9px; +} +/* Alt icon color +-----------------------------------------------------------------------------------------------------------*/ +.ui-icon-alt .ui-icon, +.ui-icon-alt .ui-icon-searchfield:after { + background-color: #fff; + background-color: rgba(255,255,255,.3); + background-image: url(images/icons-18-black.png); + background-repeat: no-repeat; +} +/* No disc +-----------------------------------------------------------------------------------------------------------*/ +.ui-icon-nodisc .ui-icon, +.ui-icon-nodisc .ui-icon-searchfield:after, +.ui-icon-nodisc .ui-icon-alt .ui-icon, +.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after { + background-color: transparent; +} +/* Icon sprite +-----------------------------------------------------------------------------------------------------------*/ +/* plus minus */ +.ui-icon-plus { + background-position: -1px -1px; +} +.ui-icon-minus { + background-position: -37px -1px; +} +/* delete/close */ +.ui-icon-delete { + background-position: -73px -1px; +} +/* arrows */ +.ui-icon-arrow-r { + background-position: -108px -1px; +} +.ui-icon-arrow-l { + background-position: -144px -1px; +} +.ui-icon-arrow-u { + background-position: -180px -1px; +} +.ui-icon-arrow-d { + background-position: -216px -1px; +} +/* misc */ +.ui-icon-check { + background-position: -252px -1px; +} +.ui-icon-gear { + background-position: -288px -1px; +} +.ui-icon-refresh { + background-position: -323px -1px; +} +.ui-icon-forward { + background-position: -360px -1px; +} +.ui-icon-back { + background-position: -396px -1px; +} +.ui-icon-grid { + background-position: -432px -1px; +} +.ui-icon-star { + background-position: -467px -1px; +} +.ui-icon-alert { + background-position: -503px -1px; +} +.ui-icon-info { + background-position: -539px -1px; +} +.ui-icon-home { + background-position: -575px -1px; +} +/* search */ +.ui-icon-search, +.ui-icon-searchfield:after { + background-position: -611px -1px; +} +/* checkbox radio */ +.ui-icon-checkbox-on { + background-position: -647px -1px; +} +.ui-icon-checkbox-off { + background-position: -683px -1px; +} +.ui-icon-radio-on { + background-position: -718px -1px; +} +.ui-icon-radio-off { + background-position: -754px -1px; +} +/* menu edit */ +.ui-icon-bars { + background-position: -788px -1px; +} +.ui-icon-edit { + background-position: -824px -1px; +} +/* HD/"retina" sprite +-----------------------------------------------------------------------------------------------------------*/ +@media only screen and (-webkit-min-device-pixel-ratio: 1.3), + only screen and (min--moz-device-pixel-ratio: 1.3), + only screen and (min-resolution: 200dpi) { + + .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, + .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, + .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, + .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit, + .ui-icon-search, .ui-icon-searchfield:after, + .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { + background-image: url(images/icons-36-white.png); + -moz-background-size: 864px 18px; + -o-background-size: 864px 18px; + -webkit-background-size: 864px 18px; + background-size: 864px 18px; + } + .ui-icon-alt .ui-icon { + background-image: url(images/icons-36-black.png); + } + .ui-icon-plus { + background-position: 0 50%; + } + .ui-icon-minus { + background-position: -36px 50%; + } + .ui-icon-delete { + background-position: -72px 50%; + } + .ui-icon-arrow-r { + background-position: -108px 50%; + } + .ui-icon-arrow-l { + background-position: -144px 50%; + } + .ui-icon-arrow-u { + background-position: -179px 50%; + } + .ui-icon-arrow-d { + background-position: -215px 50%; + } + .ui-icon-check { + background-position: -252px 50%; + } + .ui-icon-gear { + background-position: -287px 50%; + } + .ui-icon-refresh { + background-position: -323px 50%; + } + .ui-icon-forward { + background-position: -360px 50%; + } + .ui-icon-back { + background-position: -395px 50%; + } + .ui-icon-grid { + background-position: -431px 50%; + } + .ui-icon-star { + background-position: -467px 50%; + } + .ui-icon-alert { + background-position: -503px 50%; + } + .ui-icon-info { + background-position: -538px 50%; + } + .ui-icon-home { + background-position: -575px 50%; + } + .ui-icon-search, + .ui-icon-searchfield:after { + background-position: -611px 50%; + } + .ui-icon-checkbox-on { + background-position: -647px 50%; + } + .ui-icon-checkbox-off { + background-position: -683px 50%; + } + .ui-icon-radio-on { + background-position: -718px 50%; + } + .ui-icon-radio-off { + background-position: -754px 50%; + } + .ui-icon-bars { + background-position: -788px 50%; + + }.ui-icon-edit { + background-position: -824px 50%; + } +} +/* checks,radios */ +.ui-checkbox .ui-icon, +.ui-selectmenu-list .ui-icon { + -webkit-border-radius: 3px; + border-radius: 3px; +} +.ui-icon-checkbox-off, +.ui-icon-radio-off { + background-color: transparent; +} +.ui-checkbox-on .ui-icon, +.ui-radio-on .ui-icon { + background-color: #3c4c5d /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ +} +/* loading icon */ +.ui-icon-loading { + background: url(images/ajax-loader.gif); + background-size: 46px 46px; +} +/* Button corner class +-----------------------------------------------------------------------------------------------------------*/ +.ui-btn-corner-all { + -webkit-border-radius: 0.3em /*{global-radii-buttons}*/; + border-radius: 0.3em /*{global-radii-buttons}*/; +} +/* radius clip workaround for cleaning up corner trapping */ +.ui-corner-all, +.ui-btn-corner-all { + -webkit-background-clip: padding; + background-clip: padding-box; +} +/* Overlay / modal +-----------------------------------------------------------------------------------------------------------*/ +.ui-overlay { + background: #666; + filter: Alpha(Opacity=50); + opacity: .5; + position: absolute; + width: 100%; + height: 100%; +} +.ui-overlay-shadow { + -moz-box-shadow: 0 0 12px rgba(0,0,0,.6); + -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6); + box-shadow: 0 0 12px rgba(0,0,0,.6); +} +.ui-shadow { + -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/; + -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/; + box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/ +} +.ui-bar-a .ui-shadow, +.ui-bar-b .ui-shadow , +.ui-bar-c .ui-shadow { + -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3); + -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3); + box-shadow: 0 1px 0 rgba(255,255,255,.3); +} +.ui-shadow-inset { + -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2); + -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2); + box-shadow: inset 0 1px 4px rgba(0,0,0,.2); +} +.ui-icon-shadow { + -moz-box-shadow: 0 1px 0 transparent /*{global-icon-shadow}*/; + -webkit-box-shadow: 0 1px 0 transparent /*{global-icon-shadow}*/; + box-shadow: 0 1px 0 transparent /*{global-icon-shadow}*/; +} +/* Focus state - set here for specificity (note: these classes are added by JavaScript) +-----------------------------------------------------------------------------------------------------------*/ +.ui-btn:focus, .ui-link-inherit:focus { + outline: 0; +} +.ui-btn.ui-focus { + z-index: 1; +} +.ui-focus, +.ui-btn:focus { + -moz-box-shadow: inset 0 0 3px #3c4c5d /*{global-active-background-color}*/, 0 0 9px #3c4c5d /*{global-active-background-color}*/; + -webkit-box-shadow: inset 0 0 3px #3c4c5d /*{global-active-background-color}*/, 0 0 9px #3c4c5d /*{global-active-background-color}*/; + box-shadow: inset 0 0 3px #3c4c5d /*{global-active-background-color}*/, 0 0 9px #3c4c5d /*{global-active-background-color}*/; +} +.ui-input-text.ui-focus, +.ui-input-search.ui-focus { + -moz-box-shadow: 0 0 12px #3c4c5d /*{global-active-background-color}*/; + -webkit-box-shadow: 0 0 12px #3c4c5d /*{global-active-background-color}*/; + box-shadow: 0 0 12px #3c4c5d /*{global-active-background-color}*/; +} +/* unset box shadow in browsers that don't do it right +-----------------------------------------------------------------------------------------------------------*/ +.ui-mobile-nosupport-boxshadow * { + -moz-box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +/* ...and bring back focus */ +.ui-mobile-nosupport-boxshadow .ui-focus, +.ui-mobile-nosupport-boxshadow .ui-btn:focus, +.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus { + outline-width: 1px; + outline-style: auto; +} + \ No newline at end of file diff --git a/css/themes/db.min.css b/css/themes/db.min.css new file mode 100644 index 00000000..f513184c --- /dev/null +++ b/css/themes/db.min.css @@ -0,0 +1,12 @@ +/*! +* jQuery Mobile 1.3.2 +* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC +* http://jquerymobile.com +* +* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors +* Released under the MIT license. +* http://jquery.org/license +* +*/ + +.ui-bar-a{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #FFFFFF ),to( #dadada )); background-image:-webkit-linear-gradient( #FFFFFF,#dadada ); background-image: -moz-linear-gradient( #FFFFFF,#dadada ); background-image: -ms-linear-gradient( #FFFFFF,#dadada ); background-image: -o-linear-gradient( #FFFFFF,#dadada ); background-image: linear-gradient( #FFFFFF,#dadada );}.ui-bar-a .ui-link-inherit{color:#3e3e3e ;}.ui-bar-a a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-a a.ui-link:visited{ color:#2489ce ;}.ui-bar-a a.ui-link:hover{color:#2489ce ;}.ui-bar-a a.ui-link:active{color:#2489ce ;}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-a,.ui-overlay-a{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0 1px 0 #ffffff ;background:#f9f9f9 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f9f9f9 ),to( #eeeeee )); background-image:-webkit-linear-gradient( #f9f9f9,#eeeeee ); background-image: -moz-linear-gradient( #f9f9f9,#eeeeee ); background-image: -ms-linear-gradient( #f9f9f9,#eeeeee ); background-image: -o-linear-gradient( #f9f9f9,#eeeeee ); background-image: linear-gradient( #f9f9f9,#eeeeee );}.ui-overlay-a{background-image:none;border-width:0;}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-a .ui-link-inherit{color:#333333 ;}.ui-body-a .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-a .ui-link:visited{ color:#2489ce ;}.ui-body-a .ui-link:hover{color:#2489ce ;}.ui-body-a .ui-link:active{color:#2489ce ;}.ui-btn-up-a{border:1px solid #cccccc ;background:#eeeeee ;font-weight:bold;color:#2f3e46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #f1f1f1 )); background-image:-webkit-linear-gradient( #ffffff,#f1f1f1 ); background-image: -moz-linear-gradient( #ffffff,#f1f1f1 ); background-image: -ms-linear-gradient( #ffffff,#f1f1f1 ); background-image: -o-linear-gradient( #ffffff,#f1f1f1 ); background-image: linear-gradient( #ffffff,#f1f1f1 );}.ui-btn-up-a:visited,.ui-btn-up-a a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-hover-a{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2f3e46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-a:visited,.ui-btn-hover-a:hover,.ui-btn-hover-a a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-down-a{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2f3e46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image: linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-a:visited,.ui-btn-down-a:hover,.ui-btn-down-a a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-b{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f0f0f0 ),to( #dddddd )); background-image:-webkit-linear-gradient( #f0f0f0,#dddddd ); background-image: -moz-linear-gradient( #f0f0f0,#dddddd ); background-image: -ms-linear-gradient( #f0f0f0,#dddddd ); background-image: -o-linear-gradient( #f0f0f0,#dddddd ); background-image: linear-gradient( #f0f0f0,#dddddd );}.ui-bar-b .ui-link-inherit{color:#3e3e3e ;}.ui-bar-b a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-b a.ui-link:visited{ color:#2489ce ;}.ui-bar-b a.ui-link:hover{color:#2489ce ;}.ui-bar-b a.ui-link:active{color:#2489ce ;}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-b,.ui-overlay-b{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0 1px 0 #ffffff ;background:#f9f9f9 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f9f9f9 ),to( #eeeeee )); background-image:-webkit-linear-gradient( #f9f9f9,#eeeeee ); background-image: -moz-linear-gradient( #f9f9f9,#eeeeee ); background-image: -ms-linear-gradient( #f9f9f9,#eeeeee ); background-image: -o-linear-gradient( #f9f9f9,#eeeeee ); background-image: linear-gradient( #f9f9f9,#eeeeee );}.ui-overlay-b{background-image:none;border-width:0;}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-b .ui-link-inherit{color:#333333 ;}.ui-body-b .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-b .ui-link:visited{ color:#2489ce ;}.ui-body-b .ui-link:hover{color:#2489ce ;}.ui-body-b .ui-link:active{color:#2489ce ;}.ui-btn-up-b{border:1px solid #cccccc ;background:#eeeeee ;font-weight:bold;color:#2f3e46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #f1f1f1 )); background-image:-webkit-linear-gradient( #ffffff,#f1f1f1 ); background-image: -moz-linear-gradient( #ffffff,#f1f1f1 ); background-image: -ms-linear-gradient( #ffffff,#f1f1f1 ); background-image: -o-linear-gradient( #ffffff,#f1f1f1 ); background-image: linear-gradient( #ffffff,#f1f1f1 );}.ui-btn-up-b:visited,.ui-btn-up-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-hover-b{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2f3e46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-b:visited,.ui-btn-hover-b:hover,.ui-btn-hover-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-down-b{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2f3e46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image: linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-b:visited,.ui-btn-down-b:hover,.ui-btn-down-b a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-c{border:1px solid #b3b3b3 ;background:#eeeeee ;color:#3e3e3e ;font-weight:bold;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f0f0f0 ),to( #dddddd )); background-image:-webkit-linear-gradient( #f0f0f0,#dddddd ); background-image: -moz-linear-gradient( #f0f0f0,#dddddd ); background-image: -ms-linear-gradient( #f0f0f0,#dddddd ); background-image: -o-linear-gradient( #f0f0f0,#dddddd ); background-image: linear-gradient( #f0f0f0,#dddddd );}.ui-bar-c .ui-link-inherit{color:#3e3e3e ;}.ui-bar-c a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-c a.ui-link:visited{ color:#2489ce ;}.ui-bar-c a.ui-link:hover{color:#2489ce ;}.ui-bar-c a.ui-link:active{color:#2489ce ;}.ui-bar-c,.ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-c,.ui-overlay-c{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0 1px 0 #ffffff ;background:#f9f9f9 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f9f9f9 ),to( #eeeeee )); background-image:-webkit-linear-gradient( #f9f9f9,#eeeeee ); background-image: -moz-linear-gradient( #f9f9f9,#eeeeee ); background-image: -ms-linear-gradient( #f9f9f9,#eeeeee ); background-image: -o-linear-gradient( #f9f9f9,#eeeeee ); background-image: linear-gradient( #f9f9f9,#eeeeee );}.ui-overlay-c{background-image:none;border-width:0;}.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-c .ui-link-inherit{color:#333333 ;}.ui-body-c .ui-link{color:#2489ce ;font-weight:bold;}.ui-body-c .ui-link:visited{ color:#2489ce ;}.ui-body-c .ui-link:hover{color:#2489ce ;}.ui-body-c .ui-link:active{color:#2489ce ;}.ui-btn-up-c{border:1px solid #cccccc ;background:#eeeeee ;font-weight:bold;color:#2f3e46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #f1f1f1 )); background-image:-webkit-linear-gradient( #ffffff,#f1f1f1 ); background-image: -moz-linear-gradient( #ffffff,#f1f1f1 ); background-image: -ms-linear-gradient( #ffffff,#f1f1f1 ); background-image: -o-linear-gradient( #ffffff,#f1f1f1 ); background-image: linear-gradient( #ffffff,#f1f1f1 );}.ui-btn-up-c:visited,.ui-btn-up-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-hover-c{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#2f3e46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image: linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-c:visited,.ui-btn-hover-c:hover,.ui-btn-hover-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-down-c{border:1px solid #bbbbbb ;background:#d6d6d6 ;font-weight:bold;color:#2f3e46 ;text-shadow:0 1px 0 #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #d0d0d0 ),to( #dfdfdf )); background-image:-webkit-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -moz-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -ms-linear-gradient( #d0d0d0,#dfdfdf ); background-image: -o-linear-gradient( #d0d0d0,#dfdfdf ); background-image: linear-gradient( #d0d0d0,#dfdfdf );}.ui-btn-down-c:visited,.ui-btn-down-c:hover,.ui-btn-down-c a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}a.ui-link-inherit{text-decoration:none !important;}.ui-btn-active{border:1px solid #182d39 ;background:#3c4c5d ;font-weight:bold;color:#ffffff ;cursor:pointer;text-shadow:0 1px 0 #273744 ;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from( #485b6f ),to( #303c4a )); background-image:-webkit-linear-gradient( #485b6f,#303c4a ); background-image: -moz-linear-gradient( #485b6f,#303c4a ); background-image: -ms-linear-gradient( #485b6f,#303c4a ); background-image: -o-linear-gradient( #485b6f,#303c4a ); background-image: linear-gradient( #485b6f,#303c4a ); font-family:Helvetica,Arial,sans-serif ;}.ui-btn-active:visited,.ui-btn-active:hover,.ui-btn-active a.ui-link-inherit{color:#ffffff ;}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3);}.ui-corner-all{-webkit-border-radius:0.3em ;border-radius:0.3em ;}.ui-br{border-color:rgb(130,130,130);border-color:rgba(130,130,130,.3);border-style:solid;}.ui-disabled{filter:Alpha(Opacity=30);opacity:.3;zoom:1;}.ui-disabled,.ui-disabled a{cursor:default !important;pointer-events:none;}.ui-icon,.ui-icon-searchfield:after{background:#666666 ;background:transparent ;background-image:url(images/icons-18-black.png) ;background-repeat:no-repeat;-webkit-border-radius:9px;border-radius:9px;}.ui-icon-alt .ui-icon,.ui-icon-alt .ui-icon-searchfield:after{background-color:#fff;background-color:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat;}.ui-icon-nodisc .ui-icon,.ui-icon-nodisc .ui-icon-searchfield:after,.ui-icon-nodisc .ui-icon-alt .ui-icon,.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after{background-color:transparent;}.ui-icon-plus{background-position:-1px -1px;}.ui-icon-minus{background-position:-37px -1px;}.ui-icon-delete{background-position:-73px -1px;}.ui-icon-arrow-r{background-position:-108px -1px;}.ui-icon-arrow-l{background-position:-144px -1px;}.ui-icon-arrow-u{background-position:-180px -1px;}.ui-icon-arrow-d{background-position:-216px -1px;}.ui-icon-check{background-position:-252px -1px;}.ui-icon-gear{background-position:-288px -1px;}.ui-icon-refresh{background-position:-323px -1px;}.ui-icon-forward{background-position:-360px -1px;}.ui-icon-back{background-position:-396px -1px;}.ui-icon-grid{background-position:-432px -1px;}.ui-icon-star{background-position:-467px -1px;}.ui-icon-alert{background-position:-503px -1px;}.ui-icon-info{background-position:-539px -1px;}.ui-icon-home{background-position:-575px -1px;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-611px -1px;}.ui-icon-checkbox-on{background-position:-647px -1px;}.ui-icon-checkbox-off{background-position:-683px -1px;}.ui-icon-radio-on{background-position:-718px -1px;}.ui-icon-radio-off{background-position:-754px -1px;}.ui-icon-bars{background-position:-788px -1px;}.ui-icon-edit{background-position:-824px -1px;}@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-bars,.ui-icon-edit,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(images/icons-36-white.png);-moz-background-size:864px 18px;-o-background-size:864px 18px;-webkit-background-size:864px 18px;background-size:864px 18px;}.ui-icon-alt .ui-icon{background-image:url(images/icons-36-black.png);}.ui-icon-plus{background-position:0 50%;}.ui-icon-minus{background-position:-36px 50%;}.ui-icon-delete{background-position:-72px 50%;}.ui-icon-arrow-r{background-position:-108px 50%;}.ui-icon-arrow-l{background-position:-144px 50%;}.ui-icon-arrow-u{background-position:-179px 50%;}.ui-icon-arrow-d{background-position:-215px 50%;}.ui-icon-check{background-position:-252px 50%;}.ui-icon-gear{background-position:-287px 50%;}.ui-icon-refresh{background-position:-323px 50%;}.ui-icon-forward{background-position:-360px 50%;}.ui-icon-back{background-position:-395px 50%;}.ui-icon-grid{background-position:-431px 50%;}.ui-icon-star{background-position:-467px 50%;}.ui-icon-alert{background-position:-503px 50%;}.ui-icon-info{background-position:-538px 50%;}.ui-icon-home{background-position:-575px 50%;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-611px 50%;}.ui-icon-checkbox-on{background-position:-647px 50%;}.ui-icon-checkbox-off{background-position:-683px 50%;}.ui-icon-radio-on{background-position:-718px 50%;}.ui-icon-radio-off{background-position:-754px 50%;}.ui-icon-bars{background-position:-788px 50%;}.ui-icon-edit{background-position:-824px 50%;}}.ui-checkbox .ui-icon,.ui-selectmenu-list .ui-icon{-webkit-border-radius:3px;border-radius:3px;}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent;}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#3c4c5d ; }.ui-icon-loading{background:url(images/ajax-loader.gif);background-size:46px 46px;}.ui-btn-corner-all{-webkit-border-radius:0.3em ;border-radius:0.3em ;}.ui-corner-all,.ui-btn-corner-all{-webkit-background-clip:padding;background-clip:padding-box;}.ui-overlay{background:#666;filter:Alpha(Opacity=50);opacity:.5;position:absolute;width:100%;height:100%;}.ui-overlay-shadow{-moz-box-shadow:0 0 12px rgba(0,0,0,.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6);}.ui-shadow{-moz-box-shadow:0 1px 3px rgba(0,0,0,.2) ;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2) ;box-shadow:0 1px 3px rgba(0,0,0,.2) }.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow {-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3);}.ui-shadow-inset{-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);box-shadow:inset 0 1px 4px rgba(0,0,0,.2);}.ui-icon-shadow{-moz-box-shadow:0 1px 0 transparent ;-webkit-box-shadow:0 1px 0 transparent ;box-shadow:0 1px 0 transparent ;}.ui-btn:focus,.ui-link-inherit:focus{outline:0;}.ui-btn.ui-focus{z-index:1;}.ui-focus,.ui-btn:focus{-moz-box-shadow:inset 0 0 3px #3c4c5d,0 0 9px #3c4c5d ;-webkit-box-shadow:inset 0 0 3px #3c4c5d,0 0 9px #3c4c5d ;box-shadow:inset 0 0 3px #3c4c5d,0 0 9px #3c4c5d ;}.ui-input-text.ui-focus,.ui-input-search.ui-focus{-moz-box-shadow:0 0 12px #3c4c5d ;-webkit-box-shadow:0 0 12px #3c4c5d ;box-shadow:0 0 12px #3c4c5d ;}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}.ui-mobile-nosupport-boxshadow .ui-focus,.ui-mobile-nosupport-boxshadow .ui-btn:focus,.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus{outline-width:1px;outline-style:auto;} \ No newline at end of file diff --git a/css/themes/images/ajax-loader.gif b/css/themes/images/ajax-loader.gif new file mode 100644 index 00000000..fd1a189c Binary files /dev/null and b/css/themes/images/ajax-loader.gif differ diff --git a/css/themes/images/icons-18-black.png b/css/themes/images/icons-18-black.png new file mode 100644 index 00000000..79164638 Binary files /dev/null and b/css/themes/images/icons-18-black.png differ diff --git a/css/themes/images/icons-18-white.png b/css/themes/images/icons-18-white.png new file mode 100644 index 00000000..3419b81f Binary files /dev/null and b/css/themes/images/icons-18-white.png differ diff --git a/css/themes/images/icons-36-black.png b/css/themes/images/icons-36-black.png new file mode 100644 index 00000000..043bfcd5 Binary files /dev/null and b/css/themes/images/icons-36-black.png differ diff --git a/css/themes/images/icons-36-white.png b/css/themes/images/icons-36-white.png new file mode 100644 index 00000000..12455c90 Binary files /dev/null and b/css/themes/images/icons-36-white.png differ diff --git a/index.html b/index.html index 0d917687..0c6b282a 100644 --- a/index.html +++ b/index.html @@ -1,70 +1,70 @@ - - - - - - - - - - - - The Bible with Strong's Numbers and Cross References - - - - + + + + + + + + + + + + The Bible with Strong's Numbers and Cross References + + + + - - - - - + + + + +

King James Bible with Strong's Numbers and Cross References

 - - - - - -
-
- Display Strongs in Dialog | - Help | - Hide Search | - Switch Panes | Select Font: - | - AA | AA

King James Bible with Strong's Numbers and Cross References

 + + + + + +
+
+ Display Strongs in Dialog | + Help | + Hide Search | + Switch Panes | Select Font: + | + AA | AA
-
- -
-
-

Search Results:

-
-
-
- + diff --git a/index2.html b/index2.html new file mode 100644 index 00000000..f5d3397e --- /dev/null +++ b/index2.html @@ -0,0 +1,113 @@ + + + + + + + + + + The Bible with Strong's Numbers and Cross References + + + + + + + + + + + + + +
+ +
+
+
+
+
+
+
+
+ + +
+
+
    +
    +
    + +
    +
    +

    Search Results:

    +
    +
    +
    + +
    +
    +

    Settings

    +
      +
      • +
    • +
      • +
    • AA | AA
      • +
    +

    Acceptable Search Items:

    +

    + John 1 (displays whole chapter)
    + John 1-2 (displays both chapters
    + John 1 - John 2 (same as above)
    + John 1:3 - 2:4 (displays verses starting with chapter 1 verse 3 and ending with chapter 2 verse 4)
    + John 1:3 - John 2:4 (same as above)
    + John 1:3-5 (displays verses starting with chapter 1 verse 3 through chapter 1 vs 5)
    + H1234 (displays the Strong's definition for the Hebrew # 1234)
    + G1234 (displays the Strong's definition for the Greek # 1234)
    + Jesus (searches for "Jesus". all search terms assume boolean AND, i.e. "Jesus Christ" assumes "Jesus AND Christ". an word without a number is interpreted as search).
    +

    +

    Notes:

    +

    + multiple lookups can be made using a semicolon as a separator, i.e. "Ruth 1; g1234; Jesus").
    +
    The list of results in the main window are sortable, just click and drag to reorder them.

    +
    All Greek/Hebrew cross references translations are taken from the 1933 Webster's version and often are not the same as the KJV translation.
    +
    All source materials were taken from the Zefania XML Bible Project on SourceForge.
    +
    Any Errors and Omission you find would be appreciated. Please contact me via www.jasonwall.org.
    +

    + + +
    +
    +
    + + diff --git a/js/common.js b/js/common.js index 87830d0b..7ba6688a 100644 --- a/js/common.js +++ b/js/common.js @@ -163,16 +163,6 @@ define(['jquery', 'reference', 'tagging', 'jquery.ui'], $("#searchresultswrap").css("float", localStorage.Panes); } } - if (localStorage.Search !== "undefined" && localStorage.Search == "none") { - $("#searchresultswrap").css("display", "none"); - $("#showhidesearch").html("Show Search"); - $("#resultwrap").css("width", "100%"); - - } else { - $("#searchresultswrap").css("display", "block"); - $("#showhidesearch").html("Hide Search"); - $("#resultwrap").css("width", "70%"); - } if (localStorage.FontSize !== "undefined") { $("#result").css("font-size", localStorage.FontSize); @@ -214,35 +204,6 @@ define(['jquery', 'reference', 'tagging', 'jquery.ui'], localStorage.StrongsAsDialog = $("#display-strongs-as-dialog")[0].checked; } }, - ShowHideSearch: function() { - var o = $("#showhidesearch"); - var s = $("#searchresultswrap"); - var r = $("#resultwrap"); - - if (s.css("display") != "none") { - s.css("display", "none"); - o.html("Show Search"); - r.css("width", "100%"); - } else { - s.css("display", "block"); - o.html("Hide Search"); - r.css("width", "70%"); - } - this.Save(); - }, - SwitchPanes: function() { - var s = $("#searchresultswrap"); - var r = $("#resultwrap"); - var v = s.css("float"); - if (v == "right") { - s.css("float", "left"); - r.css("float", "left"); - } else { - s.css("float", "right"); - r.css("float", "right"); - } - this.Save(); - }, IncreaseResultFontSize: function() { var s = $("#result").css("font-size"); $("#result").css("font-size", parseInt(s) + 1); diff --git a/js/main.js b/js/main.js index b8f174e7..e420f449 100644 --- a/js/main.js +++ b/js/main.js @@ -1,69 +1,80 @@ require(["jquery", "db", "common", "reference", "jquery.cookie", "jquery.ui", "jquery.slidePanel"], - function($, db, common) { - $(document).ready(function() - { - $("#searchform").submit(function() + function($, db, common, ref) { + $(document).ready(function() { - common.Search($("#searchvalue").val()); - return false; - }); - $("#growfont").click(function() - { - common.Settings.IncreaseResultFontSize(); - return false; - }); - $("#shrinkfont").click(function() - { - common.Settings.DecreaseResultFontSize(); - return false; - }); - $("#switch-panes").click(function() - { - common.Settings.SwitchPanes(); - return false; - }); - $("#showhelp").click(function() - { - $("#help").dialog({ - draggable:true, - width: 700, - height: 650, - resizable: true + $("#searchvalue").keypress(function(event) { + if (event.which === 13) { + common.Search($("#searchvalue").val()); + } + }); + $("#searchbtn").click(function() + { + common.Search($("#searchvalue").val()); + return false; + }); + $("#growfont").click(function() + { + common.Settings.IncreaseResultFontSize(); + return false; + }); + $("#shrinkfont").click(function() + { + common.Settings.DecreaseResultFontSize(); + return false; + }); + $("#switch-panes").click(function() + { + common.Settings.SwitchPanes(); + return false; + }); + $("#showhelp").click(function() + { + $("#help").dialog({ + draggable: true, + width: 700, + height: 650, + resizable: true + }); + }); + $("#showhidesearch").click(function() + { + common.Settings.ShowHideSearch(); + return false; + }); + $("#changefont").change(function() + { + common.Settings.ChangeResultFont($("#changefont").val()); + return false; }); - }); - $("#showhidesearch").click(function() - { - common.Settings.ShowHideSearch(); - return false; - }); - $("#changefont").change(function() - { - common.Settings.ChangeResultFont($("#changefont").val()); - return false; - }); - // load querystring - var ref = decodeURIComponent(common.Util.GetUrlVars().r); - if (ref !== "undefined") { - // remember the settings, first, because if you have results, the load process would wipe out the passage you want to load. - common.Settings.Load(); - - // now load the passage from the querystring. - common.Search(ref); - $("#searchvalue").val(ref); - } else { - common.Settings.Load(); - } - - // you need to do this last, otherwise the settings load resets the window height. - $(window).bind("resize", function() - { - $("#searchresults").css("height", window.innerHeight - 200); - return false; - }); + // load querystring + var ref = decodeURIComponent(common.Util.GetUrlVars().r); + if (ref !== "undefined") { + // remember the settings, first, because if you have results, the load process would wipe out the passage you want to load. + common.Settings.Load(); - $("#searchresults").css("height", window.innerHeight - 200); - }); - }); + // now load the passage from the querystring. + common.Search(ref); + $("#searchvalue").val(ref); + } else { + common.Settings.Load(); + } + + // you need to do this last, otherwise the settings load resets the window height. + $(window).bind("resize", function() + { + $(".my-breakpoint.ui-grid-c .ui-block-a").css("width", 55); + $(".my-breakpoint.ui-grid-c .ui-block-b").css("width", window.innerWidth - 230); + $(".my-breakpoint.ui-grid-c .ui-block-c").css("width", 100); + $(".my-breakpoint.ui-grid-c .ui-block-d").css("width", 55); + return false; + }); + + $(".my-breakpoint.ui-grid-c .ui-block-a").css("width", 55); + $(".my-breakpoint.ui-grid-c .ui-block-b").css("width", window.innerWidth - 235); + $(".my-breakpoint.ui-grid-c .ui-block-c").css("width", 100); + $(".my-breakpoint.ui-grid-c .ui-block-d").css("width", 55); + }); + });