github/bootstrap
1
1
Fork 0
mirror of https://github.com/jasny/bootstrap.git synced 2026-04-24 03:00:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

update the modals and alert-messages to use the same .close styles, save for some positioning in the modal after knocking down the modal padding

Browse Source
This commit is contained in:
Mark Otto
2011-09-08 23:01:28 -07:00
parent c474f996a9
commit ba08055a7b
6 changed files with 130 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
lib/patterns.less
View File

@@ -553,15 +553,34 @@ input[type=submit].btn {
}
// CLOSE ICONS
// -----------
.close {
float: right;
color: @black;
font-size: 20px;
font-weight: bold;
line-height: @baseline * .75;
text-shadow: 0 1px 0 rgba(255,255,255,1);
.opacity(20);
&:hover {
color: @black;
text-decoration: none;
.opacity(40);
}
}
// ERROR STYLES
// ------------
// Base alert styles
.alert-message {
.gradientBar(#fceec1, #eedc94); // warning by default
position: relative;
padding: 7px 15px;
margin-bottom: @baseline;
padding: 7px 14px;
color: @grayDark;
.gradientBar(#fceec1, #eedc94); // warning by default
text-shadow: 0 1px 0 rgba(255,255,255,.5);
border-width: 1px;
border-style: solid;
@@ -584,20 +603,6 @@ input[type=submit].btn {
// Provide actions with buttons
.box-shadow(0 1px 0 rgba(255,255,255,.25));
}
.close {
float: right;
margin-top: -2px;
color: @black;
font-size: 20px;
font-weight: bold;
text-shadow: 0 1px 0 rgba(255,255,255,1);
.opacity(20);
&:hover {
color: @black;
text-decoration: none;
.opacity(40);
}
}
&.block-message {
background-image: none;
@@ -731,25 +736,20 @@ input[type=submit].btn {
.border-radius(6px);
.box-shadow(0 3px 7px rgba(0,0,0,0.3));
.background-clip(padding-box);
.close {
margin-top: 7px;
}
}
.modal-header {
border-bottom: 1px solid #eee;
padding: 5px 20px;
.close {
position: absolute;
right: 10px;
top: 10px;
color: #999;
line-height:10px;
font-size: 18px;
}
padding: 5px 15px;
}
.modal-body {
padding: 20px;
padding: 15px;
}
.modal-footer {
background-color: #f5f5f5;
padding: 14px 20px 15px;
padding: 14px 15px 15px;
border-top: 1px solid #ddd;
.border-radius(0 0 6px 6px);
.box-shadow(inset 0 1px 0 #fff);