"
Team:TU Munich/style.css
From 2011.igem.org
| Line 62: | Line 62: | ||
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
box-shadow:1px 1px 2px rgba(0,0,0,0.2); | box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
.ca-content-wrapper{ | .ca-content-wrapper{ | ||
Revision as of 17:55, 27 October 2011
/* Circular Content Carousel Style */ .ca-container{ position:relative; margin:25px auto 20px auto; width:750px; height:300px; } .ca-wrapper{ width:100%; height:100%; position:relative; } .ca-item{ position:relative; float:left; width:250px; height:300px; text-align:center;
border-radius: 6px;
}
.ca-more{
position: absolute;
bottom: 10px;
right:0px;
padding:4px 15px;
font-weight:bold;
background: #ccbda2;
text-align:center;
color: white;
font-family: "Georgia","Times New Roman",serif;
font-style:italic;
text-shadow:1px 1px 1px #897c63;
}
.ca-close{
position:absolute;
top:10px;
right:10px;
background:#fff url(
) no-repeat center center;
width:27px;
height:27px;
text-indent:-9000px;
outline:none;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
opacity:0.7;
}
.ca-close:hover{
opacity:1.0;
}
.ca-item-main{
padding:20px;
position:absolute;
top:5px;
left:5px;
right:5px;
bottom:5px;
background:#fff;
overflow:hidden;
border-radius: 6px;
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); } .ca-content-wrapper{ background:#b0ccc6; position:absolute; width:0px; /* expands to width of the wrapper minus 1 element */ height:300px; top:5px; text-align:left; z-index:10000; overflow:hidden;
border-radius: 6px;
} .ca-content{ width:500px; height:300px;
border-radius: 6px;
}
.ca-content-text{
font-size: 14px;
font-style: italic;
font-family: "Georgia","Times New Roman",serif;
margin:10px 20px;
padding:10px 20px;
line-height:24px;
}
.ca-content-text p{
padding-bottom:5px;
}
.ca-content h6{
margin:25px 20px 0px 35px;
font-size:32px;
padding-bottom:5px;
color:#000;
font-family: 'Coustard', sans-serif;
color:#60817a;
border-bottom:2px solid #99bcb4;
text-shadow: 1px 1px 1px #99BCB4;
}
.ca-content ul{
margin:20px 35px;
height:30px;
}
.ca-content ul li{
float:left;
margin:0px 2px;
}
.ca-content ul li a{
color:#fff;
background:#000;
padding:3px 6px;
font-size:14px;
font-family: "Georgia","Times New Roman",serif;
font-style:italic;
}
.ca-content ul li a:hover{
background:#fff;
color:#000;
text-shadow:none;
}
.ca-nav span{
width:25px;
height:38px;
background:transparent url(
) no-repeat top left;
position:absolute;
top:50%;
margin-top:-19px;
left:-40px;
text-indent:-9000px;
opacity:0.7;
cursor:pointer;
z-index:100;
}
.ca-nav span.ca-nav-next{
background-position:top right;
left:auto;
right:-40px;
}
.ca-nav span:hover{
opacity:1.0;
}
