infobox shadow
This commit is contained in:
parent
bdf7f1bc71
commit
2317ffaae7
|
@ -1011,7 +1011,7 @@
|
||||||
FROM
|
FROM
|
||||||
ttrss_feeds WHERE owner_uid = '".$_SESSION["uid"]."' ORDER by title");
|
ttrss_feeds WHERE owner_uid = '".$_SESSION["uid"]."' ORDER by title");
|
||||||
|
|
||||||
print "<div id=\"infoBox\">PLACEHOLDER</div>";
|
print "<div id=\"infoBoxShadow\"><div id=\"infoBox\">PLACEHOLDER</div></div>";
|
||||||
|
|
||||||
print "<p><table width=\"100%\" class=\"prefFeedList\" id=\"prefFeedList\">";
|
print "<p><table width=\"100%\" class=\"prefFeedList\" id=\"prefFeedList\">";
|
||||||
print "<tr class=\"title\">
|
print "<tr class=\"title\">
|
||||||
|
@ -1978,7 +1978,7 @@
|
||||||
ttrss_users
|
ttrss_users
|
||||||
ORDER by login");
|
ORDER by login");
|
||||||
|
|
||||||
print "<div id=\"infoBox\">PLACEHOLDER</div>";
|
print "<div id=\"infoBoxShadow\"><div id=\"infoBox\">PLACEHOLDER</div></div>";
|
||||||
|
|
||||||
print "<p><table width=\"100%\" class=\"prefUserList\" id=\"prefUserList\">";
|
print "<p><table width=\"100%\" class=\"prefUserList\" id=\"prefUserList\">";
|
||||||
|
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 91 B |
24
prefs.js
24
prefs.js
|
@ -120,11 +120,17 @@ function userlist_callback() {
|
||||||
}
|
}
|
||||||
|
|
||||||
function infobox_callback() {
|
function infobox_callback() {
|
||||||
var container = document.getElementById('infoBox');
|
|
||||||
if (xmlhttp.readyState == 4) {
|
if (xmlhttp.readyState == 4) {
|
||||||
if (container) {
|
var box = document.getElementById('infoBox');
|
||||||
container.innerHTML=xmlhttp.responseText;
|
var shadow = document.getElementById('infoBoxShadow');
|
||||||
container.style.display = "block";
|
|
||||||
|
if (box) {
|
||||||
|
box.innerHTML=xmlhttp.responseText;
|
||||||
|
if (shadow) {
|
||||||
|
shadow.style.display = "block";
|
||||||
|
} else {
|
||||||
|
box.style.display = "block";
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1121,6 +1127,12 @@ function dispOptionHelp(event, sender) {
|
||||||
} */
|
} */
|
||||||
|
|
||||||
function closeInfoBox() {
|
function closeInfoBox() {
|
||||||
var d = document.getElementById('infoBox');
|
var box = document.getElementById('infoBox');
|
||||||
d.style.display = "none";
|
var shadow = document.getElementById('infoBoxShadow');
|
||||||
|
|
||||||
|
if (shadow) {
|
||||||
|
shadow.style.display = "none";
|
||||||
|
} else if (box) {
|
||||||
|
box.style.display = "none";
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
43
tt-rss.css
43
tt-rss.css
|
@ -425,15 +425,38 @@ div.helpResponse {
|
||||||
border : 1px solid #f0f0f0;
|
border : 1px solid #f0f0f0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#infoBox {
|
||||||
|
border : 1px solid #c0c0c0;
|
||||||
|
padding-bottom : 10px;
|
||||||
|
font-size : small;
|
||||||
|
position : relative;
|
||||||
|
bottom : 2px;
|
||||||
|
right : 2px;
|
||||||
|
background-color : white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#infoBoxShadow {
|
||||||
|
background-image : url("images/shadow.png");
|
||||||
|
position : absolute;
|
||||||
|
margin-left : 30%;
|
||||||
|
width : 30%;
|
||||||
|
z-index : 3;
|
||||||
|
display : none;
|
||||||
|
}
|
||||||
|
|
||||||
div.infoBoxContents {
|
div.infoBoxContents {
|
||||||
background-image : url("images/vgrad_light_rev2.png");
|
background-image : url("images/vgrad_light_rev2.png");
|
||||||
background-position : top left;
|
background-position : top left;
|
||||||
background-repeat : repeat-x;
|
background-repeat : repeat-x;
|
||||||
padding : 5px;
|
padding : 5px;
|
||||||
margin-bottom : 10px;
|
margin-bottom : 5px;
|
||||||
border : 1px solid #f0f0f0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.infoBoxContents td {
|
||||||
|
font-size : small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
div.helpResponse h1, div.infoBoxContents h1 {
|
div.helpResponse h1, div.infoBoxContents h1 {
|
||||||
border-width : 0px 0px 1px 0px;
|
border-width : 0px 0px 1px 0px;
|
||||||
border-style : solid;
|
border-style : solid;
|
||||||
|
@ -581,22 +604,6 @@ table.innerLoginForm td {
|
||||||
padding : 3px 3px 5px 3px;
|
padding : 3px 3px 5px 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#infoBox {
|
|
||||||
position : absolute;
|
|
||||||
margin-left : 30%;
|
|
||||||
background-color : white;
|
|
||||||
width : 30%;
|
|
||||||
z-index : 3;
|
|
||||||
border : 1px solid #c0c0c0;
|
|
||||||
padding-bottom : 10px;
|
|
||||||
display : none;
|
|
||||||
font-size : small;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.infoBoxContents td {
|
|
||||||
font-size : small;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.small, p.small {
|
div.small, p.small {
|
||||||
font-size : x-small;
|
font-size : x-small;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue