finished splitting of CSS into basic and color

This commit is contained in:
lars 2007-08-04 22:55:54 +00:00
parent 70d0ae5d01
commit 506a1f57e3
3 changed files with 246 additions and 87 deletions

View File

@ -0,0 +1,116 @@
body {
color: #606760;
background-color: white;
}
#nav_bar {
color: inherit;
background-color: #c0c0b0;
}
#nav_bar * {
background-color: transparent;
}
#nav_bar li a.nav_active {
color: white;
background-color: inherit;
}
#nav_bar font.no_link {
color: #2f4860;
background-color: inherit;
}
#nav_bar a {
color: #2f4860; /* necessary: IE6 ignores 'inherit' */
background-color: inherit;
}
#nav_bar a:hover {
color: #2f4860;
background-color: #d8d8d8;
}
#top {
background-color: #2f4860;
}
#top * {
color: white;
background-color: transparent;
}
#perm_nav a {
color: white;
background-color: inherit;
}
#perm_nav a:hover {
color: #ffcc00;
background-color: inherit;
}
#top form select {
background-color: #6f88c0;
}
#top form select:hover {
background-color: #7f98ff;
}
#top form button {
border-color: #ef2929;
background-color: #acaf9e;
}
#top form button:hover {
color: #404040;
background-color: #cccfbe;
}
#main_content #info_title {
color: white;
background-color: #c0c0b0;
}
#main_content div.success,
#main_content div.warning,
#main_content div.error {
color: #202020;
background-color: inherit; /* just to avoid css syntax warnings */
}
#main_content div.success { background-color: #40d070; }
#main_content div.warning { background-color: #e0a0a0; }
#main_content div.error { background-color: #d05050; }
#main_content button {
color: #555753;
background-color: #d8d8d8;
border-color: #555753;
}
#main_content button:hover {
color: #505050;
background-color: #d0d0d0;
border-color: #ace149;
}
#footer {
color: white;
background-color: #2f4860;
background-position: center;
}
#footer * { background-color: transparent; }
#footer a,
#footer a:visited {
color: #a0d0b0;
background-color: transparent;
}

121
www-data/color-red-blue.css Normal file
View File

@ -0,0 +1,121 @@
body {
color: #2e3436;
background-color: white;
}
#nav_bar {
color: black;
background-color: #3465a4;
background-image: url(horiz_grad_blue.png);
}
#nav_bar * {
background-color: transparent;
}
#nav_bar li a.nav_active {
color: #eeeeec;
background-color: inherit;
}
#nav_bar font.no_link {
color: inherit;
background-color: inherit;
}
#nav_bar a {
color: black; /* necessary: IE6 ignores 'inherit' */
background-color: inherit;
}
#nav_bar a:hover {
color: #fce94f;
background-color: inherit;
}
#top {
color: #eeeeec;
background-color: #cc0000;
background-image: url(vert_grad_red.png);
background-position: center;
}
#top * {
background-color: transparent;
}
#perm_nav a {
color: #eeeeec;
background-color: inherit;
}
#perm_nav a:hover {
color: #fce94f;
background-color: inherit;
}
#top form select {
background-color: #d3d7c4;
}
#top form select:hover {
background-color: #eeeeec;
}
#top form button {
border-color: #ef2929;
background-color: #fcaf3e;
}
#top form button:hover {
background-color: #fce94f;
}
#main_content #info_title {
color: #eeeeec;
background-color: #729fcf;
background-image: url(horiz_grad_blue_long.png);
background-position: left;
}
#main_content div.success,
#main_content div.warning,
#main_content div.error {
color: #2e3436;
background-color: inherit; /* just to avoid css syntax warnings */
}
#main_content div.success { background-color: #40d070; }
#main_content div.warning { background-color: #ef2929; }
#main_content div.error { background-color: #a40000; }
#main_content button {
color: #555753;
background-color: #d3d7cf;
border-color: #555753;
}
#main_content button:hover {
color: #555753;
background-color: #d3d7cf;
border-color: #ace149;
}
#footer {
color: #eeeeec;
background-color: #cc0000;
background-image: url(vert_grad_red.png);
background-position: center;
}
#footer * { background-color: transparent; }
#footer a,
#footer a:visited {
color: #fce94f;
background-color: transparent;
}

View File

@ -1,9 +1,12 @@
/* ezmlm-web css stylesheet for positioning
*
* all changes regarding the color scheme can be found in the
* respective 'color-*.css' file */
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font: normal 100% sans-serif; font: normal 100% sans-serif;
color: #2e3436;
background-color: white;
} }
a { text-decoration: none; } a { text-decoration: none; }
@ -16,17 +19,10 @@ button, select { cursor: pointer; }
clear: left; clear: left;
float: left; float: left;
width: 20%; width: 20%;
color: black;
background-color: #3465a4;
background-image: url(horiz_grad_blue.png);
margin: 1%; margin: 1%;
padding: 1.5% 0; padding: 1.5% 0;
} }
#nav_bar * {
background-color: transparent;
}
#nav_bar hr { #nav_bar hr {
margin: 10px 30px 10px 10px; margin: 10px 30px 10px 10px;
font-size: 0%; /* otherwise IE6 adds a huge gap above */ font-size: 0%; /* otherwise IE6 adds a huge gap above */
@ -54,44 +50,19 @@ button, select { cursor: pointer; }
margin-bottom: 0; margin-bottom: 0;
} }
#nav_bar li a.nav_active {
color: #eeeeec;
background-color: inherit;
}
#nav_bar font.no_link { #nav_bar font.no_link {
font-style: italic; font-style: italic;
color: inherit;
background-color: inherit;
}
#nav_bar a {
color: black; /* necessary: IE6 ignores 'inherit' */
background-color: inherit;
}
#nav_bar a:hover {
color: #fce94f;
background-color: inherit;
} }
/***************************** header **************************/ /***************************** header **************************/
#top { #top {
color: #eeeeec;
background-color: #cc0000;
background-image: url(vert_grad_red.png);
background-position: center;
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 2px 7px 2px 3px; padding: 2px 7px 2px 3px;
} }
#top * {
background-color: transparent;
}
#title { #title {
text-align: left; text-align: left;
} }
@ -123,40 +94,22 @@ button, select { cursor: pointer; }
#perm_nav a { #perm_nav a {
font-weight: bold; font-weight: bold;
color: #eeeeec;
background-color: inherit;
} }
#perm_nav a:hover {
color: #fce94f;
background-color: inherit;
}
#top form { #top form {
font-size: 85%; font-size: 85%;
margin: 2px 0 2px 0; margin: 2px 0 2px 0;
} }
#top form select { #top form select {
background-color: #d3d7c4;
margin-right: 4px; margin-right: 4px;
} }
#top form select:hover {
background-color: #eeeeec;
}
#top form button { #top form button {
border-color: #ef2929;
border-style: groove; border-style: groove;
background-color: #edd400;
margin-left: 3px; margin-left: 3px;
} }
#top form button:hover {
background-color: #fce94f;
}
/******************************* content ************************/ /******************************* content ************************/
@ -166,10 +119,6 @@ button, select { cursor: pointer; }
} }
#main_content #info_title { #main_content #info_title {
color: #eeeeec;
background-color: #729fcf;
background-image: url(horiz_grad_blue_long.png);
background-position: left;
margin-left: 20%; /* no background coloring behind the nav bar */ margin-left: 20%; /* no background coloring behind the nav bar */
margin-top: 0.5%; margin-top: 0.5%;
margin-right: 0.2%; margin-right: 0.2%;
@ -248,19 +197,6 @@ button, select { cursor: pointer; }
font-size: 90%; font-size: 90%;
} }
#main_content div.success,
#main_content div.warning,
#main_content div.error {
color: #2e3436;
background-color: inherit; /* just to avaid css syntax warnings */
}
#main_content div.success { background-color: #40d070; }
#main_content div.warning { background-color: #ef2929; }
#main_content div.error { background-color: #a40000; }
#main_content table.gnupg_keys td { #main_content table.gnupg_keys td {
padding-right: 10px; padding-right: 10px;
} }
@ -278,26 +214,20 @@ button, select { cursor: pointer; }
} }
#main_content button { #main_content button {
color: #555753; border-width: 1px;
background-color: #d3d7cf; border-style: dotted;
border: 1px dotted #555753;
font-size: 90%; font-size: 90%;
} }
#main_content button:hover { #main_content button:hover {
color: #555753; border-width: 1px;
background-color: #d3d7cf; border-style: dotted;
border: 1px dotted #ace149;
font-size: 90%; font-size: 90%;
} }
/************************** footer ******************************/ /************************** footer ******************************/
#footer { #footer {
color: #eeeeec;
background-color: #cc0000;
background-image: url(vert_grad_red.png);
background-position: center;
clear: left; /* do not overlap with left navigation bar */ clear: left; /* do not overlap with left navigation bar */
text-align: center; text-align: center;
font-size: 90%; font-size: 90%;
@ -305,11 +235,3 @@ button, select { cursor: pointer; }
padding: 3px; padding: 3px;
} }
#footer * { background-color: transparent; }
#footer a,
#footer a:visited {
color: #fce94f;
background-color: transparent;
}