|
|
| Line 7: |
Line 7: |
| | <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| | <title>Syntex</title> | | <title>Syntex</title> |
| − |
| |
| − | <style>
| |
| − | #content {
| |
| − | width: 0 !important;
| |
| − | }
| |
| − |
| |
| − | html,
| |
| − | body {
| |
| − | margin: 0;
| |
| − | min-width: 100vw;
| |
| − | width: 100vw;
| |
| − | min-height: 100vh;
| |
| − | height: 100vh;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | main {
| |
| − | min-height: calc(100% - 144px);
| |
| − | padding: 2rem 1rem;
| |
| − | }
| |
| − |
| |
| − | .main {
| |
| − | min-height: calc(100% - 52px);
| |
| − | height: calc(100% - 52px);
| |
| − | max-height: calc(100% - 52px);
| |
| − | overflow: auto;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .foo {
| |
| − | margin-left: -20px;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 100vw;
| |
| − | max-width: 100vw;
| |
| − | height: calc(100vh - 18px);
| |
| − | overflow: hidden;
| |
| − | background: #fff;
| |
| − | }
| |
| − |
| |
| − | header {
| |
| − | position: relative;
| |
| − | top: 0;
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | line-height: 80px;
| |
| − | font-size: 18px;
| |
| − | text-align: center;
| |
| − | background-color: rgb(255, 255, 255);
| |
| − | box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19);
| |
| − | text-align: center;
| |
| − | z-index: 10;
| |
| − | transition: height 0.5s ease-in-out, line-height 0.5s ease-in-out, font-size 0.5s ease-in-out;
| |
| − | }
| |
| − |
| |
| − | .is-hoverable:hover .navbar-dropdown {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .navbar-item {
| |
| − | text-decoration: none !important;
| |
| − | }
| |
| − |
| |
| − | .navbar-link {
| |
| − | padding: .5rem;
| |
| − | }
| |
| − |
| |
| − | .navbar-link:not(.is-arrowless) {
| |
| − | padding-right: 1.75em;
| |
| − | }
| |
| − |
| |
| − | .navbar-link:not(.is-arrowless)::after {
| |
| − | right: .6em;
| |
| − | }
| |
| − |
| |
| − | .navbar-menu {
| |
| − | max-height: calc(100vh - 70px);
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 1023px) {
| |
| − | .navbar-menu {
| |
| − | overflow: auto;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .navbar-menu a:visited {
| |
| − | color: #4a4a4a;
| |
| − | }
| |
| − |
| |
| − | .navbar-menu a:hover {
| |
| − | color: #3273dc !important;
| |
| − | }
| |
| − | </style>
| |
| | </head> | | </head> |
| | | | |
