all: modal support

19 files changed, 278 insertions, 72 deletions

diff --git a/amelia/bootstrap.css b/amelia/bootstrap.css
index 5b973e4a..d0efb295 100644
--- a/amelia/bootstrap.css
+++ b/amelia/bootstrap.css
@@ -4553,6 +4553,17 @@ textarea,
   background-color: #8AD5DC;
   text-shadow: none;
 }
+.modal {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.modal-header {
+  color: #ad1d28;
+}
+.modal-body {
+  color: #003f4d;
+}
 .alert,
 .label,
 .progress,
@@ -4568,6 +4579,11 @@ code {
   box-shadow: none;
   text-shadow: none;
 }
+.hero-unit {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
 code,
 pre {
   background-color: rgba(256, 256, 256, 0.3);
diff --git a/amelia/bootstrap.min.css b/amelia/bootstrap.min.css
index 238354f3..cb72fa15 100644
--- a/amelia/bootstrap.min.css
+++ b/amelia/bootstrap.min.css
@@ -775,7 +775,11 @@ input,textarea,.search-query,.uneditable-input,.input-append input,.input-append
 .nav-list .nav-header{text-shadow:none;color:rgba(256, 256, 256, 0.9);}
 .nav-list li>a{text-shadow:none;}
 .nav-list li.active>a,.nav-list li:active>a,.nav-list li>a:hover,.nav-list li.active>a:hover,.nav-list li:active>a:hover{background-color:#8AD5DC;text-shadow:none;}
+.modal{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.modal-header{color:#ad1d28;}
+.modal-body{color:#003f4d;}
 .alert,.label,.progress,.well,pre,code{border-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;}
+.hero-unit{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 code,pre{background-color:rgba(256, 256, 256, 0.3);padding:2px;}
 .well{background-color:#3CB9C6;background-image:none;}
 .label,.label:hover{background-color:#dddddd;text-shadow:none;color:#333333;}
diff --git a/amelia/bootswatch.less b/amelia/bootswatch.less
index 572603fb..870f6089 100755
--- a/amelia/bootswatch.less
+++ b/amelia/bootswatch.less
@@ -476,6 +476,21 @@ input, textarea, .search-query, .uneditable-input,
 	}
 }
 
+// MODALS
+// -----------------------------------------------------
+
+.modal {
+	.border-radius(0);
+}
+
+.modal-header {
+	color: @navbarBackground;
+}
+
+.modal-body {
+	color: @bodyBackground;
+}
+
 // MISCELLANEOUS
 // -----------------------------------------------------
 
@@ -486,6 +501,10 @@ input, textarea, .search-query, .uneditable-input,
 	text-shadow: none;
 }
 
+.hero-unit {
+	.border-radius(0);
+}
+
 code, pre {
 	background-color: rgba(256, 256, 256, 0.3);
 	padding: 2px;
diff --git a/journal/bootstrap.css b/journal/bootstrap.css
index 45c8192d..5fcfbf68 100644
--- a/journal/bootstrap.css
+++ b/journal/bootstrap.css
@@ -4122,6 +4122,25 @@ div.subnav .nav > .active > a:hover {
 .btn-primary.active {
   background-color: #080808 \9;
 }
+.modal {
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  border-radius: 0px;
+  background: #fcfbfd;
+}
+.modal-header {
+  border-bottom: none;
+}
+.modal-header .close {
+  text-decoration: none;
+}
+.modal-footer {
+  background: transparent;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  border-top: none;
+}
 code,
 pre,
 pre.prettyprint,
diff --git a/journal/bootstrap.min.css b/journal/bootstrap.min.css
index d2d8c0d6..791f6c66 100644
--- a/journal/bootstrap.min.css
+++ b/journal/bootstrap.min.css
@@ -707,6 +707,10 @@ div.subnav{background-color:#fcfbfd;background-image:none;-webkit-box-shadow:0 1
 .navbar .nav-collapse.in .nav li>a,div.subnav .nav>li>a:hover,div.subnav .nav>.active>a,div.subnav .nav>.active>a:hover{color:#222222;text-decoration:none;font-weight:normal;}
 .btn-primary{background-color:#2a2a2a;background-image:-moz-linear-gradient(top, #2f2f2f, #222222);background-image:-ms-linear-gradient(top, #2f2f2f, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#2f2f2f), to(#222222));background-image:-webkit-linear-gradient(top, #2f2f2f, #222222);background-image:-o-linear-gradient(top, #2f2f2f, #222222);background-image:linear-gradient(top, #2f2f2f, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#222222;}
 .btn-primary:active,.btn-primary.active{background-color:#080808 \9;}
+.modal{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;background:#fcfbfd;}
+.modal-header{border-bottom:none;}
+.modal-header .close{text-decoration:none;}
+.modal-footer{background:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-top:none;}
 code,pre,pre.prettyprint,.well,.form-actions{background-color:#eeeeee;}
 .hero-unit{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 .table-bordered,.well,.prettyprint{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
diff --git a/journal/bootswatch.less b/journal/bootswatch.less
index 7fe5983f..030c1189 100755
--- a/journal/bootswatch.less
+++ b/journal/bootswatch.less
@@ -113,6 +113,33 @@ div.subnav .nav > .active > a:hover {
   .buttonBackground(lighten(@linkColor, 5%), @linkColor);
 }
 
+// MODALS
+// -----------------------------------------------------
+
+
+.modal {
+ 	.border-radius(0px);
+	background: @bodyBackground;
+}
+
+.modal-header {
+	border-bottom: none;
+}
+
+.modal-header .close {
+	text-decoration: none;
+}
+
+.modal-body {
+
+}
+
+.modal-footer {
+	background: transparent;
+	.box-shadow(none);
+	border-top: none;
+}
+
 
 // MISC
 // -----------------------------------------------------
diff --git a/readable/bootstrap.css b/readable/bootstrap.css
index 8db39bc1..377be348 100644
--- a/readable/bootstrap.css
+++ b/readable/bootstrap.css
@@ -4318,6 +4318,30 @@ input[type="file"] {
   -moz-border-radius: 0;
   border-radius: 0;
 }
+.table-bordered thead:first-child tr:first-child th:first-child,
+.table-bordered tbody:first-child tr:first-child td:first-child {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.table-bordered thead:last-child tr:last-child th:first-child,
+.table-bordered tbody:last-child tr:last-child td:first-child {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.modal {
+  background-color: #ffffff;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.modal-header {
+  border-bottom: none;
+}
+.modal-footer {
+  background-color: #fdfdfa;
+}
 .alert,
 .label,
 .label:hover {
diff --git a/readable/bootstrap.min.css b/readable/bootstrap.min.css
index 66875c16..8b4a4cbc 100644
--- a/readable/bootstrap.min.css
+++ b/readable/bootstrap.min.css
@@ -742,6 +742,11 @@ input,textarea,select{color:#090000;}
 select,input[type="file"]{height:auto;line-height:normal;}
 .form-actions{background-color:transparent;border-top:1px solid #D4D4D4;padding-top:2em;}
 .table-bordered{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.modal{background-color:#ffffff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.modal-header{border-bottom:none;}
+.modal-footer{background-color:#fdfdfa;}
 .alert,.label,.label:hover{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #D4D4D4;color:#090000;text-shadow:none;}
 .alert-heading{color:#090000;text-shadow:none;}
 .label,.label:hover{background-color:#ffffff;font-weight:normal;font-size:19px;padding:4px;}
diff --git a/readable/bootswatch.less b/readable/bootswatch.less
index 56a734a2..ec07f1e1 100755
--- a/readable/bootswatch.less
+++ b/readable/bootswatch.less
@@ -359,6 +359,33 @@ select, input[type="file"] {
 	.border-radius(0);
 }
 
+.table-bordered thead:first-child tr:first-child th:first-child,
+.table-bordered tbody:first-child tr:first-child td:first-child {
+	.border-radius(0);
+}
+
+.table-bordered thead:last-child tr:last-child th:first-child,
+.table-bordered tbody:last-child tr:last-child td:first-child {
+	.border-radius(0);
+}
+
+// MODALS
+// -----------------------------------------------------
+
+.modal {
+	background-color: @white;
+	.border-radius(0);
+}
+
+.modal-header {
+	border-bottom: none;
+}
+
+.modal-footer {
+	background-color: @bodyBackground;
+}
+
+
 // MISCELLANEOUS
 // -----------------------------------------------------
 
diff --git a/slate/bootstrap.css b/slate/bootstrap.css
index 6f1fbb67..3405e195 100644
--- a/slate/bootstrap.css
+++ b/slate/bootstrap.css
@@ -1262,11 +1262,11 @@ table {
 }
 .table-striped tbody tr:nth-child(odd) td,
 .table-striped tbody tr:nth-child(odd) th {
-  background-color: #f9f9f9;
+  background-color: #2e3236;
 }
 .table tbody tr:hover td,
 .table tbody tr:hover th {
-  background-color: #f5f5f5;
+  background-color: #3a3f44;
 }
 table .span1 {
   float: none;
@@ -4301,33 +4301,6 @@ div.subnav-fixed {
 .caret {
   border-top-color: #ffffff;
 }
-.table th,
-.table td,
-.table tbody + tbody {
-  border-top: 1px solid #1c1e22;
-}
-.table-bordered {
-  border: 1px solid #1c1e22;
-}
-.table-bordered th + th,
-.table-bordered td + td,
-.table-bordered th + td,
-.table-bordered td + th {
-  border-left: 1px solid #1c1e22;
-}
-.table-bordered thead:first-child tr:first-child th,
-.table-bordered tbody:first-child tr:first-child th,
-.table-bordered tbody:first-child tr:first-child td {
-  border-top: 0;
-}
-.table-striped tbody tr:nth-child(odd) td,
-.table-striped tbody tr:nth-child(odd) th {
-  background-color: #2e3236;
-}
-.table tbody tr:hover td,
-.table tbody tr:hover th {
-  background-color: #3a3f44;
-}
 .pagination > ul {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
@@ -4549,6 +4522,22 @@ textarea[readonly] {
   background-color: #3a87ad;
   border-color: #3a87ad;
 }
+.modal {
+  background-color: #2e3236;
+}
+.modal-header {
+  border-bottom: none;
+}
+.modal-body {
+  border-bottom: 1px solid #1C1E22;
+}
+.modal-footer {
+  border-top: none;
+  background-color: #272b30;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
 code,
 pre {
   background-color: #F7F7F7;
diff --git a/slate/bootstrap.min.css b/slate/bootstrap.min.css
index efbe1467..777aae20 100644
--- a/slate/bootstrap.min.css
+++ b/slate/bootstrap.min.css
@@ -219,8 +219,8 @@ table{max-width:100%;border-collapse:collapse;border-spacing:0;background-color:
 .table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
 .table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
 .table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
-.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
-.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;}
+.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#2e3236;}
+.table tbody tr:hover td,.table tbody tr:hover th{background-color:#3a3f44;}
 table .span1{float:none;width:44px;margin-left:0;}
 table .span2{float:none;width:124px;margin-left:0;}
 table .span3{float:none;width:204px;margin-left:0;}
@@ -719,11 +719,6 @@ div.subnav-fixed{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
 .btn-inverse{background-color:#393939;background-image:-moz-linear-gradient(top, #454545, #262626);background-image:-ms-linear-gradient(top, #454545, #262626);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));background-image:-webkit-linear-gradient(top, #454545, #262626);background-image:-o-linear-gradient(top, #454545, #262626);background-image:linear-gradient(top, #454545, #262626);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);border-color:#262626 #262626 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#262626;}
 .btn-inverse:active,.btn-inverse.active{background-color:#0c0c0c \9;}
 .caret{border-top-color:#ffffff;}
-.table th,.table td,.table tbody+tbody{border-top:1px solid #1c1e22;}
-.table-bordered{border:1px solid #1c1e22;}.table-bordered th+th,.table-bordered td+td,.table-bordered th+td,.table-bordered td+th{border-left:1px solid #1c1e22;}
-.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
-.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#2e3236;}
-.table tbody tr:hover td,.table tbody tr:hover th{background-color:#3a3f44;}
 .pagination>ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
 .breadcrumb{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
 .breadcrumb,.pagination>ul a,.pager a{border:1px solid transparent;-webkit-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';-moz-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';background-color:#3a3f44;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44));background-image:-webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:-moz-linear-gradient(top, #52575c, #3a3f44 70%, #3a3f44);background-image:-ms-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:-o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#52575c', endColorstr='#3a3f44', GradientType=0);}
@@ -757,6 +752,10 @@ label,input,button,select,textarea,legend{color:#757c82;}
 .alert-success{background-color:#468847;border-color:#468847;}
 .alert-danger,.alert-error{background-color:#b94a48;border-color:#b94a48;}
 .alert-info{background-color:#3a87ad;border-color:#3a87ad;}
+.modal{background-color:#2e3236;}
+.modal-header{border-bottom:none;}
+.modal-body{border-bottom:1px solid #1C1E22;}
+.modal-footer{border-top:none;background-color:#272b30;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
 code,pre{background-color:#F7F7F7;border:1px solid #1c1e22;text-shadow:none;}
 hr,legend,.page-header,.dropdown-menu .divider{border-top:none;border-bottom:1px solid #1c1e22;background-color:transparent;}
 footer.footer{border-top:1px solid #1c1e22;}footer.footer p{color:#757c82;}
diff --git a/slate/bootswatch.less b/slate/bootswatch.less
index cfa8f5bf..52d2f2cc 100755
--- a/slate/bootswatch.less
+++ b/slate/bootswatch.less
@@ -163,41 +163,7 @@ div.subnav-fixed {
 // TABLES
 // -----------------------------------------------------
 
-.table th, .table td, .table tbody + tbody {
-	border-top: 1px solid darken(@grayDarker, 5%);
-}
 
-.table-bordered {
-  border: 1px solid darken(@grayDarker, 5%);
-  th + th,
-  td + td,
-  th + td,
-  td + th {
-    border-left: 1px solid darken(@grayDarker, 5%);
-  }
-  // Prevent a double border
-  thead:first-child tr:first-child th,
-  tbody:first-child tr:first-child th,
-  tbody:first-child tr:first-child td {
-    border-top: 0;
-  }
-}
-
-.table-striped {
-  tbody {
-    tr:nth-child(odd) td,
-    tr:nth-child(odd) th {
-      background-color: darken(@grayDark, 5%);
-    }
-  }
-}
-
-.table {
-  tbody tr:hover td,
-  tbody tr:hover th {
-    background-color: @grayDark;
-  }
-}
 
 // NAVIGATION
 // -----------------------------------------------------
@@ -393,6 +359,27 @@ label, input, button, select, textarea, legend {
   border-color: @infoText;
 }
 
+// MODALS
+// -----------------------------------------------------
+
+.modal {
+	background-color: darken(@grayDark, 5%);
+}
+
+.modal-header {
+	border-bottom: none;
+}
+
+.modal-body {
+	border-bottom: 1px solid #1C1E22;
+}
+
+.modal-footer {
+	border-top: none;
+	background-color: @grayDarker;
+	.box-shadow(none);
+}
+
 // MISCELLANEOUS
 // -----------------------------------------------------
 
diff --git a/slate/variables.less b/slate/variables.less
index 6208a40e..c4ce496f 100755
--- a/slate/variables.less
+++ b/slate/variables.less
@@ -60,8 +60,8 @@
 // Tables
 // -------------------------
 @tableBackground:                   transparent; // overall background-color
-@tableBackgroundAccent:             #f9f9f9; // for striping
-@tableBackgroundHover:              #f5f5f5; // for hover
+@tableBackgroundAccent:             darken(@grayDark, 5%); // for striping
+@tableBackgroundHover:              @grayDark; // for hover
 @tableBorder:                       darken(@grayDarker, 5%); // table and cell border
 
 
diff --git a/spruce/bootstrap.css b/spruce/bootstrap.css
index 4fbf40e0..cca9b592 100644
--- a/spruce/bootstrap.css
+++ b/spruce/bootstrap.css
@@ -4528,6 +4528,22 @@ legend {
   -moz-border-radius: 4px;
   border-radius: 4px;
 }
+.modal-header {
+  background-color: #015b4e;
+}
+.modal-body,
+.modal-footer {
+  background-color: #f5f3dc;
+  border: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+.modal-footer {
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
 .alert {
   text-shadow: none;
   border: none;
diff --git a/spruce/bootstrap.min.css b/spruce/bootstrap.min.css
index 9f3d00cd..9ce97761 100644
--- a/spruce/bootstrap.min.css
+++ b/spruce/bootstrap.min.css
@@ -769,6 +769,9 @@ input,textarea,select{color:#013435;}
 .uneditable-input{color:#555555;}
 legend{border-bottom:2px solid #ffffff;}
 .form-actions{background-color:transparent;border-top:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
+.modal-header{background-color:#015b4e;}
+.modal-body,.modal-footer{background-color:#f5f3dc;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
+.modal-footer{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
 .alert{text-shadow:none;border:none;}
 .label{color:#f5f3dc;opacity:1;text-shadow:none;}
 .progress{background-color:#748c73;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.progress .bar{background-image:none;background-color:#A2CDB5;}
diff --git a/spruce/bootswatch.less b/spruce/bootswatch.less
index 9c5514c0..1c2c5edd 100755
--- a/spruce/bootswatch.less
+++ b/spruce/bootswatch.less
@@ -430,6 +430,24 @@ legend {
 	.border-radius(4px);
 }
 
+// MODALS
+// --------------------------------------------------
+
+.modal-header {
+	background-color: @green;
+}
+
+.modal-body,
+.modal-footer {
+	background-color: @linkColor;
+	border: none;
+	.box-shadow(none);
+}
+
+.modal-footer {
+	.border-radius(0 0 4px 4px);
+}
+
 // MISCELLANEOUS
 // --------------------------------------------------
 
diff --git a/superhero/bootstrap.css b/superhero/bootstrap.css
index 00bf5087..d113ad2e 100644
--- a/superhero/bootstrap.css
+++ b/superhero/bootstrap.css
@@ -4536,6 +4536,28 @@ label {
   background-color: #dff0d8;
   border-color: #58a959;
 }
+.modal {
+  background-color: transparent;
+}
+.modal-header,
+.modal-body,
+.modal-footer {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  background-color: #2a333c;
+  border: none;
+}
+.modal-header {
+  -webkit-border-radius: 4px 4px 0 0;
+  -moz-border-radius: 4px 4px 0 0;
+  border-radius: 4px 4px 0 0;
+}
+.modal-footer {
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
 .page-header {
   border-bottom: none;
 }
diff --git a/superhero/bootstrap.min.css b/superhero/bootstrap.min.css
index 91ff2b0f..d7e30162 100644
--- a/superhero/bootstrap.min.css
+++ b/superhero/bootstrap.min.css
@@ -776,6 +776,10 @@ label{color:#ece9d7;line-height:15px;}
 .control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#58a959;}
 .control-group.success input,.control-group.success select,.control-group.success textarea{color:#58a959;border-color:#58a959;}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#468847;-webkit-box-shadow:0 0 6px #9bcc9c;-moz-box-shadow:0 0 6px #9bcc9c;box-shadow:0 0 6px #9bcc9c;}
 .control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#58a959;background-color:#dff0d8;border-color:#58a959;}
+.modal{background-color:transparent;}
+.modal-header,.modal-body,.modal-footer{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#2a333c;border:none;}
+.modal-header{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
+.modal-footer{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
 .page-header{border-bottom:none;}
 footer.footer{border-top:1px solid #20262d;}
 .well,.hero-unit{background-color:#45515f;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
diff --git a/superhero/bootswatch.less b/superhero/bootswatch.less
index e6784f59..6a3552d3 100755
--- a/superhero/bootswatch.less
+++ b/superhero/bootswatch.less
@@ -513,6 +513,29 @@ label {
   .formFieldState(lighten(@successText, 10%), lighten(@successText, 10%), @successBackground);
 }
 
+// MODALS
+// --------------------------------------------------
+
+.modal {
+	background-color: transparent;
+}
+
+.modal-header,
+.modal-body,
+.modal-footer {
+	.box-shadow(none);
+	background-color: @bodyBackground;
+	border: none;
+}
+
+.modal-header {
+	.border-radius(4px 4px 0 0);
+}
+
+.modal-footer {
+	.border-radius(0 0 4px 4px);
+}
+
 // MISCELLANEOUS
 // --------------------------------------------------