Skorpion W (Talk | contribs) |
|||
Line 644: | Line 644: | ||
width: 100% | width: 100% | ||
} | } | ||
+ | |||
+ | header .site-logo { | ||
+ | float: left; | ||
+ | left: 10px; | ||
+ | width: 35%; | ||
+ | position: absolute; | ||
+ | top: 5px; | ||
+ | } | ||
+ | header .site-logo img { | ||
+ | width:30% | ||
+ | } | ||
+ | |||
+ | /*CSS for Navibar*/ | ||
+ | header .site-nav { float: right; position: relative; width: 80%; } | ||
+ | header .site-nav img { width: 100%;margin:0 0 30px 0; } | ||
+ | header .site-nav ul { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; font-family: 'Gamja Flower';font-size:18px;} | ||
+ | header .site-nav ul li { position: absolute; transform: translate(-50%,-50%); } | ||
+ | header .site-nav ul li.home { top: 40px; left: 0%; } | ||
+ | header .site-nav ul li.project { top: 40px; left: 8%; } | ||
+ | header .site-nav ul li.experiment { top: 40px; left: 20%; } | ||
+ | header .site-nav ul li.model { top: 40px; left: 31%; } | ||
+ | header .site-nav ul li.humanPractice { top: 40px; left: 41%; } | ||
+ | header .site-nav ul li.demonstrate { top: 40px; left: 55%; } | ||
+ | header .site-nav ul li.safety { top: 40px; left: 67%; } | ||
+ | header .site-nav ul li.attribution { top: 40px; left: 79%; } | ||
+ | header .site-nav ul li.team { top: 40px; left: 90%; } | ||
+ | header .site-nav ul li:hover ul { display: block; background-color: aliceblue; padding: 2px;} | ||
+ | header .site-nav ul li a { display: block; font-size: .95em; padding-bottom: .1em; text-decoration: none; letter-spacing: .15em; text-transform: uppercase; color: black; -webkit-transition: color .3s; transition: color .3s; z-index:20;} | ||
+ | header .site-nav ul li a:hover { border-bottom: 1px solid red; background-color: #FEFEFE; color: #C4C4C4; cursor: pointer; } | ||
+ | header .site-nav ul li ul { top: auto; left: 0; display: none; width: auto; height: auto; background-color: aliceblue; padding: 2px;} | ||
+ | header .site-nav ul li ul li { position: static; transform: none; } | ||
+ | |||
+ | |||
+ | .title { position: relative; z-index: 1;text-align: center;margin:0 100px 0 100px; } | ||
+ | .title-content{background-position: center;text-align: center;text-align: center;font-family: Arial, 'Gamja Flower', "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetical, "sans-serif"} | ||
+ | .description{margin:60px ;font-size:25px;} | ||
+ | .flowchart{ | ||
+ | text-align: center; | ||
+ | margin:100px; | ||
+ | } | ||
+ | .line{ | ||
+ | height: 30px; | ||
+ | border-style: solid; | ||
+ | border-color: black; | ||
+ | border-width: 1px 0 0 0; | ||
+ | border-radius: 20px; | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | .line:before{ | ||
+ | display: block; | ||
+ | content: ""; | ||
+ | height: 30px; | ||
+ | margin-top: -31px; | ||
+ | border-style: solid; | ||
+ | border-color: black; | ||
+ | border-width: 0 0 1px 0; | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | /*CSS End*/ | ||
.mobile-actions, .navbar-drawer, .navbar-drawer-bar { | .mobile-actions, .navbar-drawer, .navbar-drawer-bar { |
Revision as of 01:44, 13 October 2018