From 5032ef9b54b92443f1dbaa2594468dcd84b6bd9e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 8 Jan 2012 23:14:07 -0800 Subject: [PATCH] remove static popovers, modals, and twipsies from components in favor of full javascript page --- bootstrap.css | 3 +- bootstrap.min.css | 2 +- docs/components.html | 115 ++++--------------------------------------- lib/close.less | 1 + 4 files changed, 14 insertions(+), 107 deletions(-) diff --git a/bootstrap.css b/bootstrap.css index b859657ef0..81ae2e6c42 100644 --- a/bootstrap.css +++ b/bootstrap.css @@ -6,7 +6,7 @@ * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. - * Date: Sun Jan 8 19:32:37 PST 2012 + * Date: Sun Jan 8 21:54:13 PST 2012 */ html, body { margin: 0; @@ -1577,6 +1577,7 @@ i { filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; + cursor: pointer; } .navbar { overflow: visible; diff --git a/bootstrap.min.css b/bootstrap.min.css index 3dc0151638..0a85016436 100644 --- a/bootstrap.min.css +++ b/bootstrap.min.css @@ -309,7 +309,7 @@ i{background-image:url(docs/assets/img/glyphicons-halflings-sprite.png);backgrou .well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-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);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);} .fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;} .collapse{-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;position:relative;overflow:hidden;height:0;}.collapse.in{height:auto;} -.close{float:right;font-size:20px;font-weight:bold;line-height:13.5px;color:#000000;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}.close:hover{color:#000000;text-decoration:none;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;} +.close{float:right;font-size:20px;font-weight:bold;line-height:13.5px;color:#000000;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}.close:hover{color:#000000;text-decoration:none;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;} .navbar{overflow:visible;} .navbar-inner{background-color:#222222;background-color:#222222;background-image:-khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);-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);} .navbar .brand:hover{color:#ffffff;text-decoration:none;} diff --git a/docs/components.html b/docs/components.html index f3e8d42a5e..ee1634ccac 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1010,26 +1010,26 @@
- × + ×

Holy guacamole! Best check yo self, you’re not looking too good.

- × + ×

Oh snap! Change this and that and try again.

- × + ×

Well done! You successfully read this alert message.

- × + ×

Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.

Example code

 <div class="alert-message warning">
-  <a class="close" href="#">×</a>
+  <a class="close">×</a>
   <p><strong>Holy guacamole!</strong> Best check yo self, you’re not looking too good.</p>
 </div>
@@ -1048,14 +1048,14 @@
- × + ×

Holy guacamole! This is a warning! Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Take this action Or do this
- × + ×

Oh snap! You got an error! Change this and that and try again.

  • Duis mollis est non commodo luctus
    • @@ -1067,14 +1067,14 @@
- × + ×

Well done! You successfully read this alert message. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum.

Take this action Or do this
- × + ×

Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.

Take this action Or do this @@ -1084,7 +1084,7 @@

Example code

 <div class="alert-message block-message warning">
-  <a class="close" href="#">×</a>
+  <a class="close">×</a>
   <p><strong>Holy guacamole! This is a warning!</strong> Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
   <div class="alert-actions">
     <a class="btn small" href="#">Take this action</a> <a class="btn small" href="#">Or do this</a>
@@ -1096,101 +1096,6 @@
 
 
 
-
-

-  

-    
Modals 

-  

-  

-    

-      
Modals

-      
Modals—dialogs or lightboxes—are great for contextual actions in situations where it’s important that the background context be maintained.

-      
Get the javascript »

-    

-    

-      

-        
-        

-          

-            ×
-            
Modal Heading

-          

-          

-            
One fine body…

-          

-          

-            Primary
-            Secondary
-          

-        

-      

-    

-  

-
-

-
-
-
-
-
-
-
-
-
-

-  

-    
Popovers 

-  

-
-  

-    

-      
Popovers

-      
Use popovers to provide subtextual information to a page without affecting layout.

-      
Get the javascript »

-    

-    

-      

-         

-          

-            

-            

-              
Popover Title

-              

-                
Etiam porta sem malesuada magna mollis euismod. Maecenas faucibus mollis interdum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

-              

-            

-          

-          
-        

-      

-    

-  

-

 
 
diff --git a/lib/close.less b/lib/close.less
index 25a0c3ef3e..1210ec4638 100644
--- a/lib/close.less
+++ b/lib/close.less
@@ -13,5 +13,6 @@
     color: @black;
     text-decoration: none;
     .opacity(40);
+    cursor: pointer;
   }
 }