Team:UCLA/Template/CSS test

From 2014.igem.org

(Difference between revisions)
Line 519: Line 519:
<!--BLURB BOXES-->
<!--BLURB BOXES-->
-
body{
+
*,
-
background-color:aliceblue;
+
*:before,
 +
*:after {
 +
  box-sizing: border-box;
}
}
-
 
+
body,
-
.layer{
+
html {
-
position: absolute;
+
  width: 100%;
-
z-index: 9999;
+
  height: 100%;
-
right: 0px;
+
-
top: 0px;
+
}
}
-
 
+
body {
-
.bigsize{
+
  padding: 40px;
-
width: 500px;
+
  background-color: rgb(255,80,100);
-
height: 500px;
+
  text-align: center;
}
}
-
#image{
+
.triangle {
-
background-image: url('http://lab.htm.co.il/peel/large.jpg');
+
  display: inline-block;
-
-webkit-mask-image: url('http://lab.htm.co.il/peel/mask2.png');
+
  margin: 0 20px;
-
-webkit-mask-repeat: no-repeat;
+
  vertical-align: middle;
-
-webkit-mask-position: 420px 0;
+
}
-
-webkit-transition: all 500ms;
+
.triangle-1 {
 +
  width: 100px;
 +
  height: 100px;
 +
  border-bottom: solid 50px rgb(200,30,50);
 +
  border-left: solid 50px rgb(200,30,50);
 +
  border-right: solid 50px transparent;
 +
  border-top: solid 50px transparent;
}
}
</style>
</style>
</html>
</html>

Revision as of 22:08, 11 August 2014

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