Browse Source

Changed modal header for logins to have matching header color as the nav bar.

tags/2.0.6
Teknikode 3 years ago
parent
commit
446df72e00
2 changed files with 77 additions and 4 deletions
  1. 2
    2
      Teknik/Areas/User/Views/User/_LoginModalPartial.cshtml
  2. 75
    2
      Teknik/Content/common.css

+ 2
- 2
Teknik/Areas/User/Views/User/_LoginModalPartial.cshtml View File

@@ -5,7 +5,7 @@
<div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="registerModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<div class="modal-header modal-header-default">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="registerModalLabel">Teknik Registration</h4>
</div>
@@ -22,7 +22,7 @@
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<div class="modal-header modal-header-default">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="loginModalLabel">Teknik Login</h4>
</div>

+ 75
- 2
Teknik/Content/common.css View File

@@ -15,9 +15,9 @@ body { padding-top: 70px; }
height: auto !important;
height: 100%;
/* Negative indent footer by its height */
margin: 0 auto -192px;
margin: 0 auto -190px;
/* Pad bottom by footer height */
padding: 0 0 192px;
padding: 0 0 190px;
}

/* Set the fixed height of the footer here */
@@ -224,6 +224,7 @@ margin: 0 auto;
display:none;
}

/* Modal Box Styles */
.modal.modal-wide .modal-dialog {
width: 90%;
}
@@ -231,6 +232,78 @@ margin: 0 auto;
overflow-y: auto;
}

.modal-header-default {
padding:9px 15px;
border-bottom:1px solid #ddd;
background-color: #f5f5f5;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.modal-header-success {
color:#fff;
padding:9px 15px;
border-bottom:1px solid #eee;
background-color: #5cb85c;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.modal-header-warning {
color:#fff;
padding:9px 15px;
border-bottom:1px solid #eee;
background-color: #f0ad4e;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.modal-header-danger {
color:#fff;
padding:9px 15px;
border-bottom:1px solid #eee;
background-color: #d9534f;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.modal-header-info {
color:#fff;
padding:9px 15px;
border-bottom:1px solid #eee;
background-color: #5bc0de;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.modal-header-primary {
color:#fff;
padding:9px 15px;
border-bottom:1px solid #eee;
background-color: #428bca;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

textarea{
width: 96.9%;
height:350px;

Loading…
Cancel
Save