mirror of
https://git.teknik.io/Teknikode/Teknik.git
synced 2023-08-02 14:16:22 +02:00
Changed modal header for logins to have matching header color as the nav bar.
This commit is contained in:
parent
96471f48a8
commit
446df72e00
@ -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">×</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">×</span></button>
|
||||
<h4 class="modal-title" id="loginModalLabel">Teknik Login</h4>
|
||||
</div>
|
||||
|
@ -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…
Reference in New Issue
Block a user