UI fixes: text boxes, buttons, radio/checkbox width. Enhanced /peers.jsp.
This commit is contained in:
z3d
@ -65,7 +65,7 @@ div.toolbar a:visited {
|
||||
}
|
||||
|
||||
div.toolbar a:hover, button:hover{
|
||||
border: 1px solid #eeeeff;
|
||||
border: 1px solid #f60;
|
||||
background: #003;
|
||||
color: #f60;
|
||||
}
|
||||
@ -255,13 +255,14 @@ table {
|
||||
}
|
||||
|
||||
th {
|
||||
padding: 6px 3px;
|
||||
padding: 6px 2px;
|
||||
color: #eef;
|
||||
text-align: center;
|
||||
font-size: 8pt;
|
||||
font-size: 9pt;
|
||||
background: #004 url('images/tabletitledark.png') repeat-x;
|
||||
border-top: 1px solid #99f;
|
||||
border-bottom: 1px solid #99f;
|
||||
border-bottom: 1px solid #99f !important;
|
||||
line-height: 110%;
|
||||
}
|
||||
|
||||
tr {
|
||||
@ -285,7 +286,7 @@ tr:last-child {
|
||||
}
|
||||
*/
|
||||
td {
|
||||
padding: 6px 4px;
|
||||
padding: 6px 3px;
|
||||
color: #eef;
|
||||
vertical-align: middle;
|
||||
border-top: 1px inset #006;
|
||||
@ -435,6 +436,7 @@ h4 {
|
||||
}
|
||||
|
||||
button {
|
||||
font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
border: 1px outset #ddddc0;
|
||||
padding: 1px 3px;
|
||||
background: #bbf;
|
||||
@ -486,37 +488,62 @@ sidebarlogo {
|
||||
}
|
||||
|
||||
input {
|
||||
border: 1px outset #bbf;
|
||||
background: #bbf;
|
||||
color: #002;
|
||||
margin: 5px;
|
||||
font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
border: 1px solid #99f;
|
||||
padding: 1px 2px;
|
||||
text-decoration: none;
|
||||
min-width: 110px;
|
||||
opacity: 0.8;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
}
|
||||
|
||||
input:hover {
|
||||
background: #eef;
|
||||
color: #001;
|
||||
background: #003;
|
||||
color: #f60;
|
||||
border: 1px solid #f60;
|
||||
}
|
||||
|
||||
input:active {
|
||||
background: #002;
|
||||
color: #f30;
|
||||
border: 1px solid #f30;
|
||||
}
|
||||
|
||||
input:active {
|
||||
border: 1px inset #f60;
|
||||
background: #f60;
|
||||
color: #fff;
|
||||
border: 1px solid #f60;
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
background: #002;
|
||||
color: #eef;
|
||||
margin: 5px 10px;
|
||||
padding: 4px 2px;
|
||||
font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
border: 1px solid #bbf;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
}
|
||||
|
||||
input[type=text]:active, input[type=text]:hover {
|
||||
background: #001;
|
||||
}
|
||||
|
||||
select {
|
||||
background: #002;
|
||||
color: #eef;
|
||||
margin: 5px;
|
||||
border: 1px solid #99f;
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-khtml-border-radius: 0;
|
||||
margin: 5px 10px;
|
||||
border: 1px solid #bbf;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
min-width: 110px;
|
||||
font: 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
padding: 2px;
|
||||
@ -526,13 +553,13 @@ textarea {
|
||||
background: #001;
|
||||
color: #eef;
|
||||
padding: 5px;
|
||||
margin: 15px 15px 5px 0px;
|
||||
margin: 10px;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
|
||||
min-height: 100px;
|
||||
min-width: 100%;
|
||||
min-width: 97%;
|
||||
text-align: left;
|
||||
border: 1px solid #99f;
|
||||
}
|
||||
@ -596,4 +623,41 @@ form {}
|
||||
|
||||
.mediumtags {
|
||||
font-size: 9pt;
|
||||
}
|
||||
|
||||
.optbox {
|
||||
min-width: 16px !important;
|
||||
max-width: 16px !important;
|
||||
width: 16px !important;
|
||||
min-height: 16px;
|
||||
max-height: 16px;
|
||||
height: 16px;
|
||||
opacity: 1.0;
|
||||
border: 0;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.optbox:hover {
|
||||
min-width: 16px !important;
|
||||
max-width: 16px !important;
|
||||
width: 16px !important;
|
||||
min-height: 16px;
|
||||
max-height: 16px;
|
||||
height: 16px;
|
||||
opacity: 1.0;
|
||||
border: 0;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.cells {
|
||||
border: 1px inset #005;
|
||||
border-left: 1px outset #002;
|
||||
}
|
||||
|
||||
.tablefooter tr, .tablefooter td {
|
||||
background: #004 url('images/tabletitledark.png') repeat-x !important;
|
||||
border-top: 1px solid #99f;
|
||||
border-bottom: 1px solid #99f !important;
|
||||
font-size: 8pt;
|
||||
line-height: 110%;
|
||||
}
|
||||
@ -299,6 +299,7 @@ table {
|
||||
cell-padding: 1px;
|
||||
font-size: 7pt;
|
||||
background: #b4c8ff url('images/tabletitlelight.png') repeat-x;
|
||||
font: 7pt/130% "Lucida Sans Unicode", Verdana, Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
th {
|
||||
@ -307,8 +308,9 @@ th {
|
||||
background: #b4c8ff url('images/tabletitlelight.png') repeat-x;
|
||||
text-align: center;
|
||||
font-size: 9pt;
|
||||
border-bottom: 1px solid #001;
|
||||
border-top: 1px solid #001;
|
||||
line-height: 110%;
|
||||
border-bottom: 1px solid #001 !important;
|
||||
border-top: 1px solid #001 !important;
|
||||
}
|
||||
|
||||
tr {
|
||||
@ -331,7 +333,7 @@ tr:last-child {
|
||||
}
|
||||
*/
|
||||
td {
|
||||
padding: 5px;
|
||||
padding: 5px 3px;
|
||||
color: #000;
|
||||
vertical-align: middle;
|
||||
border-top: 1px inset #001;
|
||||
@ -473,7 +475,8 @@ h4 {
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
button {
|
||||
button, button:visited {
|
||||
font: bold 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
border: 1px outset #ddddc0;
|
||||
padding: 1px 3px;
|
||||
background: #bbf !important;
|
||||
@ -526,9 +529,23 @@ input {
|
||||
border: 1px solid #001;
|
||||
text-decoration: none;
|
||||
min-width: 110px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
input, input:visited {
|
||||
border: 1px outset #bbf;
|
||||
background: #bbf;
|
||||
color: #001;
|
||||
margin: 5px;
|
||||
font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
padding: 1px 2px;
|
||||
text-decoration: none;
|
||||
min-width: 110px;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
input:hover {
|
||||
background: #f60;
|
||||
color: #fff;
|
||||
@ -543,6 +560,16 @@ input:active {
|
||||
opacity: 1.0;
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
background: #eef;
|
||||
color: #001;
|
||||
margin: 5px 10px 5px 10px;
|
||||
padding: 4px 2px;
|
||||
font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
border: 1px solid #001;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
submit {
|
||||
background: #f00;
|
||||
color: #eef;
|
||||
@ -566,11 +593,14 @@ select {
|
||||
border: 1px solid #001;
|
||||
min-width: 110px;
|
||||
font: 9pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
padding: 5px;
|
||||
margin: 15px 15px 5px 0px;
|
||||
margin: 5px 15px 5px 10px;
|
||||
background: #eef;
|
||||
color: #003;
|
||||
border-radius: 4px;
|
||||
@ -578,7 +608,7 @@ textarea {
|
||||
-khtml-border-radius: 4px;
|
||||
font: 8pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
|
||||
min-height: 100px;
|
||||
min-width: 100%;
|
||||
min-width: 97%;
|
||||
border: 1px solid #001;
|
||||
}
|
||||
|
||||
@ -663,4 +693,23 @@ form {}
|
||||
height: 16px;
|
||||
opacity: 1.0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.cells {
|
||||
border-left: 1px outset #bbf;
|
||||
border-top: 1px inset #99f !important;
|
||||
border-bottom: 1px inset #99f !important;
|
||||
}
|
||||
|
||||
.tablefooter {
|
||||
background: #b4c8ff url('images/tabletitlelight.png') repeat-x;
|
||||
}
|
||||
|
||||
.tablefooter tr, .tablefooter td {
|
||||
background: #b4c8ff url('images/tabletitlelight.png') repeat-x;
|
||||
border-top: 1px solid #001;
|
||||
border-bottom: 1px solid #001 !important;
|
||||
padding: 8px 2px !important;
|
||||
font-size: 8pt;
|
||||
line-height: 110%;
|
||||
}
|
||||
Reference in New Issue
Block a user