Template:Team:BGU Israel/style.css
From 2014.igem.org
(Difference between revisions)
(22 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
/*wiki*/ | /*wiki*/ | ||
+ | |||
+ | li | ||
+ | { | ||
+ | margin-bottom:0px; | ||
+ | } | ||
p | p | ||
{ | { | ||
Line 153: | Line 158: | ||
float: left; | float: left; | ||
margin-right: 12px; | margin-right: 12px; | ||
- | + | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 474: | Line 479: | ||
#strat1_text { | #strat1_text { | ||
display: none; | display: none; | ||
- | |||
} | } | ||
Line 495: | Line 499: | ||
#strat4_text { | #strat4_text { | ||
display: none; | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | .hgrid_qh | ||
+ | { | ||
+ | width: 220px; | ||
+ | height: 600px; | ||
+ | float: left; | ||
+ | margin-right: 12px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .hgrid_3qh | ||
+ | { | ||
+ | width: 595px; | ||
+ | height: 600px; | ||
+ | border-radius: 8px; | ||
+ | float: left; | ||
+ | margin-right: 12px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .hgrid_3h { | ||
+ | width: 220px; | ||
+ | height: 124px; | ||
+ | border-radius: 8px; | ||
+ | margin-right: 12px; | ||
+ | margin-bottom: 6px; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | text-align: left; | ||
+ | float: left; | ||
+ | font-weight: normal; | ||
} | } | ||
Line 669: | 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('../ | + | 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,225: | Line 2,261: | ||
display: inline-block; | display: inline-block; | ||
margin-top: 16px; | margin-top: 16px; | ||
- | + | /* font: 24px/26px 'Dosis', sans-serif;*/ | |
color: #3b3a3a; | color: #3b3a3a; | ||
} | } | ||
Line 2,507: | Line 2,543: | ||
float: left; | float: left; | ||
position: absolute; | position: absolute; | ||
- | height: | + | height: 30px; |
left: 0px; | left: 0px; | ||
width: 101px; | width: 101px; | ||
Line 2,521: | Line 2,557: | ||
nav li:hover li a{ | nav li:hover li a{ | ||
float: left; | float: left; | ||
- | width: | + | width: 138px; |
+ | height:32px; | ||
border-color: #3DABCC; | border-color: #3DABCC; | ||
border-style: dashed; | border-style: dashed; | ||
Line 2,531: | Line 2,568: | ||
nav li:hover a { | nav li:hover a { | ||
background: transparent; | background: transparent; | ||
- | height: | + | height:30px; /* Height of lower-level nav items is shorter than main level */ |
} | } | ||
- | + | ||
- | + | ||
- | + | ||
nav ul li ul li a { | nav ul li ul li a { | ||
Line 2,564: | Line 2,599: | ||
text-decoration: underline; | text-decoration: underline; | ||
font-size: large; | font-size: large; | ||
+ | cursor:pointer; | ||
} | } | ||
.startegy { | .startegy { | ||
Line 2,575: | Line 2,611: | ||
font-size: 19pt; | font-size: 19pt; | ||
opacity: 1; | opacity: 1; | ||
+ | font-family:allan; | ||
} | } | ||
#main_nav #menu_ul { | #main_nav #menu_ul { | ||
Line 2,665: | Line 2,702: | ||
white-space: normal; | white-space: normal; | ||
line-height:20px; | line-height:20px; | ||
+ | font-style:italic; | ||
} | } | ||
.textCont p { | .textCont p { | ||
Line 2,725: | Line 2,763: | ||
padding: 0px; | padding: 0px; | ||
margin: 0px; | margin: 0px; | ||
+ | line-height:19px; | ||
} | } | ||
Line 2,847: | Line 2,886: | ||
cursor:pointer; | cursor:pointer; | ||
} | } | ||
+ | |||
+ | |||
+ | .hstartegy { | ||
+ | position: absolute; | ||
+ | text-align: justify; | ||
+ | float: left; | ||
+ | left: 10px; | ||
+ | top: 32px; | ||
+ | z-index: 2; | ||
+ | color: #000; | ||
+ | font-size: 19pt; | ||
+ | opacity: 1; | ||
+ | font-family: allan; | ||
+ | font-style: normal; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | .grid_long { | ||
+ | width: 1080px; | ||
+ | margin-top:6px; | ||
+ | height: 100px; | ||
+ | border-radius: 8px; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | text-align: left; | ||
+ | float: left; | ||
+ | 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