Template:Team:BGU Israel/style.css

From 2014.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 2,557: Line 2,557:
nav li:hover li  a{
nav li:hover li  a{
float: left;
float: left;
-
width: 120px;
+
width: 138px;
height:32px;
height:32px;
border-color: #3DABCC;
border-color: #3DABCC;
Line 2,702: Line 2,702:
white-space: normal;
white-space: normal;
line-height:20px;
line-height:20px;
 +
font-style:italic;
}
}
.textCont p {
.textCont p {
Line 2,762: Line 2,763:
     padding: 0px;
     padding: 0px;
     margin: 0px;
     margin: 0px;
 +
line-height:19px;
}
}
Line 2,947: Line 2,949:
}
}
 +
/*home*/
 +
 +
#home #top_doctor {
 +
display: none;
 +
}
 +
 +
#home  #main_nav
 +
{
 +
display: none;
 +
}
 +
#home_body {
 +
width: 100%;
 +
max-width: 1600px;
 +
overflow: hidden;
 +
}
 +
#home_body {
 +
width: 100%;
 +
max-width: 1600px;
 +
overflow: hidden;
 +
background-color: #EFF5F8;
 +
}
 +
.home_div{
 +
overflow:hidden;
 +
border-radius:8px;
 +
 +
 +
}
 +
 +
 +
/* entire container, keeps perspective */
 +
.flip-container {
 +
perspective: 1000;
 +
}
 +
/* flip the pane when hovered */
 +
.flip-container:hover .flipper, .flip-container.hover .flipper {
 +
transform: rotateY(180deg);
 +
}
 +
 +
.flip-container, .front, .back {
 +
/*width: 320px;
 +
height: 480px;*/
 +
border-radius:8px;
 +
overflow:hidden;
 +
}
 +
 +
/* flip speed goes here */
 +
.flipper {
 +
transition: 0.6s;
 +
transform-style: preserve-3d;
 +
 +
position: relative;
 +
}
 +
 +
/* hide back of pane during swap */
 +
.front, .back {
 +
backface-visibility: hidden;
 +
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
}
 +
 +
/* front pane, placed above back */
 +
.front {
 +
z-index: 2;
 +
/* for firefox 31 */
 +
transform: rotateY(0deg);
 +
}
 +
 +
/* back, initially hidden pane */
 +
.back {
 +
transform: rotateY(180deg);
 +
background-color:#EFF5F8;
 +
font-family: cambria;
 +
font-size: 24px;
 +
font-style: italic;
 +
white-space:normal;
 +
}
 +
 +
.col2 ul
 +
{
 +
line-height:19.5px;
 +
}
 +
#bodyContent h3, #bodyContent h4, #bodyContent h5
 +
{
 +
margin-bottom:0px;
 +
 +
}
 +
 +
.prevNext:hover{
 +
width:100px;
 +
 +
opacity:1;
 +
cursor:pointer;
 +
}
 +
#opening:hover{
 +
opacity:1;
 +
 +
}
 +
#leftButton:hover{
 +
cursor:pointer;
 +
}
 +
#rightButton:hover{
 +
cursor:pointer;
 +
}
</style>
</style>
</html>
</html>

Latest revision as of 23:49, 17 October 2014