SKammerman (Talk | contribs) |
SKammerman (Talk | contribs) |
||
Line 16: | Line 16: | ||
<style> | <style> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | |||
+ | #sideMenu, #top_title {display:none;} | ||
+ | #content { padding:0px; width:90%; margin-top:-7px; margin-left:5%;, margin-right: 5%} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | |||
+ | #page { | ||
+ | width : 80%; | ||
+ | height : 1000px; | ||
+ | margin-left : 10%; | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | nav li a { | ||
+ | display: block; padding: 15px 25px; | ||
+ | color: #e6b800 !important; text-decoration: none; | ||
+ | |||
+ | } | ||
+ | nav ul li:hover > ul { | ||
+ | display: block; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .layout { | ||
+ | display : inline-block; | ||
+ | width : 100%; | ||
+ | height : 100%; | ||
+ | z-index : 90; | ||
+ | vertical-align : middle; | ||
+ | line-height : 300px; | ||
+ | text-align : center; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | -webkit-display: flex; | ||
+ | -webkit-justify-content: center; | ||
+ | -webkit-align-items: center; | ||
+ | vertical-align : middle; | ||
+ | } | ||
+ | |||
+ | .leadingQuestions { /* Projects */ | ||
+ | |||
+ | width : 100%; | ||
+ | height : 300px; | ||
+ | background-color: yellow; | ||
+ | float:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | .boxAll { | ||
+ | clear: both; | ||
+ | width: 100% | ||
+ | |||
+ | |||
+ | height: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .headerbox { /* Main */ | ||
+ | float:right; | ||
+ | width : 100%; | ||
+ | height : 300px; | ||
+ | border-radius: 8px; | ||
+ | |||
+ | margin-top: 5px; | ||
+ | background-color: red; | ||
+ | background-size:contain; | ||
+ | background-position:center; | ||
+ | background-position: 50% 50%; | ||
+ | display: inline | ||
+ | |||
+ | clear: both; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .box2 { /* Projects */ | ||
+ | |||
+ | width : 50%; | ||
+ | height : 360px; | ||
+ | /* background-color: red;*/ | ||
+ | float:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .infobox { | ||
+ | width : 50px; | ||
+ | height : 100% | ||
+ | background-color: yellow; | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .subpanel2 { /* Projects */ | ||
+ | |||
+ | background-image : url("https://static.igem.org/mediawiki/2016/1/1d/T--Sydney_Australia--5.png"); | ||
+ | |||
+ | background-position: center top; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100% 120px; | ||
+ | float:left; | ||
+ | width:26%; | ||
+ | height:150px; | ||
+ | border-radius: 8px; | ||
+ | font-size:22px; | ||
+ | text-align:center; | ||
+ | margin-left: 3.53%; | ||
+ | margin-right: 3.53%; | ||
+ | overflow:hidden; | ||
+ | line-height:10px; | ||
+ | left-margin: 2000px | ||
+ | } | ||
+ | .subpanel2:hover{ | ||
+ | |||
+ | background-image : url("https://static.igem.org/mediawiki/2016/a/aa/T--Sydney_Australia--6.png"); | ||
+ | background-position: center top; | ||
+ | background-size: 100% 120px; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | .subpanel2:hover .narrowimg { | ||
+ | opacity:0.8; | ||
+ | filter: alpha(opacity=80); | ||
+ | } | ||
+ | |||
+ | .subpanel22 { /* Projects */ | ||
+ | |||
+ | background-image : url("https://static.igem.org/mediawiki/2016/2/27/T--Sydney_Australia--1.png"); | ||
+ | |||
+ | background-position: center top; | ||
+ | background-size: 100% 120px ; | ||
+ | background-repeat: no-repeat; | ||
+ | float:left; | ||
+ | width:26%; | ||
+ | border-radius: 8px; | ||
+ | height:150px; | ||
+ | font-size:22px; | ||
+ | text-align:center; | ||
+ | margin-left: 3.53%; | ||
+ | margin-right: 3.53%; | ||
+ | overflow:hidden; | ||
+ | line-height:10px; | ||
+ | left-margin: 2000px | ||
+ | } | ||
+ | .subpanel22:hover{ | ||
+ | |||
+ | background-image : url("https://static.igem.org/mediawiki/2016/5/5b/T--Sydney_Australia--2.png"); | ||
+ | background-position: center top; | ||
+ | background-size: 100% 120px ; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .subpanel22:hover .narrowimg { | ||
+ | opacity:0.8; | ||
+ | filter: alpha(opacity=80); | ||
+ | } | ||
+ | |||
+ | .subpanel23 { /* Projects */ | ||
+ | |||
+ | background-image : url("https://static.igem.org/mediawiki/2016/3/3b/T--Sydney_Australia--3.png"); | ||
+ | |||
+ | background-position: center top; | ||
+ | background-size: 100% 120px ; | ||
+ | background-repeat: no-repeat; | ||
+ | float:left; | ||
+ | width:26%; | ||
+ | height:150px;; | ||
+ | font-size:22px; | ||
+ | border-radius: 8px; | ||
+ | text-align:center; | ||
+ | margin-left: 3.53%; | ||
+ | margin-right: 3.53%; | ||
+ | margin-top:0; | ||
+ | margin-right:11px; | ||
+ | border-radius:7px; | ||
+ | overflow:hidden; | ||
+ | line-height:10px; | ||
+ | left-margin: 2000px | ||
+ | |||
+ | } | ||
+ | .subpanel23:hover{ | ||
+ | |||
+ | background-image : url("https://static.igem.org/mediawiki/2016/8/8b/T--Sydney_Australia--4.png"); | ||
+ | background-position: center top; | ||
+ | background-size: 100% 120px; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .subpanel23:hover .narrowimg { | ||
+ | opacity:0.8; | ||
+ | filter: alpha(opacity=80); | ||
+ | } | ||
+ | |||
+ | .subpanel6 { /* Collaboration, SensiGEM */ | ||
+ | height:240.5px; | ||
+ | margin:0; | ||
+ | margin-bottom:11px; | ||
+ | border-radius:7px; | ||
+ | overflow:hidden; | ||
+ | background:rgb(255,255,255); | ||
+ | color:Black; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .subpanel6:hover{ | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .subpanel6:hover .narrowimg { | ||
+ | opacity:0.8; | ||
+ | filter: alpha(opacity=80); | ||
+ | } | ||
+ | .separationFine { | ||
+ | width: 100%; | ||
+ | height:20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .mainLinks { /* Main */ | ||
+ | float:left; | ||
+ | width : 30%; | ||
+ | height : 150px; | ||
+ | border-radius: 8px; | ||
+ | margin-left: 1.53%; | ||
+ | margin-right: 1.53%; | ||
+ | margin-top: 20px; | ||
+ | |||
+ | opacity:0.65; | ||
+ | float:left; | ||
+ | text-align:center; | ||
+ | font-size:26px; | ||
+ | background-size:contain; | ||
+ | background-position:center; | ||
+ | background-position: 50% 50%; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | .mainLinks:hover{ | ||
+ | |||
+ | opacity:1.0; | ||
+ | |||
+ | filter: alpha(opacity=80); | ||
+ | |||
+ | } | ||
+ | |||
+ | .subLinks { /* Main */ | ||
+ | float:left; | ||
+ | width : 40%; | ||
+ | height : 150px; | ||
+ | border-radius: 8px; | ||
+ | margin-left: 4.5%; | ||
+ | margin-right: 5%; | ||
+ | margin-top: 20px; | ||
+ | |||
+ | float:left; | ||
+ | text-align:center; | ||
+ | font-size:26px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-color: red; | ||
+ | |||
+ | |||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | vertical-align : center; | ||
+ | align-items: center; | ||
+ | -webkit-display: flex; | ||
+ | -webkit-justify-content: center; | ||
+ | -webkit-align-items: center; | ||
+ | |||
+ | } | ||
+ | |||
+ | .subLinks:hover{ | ||
+ | |||
+ | |||
+ | opacity:0.8; | ||
+ | filter: alpha(opacity=80); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <--Mah code--> | ||
+ | |||
+ | |||
body { | body { | ||
font: 400 15px Lato, sans-serif; | font: 400 15px Lato, sans-serif; |
Revision as of 21:34, 31 August 2017
Tryptofrog
About UFlorida
We only speak latin obvi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Our Goal
MISSION: Our mission lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
VISION: Our vision Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
SERVICES
What we offer
Portfolio
What we have created
CONTACT
Contact us and we'll get back to you when we feel like it.
Gainesville, FL
+00 1515151515
nope@ufl.edu