style: update dialog title and widget arrangement (#7562)

This commit is contained in:
Frédéric Péters 2015-06-15 07:12:57 +02:00
parent d13f30948a
commit 8147eddd0b
1 changed files with 32 additions and 10 deletions

View File

@ -215,11 +215,11 @@ div#content h2 {
margin-top: 0;
font-weight: normal;
color: #656551;
font-size: 18px;
font-size: 200%;
letter-spacing: -1px;
line-height: 25px;
margin-bottom: 20px;
padding: 0 0 10px 15px;
padding: 0 0 10px 0px;
position: relative;
top: 4px;
border-bottom: 1px dotted #d8d8d8;
@ -386,7 +386,7 @@ input[type="text"],
input[type="email"],
input[type="password"] {
border: 1px solid #bbb;
padding: 5px 8px;
padding: 7px 10px;
background: white;
color: black;
box-shadow: inset 0 1px 3px #ddd;
@ -470,6 +470,17 @@ a.disabled {
/* dialog styling */
.ui-dialog .ui-widget-content .ui-state-default.ui-button {
border-radius: 1px;
background: #e6e6e6;
box-shadow: 0px 0px 2px 0px #DDD;
}
.ui-dialog .ui-widget-content .ui-state-default:hover {
border-color: #ccc;
box-shadow: 0px 0px 2px 0px #bbb;
}
.ui-dialog .ui-widget-content .ui-state-default.delete-button {
background: #bc4c38;
background-image: linear-gradient(to bottom, #dc2c18, #a43c28);
@ -492,10 +503,6 @@ a.disabled {
border-color: #283c94;
}
.ui-dialog .ui-widget-content .ui-state-default.ui-button {
border-radius: 1px;
}
div.ui-widget-overlay {
background: #333;
}
@ -506,6 +513,7 @@ div.ui-dialog {
padding: 0;
border-radius: 0;
max-width: 80%;
min-width: 30%;
}
div.ui-dialog .ui-dialog-titlebar {
@ -514,12 +522,27 @@ div.ui-dialog .ui-dialog-titlebar {
border: none;
}
div.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
font-size: 130%;
font-weight: normal;
}
div.ui-dialog .ui-dialog-titlebar button {
border: transparent;
background: transparent;
box-shadow: none;
}
div.ui-dialog form p input,
div.ui-dialog form p select,
div.ui-dialog form p textarea {
width: 95%;
}
div.ui-dialog form p input[type=checkbox] {
width: auto;
}
form p {
margin: 0 0 1em 0;
}
@ -534,9 +557,8 @@ form p.required label:after {
color: red;
}
form p input,
form p textarea {
margin-left: 10px;
form p label {
margin-bottom: 0.5ex;
}
ul.errorlist {