element oriented reorganisation

see also: http://www.yacy-forum.de/viewtopic.php?t=3417

git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@3255 6c8d7289-2bf4-0310-a012-ef5d649a1542
pull/1/head
netbude 18 years ago
parent 814a09a0ed
commit 6d6a783ddf

686
htroot/env/base.css vendored

@ -1,8 +1,37 @@
/* Layout and general style */ /* base.css - Layout and general style */
/*
body, table, textarea { $LastChangedDate: $
font-size: 12px; $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 htnml-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; font-family:Helvetica, Arial, sans-serif;
@ -13,8 +42,8 @@ body {
padding:0; padding:0;
} }
img { body, table, textarea {
border:0; font-size: 12px;
} }
h1, h2, h3, h4 { h1, h2, h3, h4 {
@ -24,6 +53,7 @@ h1, h2, h3, h4 {
h1 { h1 {
font-size:2em; font-size:2em;
} }
h2 { h2 {
font-size:1.6em; font-size:1.6em;
clear:left; /* The heading after the submenu has to be left again */ clear:left; /* The heading after the submenu has to be left again */
@ -32,6 +62,7 @@ h2 {
h3 { h3 {
font-size:1.3em; font-size:1.3em;
} }
h4 { h4 {
font-size:1.1em; font-size:1.1em;
} }
@ -48,260 +79,279 @@ a:hover {
text-decoration:underline; text-decoration:underline;
} }
*.tt { img {
font-family:Courier,Terminal,sans-serif; border:0;
} }
td { td {
padding:1px 2px; padding:1px 2px;
} }
/* Head */ form dd {
margin:0 0 0.5em 0.25em;
div.head h1 { float:left;
padding:4px;
background:url(/env/grafics/yacy.gif) 10px center no-repeat;
font-weight: bold;
font-size: 1.6em;
text-align: center;
margin:0;
} }
/* Menu*/ fieldset {
margin:10px 5px;
ul#menu { padding:10px;
padding:0;
margin:0;
margin-left:1px;
position:absolute;
top:3em;
left:0;
width:11em;
overflow:hidden;
} }
ul.menu, ul.SubMenu { legend {
padding:0; font-size:1.2em;
margin:0; padding:0.2em;
text-align:center;
} }
ul.menu li, ul.SubMenu li {
list-style:none;
margin:0;
margin-top:1px;
padding:0;
}
li.menugroup {
margin-left:5px; /* --------------- global classes --------------------- */
margin-bottom:10px;
list-style:none; *.tt {
font-family:Courier,Terminal,sans-serif;
} }
li.menugroup h3, div.SubMenugroup h3, div.SubMenu h3 {
font-size:1em; .error {
font-weight:bold; font-weight:bold;
margin:0;
padding:1px 10px;
} }
div.SubMenu h3 { .help {
margin-bottom:1px; font-size:90%;
} }
div.SubMenugroup, ul.SubMenu li { .snippetLoaded {
float:left; font-style:italic;
margin-right:1px;
margin-top:0;
} }
a.MenuItemLink, ul.SubMenu em { .snippetError {
display:block; font-style:italic;
text-decoration:none;
margin-top:1px;
margin-bottom:1px;
padding:1px 10px 1px 15px;
font-size:0.9em;
} }
ul#menu a.MenuItemLink { .settingsValue {
width:80%; font-weight:bold;
padding:1px 5% 1px 15%;
} }
ul.SubMenu a.MenuItemLink, ul.SubMenu em { .Headline {
margin-top:0; font-weight: bold;
font-size: 160%;
text-align: center;
height: 36px;
width:100%;
} }
a:hover.MenuItemLink { .Heading {
text-decoration:none; height: 36px;
} }
a.MenuItemLink.lock, ul.SubMenu em.lock { .Post {
background-image:url(/env/grafics/lock.gif); padding:10px;
background-position:2px center; margin-bottom:10px;
background-repeat:no-repeat;
} }
/* Content */ .PostSubject {
padding:5px;
div.content {
position:absolute;
top:3em;
left:12em;
right:10px;
margin:0; margin:0;
} }
/* Searchpages */ .PostBody {
margin:10px;
form.search {
text-align:center;
margin:0;
} }
form.search table { .PostInfo {
margin:0 auto; padding:1px 10px;
text-align:left;
} }
fieldset.yacysearch { .WikiTOCBox {
text-align:left; padding: 8px;
padding-top:10px;
display:block;
} }
div.yacysearch { .imgtable {
margin-top: .8em; margin: 1px;
display:block; padding: 1px;
position:relative; width: 100px;
/*left:-60px;*/ border: 0px solid #aaaaaa;
float: left;
} }
h2.yacy { /* The heading in index.html */ .hides .hoverShow {
margin:10px auto; display: none;
text-align:center;
padding-top:130px;
width:256px;
min-width:256px;
background:url(/env/grafics/kaskelix.png) top center no-repeat;
} }
form.search.small { .hides:hover .hoverShow {
text-align:left; display: block;
position: absolute;
border: 3px double;
margin: 0 0 0 2em;
padding: .3em;
height: 20em;
overflow: auto;
width: 30em;
} }
form.search.small p.yacylogo { /* The logo in yacysearch.html */ /* ---------------- private classes ---------------------*/
display:block;
float:left;
padding:0;
margin:5px;
width:70px;
}
form.search.small h2 { /*----------
clear:none; <div>
margin-left:85px; */
}
div.urlactions { div.Tags {
float:left; float:right;
width:12em;
text-align:right;
padding-left: 5px;
} }
div.urlactions a { div.ProgressBarCaption {
display:block; float:left;
width:70px;
} }
div.ProgressBar {
div.urlactions > a { float:left;
width: 11px; width:150px;
height: 11px; height:10px;
margin: 1px 1px 1px 7px;
} }
div.ProgressBarFill {
img.bookmarkIcon, img.deleteIcon, img.recommendIcon { margin:0px;
height: 11px; height:100%; /*not valid value for Netscape 8*/
width: 11px;
} }
a.bookmarklink:hover, div.searchresults:hover a.bookmarklink, div.searchresults.hover a.bookmarklink { div.CacheAdminInfo {
background:url(/env/grafics/bookmark.gif) center center no-repeat; margin-top:1em;
} }
a.recommendlink:hover, div.searchresults:hover a.recommendlink, div.searchresults.hover a.recommendlink { div.bookmarkList, div.Tags {
background:url(/env/grafics/plus.gif) center center no-repeat; margin-top:1em;
} }
a.deletelink:hover, div.searchresults:hover a.deletelink, div.searchresults.hover a.deletelink { div.bookmark {
background:url(/env/grafics/minus.gif) center center no-repeat; margin-top:1em;
margin-right:13em;
padding-bottom:1em;
} }
div.searchresults p, div.searchresults h4 { div.searchresults {
margin:2px 2px 2px 22px; padding-top:1em;
margin-bottom:1em;
} }
.snippetLoaded { div.SubMenugroup{
font-style:italic; float:left;
margin-right:1px;
margin-top:0;
} }
.snippetError { div.content {
font-style:italic; position:absolute;
top:3em;
left:12em;
right:10px;
margin:0;
} }
div.searchresults { div.yacysearch {
padding-top:1em; margin-top: .8em;
margin-bottom:1em; display:block;
position:relative;
/*left:-60px;*/
} }
body#Surftips div.searchresults { div.urlactions {
float:left; float:left;
width:35em;
height:6em;
margin-left:1em;
margin-bottom:0;
overflow:hidden;
} }
/*----------
<p>
*/
p.aftersurftips { p.aftersurftips {
clear:both; clear:both;
} }
/* Bookmarks */ p.info {
margin-top:5em;
padding-top:5px;
text-align:center;
}
div.Tags { div.bookmark p {
float:right; margin:1px;
width:12em;
text-align:right;
padding-left: 5px;
} }
ul.tagList { div.searchresults p{
list-style:none; margin:2px 2px 2px 22px;
}
form.search.small p.yacylogo { /* The logo in yacysearch.html */
display:block;
float:left;
padding:0; padding:0;
margin-left:0; margin:5px;
width:70px;
} }
div.bookmarkList, div.Tags { /*----------
margin-top:1em; <h1>, <h2>, <h3>, <h4>, <h5>
*/
div.head h1 {
padding:4px;
background:url(/env/grafics/yacy.gif) 10px center no-repeat;
font-weight: bold;
font-size: 1.6em;
text-align: center;
margin:0;
} }
div.bookmark {
margin-top:1em; h2.yacy { /* The heading in index.html */
margin-right:13em; margin:10px auto;
padding-bottom:1em; text-align:center;
padding-top:130px;
width:256px;
min-width:256px; /*min-width does not exist in IE 5.5, 6 and Safari */
background:url(/env/grafics/kaskelix.png) top center no-repeat;
} }
div.bookmark p { form.search.small h2 {
margin:1px; clear:none;
margin-left:85px;
} }
a.bookmarkTags { li.menugroup h3{
font-size: 1em; font-weight: bold;
margin: 0; padding: 1px 10px;
}
div.SubMenugroup h3{
font-size:1em;
font-weight:bold; font-weight:bold;
white-space:nowrap; margin:0;
padding:1px 10px;
}
div.SubMenu h3 {
font-size:1em;
font-weight:bold;
margin:0;
margin-bottom:1px;
padding:1px 10px;
}
div.searchresults h4 {
margin:2px 2px 2px 22px;
} }
h4.bookmarkTitle { h4.bookmarkTitle {
margin:0; margin:0;
} }
/*----------
<a>
*/
a.bookmarkTags {
font-weight:bold;
white-space:nowrap;
}
a.bookmarkTitle { a.bookmarkTitle {
font-size:17px; font-size:17px;
font-weight:bold; font-weight:bold;
@ -312,199 +362,255 @@ a.BookmarkLink {
padding-left:15px; padding-left:15px;
} }
/* Blog and Wiki */ a.MenuItemLink{
display:block;
.Post { text-decoration:none;
padding:10px; margin-top:1px;
margin-bottom:10px; margin-bottom:1px;
} padding:1px 10px 1px 15px;
.PostSubject { font-size:0.9em;
padding:5px;
margin:0;
}
.PostBody {
margin:10px;
} }
.PostInfo {
padding:1px 10px; a.MenuItemLink.lock{
background-image:url(/env/grafics/lock.gif);
background-position:2px center;
background-repeat:no-repeat;
} }
.WikiTOCBox { a:hover.MenuItemLink {
padding: 8px; text-decoration:none;
} }
/* Forms and key-value pairs with dl */ div.urlactions a {
display:block;
}
fieldset { div.urlactions > a {
margin:10px 5px; width: 11px;
padding:10px; height: 11px;
margin: 1px 1px 1px 7px;
} }
legend { a.bookmarklink:hover, div.searchresults:hover a.bookmarklink, div.searchresults.hover a.bookmarklink {
font-size:1.2em; background:url(/env/grafics/bookmark.gif) center center no-repeat;
padding:0.2em;
text-align:center;
} }
form dt, dl.pairs dt { a.recommendlink:hover, div.searchresults:hover a.recommendlink, div.searchresults.hover a.recommendlink {
float:left; background:url(/env/grafics/plus.gif) center center no-repeat;
clear:left;
width:17em;
margin:0 2px 0.5em 2px;
padding:0.2em 0.5em;
text-align:right;
} }
form dd { a.deletelink:hover, div.searchresults:hover a.deletelink, div.searchresults.hover a.deletelink {
margin:0 0 0.5em 0.25em; background:url(/env/grafics/minus.gif) center center no-repeat;
float:left;
} }
dl.pairs dd { ul.SubMenu a.MenuItemLink{
padding:0.2em 0.5em; margin-top:0;
margin:2px 0 2px 18.3em;
} }
/* for pages: */ /*----------
<em>
*/
body#ViewLog div.log { ul.SubMenu em {
height:600px; margin-top:0;
overflow:scroll;
} }
body#ViewLog pre { ul.SubMenu em.lock {
width:100%; /* TODO: fix width in IE */ background-image:url(/env/grafics/lock.gif);
margin-top:0px; background-position:2px center;
margin-bottom:0px; background-repeat:no-repeat;
font-family: Courier,monospace;
font-weight: normal;
font-size: small;
} }
body#ViewLog pre.logSevere { ul.SubMenu em {
color:red; display:block;
text-decoration:none;
margin-top:1px;
margin-bottom:1px;
padding:1px 10px 1px 15px;
font-size:0.9em;
} }
body#ViewLog pre.logWarning { /* <ul>, <li> */
color:orange
}
body#ViewLog pre.logSystem { ul.tagList {
color:black; list-style:none;
padding:0;
margin-left:0;
} }
body#ViewLog pre.logInfo {
color:black;
ul.menu, ul.SubMenu {
padding:0;
margin:0;
} }
body#ViewLog pre.logDebug { ul.menu li, ul.SubMenu li {
color:black; list-style:none;
margin:0;
margin-top:1px;
padding:0;
} }
body#QuickCrawlLink p, body#QuickCrawlLink h4 { ul.SubMenu li {
padding:0 5%; float:left;
margin-right:1px;
margin-top:0;
} }
body#Wiki form fieldset p.help{ li.menugroup {
clear:both; margin-left:5px;
margin-bottom:10px;
list-style:none;
} }
form.PeerControl fieldset { /* on Status.html */ /*----------
text-align:right; <dl>, <dd>, <dt>
*/
dl.pairs dd {
padding:0.2em 0.5em;
margin:2px 0 2px 18.3em;
} }
body#Settings ul.settingsMenu li { form dt, dl.pairs dt {
list-style-image:url(/env/grafics/down.gif); float:left;
clear:left;
width:17em;
margin:0 2px 0.5em 2px;
padding:0.2em 0.5em;
text-align:right;
} }
body#help dt { /*----------
margin-top:0.2em; <form>
font-weight:bold; */
form.search {
text-align:center;
margin:0;
}
form.search.small {
text-align:left;
} }
table.networkTable, body#PerformanceQueues table, body#PerformanceQueues table input, body#PerformanceMemory table, body#PerformanceMemory table input { /*----------
<table>, <tr>, <th>, <td>
*/
table.networkTable{
font-size:90%; font-size:90%;
} }
table.StatusTable { table.StatusTable {
border-width:0px; border-width:0px;
border-spacing:1px; border-spacing:1px;
} }
body#Blacklist fieldset.editList { form.search table {
float:left; margin:0 auto;
margin-top:0; text-align:left;
} }
/* other */ /*----------
<fieldset>
*/
div.ProgressBarCaption { fieldset.yacysearch {
float:left; text-align:left;
width:70px; padding-top:10px;
} display:block;
div.ProgressBar {
float:left;
width:150px;
height:10px;
} }
div.ProgressBarFill {
margin:0px; form.PeerControl fieldset { /* on Status.html */
height:100%; text-align:right;
} }
/*----------
<img>
*/
p.info { img.bookmarkIcon, img.deleteIcon, img.recommendIcon {
margin-top:5em; height: 11px;
padding-top:5px; width: 11px;
text-align:center;
} }
.settingsValue { /* site specific ------------------------------------*/
body#Blacklist fieldset.editList {
float:left;
margin-top:0;
}
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; 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:600px;
overflow:scroll;
}
.Headline { body#ViewLog pre {
font-weight: bold; width:100%; /* TODO: fix width in IE */
font-size: 160%; margin-top:0px;
text-align: center; margin-bottom:0px;
height: 36px; font-family: Courier,monospace;
width:100%; font-weight: normal;
font-size: small;
} }
.Heading { body#ViewLog pre.logSevere {
height: 36px; color:red;
} }
div.CacheAdminInfo { body#ViewLog pre.logWarning {
margin-top:1em; color:orange
} }
.error { body#ViewLog pre.logSystem {
font-weight:bold; color:black;
} }
.help { body#ViewLog pre.logInfo {
font-size:90%; color:black;
} }
.imgtable { body#ViewLog pre.logDebug {
margin: 1px; color:black;
padding: 1px;
width: 100px;
border: 0px solid #aaaaaa;
float: left;
} }
.hides .hoverShow { body#QuickCrawlLink p, body#QuickCrawlLink h4 {
display: none; padding:0 5%;
} }
.hides:hover .hoverShow { body#Wiki form fieldset p.help{
display: block; clear:both;
position: absolute; }
border: 3px double;
margin: 0 0 0 2em;
padding: .3em; /* other ------------------------------------*/
height: 20em; ul#menu {
overflow: auto; padding:0;
width: 30em; margin:0;
margin-left:1px;
position:absolute;
top:3em;
left:0;
width:11em;
overflow:hidden;
}
ul#menu a.MenuItemLink {
width:80%;
padding:1px 5% 1px 15%;
} }
Loading…
Cancel
Save