finished splitting of CSS into basic and color
This commit is contained in:
parent
70d0ae5d01
commit
506a1f57e3
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue