|
|
Line 1: |
Line 1: |
| | | |
| | | |
− | <!-- HEADER -->
| |
| | | |
| <html> | | <html> |
− |
| |
− | <!-- External scripts -->
| |
− |
| |
− | <!-- Fonts Used On Page -->
| |
− | <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
| |
− | <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
| |
− |
| |
− |
| |
− | <!-- For mobile friendly version of website. -->
| |
− | <head>
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
| |
− | </head>
| |
− |
| |
− | <!-- Functionallity and behaviour JS -->
| |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
| |
− | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
| |
− |
| |
− | <!-- Necessary for nav bar header-->
| |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
| |
− | <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> -->
| |
− |
| |
− | <!-- TypeKit Fonts (BW) -->
| |
− | <script src="https://use.typekit.net/hii0ztv.js"></script>
| |
− | <script>try{Typekit.load({ async: true });}catch(e){}</script>
| |
− |
| |
− | <style type="text/css">
| |
− | * {
| |
− | margin:0;
| |
− | padding:0;
| |
− | text-decoration:none;
| |
− | }
| |
− |
| |
− | body {
| |
− | background: white;
| |
− | }
| |
− |
| |
− | header {
| |
− | z-index: 9999;
| |
− | position:relative;
| |
− | width:100%;
| |
− | background:#333;
| |
− | }
| |
− |
| |
− | .logo-header-custom {
| |
− | position:relative;
| |
− | z-index:123;
| |
− | padding-left: 12px;
| |
− | padding-right: 10px;
| |
− | padding-top: 2px;
| |
− | padding-bottom: 2px;
| |
− | font:18px verdana;
| |
− | color:#6DDB07;
| |
− | float:left;
| |
− | width:15%
| |
− | }
| |
− |
| |
− | .logo-header-custom a {
| |
− | color:#6DDB07;
| |
− | }
| |
− |
| |
− | nav {
| |
− | position:relative;
| |
− | width:100%;
| |
− | margin:0 auto;
| |
− | }
| |
− |
| |
− | #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {
| |
− | border:0;
| |
− | list-style:none;
| |
− | margin-bottom: -1px;
| |
− | display:block;
| |
− | position:relative;
| |
− | -webkit-box-sizing:border-box;
| |
− | -moz-box-sizing:border-box;
| |
− | box-sizing:border-box
| |
− | }
| |
− |
| |
− | #cssmenu:after,#cssmenu > ul:after {
| |
− | content:".";
| |
− | display:block;
| |
− | clear:both;
| |
− | visibility:hidden;
| |
− | line-height:0;
| |
− | height:0
| |
− | }
| |
− |
| |
− | #cssmenu #head-mobile {
| |
− | display:none
| |
− | }
| |
− |
| |
− | #cssmenu {
| |
− | font-family:"Objektiv-mk1";
| |
− | background: #fff;
| |
− | top: 16px;
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li {
| |
− | float:right;
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li > a {
| |
− | padding:17px;
| |
− | font-size:14px;
| |
− | letter-spacing:1px;
| |
− | text-decoration:none;
| |
− | color:#333;
| |
− | font-weight:300;
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li:hover > a,#cssmenu ul li.active a {
| |
− | color:#fff !important;
| |
− | }
| |
− |
| |
− | #cssmenu ul li:hover {
| |
− | color: white !important;
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {
| |
− | background-color:#50A500!important;
| |
− | -webkit-transition:background .3s ease;
| |
− | -ms-transition:background .3s ease;
| |
− | transition:background .3s ease;
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li.has-sub > a {
| |
− | padding-right:30px
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li.has-sub > a:after {
| |
− | position:absolute;
| |
− | top:28px;
| |
− | right:11px;
| |
− | width:8px;
| |
− | height:2px;
| |
− | display:block;
| |
− | background:#363636;
| |
− | content:''
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li.has-sub > a:before {
| |
− | position:absolute;
| |
− | top:25px;
| |
− | right:14px;
| |
− | display:block;
| |
− | width:2px;
| |
− | height:8px;
| |
− | background:#363636;
| |
− | content:'';
| |
− | -webkit-transition:all .25s ease;
| |
− | -ms-transition:all .25s ease;
| |
− | transition:all .25s ease
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li.has-sub:hover > a:before {
| |
− | top:29px;
| |
− | height:0
| |
− | }
| |
− |
| |
− | #cssmenu ul ul {
| |
− | position:fixed;
| |
− | left:-9999px;
| |
− | top: 75px;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li {
| |
− | height:0;
| |
− | line-height: 1;
| |
− | -webkit-transition:all .25s ease;
| |
− | -ms-transition:all .25s ease;
| |
− | background: #fff;
| |
− | transition: all .25s ease;
| |
− | border-bottom: 1px solid #999;
| |
− | border-left: 1px solid #999;
| |
− | border-right: 1px solid #999;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li:hover {
| |
− | background-color: #DCDCDC;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li.has-sub:hover {
| |
− | background-color: #DCDCDC !important;
| |
− | }
| |
− |
| |
− | #cssmenu li:hover > ul {
| |
− | left:auto
| |
− | }
| |
− |
| |
− | #cssmenu li:hover > ul > li {
| |
− | height:35px
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li a {
| |
− | border-bottom:1px solid rgba(150,150,150,0.15);
| |
− | padding:11px 15px;
| |
− | width:200px;
| |
− | font-size:11px;
| |
− | text-decoration:none;
| |
− | color:#333;
| |
− | font-weight:300;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {
| |
− | border-bottom:0
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {
| |
− | color:#fff
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li.has-sub > a:after {
| |
− | position:absolute;
| |
− | top:16px;
| |
− | right:11px;
| |
− | display:block;
| |
− | width:8px;
| |
− | height:2px;
| |
− | background:#363636;
| |
− | content:''
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li.has-sub > a:before {
| |
− | position:absolute;
| |
− | top:13px;
| |
− | right:14px;
| |
− | display:block;
| |
− | width:2px;
| |
− | height:8px;
| |
− | background:#363636;
| |
− | content:'';
| |
− | -webkit-transition:all .25s ease;
| |
− | -ms-transition:all .25s ease;
| |
− | transition:all .25s ease
| |
− | }
| |
− |
| |
− | #cssmenu ul ul > li.has-sub:hover > a:before {
| |
− | top:17px;
| |
− | height:0
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
| |
− | background:#363636;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul ul li.active a {
| |
− | border-left:1px solid #333
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a {
| |
− | border-top:1px solid #333
| |
− | }
| |
− |
| |
− | @media screen and (min-width: 1020px) {
| |
− |
| |
− | /*#bodyContent h4 {
| |
− | margin-bottom: 0px;
| |
− | position: fixed;
| |
− | top: 12px;
| |
− | right: 5px;
| |
− | font-size: 80%;
| |
− | }*/
| |
− |
| |
− | #cssmenu ul ul li {
| |
− | left: -28px;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li a:hover {
| |
− | color: white !important;
| |
− | background-color: #1B4900 !important;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul ul li {
| |
− | position: relative;
| |
− | left: 171px !important;
| |
− | top: 34px;
| |
− | }
| |
− |
| |
− |
| |
− | #cssmenu ul ul ul a:before{
| |
− | display: none;
| |
− | position: absolute;
| |
− | left: -9999px;
| |
− | top: 20px;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul ul a:after {
| |
− | display: block;
| |
− | position: absolute;
| |
− | left: -9999px;
| |
− | top: 20px;
| |
− | }
| |
− |
| |
− | /*h4 {
| |
− | display: none;
| |
− | }*/
| |
− |
| |
− | .tiny-little-menu-word-above-button {
| |
− | display: none;
| |
− | }
| |
− | }
| |
− |
| |
− | @media screen and (min-width: 200px) and (max-width:1020px){
| |
− |
| |
− | .logo-header-custom2 {
| |
− | display:none
| |
− | }
| |
− |
| |
− | header {
| |
− | display: block;
| |
− | z-index: 999999;
| |
− | }
| |
− |
| |
− | nav {
| |
− | width:100%;
| |
− | z-index: 999999;
| |
− | }
| |
− |
| |
− | .tiny-little-menu-word-above-button {
| |
− | display: block;
| |
− | font-family: 'objektiv-mk1';
| |
− | font-size: 80%;
| |
− | font-weight: 400;
| |
− | margin-bottom: 0px;
| |
− | position: fixed;
| |
− | top: 21px;
| |
− | right: 7px;
| |
− | }
| |
− |
| |
− | /*h4 {
| |
− | display: block;
| |
− | }*/
| |
− |
| |
− | #cssmenu {
| |
− | display: block;
| |
− | width:100%;
| |
− | z-index: 999999;
| |
− | }
| |
− |
| |
− | #cssmenu ul {
| |
− | z-index: 9999;
| |
− | width:100%;
| |
− | display:none;
| |
− | margin-left: 0px;
| |
− | margin-top: 20px;
| |
− | }
| |
− |
| |
− | #cssmenu ul li {
| |
− | width:100%;
| |
− | border-top:1px solid #444;
| |
− | border-bottom: 1px solid #444;
| |
− | }
| |
− |
| |
− | #cssmenu ul li,#cssmenu ul li a {
| |
− | line-height: 0.6;
| |
− | }
| |
− |
| |
− | #cssmenu ul li:hover {
| |
− | color: #fff !important;
| |
− | background:#1B4900;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li,#cssmenu li:hover > ul > li {
| |
− | height:auto
| |
− | }
| |
− |
| |
− | #cssmenu ul li a,#cssmenu ul ul li a {
| |
− | width:100%;
| |
− | border-bottom:0
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li {
| |
− | float:none;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li a {
| |
− | padding-left:25px
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li {
| |
− | background:#DCDCDC!important;
| |
− | }
| |
− |
| |
− | #cssmenu li a:hover {
| |
− | color: #fff !important;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li:hover {
| |
− | color: #fff !important;
| |
− | background:#1B4900!important;
| |
− | }
| |
− |
| |
− | #cssmenu ul ul ul li a {
| |
− | padding-left:50px
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li a {
| |
− | color:#ddd;
| |
− | background:none
| |
− | }
| |
− |
| |
− | #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {
| |
− | color:#ddd
| |
− | }
| |
− |
| |
− | #cssmenu ul ul,#cssmenu ul ul ul {
| |
− | position:initial;
| |
− | left:0;
| |
− | width:100%;
| |
− | margin:0;
| |
− | text-align:left
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {
| |
− | display:none
| |
− | }
| |
− |
| |
− | #cssmenu #head-mobile {
| |
− | display:block;
| |
− | padding:23px;
| |
− | color:#ddd;
| |
− | font-size:12px;
| |
− | font-weight:700
| |
− | }
| |
− |
| |
− | .button-custom {
| |
− | width:55px;
| |
− | height:46px;
| |
− | position:absolute;
| |
− | right:0;
| |
− | top:16px;
| |
− | cursor:pointer;
| |
− | z-index: 12399994;
| |
− | }
| |
− |
| |
− | .button-custom:after {
| |
− | position:absolute;
| |
− | top:22px;
| |
− | right:20px;
| |
− | display:block;
| |
− | height:8px;
| |
− | width:20px;
| |
− | border-top:2px solid #363636;
| |
− | border-bottom:2px solid #363636;
| |
− | content:''
| |
− | }
| |
− |
| |
− | .button-custom:before {
| |
− | -webkit-transition:all .3s ease;
| |
− | -ms-transition:all .3s ease;
| |
− | transition:all .3s ease;
| |
− | position:absolute;
| |
− | top:16px;
| |
− | right:20px;
| |
− | display:block;
| |
− | height:2px;
| |
− | width:20px;
| |
− | background:#363636;
| |
− | content:''
| |
− | }
| |
− |
| |
− | .button-custom.menu-opened:after {
| |
− | -webkit-transition:all .3s ease;
| |
− | -ms-transition:all .3s ease;
| |
− | transition:all .3s ease;
| |
− | top:23px;
| |
− | border:0;height:2px;
| |
− | width:19px;
| |
− | background:#363636;
| |
− | -webkit-transform:rotate(45deg);
| |
− | -moz-transform:rotate(45deg);
| |
− | -ms-transform:rotate(45deg);
| |
− | -o-transform:rotate(45deg);
| |
− | transform:rotate(45deg)
| |
− | }
| |
− |
| |
− | .button-custom.menu-opened:before {
| |
− | top:23px;
| |
− | background:#363636;
| |
− | width:19px;
| |
− | -webkit-transform:rotate(-45deg);
| |
− | -moz-transform:rotate(-45deg);
| |
− | -ms-transform:rotate(-45deg);
| |
− | -o-transform:rotate(-45deg);
| |
− | transform:rotate(-45deg)
| |
− | }
| |
− |
| |
− | #cssmenu .submenu-button-custom {
| |
− | position:absolute;
| |
− | z-index:99;
| |
− | right:0;
| |
− | top:0;
| |
− | display:block;
| |
− | border-left:1px solid #444;
| |
− | height:42px;
| |
− | width:46px;
| |
− | cursor:pointer
| |
− | }
| |
− |
| |
− | #cssmenu .submenu-button-custom.submenu-opened {
| |
− |
| |
− | }
| |
− |
| |
− | #cssmenu ul ul .submenu-button-custom {
| |
− | height:28px;
| |
− | width:34px
| |
− | }
| |
− |
| |
− | #cssmenu .submenu-button-custom:after {
| |
− | position:absolute;
| |
− | top:22px;
| |
− | right:19px;
| |
− | width:8px;
| |
− | height:2px;
| |
− | display:block;
| |
− | background:#363636;
| |
− | content:''
| |
− | }
| |
− |
| |
− | #cssmenu ul ul .submenu-button-custom:after {
| |
− | top:15px;
| |
− | right:13px
| |
− | }
| |
− |
| |
− | #cssmenu .submenu-button-custom.submenu-opened:after {
| |
− | background:#fff
| |
− | }
| |
− |
| |
− | #cssmenu .submenu-button-custom:before {
| |
− | position:absolute;
| |
− | top:19px;
| |
− | right:22px;
| |
− | display:block;
| |
− | width:2px;
| |
− | height:8px;
| |
− | background:#363636;
| |
− | content:''
| |
− | }
| |
− |
| |
− | #cssmenu ul ul .submenu-button-custom:before {
| |
− | top:12px;
| |
− | right:16px
| |
− | }
| |
− |
| |
− | #cssmenu .submenu-button-custom.submenu-opened:before {
| |
− | display:none
| |
− | }
| |
− |
| |
− | #cssmenu ul ul ul li.active a {
| |
− | border-left:none
| |
− | }
| |
− |
| |
− | #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {
| |
− | border-top:none
| |
− | }
| |
− |
| |
− | }
| |
− | </style>
| |
− |
| |
− | <script type="text/javascript">
| |
− |
| |
− | </script>
| |
− |
| |
− |
| |
− | <header>
| |
− | <nav id="top-nav">
| |
− | <ul>
| |
− | <li>
| |
− | <a href="index.html">Home</a>
| |
− | </li>
| |
− | <li class="dropdown">
| |
− | <a href="team.html">Team</a>
| |
− | <i class="fas fa-angle-down"></i>
| |
− | <div class="dropdown-content">
| |
− | <div><a href="experiments.html">Team Members</a></div>
| |
− | <div><a href="notebook.html">Collaborations</a></div>
| |
− | </div>
| |
− | </li>
| |
− |
| |
− | <li class="dropdown">
| |
− | <a href="project.html">Project</a>
| |
− | <i class="fas fa-angle-down"></i>
| |
− | <div class="dropdown-content">
| |
− | <div><a href="description.html">Description</a></div>
| |
− | <div><a href="design.html">Design</a></div>
| |
− | <div><a href="parts.html">Experiments</a></div>
| |
− | <div><a href="html/notebook.html">Notebook</a></div>
| |
− | <div><a href="interlab.html">Interlab</a></div>
| |
− | <div><a href="model.html">Model</a></div>
| |
− | <div><a href="results.html">Results</a></div>
| |
− | <div><a href="demonstrate.html">Demonstrate</a></div>
| |
− | <div><a href="improve.html">Improve</a></div>
| |
− | <div><a href="attributions.html">Attributions</a></div>
| |
− | </div>
| |
− | </li>
| |
− |
| |
− | <li class="dropdown">
| |
− | <a href="parts.html">Parts</a>
| |
− | <i class="fas fa-angle-down"></i>
| |
− | <div class="dropdown-content">
| |
− | <div><a href="parts_overview.html">Parts Overview</a></div>
| |
− | <div><a href="basic_parts.html">Basic Parts</a></div>
| |
− | <div><a href="composite_parts.html">Composite Parts</a></div>
| |
− | <div><a href="part_collection.html">Part Collection</a></div>
| |
− | </div>
| |
− | </li>
| |
− |
| |
− | <li>
| |
− | <a href="safety.html">Safety</a>
| |
− | </li>
| |
− |
| |
− | <li class="dropdown">
| |
− | <a href="html/human.html">Human Practices</a>
| |
− | <i class="fas fa-angle-down"></i>
| |
− | <div class="dropdown-content">
| |
− | <div><a href="human.html">Human Practices</a></div>
| |
− | <div><a href="education.html">Education and Engagement</a></div>
| |
− | </div>
| |
− | </li>
| |
− |
| |
− | <li class="dropdown">
| |
− | <a href="html/awards.html">Awards</a>
| |
− | <i class="fas fa-angle-down"></i>
| |
− | <div class="dropdown-content">
| |
− | <div><a href="applied_design.html">Applied Design</a></div>
| |
− | <div><a href="entrepreneurship.html">Entrepreneurship</a></div>
| |
− | <div><a href="hardware.html">Hardware</a></div>
| |
− | <div><a href="model.html">Model</a></div>
| |
− | <div><a href="plant.html">Plant</a></div>
| |
− | <div><a href="software.html">Software</a></div>
| |
− | </div>
| |
− | </li>
| |
− | </ul>
| |
− | </nav>
| |
− |
| |
− | </header>
| |
− | <!-- END HEADER -->
| |
− |
| |
− |
| |
− |
| |
− | <!-- START STYLE -->
| |
− |
| |
− | <style>
| |
− |
| |
− | /* This styling below is for th3 Homepage */
| |
− |
| |
− |
| |
− |
| |
− | html, body {
| |
− | max-width: 100%;
| |
− | overflow-x: hidden;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*styles consistent across pages below:*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− |
| |
− |
| |
− | /*.pageflow {
| |
− | margin-right: 0px;
| |
− | margin-left: 0px;
| |
− | margin-top:30px;
| |
− | background: honeydew;
| |
− | }*/
| |
− |
| |
− | /*h1 {
| |
− | font-family: 'objektiv-mk1'!important;
| |
− | font-size: 300%;
| |
− | font-weight: 300 !important;
| |
− | width: 80%;
| |
− | }
| |
− |
| |
− | h2 {
| |
− | font-family: 'objektiv-mk1' !important;
| |
− | font-size: 200%;
| |
− | font-weight: 300;
| |
− | }
| |
− |
| |
− | #page {
| |
− | background: honeydew;
| |
− | }
| |
− |
| |
− | .proj-button {
| |
− | position: relative;
| |
− | width: 10%;
| |
− | }
| |
− |
| |
− | .proj-button-image {
| |
− | opacity: 1;
| |
− | display: inline-block;
| |
− | width: 14%;
| |
− | height: auto;
| |
− | transition: .5s ease;
| |
− | backface-visibility: hidden;
| |
− | }
| |
− |
| |
− | .proj-button-desc {
| |
− | transition: .5s ease;
| |
− | opacity: 0;
| |
− | position: absolute;
| |
− | top: 100%;
| |
− | left: 50%;
| |
− | background: transparent;
| |
− | transform: translate(-50%, -50%);
| |
− | -ms-transform: translate(-50%, -50%)
| |
− | }
| |
− |
| |
− | .proj-button:hover .proj-button-image {
| |
− | opacity: 0.3;
| |
− | }
| |
− |
| |
− | .proj-button:hover .proj-button-desc {
| |
− | opacity: 0.6;
| |
− | }
| |
− |
| |
− | .overlap-button-text {
| |
− | background-color: transparent;
| |
− | color: black;
| |
− | font-size: 20px;
| |
− | font-family: "Objektiv-mk1" !important;
| |
− | font-weight: 600 !important;
| |
− | padding: 16px 32px;
| |
− | }
| |
− |
| |
− | .pagagraph {
| |
− | font-family: 'objektiv-mk1' !important;
| |
− |
| |
− | }
| |
− |
| |
− | p {
| |
− | font-family: 'objektiv-mk1' !important;
| |
− | font-size: large !important;
| |
− | }
| |
− |
| |
− | .firstword {
| |
− | font-family: 'objektiv-mk1' !important;
| |
− | font-size: 100px;
| |
− | }
| |
− |
| |
− | .titleimg {
| |
− | vertical-align: middle;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .titlebox {
| |
− | margin-left: 200px !important;
| |
− | }*/
| |
− |
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− |
| |
− | /*@media (min-width: 1144px) {
| |
− | .container {
| |
− | width: 70% !important;
| |
− | }
| |
− | .text-container {
| |
− | width: 60%;
| |
− | padding-left: 15px;
| |
− | padding-right: 15px;
| |
− | }
| |
− | .titlebox {
| |
− | width: 80%;
| |
− | }
| |
− | figcaption {
| |
− | font-size: 16px;
| |
− | }
| |
− | }*/
| |
− |
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− |
| |
− | /*@media (max-width: 1144px) {
| |
− |
| |
− | .titlebox {
| |
− | margin-left: auto !important;
| |
− | }
| |
− |
| |
− | .text-container {
| |
− | width: 80%;
| |
− | padding-left: 15px;
| |
− | padding-right: 15px;
| |
− | }
| |
− |
| |
− | p {
| |
− | font-family: 'objektiv-mk1' !important;
| |
− | margin-left: 20px !important;
| |
− | margin-right: 20px !important;
| |
− | font-size: medium !important;
| |
− | }
| |
− | }*/
| |
− |
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− |
| |
− | /*@media (max-width: 768px) {
| |
− |
| |
− | .overlap-button-text {
| |
− | background-color: rgba(94, 94, 94, 0.5);
| |
− | border-radius: 60px;
| |
− | color: white;
| |
− | }
| |
− |
| |
− | .proj-button-image {
| |
− | opacity: 1;
| |
− | display: inline-block;
| |
− | width: 30%;
| |
− | height: auto;
| |
− | transition: .5s ease;
| |
− | backface-visibility: hidden;
| |
− | }
| |
− |
| |
− | .proj-button-desc {
| |
− | transition: .5s ease;
| |
− | opacity: 1;
| |
− | position: absolute;
| |
− | top: 100%;
| |
− | left: 50%;
| |
− | transform: translate(-50%, -50%);
| |
− | -ms-transform: translate(-50%, -50%)
| |
− | }
| |
− |
| |
− | h1 {
| |
− | font-family: 'objektiv-mk1';
| |
− | }
| |
− |
| |
− | h2 {
| |
− | font-family: 'objektiv-mk1';
| |
− | font-size: 20px;
| |
− | }
| |
− |
| |
− | .text-container {
| |
− | width: 80%;
| |
− | }*/
| |
− |
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− |
| |
− | /*@media (max-width: 576px) {
| |
− | .proj-button-image {
| |
− | opacity: 1;
| |
− | display: inline-block;
| |
− | width: 60%;
| |
− | height: auto;
| |
− | transition: .5s ease;
| |
− | backface-visibility: hidden;
| |
− | }
| |
− |
| |
− | .proj-button-desc {
| |
− | transition: .5s ease;
| |
− | opacity: 1;
| |
− | position: absolute;
| |
− | top: 100%;
| |
− | left: 50%;
| |
− | transform: translate(-50%, -50%);
| |
− | -ms-transform: translate(-50%, -50%)
| |
− | }
| |
− |
| |
− | .firstword {
| |
− | font-family: 'objektiv-mk1' !important;
| |
− | font-size: 70px;
| |
− | }
| |
− |
| |
− | .titleimg {
| |
− | vertical-align: middle;
| |
− | width: 90%;
| |
− | }
| |
− |
| |
− | .text-container {
| |
− | width: 100%;
| |
− | margin-left: -15px;
| |
− | margin-right: -15px;
| |
− | }
| |
− |
| |
− | p {
| |
− | font-family: 'objektiv-mk1' !important;
| |
− | margin-left: 10px !important;
| |
− | margin-right: 10px !important;
| |
− | font-size: small !important;
| |
− | }
| |
− | }*/
| |
− |
| |
− |
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*styles consistent across pages above:*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− |
| |
− |
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− |
| |
− |
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*styles consistent across header, and meet the team below:*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− | /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | #globalWrapper {
| |
− | padding:0;
| |
− | /*margin-bottom: -40px;*/
| |
− | }
| |
− |
| |
− | .pad-top {
| |
− | padding-top: 60px
| |
− | }
| |
− | .text-center {
| |
− | text-align: center
| |
− | }
| |
− | i.fa {
| |
− | padding: 5px
| |
− | }
| |
− | section {
| |
− | padding-top: 50px;
| |
− | width: 100%
| |
− | }
| |
− |
| |
− | .hl_1 {
| |
− | color: green;
| |
− | }
| |
− |
| |
− | .hl_2 {
| |
− | color: red;
| |
− | }
| |
− |
| |
− | .page{
| |
− | background: honeydew;
| |
− | }
| |
− |
| |
− | /*p {
| |
− | margin: 0px !important;
| |
− | font-weight: 300 !important;
| |
− | line-height: 30px;
| |
− | font-size: 120%;
| |
− | font-family: "Objektiv-mk1" !important;
| |
− | }*/
| |
− | .persondesc {
| |
− | font-weight: 300;
| |
− | line-height: 30px;
| |
− | font-size: 105%
| |
− | }
| |
− | .pad-row {
| |
− | padding-top: 40px;
| |
− | padding-bottom: 40px
| |
− | }
| |
− | .pad-bottom {
| |
− | padding-bottom: 50px
| |
− | }
| |
− |
| |
− | .navbar {
| |
− | margin-top: 16px
| |
− | }
| |
− | .navbar-inverse .navbar-nav>li>a {
| |
− | color: #FFF
| |
− | }
| |
− | .navbar-inverse .navbar-brand {
| |
− | color: #FFF
| |
− | }
| |
− |
| |
− |
| |
− | .nav li {
| |
− | transition: visibility 1.26s linear 0s, background 0.9s linear 0.36s;
| |
− | }
| |
− |
| |
− | .nh {
| |
− | background: #333;
| |
− | transition: all .2s ease
| |
− | }
| |
− |
| |
− | .nav ul li {
| |
− | text-align: center;
| |
− | list-style-type: none
| |
− | }
| |
− |
| |
− | .navsub, .nhs {
| |
− | color: white;
| |
− | background: #222;
| |
− | left: 0;
| |
− | text-align: center;
| |
− | width: 100%;
| |
− | position: fixed;
| |
− | top: 68px;
| |
− | }
| |
− | .firstHeading {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | #content {
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | border:none;
| |
− | margin: 0px;
| |
− | }
| |
− |
| |
− | .navsub ul li, .nhs ul li {
| |
− | padding-left: 20px;
| |
− | padding-right: 20px;
| |
− | line-height: 50px;
| |
− | float: left;
| |
− | list-style-image: none
| |
− | }
| |
− | .navsub ul li a, .nhs ul li a {
| |
− | display: block;
| |
− | width: 100%;
| |
− | color: white;
| |
− | text-decoration: none
| |
− | }
| |
− |
| |
− | .nav > li > .navsub {
| |
− | visibility: hidden;
| |
− | opacity:0;
| |
− | transition: visibility 1.26s linear 0s, opacity 0.9s linear 0.36s, z-index 1.26s;
| |
− | z-index:10;
| |
− | }
| |
− |
| |
− | .nav > li:hover > .navsub, .nhs {
| |
− | visibility:visible;
| |
− | opacity:1;
| |
− | transition:visibility 0s linear 0s,opacity 0s linear;
| |
− | transition-delay:0s;
| |
− | z-index: 100;
| |
− | }
| |
− |
| |
− | .nhs {
| |
− | z-index:1
| |
− | }
| |
− |
| |
− | .nhs:hover {
| |
− | z-index:100
| |
− | }
| |
− |
| |
− | .navbar {
| |
− | -webkit-transition: background .8s ease-out, padding .8s ease-out;
| |
− | -moz-transition: background .8s ease-out, padding .8s ease-out;
| |
− | transition: background .8s ease-out, padding .8s ease-out
| |
− | }
| |
− | .navbar-pad-original {
| |
− | padding: 0
| |
− | }
| |
− |
| |
− | small {
| |
− | font-size: 15px;
| |
− | padding-left: 10px
| |
− | }
| |
− | #footer-sec {
| |
− | background-color: #000;
| |
− | margin-left: -1px;
| |
− | margin-bottom: -10px;
| |
− | color: gray
| |
− | }
| |
− | #footer-sec h4 {
| |
− | text-transform: uppercase;
| |
− | color: #fff
| |
− | }
| |
− | section {
| |
− | padding: 0;
| |
− | margin: 0;
| |
− | border: 0
| |
− | }
| |
− | .cam-container {
| |
− | height: auto;
| |
− | margin: 0;
| |
− | padding: 0px;
| |
− | background-color: #fff;
| |
− | font-size: 13.6px;
| |
− | min-width: 300px;
| |
− | -webkit-overflow-scrolling: touch;
| |
− | }
| |
− |
| |
− | #content {
| |
− | padding:0;
| |
− | /*margin-bottom: -50px;*/
| |
− | }
| |
− |
| |
− | /*@media only screen and (max-width: 1200px) {
| |
− | .cam-container {
| |
− | background-color: #000
| |
− | }
| |
− | }*/
| |
− |
| |
− | .cam-container section:first-of-type {
| |
− | margin-top: 50px;
| |
− | padding-top: 50px
| |
− | }
| |
− |
| |
− | .slide,
| |
− | .slide-team,
| |
− | .slide-bare {
| |
− | background-repeat: no-repeat;
| |
− | background-position: center;
| |
− | background-size: 100% auto;
| |
− | color: white;
| |
− | max-width: 1200px;
| |
− | margin: 0px auto 0px auto;
| |
− | padding: 20px 0px;
| |
− | }
| |
− |
| |
− | .ss {
| |
− | padding: 20px 10px;
| |
− | }
| |
− |
| |
− | .slide,
| |
− | .slide-team {
| |
− | min-height: 600px
| |
− | }
| |
− | .slide-team {
| |
− |
| |
− | display: block
| |
− | }
| |
− | .team {
| |
− | max-width: 1170px;
| |
− | min-width: 300px;
| |
− | text-align: center;
| |
− | }
| |
− | .teamen {
| |
− | text-align: center;
| |
− | }
| |
− | .face {
| |
− | white-space: normal;
| |
− | width: 220px;
| |
− | height: 280px;
| |
− | background-repeat: no-repeat;
| |
− | background-position: center;
| |
− | background-size: auto 100%;
| |
− | position: relative;
| |
− | display: inline-block;
| |
− | margin-top: 12px;
| |
− | margin-bottom: 12px;
| |
− | }
| |
− | .face .profile,
| |
− | .face .blur {
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | position: absolute;
| |
− | overflow: hidden;
| |
− | top: 0;
| |
− | left: 0
| |
− | }
| |
− | .face .profile {
| |
− | opacity: 0;
| |
− | padding: 0px;
| |
− | color: #fff
| |
− | }
| |
− | .face .profile h3 {
| |
− | text-align: center;
| |
− | margin: 0px 0
| |
− | }
| |
− | .face .profile p {
| |
− | line-height: normal
| |
− | }
| |
− | .face:hover .profile, .profilehovered {
| |
− | opacity: 1;
| |
− | background-color: rgba(0, 0, 0, 0.65);
| |
− | cursor: pointer;
| |
− | }
| |
− | .face:hover .blur, .facehovered {
| |
− | background: inherit;
| |
− | filter: blur(10px);
| |
− | -webkit-filter: blur(10px)
| |
− | }
| |
− |
| |
− | .person-name {
| |
− | font-family: 'Objektiv-mk1';
| |
− | font-weight: 300;
| |
− | opacity: 0;
| |
− | position: absolute;
| |
− | background-color: rgba(0, 0, 0, 0.65);
| |
− | }
| |
− |
| |
− | @media (max-width: 768px) {
| |
− | .person-name {
| |
− | opacity: 1;
| |
− | position: absolute;
| |
− | top: -42px;
| |
− | width: inherit;
| |
− | height: auto;
| |
− | background-color: rgba(0, 0, 0, 0);
| |
− | }
| |
− | .face:hover .profile, .profilehovered {
| |
− | opacity: 0;
| |
− | background-color: rgba(0, 0, 0, 0.65);
| |
− | cursor: pointer;
| |
− | }
| |
− |
| |
− | @media (max-width: 420px) {
| |
− | .person-name {
| |
− | opacity: 1;
| |
− | position: absolute;
| |
− | top: -42px;
| |
− | width: inherit;
| |
− | height: auto;
| |
− | background-color: rgba(0, 0, 0, 0);
| |
− | }
| |
− | }
| |
− |
| |
− | }
| |
− |
| |
− | .facen {
| |
− | width: 250px;
| |
− | height: 260px;
| |
− | margin-top:20px;
| |
− | }
| |
− |
| |
− | .cam-container h1,
| |
− | .cam-container h2,
| |
− | .cam-container h3,
| |
− | .cam-container h4,
| |
− | .cam-container h5,
| |
− | .cam-container h6 {
| |
− | padding: 0;
| |
− | border: 0;
| |
− | margin-bottom: 0em !important;
| |
− | padding-bottom: 0.6em;
| |
− | }
| |
− | .cam-container h1,
| |
− | .cam-container h2 {
| |
− | margin-top: 0.6em !important
| |
− | }
| |
− | .cam-container h3,
| |
− | .cam-container h4,
| |
− | .cam-container h5,
| |
− | .cam-container h6 {
| |
− | margin-top: 0.3em !important
| |
− | }
| |
− | .cam-container a,
| |
− | .nav a {
| |
− | color: #fff
| |
− | }
| |
− | .cam-container a:link,
| |
− | .nav a:link {
| |
− | color: #fff
| |
− | }
| |
− | .cam-container a:visited,
| |
− | .nav a:visited {
| |
− | color: #fff
| |
− | }
| |
− | .cam-container a:hover {
| |
− | color: #89aabe
| |
− | }
| |
− | .nav a:hover {
| |
− | color: #fff
| |
− | }
| |
− | .cam-container a:active,
| |
− | .nav a:active {
| |
− | color: #fff
| |
− | }
| |
− | #bodyContent a[href^="https://"], .link-https {
| |
− | background: none !important;
| |
− | padding: 0 !important;
| |
− | }
| |
− | section#footer-sec a,
| |
− | a.blue {
| |
− | color: #98aabe
| |
− | }
| |
− | section#footer-sec a:link,
| |
− | a.blue:link {
| |
− | color: #98aabe
| |
− | }
| |
− | section#footer-sec a:visited,
| |
− | a.blue:visited {
| |
− | color: #98aabe
| |
− | }
| |
− | section#footer-sec a:hover,
| |
− | a.blue:hover {
| |
− | color: #428bca
| |
− | }
| |
− | section#footer-sec a:active,
| |
− | a.blue:active {
| |
− | color: #98aabe
| |
− | }
| |
− | .gitgraph-tooltip {
| |
− | position: absolute;
| |
− | margin-top: -15px;
| |
− | margin-left: 25px;
| |
− | padding: 10px;
| |
− | border-radius: 5px;
| |
− | background: #EEE;
| |
− | color: #333;
| |
− | text-align: center;
| |
− | font-size: 14px;
| |
− | line-height: 20px
| |
− | }
| |
− | .gitgraph-tooltip:after {
| |
− | position: absolute;
| |
− | top: 10px;
| |
− | left: -18px;
| |
− | width: 0;
| |
− | height: 0;
| |
− | border-width: 10px;
| |
− | border-style: solid;
| |
− | border-color: transparent;
| |
− | border-right-color: #EEE;
| |
− | content: ""
| |
− | }
| |
− | .gitgraph-detail {
| |
− | position: absolute;
| |
− | padding: 10px;
| |
− | text-align: justify;
| |
− | width: 800px;
| |
− | display: none
| |
− | }
| |
− |
| |
− | #footer-sec {
| |
− | padding-top: 30px;
| |
− | }
| |
− |
| |
− | ul {
| |
− | list-style: square url('data:image/gif;base64,R0lGODlhBQAKAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw==')
| |
− | }
| |
− |
| |
− | table.rl tr td:first-child {
| |
− | padding-right: 0.5em;
| |
− | text-align: right
| |
− | }
| |
− |
| |
− |
| |
− | #sideMenu, #top_title {display:none;}
| |
− | #content {}
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
− |
| |
− |
| |
− | body,
| |
− | html{
| |
− | margin: 0;
| |
− | padding:0;
| |
− | font-family: 'Objektiv-mk1', sans-serif;
| |
− | font-weight: 300;
| |
− |
| |
− | overflow-x: hidden;
| |
− | position: relative;
| |
− | }
| |
− | nav li a {
| |
− | display: block;
| |
− | color: #1A680A !important; text-decoration: none;
| |
− |
| |
− | }
| |
− | nav ul li:hover > ul {
| |
− | display: block;
| |
− | }
| |
− | /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
| |
− | .firstHeading{
| |
− | display:none;
| |
− | }
| |
− |
| |
− |
| |
− | /* @media screen and (max-width:640px) {
| |
− |
| |
− | */
| |
− |
| |
− | </style>
| |
− |
| |
− |
| |
− | <!-- END STYLE -->
| |
− |
| |
− |
| |
− |
| |
− | <!-- START TEMPLATE -->
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
| | | |
| | | |
| </html> | | </html> |