dynamicbible/css/bible.css
jason.wall f9dc9e5819 BUGFIXES: Fixes a variety of the remaining issues
* css formatting issues
 * upgraded to latest jquery
 * removed requirejs because of incompatibility with jquery mobile
 * multiple bug fixes relating to above
 * search now opens automatically when performing a search
2014-12-25 19:18:38 -05:00

238 lines
4.7 KiB
CSS

a.link
{
font-weight: normal;
color: #000;
text-decoration:none;
border-bottom: 1px dotted darkgray;
_border-bottom: 1px solid lightgray; /* IE */
}
a.hiddenlink
{
font-weight: normal;
color: #000;
text-decoration:none;
border-bottom: 1px dotted darkgray;
_border-bottom: 1px solid lightgray; /* IE */
}
a:hover {
border-bottom: 1px solid maroon;
}
#searchvalue {font-family: georgia;}
#searchresults {
xmargin-right: 10px;
padding: 0 10px 10px 10px;
overflow:scroll;
height: 100%;
margin-right: 16px;
margin-left: 16px;
background: #eee;
}
#searchresults ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: inside;
}
#searchresults ul li
{
margin: 0 0 3px 0;
}
#searchresults ul a
{
width: 100%;
height: 30px;
display: block;
line-height: 30px;
background-color: #ddd;
padding: 3px;
text-align:center;
font-size: 18px;
font-family: Georgia, Serif;
text-decoration: none;
border: 0px;
color: Maroon;
}
#searchresults ul a:hover
{
background-color: #fff;
}
#resultwrap {
float: left;
font: 18px georgia;
}
#resultwrap h3 {
margin: 0;
background: white;
font-weight: bold;
padding: 0 10px;
}
#result {
margin: 0 0 12px 12px;
padding: 0 12px 0 0;
line-height: 200%;
}
.rmac .contents, .scr .contents
{
display: none;
}
.result
{
display: block;
border-bottom: 1px dotted #bbb;
margin-bottom: 12px;
background-color: #fff;
padding: 6px;
-moz-border-radius: 15px;
-webkit-border-radius:15px;
border-radius: 15px;
}
.removeresult
{
float: left;
display: block;
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;
}
#main .block {
width: 800px;
margin: 0px 36px 0px 36px;
}
#main .block h3 {
margin-bottom: 6px;
background-color: white;
}
#main .block p {
padding: 0px 12px;
margin: 0px;
}
.input-addtag {width: 200px; height: 36px;}
.btn-addtag {width: 80px; height: 44px; margin-left: 3px;}
a.trigger{
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: 28px;
}
a.trigger.right {
right: 28px;
}
a.trigger:hover {
text-decoration: none;
border-bottom: none;
}
a.active.trigger {
background: url(images/close.png) 6% 55% no-repeat;
}
.panel {
color:#000;
position: absolute;
display: none;
background: #eee;
width: 400px;
height: auto;
z-index:1;
}
.panel.left {
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: 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;
}
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;}