Template:Team:BGU Israel/style.css
From 2014.igem.org
(Difference between revisions)
(12 intermediate revisions not shown) | |||
Line 705: | Line 705: | ||
@font-face { | @font-face { | ||
font-family: 'FontAwesome'; | font-family: 'FontAwesome'; | ||
- | src: url('https://static.igem.org/mediawiki/2014/9/99/BGU14fontawesome-webfont.eot | + | src: url('https://static.igem.org/mediawiki/2014/9/99/BGU14fontawesome-webfont.eot'); |
- | src: url('https://static.igem.org/mediawiki/2014/9/99/BGU14fontawesome-webfont.eot?#iefix | + | 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: | + | 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