outline.css.less in woople-theme-0.3.6

- old
+ new

@@ -1,10 +1,9 @@
 @import "woople-theme/variables.css.less";
 @import "woople-theme/colours.css.less";
 
 .outline {
-  overflow:hidden;
   border-bottom:solid 1px fade(@contentBorder, 35%);
 
   h2 {
     .outline-title();
   }
@@ -42,91 +41,34 @@
       .btn {
         margin:@contentPadding / 2;
       }
     }
 
-    .flip-action, .flip-action-back {
-      width:75px;
-      padding:@contentPadding / 2;
+    .assessment-pad {
+      .nav-tabs {
+        margin-bottom: 0;
 
-      a {
-        cursor: pointer;
+        li:first-child {
+          margin-left: 10px;
+        }
+
+        a {
+          outline: 0;
+        }
       }
-    }
 
-    &.flip .front {
-      z-index: 900;
+      .tab-content.completed {
+        background-image:url(/assets/woople-theme/completed-triangle.png);
+        background-position:top right;
+        background-repeat:no-repeat;
+      }
 
-      -webkit-transform: rotateY(180deg);
-      -moz-transform: rotateY(180deg);
-    }
+      .tab-content {
+        background: white;
+      }
 
-    .front {
-      position:relative;
-      z-index:900;
-      background:white;
-      border-bottom:solid 1px transparent;
-
-      .box-shadow(@default-shadow);
-
-      -webkit-transform: rotateY(0deg);
-      -webkit-transform-style: preserve-3d;
-      -webkit-backface-visibility: hidden;
-
-      -moz-transform: rotateY(0deg);
-      -moz-transform-style: preserve-3d;
-      -moz-backface-visibility: hidden;
-
-      -o-transition: -o-transform .4s ease-in-out;
-      -ms-transition: -ms-transform .4s ease-in-out;
-      -moz-transition: -moz-transform .4s ease-in-out;
-      -webkit-transition: -webkit-transform .4s ease-in-out;
-      transition: transform .4s ease-in-out;
-    }
-
-    .front.completed {
-      background-image:url(/assets/woople-theme/completed-triangle.png);
-      background-position:top right;
-      background-repeat:no-repeat;
-    }
-
-    &.flip .back {
-      z-index:1000;
-      -webkit-transform: rotateY(0deg);
-      -moz-transform: rotateY(0deg);
-    }
-
-    .back {
-      position:absolute;
-      z-index:800;
-      background:white;
-      top:0;
-      left:0;
-      width:100%;
-      /*height:100%;*/
-
-      .box-shadow(@default-shadow);
-
-      -webkit-transform: rotateY(-180deg);
-      -webkit-transform-style: preserve-3d;
-      -webkit-backface-visibility: hidden;
-
-      -moz-transform: rotateY(-180deg);
-      -moz-transform-style: preserve-3d;
-      -moz-backface-visibility: hidden;
-
-      /* -- transition is the magic sauce for animation -- */
-      -o-transition: -o-transform .4s ease-in-out;
-      -ms-transition: -ms-transform .4s ease-in-out;
-      -moz-transition: -moz-transform .4s ease-in-out;
-      -webkit-transition: -webkit-transform .4s ease-in-out;
-      transition: transform .4s ease-in-out;
-    }
-
-    .assessment-pad {
       .assessment-history {
-
         a {
           color: @primary;
         }
       }
     }
@@ -241,24 +183,13 @@
       padding-left:@phoneLeftColumnOffset;
       padding-right:@phoneMargin;
     }
 
     .assessment {
-      .back {
+      .assessment-history {
         table tr > td:first-child, tr > th:first-child {
           text-indent:0;
         }
       }
     }
-  }
-}
-
-.no-csstransforms3d {
-
-  .back {
-    display:none;
-  }
-
-  .flip .back {
-    display:block;
   }
 }