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/images/icons-sd.png b/css/images/icons-sd.png similarity index 100% rename from images/icons-sd.png rename to css/images/icons-sd.png diff --git a/css/themes/db.css b/css/themes/db.css index c60ae464..96dfe745 100644 --- a/css/themes/db.css +++ b/css/themes/db.css @@ -51,7 +51,6 @@ } .ui-body-a, .ui-overlay-a { - border: 1px solid #aaaaaa /*{a-body-border}*/; 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}*/; @@ -188,7 +187,6 @@ } .ui-body-b, .ui-overlay-b { - border: 1px solid #aaaaaa /*{b-body-border}*/; 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}*/; @@ -327,7 +325,6 @@ } .ui-body-c, .ui-overlay-c { - border: 1px solid #aaaaaa /*{c-body-border}*/; 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}*/; diff --git a/index.html b/index.html index 0d917687..0c6b282a 100644 --- a/index.html +++ b/index.html @@ -1,70 +1,70 @@ -
- - - - - - - - - - -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 |
This panel has all the default options: positioned on the left with the reveal display mode. The panel markup is before the header, content and footer in the source order.
+
+ 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).
+
+ 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.
+