Team:UCLA/anuved verma ucla2014 workspace/CSS

From 2014.igem.org

(Difference between revisions)
Line 26: Line 26:
<!--SUMMARY TITLES-->
<!--SUMMARY TITLES-->
<style type="text/css">
<style type="text/css">
-
.contentBorder {
+
.content_div_container{
-
    border: 1px solid #AAAAAA;
+
-
    -webkit-border-radius: 7px;
+
-
    -moz-border-radius: 7px;
+
-
    border-radius: 7px;
+
-
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
+
-
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
+
-
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
+
-
}
+
-
.expandedContent {
+
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
    width: 1400px;
+
-
}
+
-
.content {
+
-
    position: absolute;
+
-
    top: 500px;
+
-
    font-family: Tahoma;
+
-
    font-size: 20px;
+
-
    color: #3D3D3D;
+
-
    margin-bottom:60px;
+
-
    background-color:white;
+
-
    padding: 15px 60px;
+
-
 
+
-
    border: 1px solid #cccccc;
+
-
    -webkit-border-radius: 10px;
+
-
    -moz-border-radius: 10px;
+
-
    border-radius: 10px;
+
-
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
+
-
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
+
-
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
+
-
}
+
-
.boxgridMedium {
+
-
        width: 298px;
+
-
        height: 450px;
+
-
        float: left;
+
-
}
+
-
.boxgrid {
+
-
overflow: hidden;
+
position: relative;
position: relative;
 +
display:inline-block;
 +
height:auto;
 +
border: 2px solid #CCCCB2;
 +
border-radius: 10px;
 +
margin: 20px 20px 20px 20px;
 +
overflow:hidden;
 +
height: 400px;
}
}
-
 
+
.content_div_text{
-
.boxgrid img{
+
position: absolute;
position: absolute;
-
top: 0;
+
padding: 10 10 10 10;
 +
width: 100%;
 +
height: 100%;
 +
top: 300px;
left: 0;
left: 0;
-
border: 0;
+
background-color:black;
-
}
+
opacity: 0.5;
-
.boxcaption{
+
-
float: left;
+
-
position: absolute;
+
-
background: #000;
+
-
width: 100%;
+
-
opacity: .65;
+
-
        padding: 8px;
+
-
/* For IE 5-7 */
+
-
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
+
-
/* For IE 8 */
+
-
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
+
-
}
+
-
.boxcaption:hover {
+
-
  text-decoration: none;
+
-
}
+
-
h2.onBlack {
+
-
  color:white;
+
-
  margin-top: -5px;
+
-
  border: none;
+
-
  Font-size: 23px;
+
-
  padding-bottom: 0px;
+
-
  line-height:1em;
+
-
}
+
-
p.onBlack {
+
-
  color:white;
+
-
  margin-right:18px;
+
-
  font-size: 12px;
+
-
  font-weight: bold;
+
}
}
-
p.onBlackIntro {
+
.content_div_text h3 {
-
  font-size:14px;
+
font-family: Verdana;
-
  font-style: italic;
+
margin: 10px 10px 10px 10px;
-
  color:white;
+
color: white;
-
  margin-right:20px;
+
opacity: 1;
-
  margin-bottom:20px;
+
}
}
-
.container{
+
.content_div_text p {
-
    top:500px;
+
font-family: Verdana;
 +
margin: 10px 10px 10px 10px;
 +
color: white;
}
}
</style>
</style>

Revision as of 03:00, 12 September 2014

Retrieved from "http://2014.igem.org/Team:UCLA/anuved_verma_ucla2014_workspace/CSS"