[#7919] Update modal ui to be dark and flat.
diff --git a/Allura/allura/nf/allura/css/site_style.css b/Allura/allura/nf/allura/css/site_style.css
index 7367432..745d1c4 100644
--- a/Allura/allura/nf/allura/css/site_style.css
+++ b/Allura/allura/nf/allura/css/site_style.css
@@ -721,30 +721,14 @@
.no-js .message .content {
padding: 0 20px 20px;
}
-
/* modal */
.modal {
- background-color: #555555;
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #666666), color-stop(100%, #555555));
- background-image: -moz-linear-gradient(top, #666666 0%, #555555 100%);
- background-image: linear-gradient(top, #666666 0%, #555555 100%);
- border: 1px solid #333333;
+ background: rgb(60, 60, 60) none;
color: #fff;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- -o-border-radius: 4px;
- -ms-border-radius: 4px;
- -khtml-border-radius: 4px;
- border-radius: 4px;
+ border-radius: 10px;
display: inline-block;
- -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
- -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
- -o-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
- box-shadow: rgba(0, 0, 0, 0.4) 0 1px 5px 0;
- background-color: #555555;
- border: 1px solid #555555;
margin: 0 auto;
- border: 0;
+ border: 3px solid #292929;
top: 20px;
left: 50%;
margin-left: -312px;
@@ -753,16 +737,38 @@
z-index: 10001;
min-height: 300px;
overflow: auto;
- padding: 40px;
- -moz-box-shadow: inset 0 1px 1px #aaaaaa,inset 0 -2px 20px rgba(0, 0, 0, 0.5),0 1px 5px rgba(0, 0, 0, 0.4);
- -webkit-box-shadow: inset 0 1px 1px #aaaaaa,inset 0 -2px 20px rgba(0, 0, 0, 0.5),0 1px 5px rgba(0, 0, 0, 0.4);
- -o-box-shadow: inset 0 1px 1px #aaaaaa,inset 0 -2px 20px rgba(0, 0, 0, 0.5),0 1px 5px rgba(0, 0, 0, 0.4);
- box-shadow: inset 0 1px 1px #aaaaaa,inset 0 -2px 20px rgba(0, 0, 0, 0.5),0 1px 5px rgba(0, 0, 0, 0.4);
+ padding: 25px;
+ box-shadow: none;
+}
+
.modal input {
+
margin-bottom: 3px;
+ padding-left: 2px;
+ margin-top: 5px;
+ box-shadow: none;
+}
+
.modal .btn input[type=submit] {
+ background: white;
+ border: none;
}
.modal hr {
- border: 1px solid #000;
- background-color: #111;
- opacity: .4;
+ border: none;
+ padding: 0;
+ background-color: #595454;
+}
+input.validate_input:valid[type='text'] {
+ border: 1px solid #d8ffd5;
+ background: #deffdc;
+}
+input.validate_input:invalid[type='text'] {
+ background: #fadad5;
+}
+.modal-form-error {
+ color: white;
+ padding: 2px;
+ border-radius: 2px;
+ font-size: smaller;
+ font-weight: 600;
+ margin-left: 0.6rem;
}
.modal h1, .modal h2, .modal h3 {
margin: 0;
diff --git a/Allura/allura/public/nf/css/navbar.css b/Allura/allura/public/nf/css/navbar.css
index b020202..445a0a2 100644
--- a/Allura/allura/public/nf/css/navbar.css
+++ b/Allura/allura/public/nf/css/navbar.css
@@ -352,21 +352,3 @@
.unlocked-container{
margin-top: 10px;
}
-
-input.validate_input:valid[type='text'] {
- border: 1px solid #d8ffd5;
- background: #deffdc;
-}
-
-input.validate_input:invalid[type='text'] {
- background: #fadad5;
-}
-
-.modal-form-error {
- color: white;
- padding: 2px;
- border-radius: 2px;
- font-size: smaller;
- font-weight: 600;
- margin-left: 0.6rem;
-}
