Team:UCLA/Template/CSS test

From 2014.igem.org

(Difference between revisions)
Line 520: Line 520:
<!--BLURB BOXES-->
<!--BLURB BOXES-->
.pageOption {
.pageOption {
-
  overflow: hidden;
+
    position: relative;
-
  position: relative;
+
    width: 900px;
-
  width: 40em; height: 27em;
+
    height: 600px;
}
}
-
.option, .option img { width: 100%; height: 100%; }
+
 
-
.option {
+
.pageOption .photo {
-
  overflow: hidden;
+
    position: absolute;
-
  position: absolute;
+
    top: 0px;
-
  transform: skewX(-55.98deg);
+
    left: 0px;
 +
    width: 900px;
 +
    height: 600px;
 +
    background: url('http://froggyadventures.com/wp-content/uploads/galleries/post-93/full/placeholder%20-%20Copy%20(2).gif') no-repeat 0 0;
}
}
-
.option:first-child {
+
 
-
  left: -.25em;
+
.pageOption .cinema {
-
  transform-origin: 100% 0;
+
    position: absolute;
-
}
+
    bottom: 0px;
-
.option:last-child {
+
    right: 0px;
-
  right: -.25em;
+
    width: 900px;
-
  transform-origin: 0 100%;
+
    height: 600px;
-
}
+
    background: url('http://www.akronschools.com/static/image/placeholder.jpg') no-repeat 0 0;
-
.option img {
+
-
  transform: skewX(55.98deg);
+
-
  transform-origin: inherit;
+
}
}
</style>
</style>
</html>
</html>

Revision as of 21:59, 11 August 2014

Retrieved from "http://2014.igem.org/Team:UCLA/Template/CSS_test"