Line 54: | Line 54: | ||
} | } | ||
− | + | ||
− | + | body { | |
− | + | background-color:blue-gray; | |
+ | |||
} | } | ||
− | + | .w3-container li { | |
− | + | padding-left:60px; | |
− | + | font-size:130%; | |
+ | line-height:30px; | ||
+ | |||
} | } | ||
+ | |||
+ | .w3-container h5 { | ||
+ | padding-left:60px; | ||
+ | font-size:130%; | ||
+ | line-height:25px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .huji_card { | ||
+ | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8); | ||
+ | max-width: 300px; | ||
+ | margin: 10px; | ||
+ | text-align:center; | ||
+ | font: 16px Calibri, Calibri; | ||
+ | background-color:#FCFBF8; | ||
+ | display: inline-block; | ||
+ | box-sizing:border-box ; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | .huji_cardtitle { | ||
+ | color: grey; | ||
+ | font: 18px Calibri, Calibri; | ||
+ | |||
+ | } | ||
+ | |||
+ | stats_button { | ||
+ | border: none; | ||
+ | outline: 0; | ||
+ | display: inline-block; | ||
+ | color: white; | ||
+ | background-color: black; | ||
+ | text-align: center; | ||
+ | cursor: pointer; | ||
+ | width: 40%; | ||
+ | font: 20px Calibri, Calibri; | ||
+ | padding-left:0px; | ||
+ | opacity:0.9; | ||
+ | float:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | .linkdin_button { | ||
+ | text-decoration: none; | ||
+ | margin: -1em; | ||
+ | display:inline-block; | ||
+ | z-index: -1; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .huji_stat_title { | ||
+ | width: 290px; | ||
+ | color: white; | ||
+ | font: 16px Calibri, Calibri; | ||
+ | background-color: black; | ||
+ | text-align:left; | ||
+ | padding-left:2px; | ||
+ | opacity:0.9; | ||
+ | padding:5px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .huji_stat_job { | ||
+ | width: 290px; | ||
+ | color: white; | ||
+ | font: 16px Calibri, Calibri; | ||
+ | background-color: black; | ||
+ | text-align: center; | ||
+ | padding-left:2px; | ||
+ | opacity:0.8; | ||
+ | padding:5px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .huji_stat_content { | ||
+ | width: 280px; | ||
+ | color: black; | ||
+ | background-color: #FCFBF8; | ||
+ | border-color:black; | ||
+ | font: 16px Calibri, Calibri; | ||
+ | text-align:left; | ||
+ | opacity:0.9; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .dropup { | ||
+ | |||
+ | float:left; | ||
+ | width: 400px; | ||
+ | } | ||
+ | |||
+ | stats_button:hover, a:hover { | ||
+ | opacity: 0.7; | ||
+ | } | ||
+ | |||
+ | .flip-box { | ||
+ | width: 300px; | ||
+ | height: 200px; | ||
+ | perspective: 1000px; | ||
+ | margin-top:-10px; | ||
+ | } | ||
+ | |||
+ | .flip-box-inner { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | text-align: center; | ||
+ | transition: transform 0.8s; | ||
+ | transform-style: preserve-3d; | ||
+ | } | ||
+ | |||
+ | .flip-box:hover .flip-box-inner { | ||
+ | transform: rotateY(180deg); | ||
+ | } | ||
+ | |||
+ | .flip-box-front, .flip-box-back { | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | backface-visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .flip-box-front { | ||
+ | background-color: #bbb; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | .flip-box-back { | ||
+ | background-color: #555; | ||
+ | color: white; | ||
+ | transform: rotateY(180deg); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | @media (max-width: 1000px) { | ||
+ | .fixed { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .ulogo { display:none; } | ||
+ | } | ||
+ | |||
+ | .social_huji img { | ||
+ | padding:5px; | ||
+ | } | ||
+ | |||
body { | body { | ||
− | background-color: | + | background-color:blue-gray; |
} | } | ||
− | |||
− | + | h1{ | |
− | + | color:black; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | + | p { | |
− | + | color:black; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | </ | + | |
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
<body> | <body> | ||
− | <div class="w3- | + | <div class="w3-dark-grey"> |
<ul id="ddmenu_hebrewu"> | <ul id="ddmenu_hebrewu"> | ||
<li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li> | <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li> | ||
Line 114: | Line 265: | ||
<li><a href="https://2018.igem.org/Team:HebrewU/Results">Results</a></li> | <li><a href="https://2018.igem.org/Team:HebrewU/Results">Results</a></li> | ||
<li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li> | <li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li> | ||
− | <li><a href="https://2018.igem.org/Team:HebrewU/ | + | <li><a href="https://2018.igem.org/Team:HebrewU/Software">Moolti</a></li> |
</ul> | </ul> | ||
Line 143: | Line 294: | ||
<ul> | <ul> | ||
<li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li> | <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li> | ||
− | <li><a href="https://2018.igem.org/Team:HebrewU/ | + | <li><a href="https://2018.igem.org/Team:HebrewU/Attributionss">Attributions</a></li> |
<li><a href="https://2018.igem.org/Team:HebrewU/Collaborations">Collaborations</a></li> | <li><a href="https://2018.igem.org/Team:HebrewU/Collaborations">Collaborations</a></li> | ||
<li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li> | <li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li> | ||
Line 196: | Line 347: | ||
<div class="huji_small_navbar_panel"> | <div class="huji_small_navbar_panel"> | ||
<a href="https://2018.igem.org/Team:HebrewU/Members"><button class="b_huji_small_subnav">Members</button></a> | <a href="https://2018.igem.org/Team:HebrewU/Members"><button class="b_huji_small_subnav">Members</button></a> | ||
− | <a href="https://2018.igem.org/Team:HebrewU/ | + | <a href="https://2018.igem.org/Team:HebrewU/Attributionsn"><button class="b_huji_small_subnav">Attributions</button></a> |
<a href="https://2018.igem.org/Team:HebrewU/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a> | <a href="https://2018.igem.org/Team:HebrewU/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a> | ||
<a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a> | <a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a> | ||
Line 232: | Line 383: | ||
} | } | ||
</script> | </script> | ||
− | < | + | <div class="w3-blue-gray"> |
+ | </div> | ||
+ | <br /><br /> | ||
+ | <!--- Page content start ---> | ||
+ | <div class="w3-quarter w3-center w3-blue-gray" style="padding:6% 0;"> | ||
+ | button | ||
+ | </div> | ||
+ | <div class="w3-half w3-center w3-blue-gray"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/fb/T--hebrewu--model1.jpeg" style="height:35%"> | ||
+ | </div> | ||
+ | <div class="w3-quarter w3-center w3-blue-gray" style="height:35%"> | ||
+ | button | ||
+ | </div> | ||
− | |||
− | < | + | <div class="w3-blue-gray"> |
− | + | <div class="w3-twothird w3-center"> | |
− | + | image 2 | |
− | + | </div> | |
− | + | <div class="w3-third w3-center"> | |
− | + | image | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="w3-third w3-center"> | |
+ | button | ||
+ | </div> | ||
+ | <div class="w3-twothird w3-center"> | ||
+ | image | ||
+ | </div> | ||
+ | <div class="w3-blue-gray"> | ||
+ | <div class="w3-twothird w3-center"> | ||
+ | image 2 | ||
+ | </div> | ||
+ | <div class="w3-third w3-center"> | ||
+ | image | ||
+ | </div> | ||
</div> | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 18:24, 11 October 2018
button
button
image 2
image
button
image
image 2
image