finished splitting of CSS into basic and color
This commit is contained in:
parent
70d0ae5d01
commit
506a1f57e3
116
www-data/color-blue-gray.css
Normal file
116
www-data/color-blue-gray.css
Normal 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
121
www-data/color-red-blue.css
Normal 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;
|
||||
}
|
||||
|
|
@ -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 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font: normal 100% sans-serif;
|
||||
color: #2e3436;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
a { text-decoration: none; }
|
||||
|
@ -16,17 +19,10 @@ button, select { cursor: pointer; }
|
|||
clear: left;
|
||||
float: left;
|
||||
width: 20%;
|
||||
color: black;
|
||||
background-color: #3465a4;
|
||||
background-image: url(horiz_grad_blue.png);
|
||||
margin: 1%;
|
||||
padding: 1.5% 0;
|
||||
}
|
||||
|
||||
#nav_bar * {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#nav_bar hr {
|
||||
margin: 10px 30px 10px 10px;
|
||||
font-size: 0%; /* otherwise IE6 adds a huge gap above */
|
||||
|
@ -54,44 +50,19 @@ button, select { cursor: pointer; }
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#nav_bar li a.nav_active {
|
||||
color: #eeeeec;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
#nav_bar font.no_link {
|
||||
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 **************************/
|
||||
|
||||
#top {
|
||||
color: #eeeeec;
|
||||
background-color: #cc0000;
|
||||
background-image: url(vert_grad_red.png);
|
||||
background-position: center;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 2px 7px 2px 3px;
|
||||
}
|
||||
|
||||
#top * {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#title {
|
||||
text-align: left;
|
||||
}
|
||||
|
@ -123,40 +94,22 @@ button, select { cursor: pointer; }
|
|||
|
||||
#perm_nav a {
|
||||
font-weight: bold;
|
||||
color: #eeeeec;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
#perm_nav a:hover {
|
||||
color: #fce94f;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
#top form {
|
||||
font-size: 85%;
|
||||
margin: 2px 0 2px 0;
|
||||
}
|
||||
|
||||
#top form select {
|
||||
background-color: #d3d7c4;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
#top form select:hover {
|
||||
background-color: #eeeeec;
|
||||
}
|
||||
|
||||
#top form button {
|
||||
border-color: #ef2929;
|
||||
border-style: groove;
|
||||
background-color: #edd400;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
#top form button:hover {
|
||||
background-color: #fce94f;
|
||||
}
|
||||
|
||||
|
||||
/******************************* content ************************/
|
||||
|
||||
|
@ -166,10 +119,6 @@ button, select { cursor: pointer; }
|
|||
}
|
||||
|
||||
#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-top: 0.5%;
|
||||
margin-right: 0.2%;
|
||||
|
@ -248,19 +197,6 @@ button, select { cursor: pointer; }
|
|||
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 {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
@ -278,26 +214,20 @@ button, select { cursor: pointer; }
|
|||
}
|
||||
|
||||
#main_content button {
|
||||
color: #555753;
|
||||
background-color: #d3d7cf;
|
||||
border: 1px dotted #555753;
|
||||
border-width: 1px;
|
||||
border-style: dotted;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
#main_content button:hover {
|
||||
color: #555753;
|
||||
background-color: #d3d7cf;
|
||||
border: 1px dotted #ace149;
|
||||
border-width: 1px;
|
||||
border-style: dotted;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
/************************** 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 */
|
||||
text-align: center;
|
||||
font-size: 90%;
|
||||
|
@ -305,11 +235,3 @@ button, select { cursor: pointer; }
|
|||
padding: 3px;
|
||||
}
|
||||
|
||||
#footer * { background-color: transparent; }
|
||||
|
||||
#footer a,
|
||||
#footer a:visited {
|
||||
color: #fce94f;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue