Template:Team:BGU Israel/style.css

From 2014.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 158: Line 158:
float: left;
float: left;
margin-right: 12px;
margin-right: 12px;
-
margin-left: 6px;
+
overflow: hidden;
overflow: hidden;
}
}
Line 705: Line 705:
@font-face {
@font-face {
   font-family: 'FontAwesome';
   font-family: 'FontAwesome';
-
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
+
  src: url('https://static.igem.org/mediawiki/2014/9/99/BGU14fontawesome-webfont.eot');
-
   src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
+
   src: url('https://static.igem.org/mediawiki/2014/9/99/BGU14fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('https://static.igem.org/mediawiki/2014/0/06/BGU14fontawesome-webfont.woff') format('woff'), url('https://static.igem.org/mediawiki/2014/7/72/BGU14fontawesome-webfont.ttf') format('truetype');
   font-weight: normal;
   font-weight: normal;
   font-style: normal;
   font-style: normal;
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,911: Line 2,913:
float: left;
float: left;
font-weight: normal;
font-weight: normal;
 +
}
 +
.table1 {
 +
align-content:center;
 +
margin:0px;
 +
padding:0px;
 +
width:100%;
 +
box-shadow: 10px 10px 5px #888888;
 +
border:1px solid #000000;
 +
-moz-border-radius-bottomleft:9px;
 +
-webkit-border-bottom-left-radius:9px;
 +
border-bottom-left-radius:9px;
 +
-moz-border-radius-bottomright:9px;
 +
-webkit-border-bottom-right-radius:9px;
 +
border-bottom-right-radius:9px;
 +
-moz-border-radius-topright:9px;
 +
-webkit-border-top-right-radius:9px;
 +
border-top-right-radius:9px;
 +
-moz-border-radius-topleft:9px;
 +
-webkit-border-top-left-radius:9px;
 +
border-top-left-radius:9px;
 +
}
 +
.table1 table{
 +
width:100%;
 +
height:100%;
 +
margin:0px;padding:0px;
 +
}
 +
.table1 tr {
 +
align-content:center;
 +
font-family:allan, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif
 +
}
 +
.prevNext{
 +
width:100px;
 +
border: thin solid; border-radius: 8px; background: #5FA6B8; font-style: normal; font-weight: 700; font-size: 24px; font-family: Allan, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif; vertical-align: middle;
 +
opacity:0.5;
 +
}
 +
 +
/*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