You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
yacy_search_server/htroot/interaction/OverlayInteraction.html

300 lines
4.7 KiB

#(enabled)#::
<style type="text/css" >
.sci_panel {
font: arial,helvetica,sans-serif;
font-size: 10px;
position: fixed;
right: 0;
background: #ffffff;
border:1px solid #5a346e;
width: 210px;
height: auto;
padding: 30px 110px 30px 30px;
z-index:99998;
color: #5a346e;
}
.sci_right {
font: arial,helvetica,sans-serif;
font-size: 10px;
position: fixed;
right: 10px;
top: 0;
background: #ffffff;
border:0px;
width: 65px;
height: 20px;
padding: 5px 5px 5px 5px;
z-index:99998;
color: #5a346e;
}
.sci_tags {
font: arial,helvetica,sans-serif;
font-size: 10px;
position: fixed;
right: 100px;
top: 0;
background: #ffffff;
border:0px;
width: 65px;
height: 20px;
padding: 5px 5px 5px 5px;
z-index:99998;
color: #5a346e;
}
.sci_hide {
font: arial,helvetica,sans-serif;
font-size: 10px;
position: fixed;
right: 0px;
top: 0;
background: #ffffff;
border:0px;
width: 30px;
height: 20px;
padding: 5px 5px 5px 5px;
z-index:99998;
color: #5a346e;
}
.sci_left {
font: arial,helvetica,sans-serif;
font-size: 10px;
position: fixed;
left: 50px;
top: 0;
margin-top: 1px;
padding-left: 50px;
background: #ffffff;
border:0px;
width: 250px;
height: 19px;
padding: 9px 5px 5px 5px;
z-index:99998;
color: #5a346e;
}
.sci_panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}
.sci_panel a, .sci_panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}
.sci_panel a:hover, .sci_panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
.sci_headerbar {
font: arial,helvetica,sans-serif;
font-size: 10px;
position: fixed;
left: 0;
top: 0px;;
width: 100%;
height: 35px;
border:0px;
background: #ffffff;
padding: 0px 0px 0px 0px;
z-index:99998;
}
.sci_bar {
font: arial,helvetica,sans-serif;
font-size: 10px;
position: fixed;
left: 0;
top: 35px;;
width: 100%;
height: 2px;
background: #ffffff;
border:0px;
background: #5a346e;
padding: 0px 0px 0px 0px;
z-index:99998;
}
.sci_masterbutton {
font: arial,helvetica,sans-serif;
font-size: 10px;
position: fixed;
left: 0px;
top: -15px;
width: 0px;
height: 65px;
background: #ffffff;
border:0px;
background: #5a346e;
padding: 0px 0px 0px 0px;
z-index:99999;
}
}
</style>
<div id="sidebar-button" class="sci_masterbutton" style="">
<img src="/currentyacypeer/env/grafics/sciety.png" onclick="$('.sci_headerbar').toggle(); "/>
</div>
<div id="sci_headerbar" class="sci_headerbar">
<div id="sidebar-bar" class="sci_bar" style="">
</div>
<div id="sidebar-source" class="sci_left" style="">
<!--#include virtual="/interaction/Scibutton_part.html?details=true&amp;url=#[link]#" -->
</div>
<div id="sidebar-source" class="sci_tags" style="">
<img id="scitag" src="/currentyacypeer/env/grafics/tag.png" width="20px" height="20px" alt="0" onclick="$('#sidebar-tags').toggle(); return false">&nbsp; <span style="font-size: x-small; position: absolute; margin-top: 4px;">tags</span>
</div>
<div id="sidebar-document" class="sci_right" style="">
<script type="text/javascript" charset="utf-8">
function toggleit() {
var a = $('#scilight').attr('alt');
if (a == '0') {
$('#scilight').attr('alt', "1");
$('#scilight').attr('src', "/currentyacypeer/env/grafics/scilight_1.png");
storevalue_t ('#[link]#', 'scivote', '1');
} else {
$('#scilight').attr('alt', "0");
$('#scilight').attr('src', "/currentyacypeer/env/grafics/scilight_0.png");
storevalue_t ('#[link]#', 'scivote', '0');
}
}
</script>
<img id="scilight" src="/currentyacypeer/env/grafics/scilight_0.png" width="20px" height="20px" alt="0" onclick="toggleit(); return false">&nbsp; <span style="font-size: x-small; position: absolute; margin-top: 4px;">scilight</span>
<script type="text/javascript" charset="utf-8">
if (loadvalue_t ('#[link]#', 'scivote') == '1') {
$('#scilight').attr('alt', '1');
$('#scilight').attr('src', '/currentyacypeer/env/grafics/scilight_1.png');
}
</script>
</div>
<div id="sidebar-tags" class="sci_panel" style="top: 50px; display: none;">
<input type="text" name="tags" id="tags" class="bm_input" size="80" />
<script type="text/javascript" charset="utf-8">
var oldvalue = loadvalue_t ('#[link]#', 'http://virtual.x/hastags');
document.getElementById('tags').value = oldvalue;
$('#tags').tagsInput({
'height':'105px',
'width':'270px',
'interactive':true,
'removeWithBackspace' : true,
'minChars' : 0,
'maxChars' : 0,
'placeholderColor' : '#666666',
'onChange' : function () {
storevalue_t ('#[link]#', 'http://virtual.x/hastags', document.getElementById('tags').value);
}
});
</script>
</div>
</div>
#(/enabled)#