diff --git a/htroot/env/base.css b/htroot/env/base.css index 4483a0ce5..960100450 100644 --- a/htroot/env/base.css +++ b/htroot/env/base.css @@ -1,8 +1,37 @@ -/* Layout and general style */ - -body, table, textarea { - font-size: 12px; -} +/* 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 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; @@ -13,8 +42,8 @@ body { padding:0; } -img { - border:0; +body, table, textarea { + font-size: 12px; } h1, h2, h3, h4 { @@ -24,6 +53,7 @@ h1, h2, h3, h4 { h1 { font-size:2em; } + h2 { font-size:1.6em; clear:left; /* The heading after the submenu has to be left again */ @@ -32,6 +62,7 @@ h2 { h3 { font-size:1.3em; } + h4 { font-size:1.1em; } @@ -48,260 +79,279 @@ a:hover { text-decoration:underline; } -*.tt { - font-family:Courier,Terminal,sans-serif; +img { + border:0; } td { padding:1px 2px; } -/* Head */ - -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; +form dd { + margin:0 0 0.5em 0.25em; + float:left; } -/* Menu*/ - -ul#menu { - padding:0; - margin:0; - margin-left:1px; - position:absolute; - top:3em; - left:0; - width:11em; - overflow:hidden; +fieldset { + margin:10px 5px; + padding:10px; } -ul.menu, ul.SubMenu { - padding:0; - margin:0; +legend { + font-size:1.2em; + 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; - margin-bottom:10px; - list-style:none; + +/* --------------- global classes --------------------- */ + +*.tt { + font-family:Courier,Terminal,sans-serif; } -li.menugroup h3, div.SubMenugroup h3, div.SubMenu h3 { - font-size:1em; + +.error { font-weight:bold; - margin:0; - padding:1px 10px; } -div.SubMenu h3 { - margin-bottom:1px; +.help { + font-size:90%; } -div.SubMenugroup, ul.SubMenu li { - float:left; - margin-right:1px; - margin-top:0; +.snippetLoaded { + font-style:italic; } -a.MenuItemLink, ul.SubMenu em { - display:block; - text-decoration:none; - margin-top:1px; - margin-bottom:1px; - padding:1px 10px 1px 15px; - font-size:0.9em; +.snippetError { + font-style:italic; } -ul#menu a.MenuItemLink { - width:80%; - padding:1px 5% 1px 15%; +.settingsValue { + font-weight:bold; } -ul.SubMenu a.MenuItemLink, ul.SubMenu em { - margin-top:0; +.Headline { + font-weight: bold; + font-size: 160%; + text-align: center; + height: 36px; + width:100%; } -a:hover.MenuItemLink { - text-decoration:none; +.Heading { + height: 36px; } -a.MenuItemLink.lock, ul.SubMenu em.lock { - background-image:url(/env/grafics/lock.gif); - background-position:2px center; - background-repeat:no-repeat; +.Post { + padding:10px; + margin-bottom:10px; } -/* Content */ - -div.content { - position:absolute; - top:3em; - left:12em; - right:10px; +.PostSubject { + padding:5px; margin:0; } -/* Searchpages */ - -form.search { - text-align:center; - margin:0; +.PostBody { + margin:10px; } -form.search table { - margin:0 auto; - text-align:left; +.PostInfo { + padding:1px 10px; } -fieldset.yacysearch { - text-align:left; - padding-top:10px; - display:block; +.WikiTOCBox { + padding: 8px; } -div.yacysearch { - margin-top: .8em; - display:block; - position:relative; - /*left:-60px;*/ +.imgtable { + margin: 1px; + padding: 1px; + width: 100px; + border: 0px solid #aaaaaa; + float: left; } -h2.yacy { /* The heading in index.html */ - margin:10px auto; - text-align:center; - padding-top:130px; - width:256px; - min-width:256px; - background:url(/env/grafics/kaskelix.png) top center no-repeat; +.hides .hoverShow { + display: none; } -form.search.small { - text-align:left; +.hides:hover .hoverShow { + 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 */ - display:block; - float:left; - padding:0; - margin:5px; - width:70px; -} +/* ---------------- private classes ---------------------*/ -form.search.small h2 { - clear:none; - margin-left:85px; -} +/*---------- +
+*/ -div.urlactions { - float:left; +div.Tags { + float:right; + width:12em; + text-align:right; + padding-left: 5px; } -div.urlactions a { - display:block; +div.ProgressBarCaption { + float:left; + width:70px; } - -div.urlactions > a { - width: 11px; - height: 11px; - margin: 1px 1px 1px 7px; +div.ProgressBar { + float:left; + width:150px; + height:10px; } - -img.bookmarkIcon, img.deleteIcon, img.recommendIcon { - height: 11px; - width: 11px; +div.ProgressBarFill { + margin:0px; + height:100%; /*not valid value for Netscape 8*/ } -a.bookmarklink:hover, div.searchresults:hover a.bookmarklink, div.searchresults.hover a.bookmarklink { - background:url(/env/grafics/bookmark.gif) center center no-repeat; +div.CacheAdminInfo { + margin-top:1em; } -a.recommendlink:hover, div.searchresults:hover a.recommendlink, div.searchresults.hover a.recommendlink { - background:url(/env/grafics/plus.gif) center center no-repeat; +div.bookmarkList, div.Tags { + margin-top:1em; } -a.deletelink:hover, div.searchresults:hover a.deletelink, div.searchresults.hover a.deletelink { - background:url(/env/grafics/minus.gif) center center no-repeat; +div.bookmark { + margin-top:1em; + margin-right:13em; + padding-bottom:1em; } -div.searchresults p, div.searchresults h4 { - margin:2px 2px 2px 22px; +div.searchresults { + padding-top:1em; + margin-bottom:1em; } -.snippetLoaded { - font-style:italic; +div.SubMenugroup{ + float:left; + margin-right:1px; + margin-top:0; } -.snippetError { - font-style:italic; +div.content { + position:absolute; + top:3em; + left:12em; + right:10px; + margin:0; } -div.searchresults { - padding-top:1em; - margin-bottom:1em; +div.yacysearch { + margin-top: .8em; + display:block; + position:relative; + /*left:-60px;*/ } -body#Surftips div.searchresults { +div.urlactions { float:left; - width:35em; - height:6em; - margin-left:1em; - margin-bottom:0; - overflow:hidden; } +/*---------- +

+*/ + p.aftersurftips { clear:both; } -/* Bookmarks */ +p.info { + margin-top:5em; + padding-top:5px; + text-align:center; +} -div.Tags { - float:right; - width:12em; - text-align:right; - padding-left: 5px; +div.bookmark p { + margin:1px; } -ul.tagList { - list-style:none; +div.searchresults p{ + margin:2px 2px 2px 22px; +} + +form.search.small p.yacylogo { /* The logo in yacysearch.html */ + display:block; + float:left; padding:0; - margin-left:0; + margin:5px; + width:70px; } -div.bookmarkList, div.Tags { - margin-top:1em; +/*---------- +

,

,

,

,

+*/ + +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; - margin-right:13em; - padding-bottom:1em; + +h2.yacy { /* The heading in index.html */ + margin:10px auto; + 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 { - margin:1px; +form.search.small h2 { + 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; - 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 { margin:0; } +/*---------- + +*/ + +a.bookmarkTags { + font-weight:bold; + white-space:nowrap; +} + a.bookmarkTitle { font-size:17px; font-weight:bold; @@ -312,38 +362,115 @@ a.BookmarkLink { padding-left:15px; } -/* Blog and Wiki */ +a.MenuItemLink{ + display:block; + text-decoration:none; + margin-top:1px; + margin-bottom:1px; + padding:1px 10px 1px 15px; + font-size:0.9em; +} -.Post { - padding:10px; - margin-bottom:10px; +a.MenuItemLink.lock{ + background-image:url(/env/grafics/lock.gif); + background-position:2px center; + background-repeat:no-repeat; } -.PostSubject { - padding:5px; - margin:0; + +a:hover.MenuItemLink { + text-decoration:none; } -.PostBody { - margin:10px; + +div.urlactions a { + display:block; } -.PostInfo { - padding:1px 10px; + +div.urlactions > a { + width: 11px; + height: 11px; + margin: 1px 1px 1px 7px; } -.WikiTOCBox { - padding: 8px; +a.bookmarklink:hover, div.searchresults:hover a.bookmarklink, div.searchresults.hover a.bookmarklink { + background:url(/env/grafics/bookmark.gif) center center no-repeat; } -/* Forms and key-value pairs with dl */ +a.recommendlink:hover, div.searchresults:hover a.recommendlink, div.searchresults.hover a.recommendlink { + background:url(/env/grafics/plus.gif) center center no-repeat; +} -fieldset { - margin:10px 5px; - padding:10px; +a.deletelink:hover, div.searchresults:hover a.deletelink, div.searchresults.hover a.deletelink { + background:url(/env/grafics/minus.gif) center center no-repeat; } -legend { - font-size:1.2em; - padding:0.2em; - text-align:center; +ul.SubMenu a.MenuItemLink{ + margin-top:0; +} + +/*---------- + +*/ + +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.tagList { + list-style:none; + padding:0; + margin-left:0; +} + + + +ul.menu, ul.SubMenu { + 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.pairs dd { + padding:0.2em 0.5em; + margin:2px 0 2px 18.3em; } form dt, dl.pairs dt { @@ -355,18 +482,80 @@ form dt, dl.pairs dt { text-align:right; } -form dd { - margin:0 0 0.5em 0.25em; - float:left; +/*---------- +
    +*/ +form.search { + text-align:center; + margin:0; +} +form.search.small { + text-align:left; } -dl.pairs dd { - padding:0.2em 0.5em; - margin:2px 0 2px 18.3em; +/*---------- +, ,
    , +*/ + +table.networkTable{ + font-size:90%; +} +table.StatusTable { + border-width:0px; + border-spacing:1px; +} + +form.search table { + margin:0 auto; + text-align:left; } -/* for pages: */ +/*---------- +
    +*/ +fieldset.yacysearch { + text-align:left; + padding-top:10px; + display:block; +} + +form.PeerControl fieldset { /* on Status.html */ + text-align:right; +} +/*---------- + +*/ + +img.bookmarkIcon, img.deleteIcon, img.recommendIcon { + height: 11px; + width: 11px; +} + +/* 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; +} +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; @@ -409,102 +598,19 @@ body#Wiki form fieldset p.help{ clear:both; } -form.PeerControl fieldset { /* on Status.html */ - text-align:right; -} - -body#Settings ul.settingsMenu li { - list-style-image:url(/env/grafics/down.gif); -} - -body#help dt { - margin-top:0.2em; - font-weight:bold; -} - -table.networkTable, body#PerformanceQueues table, body#PerformanceQueues table input, body#PerformanceMemory table, body#PerformanceMemory table input { - font-size:90%; -} - -table.StatusTable { - border-width:0px; - border-spacing:1px; -} - -body#Blacklist fieldset.editList { - float:left; - margin-top:0; -} - -/* other */ -div.ProgressBarCaption { - float:left; - width:70px; -} -div.ProgressBar { - float:left; - width:150px; - height:10px; -} -div.ProgressBarFill { - margin:0px; - height:100%; -} - -p.info { - margin-top:5em; - padding-top:5px; - text-align:center; -} - -.settingsValue { - font-weight:bold; -} - -.Headline { - font-weight: bold; - font-size: 160%; - text-align: center; - height: 36px; - width:100%; -} - -.Heading { - height: 36px; -} - -div.CacheAdminInfo { - margin-top:1em; -} - -.error { - font-weight:bold; -} - -.help { - font-size:90%; -} - -.imgtable { - margin: 1px; - padding: 1px; - width: 100px; - border: 0px solid #aaaaaa; - float: left; +/* other ------------------------------------*/ +ul#menu { + padding:0; + margin:0; + margin-left:1px; + position:absolute; + top:3em; + left:0; + width:11em; + overflow:hidden; } - -.hides .hoverShow { - display: none; +ul#menu a.MenuItemLink { + width:80%; + padding:1px 5% 1px 15%; } - -.hides:hover .hoverShow { - display: block; - position: absolute; - border: 3px double; - margin: 0 0 0 2em; - padding: .3em; - height: 20em; - overflow: auto; - width: 30em; -} \ No newline at end of file