mirror of
https://github.com/yacy/yacy_search_server.git
synced 2024-09-21 00:00:13 +02:00
5132bf719c
switch between p2p search and the 'stealth mode' which is simply a non-p2p search within the p2p network. The functionality was there all the time, but the switch to this was not very visible.
1042 lines
15 KiB
CSS
1042 lines
15 KiB
CSS
/* base.css - Layout and general style */
|
|
/*
|
|
$LastChangedDate$
|
|
$LastChangedRevision$
|
|
$LastChangedBy$
|
|
*/
|
|
|
|
/*
|
|
# use section names to jump
|
|
|
|
############ Sections: ########################
|
|
## "global elements" ##
|
|
# all html elements without ".class" or "#id"
|
|
###############################################
|
|
## "global classes" ##
|
|
# i.e. ".strong"; ".left"; ".error";
|
|
###############################################
|
|
## "privat classes" ##
|
|
# all HTML-elements with a specific class
|
|
# i.e. "div.content"; "span.left";
|
|
# and
|
|
# "div.content span a."; "form.search fieldset legend";
|
|
# sorted by the last html-element
|
|
###############################################
|
|
## "site specific" ##
|
|
# all site specific elements
|
|
# i.e. "body#search form"; "body#stats table td.strong";
|
|
###############################################
|
|
## "other" ##
|
|
# all "other" elements
|
|
# i.e. "#left"; "#myID.div";
|
|
*/
|
|
|
|
/* --------------- global elements -------------------------- */
|
|
|
|
* {
|
|
font-family:/*Helvetica, Arial, */sans-serif;
|
|
}
|
|
|
|
/* the following dl style is needed to patch a bug in Safari
|
|
which occurs when definition lists appears inside of fieldsets */
|
|
dl {
|
|
display:inline-block;
|
|
width:96%;
|
|
}
|
|
|
|
body {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
body, table, textarea {
|
|
font-size: 12px;
|
|
}
|
|
|
|
h1, h2, h3, h4 {
|
|
font-style:normal;
|
|
}
|
|
|
|
h1 {
|
|
font-size:2em;
|
|
}
|
|
|
|
h2 {
|
|
font-size:1.6em;
|
|
clear:left; /* The heading after the submenu has to be left again */
|
|
}
|
|
|
|
h3 {
|
|
font-size:1.3em;
|
|
}
|
|
|
|
h4 {
|
|
font-size:1.1em;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
a:link {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
a:visited {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
img {
|
|
border:0;
|
|
}
|
|
|
|
td {
|
|
padding:1px 2px;
|
|
}
|
|
|
|
fieldset {
|
|
margin:10px 5px;
|
|
padding:10px;
|
|
}
|
|
|
|
legend {
|
|
font-size:1.2em;
|
|
padding:0.2em;
|
|
text-align:center;
|
|
}
|
|
|
|
label {
|
|
cursor:pointer;
|
|
}
|
|
|
|
input {
|
|
margin:0.2em;
|
|
margin-top:0px;
|
|
margin-bottom:0px;
|
|
vertical-align:text-bottom;
|
|
}
|
|
|
|
pre {
|
|
font-family:monospace;
|
|
}
|
|
|
|
/* --------------- global classes --------------------- */
|
|
|
|
tt, *.tt {
|
|
font-family:Courier,Terminal,sans-serif;
|
|
}
|
|
|
|
.commit {
|
|
font-weight:bold;
|
|
color:green;
|
|
}
|
|
|
|
.pending {
|
|
font-weight:bold;
|
|
color:darkblue;
|
|
}
|
|
|
|
.error {
|
|
font-weight:bold;
|
|
color:red;
|
|
}
|
|
|
|
.info {
|
|
font-weight:bold;
|
|
color:olive;
|
|
}
|
|
|
|
.help {
|
|
font-size:90%;
|
|
}
|
|
|
|
.hidden {
|
|
display:hidden;
|
|
}
|
|
|
|
.listing {
|
|
font-family:Courier,Terminal,sans-serif;
|
|
color:black;
|
|
}
|
|
|
|
.listingem {
|
|
font-family:Courier,Terminal,sans-serif;
|
|
color:DimGray;
|
|
}
|
|
|
|
.listingok {
|
|
font-family:Courier,Terminal,sans-serif;
|
|
color:green;
|
|
}
|
|
|
|
.listingnok {
|
|
font-family:Courier,Terminal,sans-serif;
|
|
color:red;
|
|
}
|
|
|
|
/* .snippetLoaded {
|
|
font-style:italic;
|
|
color: #666;
|
|
} */
|
|
|
|
.snippetLoaded b {
|
|
color: black;
|
|
}
|
|
|
|
.snippetError {
|
|
font-style:italic;
|
|
}
|
|
|
|
.settingsValue {
|
|
font-weight:bold;
|
|
}
|
|
|
|
.strike {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.underline {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.Headline {
|
|
font-weight: bold;
|
|
font-size: 160%;
|
|
text-align: center;
|
|
height: 36px;
|
|
width:100%;
|
|
}
|
|
|
|
.Heading {
|
|
height: 36px;
|
|
}
|
|
|
|
.Post {
|
|
padding:10px;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.PostSubject {
|
|
padding:5px;
|
|
margin:0;
|
|
}
|
|
|
|
.PostBody {
|
|
margin:10px;
|
|
}
|
|
|
|
.PostBody h2 { margin: .4em 0 0; }
|
|
.PostBody h3 { margin: .3em 0 0; }
|
|
.PostBody h4 { margin: .2em 0 0; }
|
|
|
|
.PostInfo {
|
|
padding:1px 10px;
|
|
}
|
|
|
|
.WikiTOCBox {
|
|
padding: 8px;
|
|
}
|
|
|
|
.diff {
|
|
margin: 10px 5px;
|
|
border: 1px dashed #722;
|
|
padding: .5em;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.diff .unchanged { font-family: monospace; }
|
|
.diff .added { font-family: monospace; }
|
|
.diff .deleted { font-family: monospace; text-decoration: line-through; }
|
|
|
|
.thumbcontainer {
|
|
margin: 2px;
|
|
width: 128px;
|
|
height: 128px; /* 96px thumbnail + some lines of text */
|
|
float: left;
|
|
}
|
|
|
|
.hides .hoverShow {
|
|
display: none;
|
|
}
|
|
|
|
.hides:hover .hoverShow {
|
|
display: block;
|
|
position: absolute;
|
|
border: 3px double;
|
|
margin: 0 0 0 2em;
|
|
padding: .3em;
|
|
height: 20em;
|
|
overflow: auto;
|
|
width: 30em;
|
|
}
|
|
|
|
/* ---------------- private classes ---------------------*/
|
|
|
|
/*----------
|
|
<div>
|
|
*/
|
|
|
|
div.TagList {
|
|
float:right;
|
|
width:25em;
|
|
text-align:left;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
div.ProgressBarCaption {
|
|
float:left;
|
|
}
|
|
div.ProgressBar {
|
|
float:left;
|
|
width:100px;
|
|
height:10px;
|
|
}
|
|
div.ProgressBarFill {
|
|
margin:0px;
|
|
padding:0px;
|
|
height:100%; /*not valid value for Netscape 8*/
|
|
}
|
|
|
|
#results {
|
|
clear:both;
|
|
}
|
|
|
|
#resCounter {
|
|
/* left part of the progress bar */
|
|
float:left;
|
|
}
|
|
|
|
#resProgBar {
|
|
height: 1.5em;
|
|
/* margin: 1em auto; */
|
|
position: relative; /* for "relative" absolute pos of children */
|
|
text-align: left;
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
|
|
#resNav {
|
|
/* right part of the progress bar */
|
|
float:right;
|
|
}
|
|
|
|
#resProgFill {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
z-index: -10;
|
|
}
|
|
|
|
div.bookmarkList {
|
|
margin-top:3em;
|
|
margin-right:1em;
|
|
padding-right:13em;
|
|
}
|
|
|
|
div.bookmark {
|
|
margin-top:1em;
|
|
margin-right:13em;
|
|
padding-bottom:1em;
|
|
}
|
|
|
|
|
|
div.SubMenugroup{
|
|
float:left;
|
|
margin-right:1px;
|
|
margin-top:0px;
|
|
margin-bottom:2px;
|
|
}
|
|
|
|
div.content {
|
|
position:absolute;
|
|
top:3em;
|
|
left:13em;
|
|
right:10px;
|
|
margin:0;
|
|
}
|
|
|
|
div.yacysearch {
|
|
margin-top: .8em;
|
|
display:block;
|
|
}
|
|
|
|
div.searchresults {
|
|
padding-top:1em;
|
|
width:100%;
|
|
}
|
|
|
|
div.searchresults.hidden {
|
|
display:none;
|
|
}
|
|
|
|
div.urlactions {
|
|
float:left;
|
|
clear:left;
|
|
margin: 0px 6px 0px 2px;
|
|
}
|
|
|
|
h4.linktitle {
|
|
margin:2px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
img.favicon{
|
|
margin: 0px 4px 0px -20px;
|
|
width: 16px;
|
|
height: 16px;
|
|
float: left;
|
|
}
|
|
|
|
/*----------
|
|
<p>
|
|
*/
|
|
|
|
p.aftersurftips {
|
|
clear:both;
|
|
}
|
|
|
|
p.info {
|
|
margin-top:5em;
|
|
padding-top:5px;
|
|
text-align:center;
|
|
}
|
|
|
|
div.bookmark p {
|
|
margin:1px;
|
|
}
|
|
|
|
div.searchresults p{
|
|
margin:2px 2px 2px 2px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
form.search.small div.yacylogo { /* The logo in yacysearch.html */
|
|
display:inline;
|
|
padding:0;
|
|
margin: 5px;
|
|
}
|
|
|
|
div.yacylogo {
|
|
float:left;
|
|
}
|
|
|
|
/*----------
|
|
<h1>, <h2>, <h3>, <h4>, <h5>
|
|
*/
|
|
|
|
div.head h1 {
|
|
padding:6px;
|
|
background:url(/env/grafics/yacy.png) 10px center no-repeat;
|
|
font-weight: bold;
|
|
font-size: 1.8em;
|
|
text-align: center;
|
|
margin:0;
|
|
}
|
|
|
|
h2.yacy { /* The heading in index.html */
|
|
margin:10px auto;
|
|
text-align:center;
|
|
padding-top:20px;
|
|
width:256px;
|
|
min-width:256px; /*min-width does not exist in IE 5.5, 6 and Safari */
|
|
}
|
|
|
|
div.welcome { /* The heading in Status.html */
|
|
clear:left;
|
|
float:left;
|
|
margin: 0;
|
|
padding-top:0px;
|
|
text-align:left;
|
|
width:680px;
|
|
}
|
|
|
|
div.sidebar { /* sidebars on the right side */
|
|
float:left;
|
|
/* width:120px; too small */
|
|
margin:10px 0;
|
|
padding-top:10px;
|
|
text-align:left;
|
|
}
|
|
|
|
form.search.small h2 {
|
|
clear:none;
|
|
/*font-size: 1.2em;*/
|
|
margin:0px;
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
li.menugroup h3 {
|
|
font-size: 1em; font-weight: bold;
|
|
margin: 0; padding: 1px 10px;
|
|
}
|
|
|
|
div.SubMenugroup h3 {
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
margin:0;
|
|
padding:1px 10px;
|
|
}
|
|
div.SubMenu h3 {
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
margin:0;
|
|
margin-bottom:1px;
|
|
padding:1px 10px;
|
|
clear: both;
|
|
}
|
|
|
|
h4.bookmarkTitle {
|
|
margin:0;
|
|
}
|
|
|
|
/*----------
|
|
<a>
|
|
*/
|
|
|
|
a.bookmarkTags {
|
|
font-weight:bold;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
a.bookmarkTitle {
|
|
font-size:17px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
a.BookmarkLink {
|
|
background:url(/env/grafics/addlink.png) left center no-repeat;
|
|
padding-left:15px;
|
|
}
|
|
|
|
a.MenuItemLink{
|
|
display:block;
|
|
text-decoration:none;
|
|
margin-top:1px;
|
|
margin-bottom:1px;
|
|
padding:1px 10px 1px 15px;
|
|
font-size:0.9em;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
li.menugroup a {
|
|
white-space:normal;
|
|
}
|
|
|
|
a.MenuItemLink.lock{
|
|
background-image:url(/env/grafics/lock.gif);
|
|
background-position:2px center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
a:hover.MenuItemLink {
|
|
text-decoration:none;
|
|
}
|
|
|
|
div.urlactions a {
|
|
display:block;
|
|
width: 11px;
|
|
height: 11px;
|
|
margin: 0px 0px 0px 3px;
|
|
}
|
|
|
|
a.bookmarklink:hover, div.searchresults:hover a.bookmarklink, div.searchresults.hover a.bookmarklink {
|
|
background:url(/env/grafics/bookmark.gif) center center no-repeat;
|
|
}
|
|
|
|
a.recommendlink:hover, div.searchresults:hover a.recommendlink, div.searchresults.hover a.recommendlink {
|
|
background:url(/env/grafics/plus.gif) center center no-repeat;
|
|
}
|
|
|
|
a.deletelink:hover, div.searchresults:hover a.deletelink, div.searchresults.hover a.deletelink {
|
|
background:url(/env/grafics/minus.gif) center center no-repeat;
|
|
}
|
|
|
|
ul.SubMenu a.MenuItemLink {
|
|
margin-top:0;
|
|
}
|
|
|
|
a.thumblink {
|
|
display:block;
|
|
width: 128px;
|
|
height: 128px;
|
|
margin: 2px;
|
|
line-height: 128px;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/*----------
|
|
<em>
|
|
*/
|
|
|
|
ul.SubMenu em {
|
|
margin-top:0;
|
|
}
|
|
|
|
ul.SubMenu em.lock {
|
|
background-image:url(/env/grafics/lock.gif);
|
|
background-position:2px center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
ul.SubMenu em {
|
|
display:block;
|
|
text-decoration:none;
|
|
margin-top:1px;
|
|
margin-bottom:1px;
|
|
padding:1px 10px 1px 15px;
|
|
font-size:0.9em;
|
|
}
|
|
|
|
/* <ul>, <li> */
|
|
|
|
ul.tagList {
|
|
list-style:none;
|
|
padding:0;
|
|
margin-left:0;
|
|
}
|
|
|
|
|
|
|
|
ul.menu, ul.SubMenu {
|
|
clear:left;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
ul.menu li, ul.SubMenu li {
|
|
list-style:none;
|
|
margin:0;
|
|
margin-top:1px;
|
|
padding:0;
|
|
}
|
|
|
|
ul.SubMenu li {
|
|
float:left;
|
|
margin-right:1px;
|
|
margin-top:0;
|
|
}
|
|
|
|
li.menugroup {
|
|
margin-left:5px;
|
|
margin-bottom:10px;
|
|
list-style:none;
|
|
}
|
|
|
|
/*----------
|
|
<dl>, <dd>, <dt>
|
|
*/
|
|
|
|
dd {
|
|
text-align:left;
|
|
}
|
|
|
|
dl.pairs dd, form dd {
|
|
padding:0.25%;
|
|
margin:0 0 0.25% 0.25%;
|
|
float:left;
|
|
width:74%;
|
|
}
|
|
|
|
form dt, dl.pairs dt {
|
|
float:left;
|
|
clear:left;
|
|
width:24%;
|
|
margin:0 0 0.25% 0.25%;
|
|
padding:0.25% 0.25%;
|
|
text-align:right;
|
|
}
|
|
|
|
dt.hintIcon {
|
|
float:left;
|
|
clear:both;
|
|
}
|
|
|
|
dd.hint {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
dl.bplike
|
|
{
|
|
float: left;
|
|
margin: 0 0;
|
|
width: 184px;
|
|
padding: 0;
|
|
}
|
|
|
|
.bplike dt
|
|
{
|
|
clear: left;
|
|
float: left;
|
|
width: 20px;
|
|
margin: 0;
|
|
padding: 0px;
|
|
}
|
|
|
|
.bplike dd
|
|
{
|
|
float: left;
|
|
width: 155px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
/*----------
|
|
<form>
|
|
*/
|
|
form.search {
|
|
text-align:center;
|
|
margin:0;
|
|
}
|
|
form.search.small {
|
|
text-align:left;
|
|
margin-bottom:5px;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
.searchinput {
|
|
font-size:16px;
|
|
}
|
|
|
|
/*----------
|
|
<table>, <tr>, <th>, <td>
|
|
*/
|
|
|
|
table.networkTable{
|
|
font-size:90%;
|
|
}
|
|
table.StatusTable {
|
|
border-width:0px;
|
|
border-spacing:1px;
|
|
}
|
|
|
|
form.search table {
|
|
margin:0 auto;
|
|
text-align:left;
|
|
}
|
|
|
|
/*----------
|
|
<fieldset>
|
|
*/
|
|
|
|
fieldset {
|
|
text-align:left;
|
|
}
|
|
|
|
fieldset.yacysearch {
|
|
text-align:left;
|
|
padding-top:10px;
|
|
display:block;
|
|
}
|
|
|
|
form.PeerControl fieldset { /* on Status.html */
|
|
text-align:right;
|
|
}
|
|
|
|
form.search fieldset {
|
|
display:inline;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
form.search.small fieldset {
|
|
margin:0px;
|
|
}
|
|
|
|
form.search.small fieldset * {
|
|
margin-left:0;
|
|
}
|
|
|
|
/*----------
|
|
<img>
|
|
*/
|
|
|
|
img.deleteIcon, img.recommendIcon {
|
|
height: 11px;
|
|
width: 11px;
|
|
}
|
|
img.bookmarkIcon {
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
|
|
.thumblink img {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
/* site specific ------------------------------------*/
|
|
|
|
body#Blacklist fieldset.selectList {
|
|
float:left;
|
|
margin-top:0;
|
|
width:45%;
|
|
}
|
|
body#Blacklist fieldset.createList {
|
|
margin-top:0;
|
|
width:45%;
|
|
}
|
|
body#Blacklist fieldset.editList {
|
|
float:left;
|
|
margin-top:0;
|
|
width:45%;
|
|
}
|
|
body#Blacklist fieldset.listSettings {
|
|
margin-top:0;
|
|
width:45%;
|
|
}
|
|
body#PerformanceQueues table, body#PerformanceQueues table input, body#PerformanceMemory table, body#PerformanceMemory table input {
|
|
font-size:90%;
|
|
}
|
|
body#help dt {
|
|
margin-top:0.2em;
|
|
font-weight:bold;
|
|
}
|
|
body#Settings ul.settingsMenu li {
|
|
list-style-image:url(/env/grafics/down.gif);
|
|
}
|
|
body#Surftips div.searchresults {
|
|
float:left;
|
|
width:35em;
|
|
height:6em;
|
|
margin-left:1em;
|
|
margin-bottom:0;
|
|
overflow:hidden;
|
|
}
|
|
body#ViewLog div.log {
|
|
height:900px;
|
|
overflow:scroll;
|
|
}
|
|
|
|
body#ViewLog pre {
|
|
width:100%; /* TODO: fix width in IE */
|
|
margin-top:0px;
|
|
margin-bottom:0px;
|
|
font-family: Courier,monospace;
|
|
font-weight: normal;
|
|
font-size: small;
|
|
}
|
|
|
|
body#ViewLog pre.logSevere {
|
|
color:#ff0000;
|
|
}
|
|
|
|
body#ViewLog pre.logWarning {
|
|
color:#FF9C60;
|
|
}
|
|
|
|
body#ViewLog pre.logSystem {
|
|
color:#000000;
|
|
}
|
|
|
|
body#ViewLog pre.logInfo {
|
|
color:#000000;
|
|
}
|
|
|
|
body#ViewLog pre.logDebug {
|
|
color:#000000;
|
|
}
|
|
|
|
body#QuickCrawlLink p, body#QuickCrawlLink h4 {
|
|
padding:0 5%;
|
|
}
|
|
|
|
body#Wiki form fieldset p.help{
|
|
clear:both;
|
|
}
|
|
/* Crawler_p.html */
|
|
body#watchCrawler table.watchCrawler {float:left; margin: 0px 5px 5px 0px;}
|
|
body#watchCrawler p.watchCrawler {clear:both;}
|
|
body#watchCrawler p#crawlingQueues{clear:both; margin: 20px 0px 0px 0px;}
|
|
|
|
/* CacheAdmin_p.html */
|
|
div.CacheAdminInfo {margin-top:1em;}
|
|
div.CacheAdminTree{}
|
|
|
|
/* BlogComments.html */
|
|
div.BlogCommentPost {
|
|
margin: 0px 30px 0px 30px;
|
|
background-color:#eeeeee;
|
|
}
|
|
|
|
div.BlogCommentPrevNext {
|
|
text-align: center;
|
|
}
|
|
|
|
/* other ------------------------------------*/
|
|
ul#menu {
|
|
padding:0;
|
|
margin:0;
|
|
margin-left:1px;
|
|
position:absolute;
|
|
top:3em;
|
|
left:0;
|
|
width:12em;
|
|
overflow:hidden;
|
|
}
|
|
ul#menu a.MenuItemLink {
|
|
width:80%;
|
|
padding:1px 5% 1px 15%;
|
|
}
|
|
/* Bookmark Folder---------------------------*/
|
|
ul.folder {
|
|
list-style-type: none;
|
|
margin-left: -3em;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
ul.folder > li a {
|
|
list-style-type: none;
|
|
padding-left: 20px;
|
|
background: url(/env/grafics/doc2.gif) no-repeat;
|
|
}
|
|
ul.folder li.treeMenu_opened a {
|
|
list-style-type: none;
|
|
padding-left: 20px;
|
|
background: url(/env/grafics/doc2.gif) no-repeat;
|
|
}
|
|
ul.folder li.treeMenu_closed {
|
|
list-style-type: none;
|
|
padding-left: 20px;
|
|
background: url(/env/grafics/closed.gif) no-repeat;
|
|
}
|
|
ul.folder li.treeMenu_opened {
|
|
list-style-type: none;
|
|
padding-left: 20px;
|
|
background: url(/env/grafics/opened.gif) no-repeat;
|
|
}
|
|
/*
|
|
ul.folder li.treeMenu_opened ul {
|
|
list-style-type: none;
|
|
margin-left: -2em;
|
|
}
|
|
*/
|
|
ul.folder li.treeMenu_closed ul {
|
|
display: none;
|
|
}
|
|
|
|
div#kiosk {
|
|
position:absolute;
|
|
top:0px;
|
|
right:0px;
|
|
z-index: 100;
|
|
}
|
|
div#kiosk span {
|
|
display: none;
|
|
}
|
|
div#kiosk:hover span {
|
|
display: block;
|
|
position: absolute;
|
|
font-size:1em;
|
|
top: 18px;
|
|
left: -80px;
|
|
width: 80px;
|
|
padding: 3px;
|
|
color: #000000;
|
|
background: #DDDDDD;
|
|
text-align: center;
|
|
border: 1px dashed black;
|
|
z-index: 100;
|
|
}
|
|
|
|
/* API */
|
|
div#api {
|
|
position:absolute;
|
|
top:20px;
|
|
right:20px;
|
|
z-index: 100;
|
|
}
|
|
|
|
div#api span {
|
|
display: none;
|
|
}
|
|
|
|
div#api:hover span {
|
|
display: block;
|
|
position: absolute;
|
|
font-size:1em;
|
|
top: 48px;
|
|
left: -200px; /* 30 - width */
|
|
width: 160px;
|
|
padding: 3px;
|
|
color: #000000;
|
|
background: #DDDDDD;
|
|
text-align: center;
|
|
border: 1px dashed black;
|
|
z-index: 100;
|
|
}
|
|
|
|
div#searchmode {
|
|
position:absolute;
|
|
top:51px;
|
|
right:20px;
|
|
z-index: 100;
|
|
}
|
|
|
|
div#searchmode span {
|
|
display: none;
|
|
}
|
|
|
|
div#searchmode:hover span {
|
|
display: block;
|
|
position: absolute;
|
|
font-size:1em;
|
|
top: 1px;
|
|
left: -169px; /* 30 - width */
|
|
width: 160px;
|
|
padding: 3px;
|
|
color: #000000;
|
|
background: #DDDDDD;
|
|
text-align: center;
|
|
border: 1px dashed black;
|
|
z-index: 100;
|
|
}
|
|
|
|
div#yacylivesearch {
|
|
float:right;
|
|
margin-right: 90px;
|
|
margin-top: -27px;
|
|
}
|
|
|
|
|
|
div#info {
|
|
float:left;
|
|
}
|
|
|
|
div#info span {
|
|
display: none;
|
|
}
|
|
|
|
div#info:hover span {
|
|
display: block;
|
|
position: absolute;
|
|
font-size:1em;
|
|
width: 200px;
|
|
padding: 3px;
|
|
color: #000000;
|
|
background: #DDDDDD;
|
|
text-align: center;
|
|
border: 1px dashed black;
|
|
z-index: 100;
|
|
}
|
|
|
|
.info {
|
|
float:left;
|
|
}
|
|
|
|
.info span {
|
|
display: none;
|
|
}
|
|
|
|
.info:hover span {
|
|
display: block;
|
|
position: absolute;
|
|
font-size:1em;
|
|
width: 200px;
|
|
padding: 3px;
|
|
color: #000000;
|
|
background: #DDDDDD;
|
|
text-align: left;
|
|
border: 1px dashed black;
|
|
z-index: 100;
|
|
} |