diff --git a/common/static/f-s-b/css/fields.css b/common/static/f-s-b/css/fields.css index 4aea8a3..dcf0526 100644 --- a/common/static/f-s-b/css/fields.css +++ b/common/static/f-s-b/css/fields.css @@ -94,7 +94,8 @@ div.widget { } div.hint { - font-size: 80%; + width: 90%; + font-style: italic; } span.required { @@ -110,7 +111,6 @@ div.errornotice { border: 1px solid #ffae15; margin: 0px; padding: 5px; - border-radius: 4px; } div.infonotice { @@ -119,22 +119,22 @@ div.infonotice { color: #fff; font-weight: bold; padding: 5px; - border-radius: 4px; +} + +div.error, div.message { + text-align: left; + background: #fd6; + border: 1px solid #ffae15; + padding: 5px; + text-align: left; + margin: 2px 0 0 5%; + width: 84%; } div.error { - text-align: left; - background: #fd6; - border: 1px solid #ffae15; - margin: 1em 1em 1em 1em; - padding: 5px; - border-radius: 4px; - text-align: left; - margin: 0px; - width: 89%; + background: #f66; } - /* other stuff */ div#gauche ul, @@ -250,14 +250,13 @@ div#profile h3 { } div.dataview { - box-shadow: 0 0 5px rgba(0,0,0,0.15); - border-radius: 6px; - background: #fff; - border: 1px solid #D8D8D8; - margin:0px 5px 25px 5px; - border-radius: 5px; - border-top: none; - padding: 25px; + box-shadow: 0 0 5px rgba(0,0,0,0.15); + background: #fff; + border: 1px solid #D8D8D8; + margin:0px 5px 25px 5px; + border-radius: 5px; + border-top: none; + padding: 25px; } div.dataview span.value { @@ -359,13 +358,11 @@ div.content table tbody {} div.content table tbody th {background-color: #cccccc; color: black; width: 200px; text-align: left; padding-left: 5px;} div.content table tbody tr {background-color: #eeeeee; border-bottom: 1px solid #CCCCCC;} div.content table tbody tr td {} + div.content table tbody tr td input { border: 1px solid #aaa; background: white url(field-shade.png) top left repeat-x; padding: 1px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; color: black; -webkit-transition: background 200ms ease-out; } @@ -452,16 +449,6 @@ h3#my-forms { p#welcome { } -div.buttons input:hover { - box-shadow: 0px 0px 5px #777; -} - -div.buttons input[name="submit"] { - font-weight: bold; -} - - - textarea { text-align: left; display: block; @@ -473,12 +460,10 @@ textarea { background-color: #FFF; background-image: none; border: 1px solid #CCC; - border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - margin-bottom: 10px; } #content .form-validation input[readonly], @@ -557,7 +542,6 @@ ul { #messages { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); - border-radius: 6px; border: 1px solid #D8D8D8; background: #F1F1F1; padding: 15px 25px; @@ -595,21 +579,20 @@ ul { width: 90%; height: 34px; padding: 6px 12px; - font-size: 14px; + font-size: 16px; line-height: 1.42857143; - color: #555; + color: #000; background-color: #FFF; background-image: none; border: 1px solid #CCC; - border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - margin-bottom: 10px; } -#content input[type="password"], #content input[type="email"], #content input[type="text"] { +#content input[type="password"], #content input[type="email"], +#content input[type="text"] { width: 87%; } @@ -629,7 +612,6 @@ form, .right { background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0); border-color: #DDD; - border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 0; @@ -659,7 +641,6 @@ input[type="submit"] { padding: 6px 12px; font-size: 14px; line-height: 1.42857143; - border-radius: 4px; color: #FFF; background-color: #d91a80; border-color: #ab1565; @@ -695,7 +676,6 @@ button.submit { padding: 6px 12px; font-size: 14px; line-height: 1.42857143; - border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -739,7 +719,6 @@ button.submit:active, button.submit:focus { } .federation-plugin-list { text-align: left; - border-radius: 5px; } .federation-plugin-list > li { border: 1px solid #DADADA; @@ -978,7 +957,6 @@ form .submit-button, form .cancel-button, #rub_service form .submit-button, #rub position: relative; } #steps > ol > li { - border-radius: 4px; border: 1px solid lightgrey; font-size: 16px; font-weight: bold; @@ -1013,7 +991,6 @@ form .submit-button, form .cancel-button, #rub_service form .submit-button, #rub #steps > ol > li ul li.current { color: #FFF; background-color: #d91a80; - border-radius: 2px; } #steps > ol > li ul li.current .label { color: white; @@ -1119,7 +1096,7 @@ input[type="radio"], input[type="checkbox"] { } #services .widget-with-error .content input, #services .widget-with-error .content textarea { - background-color: #ffd3d3; + background-color: #f66; }