beige.css: Treat objects (SVG) and videos like images
authorW. Trevor King <wking@tremily.us>
Wed, 22 May 2013 00:14:30 +0000 (20:14 -0400)
committerW. Trevor King <wking@tremily.us>
Wed, 22 May 2013 00:14:30 +0000 (20:14 -0400)
With the same borders, etc.  Principle of least surprise ;).

css/theme/beige.css

index 21dddad80213b15db4c751585f1a922ee7e79661..05ca34a06d2be30da3dee17148234a6216eec590 100644 (file)
@@ -80,7 +80,7 @@ body {
 /*********************************************
  * IMAGES
  *********************************************/
-.reveal section img {
+.reveal section img, .reveal section object, .reveal section video {
   margin: 15px 0px;
   background: rgba(255, 255, 255, 0.12);
   border: 4px solid #FFFFFF;
@@ -91,7 +91,7 @@ body {
   -o-transition: all .2s linear;
   transition: all .2s linear; }
 
-.reveal a:hover img {
+.reveal a:hover img, .reveal a:hover object, .reveal a:hover video {
   background: rgba(255, 255, 255, 0.2);
   border-color: #8b743d;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }