New XHTML-template for a large part of the frontend, for details see http://yacy-websuche.de/wiki/index.php/Dev:XHTML

If you don't use the default skin, the style will be broken or at least not complete.
YaCy now has two css-files: base.css in htroot/env and the skin. In base.css the layout and black/white text-formating-rules are defined. Colors are only defined in the skin.
The skin is now very easy to read and to change. If you want to make more changes than the colors you see in the default-skin, feel free to use the full power of css, but you are warned: The code is still not ready and may change, but we try to avoid changes which affect anything in the default-style.
Translation will be broken too because the language-files contain HTML-Code which has changed.


git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@2547 6c8d7289-2bf4-0310-a012-ef5d649a1542

1 files changed, 214 insertions, 239 deletions

diff --git a/skins/default.css b/skins/default.css
index 4a19ba1a1..0a6d37305 100644
--- a/skins/default.css
+++ b/skins/default.css
@@ -1,239 +1,214 @@
-body {

-  background-color:#F8F8FF;

-}

-h1 {

-font-family:Helvetica, sans-serif;

-font-size:16pt;

-font-style:normal;

-line-height:14pt;

-margin-top:0pt;

-    margin-bottom:0pt;

-}

-h2 {

-font-family:Helvetica, sans-serif;

-font-size:14pt;

-font-style:normal;

-line-height:14pt;

-margin-top:0pt;

-    margin-bottom:0pt;

-}

-h3 {

-font-family:Helvetica, sans-serif;

-font-size:12pt;

-font-style:normal;

-line-height:14pt;

-margin-top:0pt;

-    margin-bottom:0pt;

-}

-h4 {

-font-family:Helvetica, sans-serif;

-font-size:10pt;

-font-style:normal;

-line-height:14pt;

-margin-top:0pt;

-    margin-bottom:0pt;

-}

-a, body, div, li, ol, span, table, td, tr, ul {

-color:#000000;

-font-family:Helvetica, sans-serif;

-font-size:10pt;

-font-style:normal;

-line-height:14px;

-margin-top:0px;

-margin-bottom:0px;

-}

-*.small {

-font-family:Helvetica, sans-serif;

-font-size:8pt;

-font-style:normal;

-line-height:9px;

-margin-top:0px;

-margin-bottom:0px;

-}

-body, div, li, ol, span, table, td, tr, ul {

-      

-text-decoration:none;

-}

-a:hover {

-color:#0000FF;

-}

-a.unknown {

-color:#990000;

-}

-a.known {

-color:#009900;

-}

-a.extern {

-color:#000099;

-}

-*.xxxyellow {

-color:#0000FF;

-font-weight:bold;

-text-decoration:none;

-font-size:11px;

-}

-*.xxxblue {

-color:#556699;

-font-weight:bold;

-text-decoration:none;

-font-size:11px;

-}

-*.tt {

-font-family:Courier,Terminal,sans-serif;

-font-size:8pt;

-line-height:10px;

-vertical-align:top;

-}

-.Menu {

-width: 140;

-}

-.SubMenu {

-

-}

-.MenuHeader {

-background-color: #4070a0;

-color:white;

-font-size: 9px;

-font-weight:bold;

-}

-.MenuItem {

-background-color: #bdcdd4;

-font-weight:bold;

-text-decoration:none;

-font-size:11px;

-padding-top: 2;

-padding-bottom: 2;

-}

-.MenuTopItem {

-background-color: #bdcdd4;

-font-weight:bold;

-text-decoration:none;

-font-size:11px;

-padding-top: 3;

-padding-bottom: 3;

-}

-.MenuSubItem {

-background-color: #bdcdd4;

-font-weight:bold;

-text-decoration:none;

-font-size:11px;

-padding-top: 3;

-padding-bottom: 3;

-}

-.MenuItemLink {

-color: black;

-font-weight:bold;

-text-decoration:none;

-font-size:11px;

-}

-a.MenuItemLink:hover {

-color:#0088BB;

-font-weight:bold;

-text-decoration:none;

-}

-.MenuSpacer {

-height: 4;

-background-color: #ffffff;

-}

-.MenuSubSpacer {

-padding-left: 2;

-padding-right: 2;

-background-color: #ffffff;

-}

-.Headline {

-color: white;

-font-weight: bold;

-font-size: 160%;

-font-family: Helvetica, Arial;

-text-align: center;

-}

-.Heading {

-background-color: #4070a0;

-height: 36px;

-}

-.TableHeader {

-background-color: #88aaaa;

-}

-.TableCellDark {

-background-color: #bbcccc;

-}

-.TableCellLight {

-background-color: #ddeeee;

-}

-.TableCellActive {

-background-color: #ffbbaa;

-}

-.TableCellSummary {

-background-color: #ffbbaa;

-}

-.TableCellPassive {

-background-color: lightgrey;

-}

-.WikiBackground {

-background-color: #eeeeee;

-}

-.WikiTOCBox {

-border: 1px solid #aaa;

-background-color: #F8F8FF;

-padding: 8px;

-}

-.WikiTOC {

-color:#0000FF;

-font-size: 10px;

-text-decoration:underline;

-}

-.MessageBackground {

-background-color: #eeeeee;

-}

-.bookmarkTags{

-color: #007050;

-font-weight:bold;

-text-decoration:none;

-white-space:nowrap;

-}

-.bookmarkTitle{

-line-height: 120%;

-color: #4070a0;

-font-size:17px;

-font-weight:bold;

-text-decoration:none;

-}

-.bookmarkDescription{

-font-style:normal;

-}

-.bookmarkAction{

-color: #999999;

-text-decoration:none;

-}

-img.bookmarkIcon{

-height: 16px;

-width: 16px;

-}

-

-.ResultDescription {

-	color:#4070a0; 

-	font-weight:bold;

-}

-

-.ResultDateYBR {

-	color:#007050;

-}

-

-.snippetLoading {

-	color:#999999;

-}

-

-.snippetLoaded {

-	color:black;

-	font-style:italic;

-}

-

-.snippetError {

-	color:red;

-	font-style:italic;

-}

-

-.settingsValue {

-	color:#556699; 

-	font-weight:bold;

-}

+/* Skin */
+
+body {
+  background-color:#F8F8FF;
+}
+
+a:link {
+  color:#00008B;
+}
+
+a:link:hover {
+  color:#0000FF;
+}
+
+
+/* Menu */
+
+.menugroup h3, .SubMenugroup h3, .SubMenu h3 {
+  background-color: #4070a0;
+  color:white;
+}
+
+a.MenuItemLink, ul.SubMenu em {
+  background-color: #bdcdd4;
+  color: black;
+}
+
+a:hover.MenuItemLink {
+  color:#0088BB;
+}
+
+/* Head */
+
+div.head h1 {
+  background-color:#4070a0;
+  color:white;
+}
+
+/* Tables */
+
+.TableHeader {
+  background-color: #88aaaa;
+}
+
+.TableCellDark {
+  background-color: #bbcccc;
+}
+
+.TableCellLight {
+  background-color: #ddeeee;
+}
+
+.TableCellSummary {
+  background-color: #ffbbaa;
+}
+
+.TableCellPassive {
+  background-color: lightgrey;
+}
+
+/* Blog and Wiki*/
+
+.Post {
+  background-color:#eee;
+}
+
+.PostSubject {
+  background-color:#8aa;
+}
+
+.PostSubject a {
+  color:black;
+}
+
+.PostInfo {
+  background-color:#bdcdd4;
+}
+
+/* Wiki */
+
+.WikiTOCBox {
+  border: 1px solid #aaa;
+  background-color: #F8F8FF;
+}
+
+a.unknown {
+  color:#990000;
+}
+
+a.known {
+  color:#009900;
+}
+
+a.extern {
+  color:#000099;
+}
+
+/* in Bookmarks */
+
+.bookmark {
+  border-bottom:1px #000 dashed;
+}
+
+a.bookmarkTitle {
+  color: #4070a0;
+}
+
+a:hover.bookmarkTitle {
+  color: #4070a0;
+}
+
+a.bookmarkTags {
+  color: #007050;
+}
+
+a:hover.bookmarkTags {
+  color: #4070a0;
+}
+
+a.bookmarkAction {
+  color: #999999;
+}
+
+.Tags {
+  border-left: 2px solid black;
+}
+
+
+/* in Status.html */
+
+.ProgressBar {
+  border: #CAD5E3 solid 1px;
+}
+
+/* Copyright info */
+
+.info {
+  border-top:1px solid gray;
+}
+
+/* Searchresults */
+
+.searchresults {
+  border-top:1px #000 dashed;
+}
+
+.searchresults .url a {
+  color:#008000;
+}
+
+.snippetLoading {
+  color:#999999;
+}
+
+.snippetError {
+  color:red;
+}
+
+/* other */
+
+.settingsValue {
+  color:#556699;
+}
+
+.Headline {
+  background-color: #4070a0;
+  color: white;
+}
+
+.Heading {
+  background-color: #4070a0;
+}
+
+.error, .warning {
+  color:red;
+}
+
+.success {
+  color:green;
+}
+
+.Message {
+  background-color: #eeeeee;
+}
+
+.example {
+  background-color:#D3D3D3;
+}
+
+
+/* Log */
+
+body#ViewLog pre {
+  background-color:white;
+}
+
+/* Forms */
+
+fieldset {
+  background-color:#ddeeee;
+  border:1px solid #aaa;
+}
+
+legend {
+  background-color:#88aaaa;
+}
+
+form dt, dl.pairs dt {
+  background-color:#bbcccc;
+}
+
+form dd, dl.pairs dd {
+  background-color:#ddeeee;
+}