|
|
| Line 21: |
Line 21: |
| | } | | } |
| | | | |
| − | .text{
| |
| − | margin-top: 40px;
| |
| − | margin-right: 80px;
| |
| − | margin-left: 80px;
| |
| − | margin-bottom: 90px;
| |
| − | }
| |
| | | | |
| − | p{
| |
| − | text-align: justify;
| |
| − | text-justify: inter-word;
| |
| − | text-indent: 20px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .main{
| |
| − | position: fixed;
| |
| − | top:40px;
| |
| − | margin-left:80vw;
| |
| − | }
| |
| − |
| |
| − | iframe{
| |
| − | margin:0;
| |
| − | position: fixed;
| |
| − | width: 100%;
| |
| − | height:100%;
| |
| − | border:none;
| |
| − | overflow-x: hidden;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #mySidenav a {
| |
| − | position: fixed;
| |
| − | transition: 0.3s;
| |
| − | padding: 15px;
| |
| − | width: 100px;
| |
| − | text-decoration: none;
| |
| − | font-size: 20px;
| |
| − | color: white;
| |
| − | bottom: 80px;
| |
| − | background-color: #555;
| |
| − | }
| |
| − |
| |
| − | #mySidenav #left:hover {
| |
| − | left: 0;
| |
| − | }
| |
| − |
| |
| − | #mySidenav #right:hover {
| |
| − | right: 0;
| |
| − | }
| |
| − |
| |
| − | #left {
| |
| − | left: -60px;
| |
| − | border-radius: 0 5px 5px 0;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | #right {
| |
| − | right: -60px;
| |
| − | border-radius: 5px 0 0 5px;
| |
| − | text-align: right;
| |
| − | }
| |
| − |
| |
| − | .topnav {
| |
| − | overflow: hidden;
| |
| − | background-color: #333;
| |
| − | }
| |
| − |
| |
| − | .topnav a {
| |
| − | float: left;
| |
| − | display: block;
| |
| − | color: #f2f2f2;
| |
| − | text-align: center;
| |
| − | padding: 14px 16px;
| |
| − | text-decoration: none;
| |
| − | font-size: 17px;
| |
| − | }
| |
| − |
| |
| − | .active {
| |
| − | background-color: #fff;
| |
| − | color: white;
| |
| − | border-bottom: 1px solid #c2c2c2;
| |
| − | }
| |
| − |
| |
| − | .topnav .icon {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .dropdown {
| |
| − | float: left;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | .dropdown .dropbtn {
| |
| − | font-size: 17px;
| |
| − | border: none;
| |
| − | outline: none;
| |
| − | color: white;
| |
| − | padding: 14px 16px;
| |
| − | background-color: inherit;
| |
| − | font-family: inherit;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | background-color: #f9f9f9;
| |
| − | min-width: 160px;
| |
| − | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
| |
| − | border-radius: 0 0 5px 5px;
| |
| − | z-index: 2;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content a {
| |
| − | float: none;
| |
| − | color: black;
| |
| − | padding: 12px 16px;
| |
| − | text-decoration: none;
| |
| − | display: block;
| |
| − | text-align: left;
| |
| − | border-radius: 5px;
| |
| − | }
| |
| − |
| |
| − | .topnav a:hover, .dropdown:hover .dropbtn {
| |
| − | background-color: #555;
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content a:hover {
| |
| − | background-color: #ddd;
| |
| − | color: black;
| |
| − | }
| |
| − |
| |
| − | .dropdown:hover .dropdown-content {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 950px) {#left.responsive{left:-30;}}
| |
| − | @media screen and (max-width: 950px) {#right.responsive{right:-30;}}
| |
| − | @media screen and (max-width: 950px) {
| |
| − | .text.responsive{
| |
| − | margin-left: 30px;
| |
| − | margin-right: 30px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 950px) {
| |
| − | .topnav a:not(:first-child), .dropdown .dropbtn {
| |
| − | display: none;
| |
| − | }
| |
| − | .topnav a.icon {
| |
| − | float: right;
| |
| − | display: block;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 950px) {
| |
| − | .topnav.responsive {position: relative;}
| |
| − | .topnav.responsive .icon {
| |
| − | position: absolute;
| |
| − | right: 0;
| |
| − | top: 0;
| |
| − | }
| |
| − | .topnav.responsive a {
| |
| − | float: none;
| |
| − | display: block;
| |
| − | text-align: left;
| |
| − | }
| |
| − | .topnav.responsive .dropdown {float: none;}
| |
| − | .topnav.responsive .dropdown-content {position: relative;}
| |
| − | .topnav.responsive .dropdown .dropbtn {
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | text-align: left;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .overlay {
| |
| − | height: 0%;
| |
| − | width: 100%;
| |
| − | position: fixed;
| |
| − | z-index: 1;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | background-color: rgb(0,0,0);
| |
| − | background-color: rgba(0,0,0, 0.9);
| |
| − | overflow-y: hidden;
| |
| − | transition: 0.5s;
| |
| − | }
| |
| − |
| |
| − | .overlay-content {
| |
| − | position: relative;
| |
| − | top: 20px;
| |
| − | width: 100%;
| |
| − | text-align: center;
| |
| − | margin-top: 30px;
| |
| − | }
| |
| − |
| |
| − | .overlay a {
| |
| − | padding: 8px;
| |
| − | text-decoration: none;
| |
| − | font-size: 36px;
| |
| − | color: #818181;
| |
| − | display: block;
| |
| − | transition: 0.3s;
| |
| − | }
| |
| − |
| |
| − | .overlay a:hover, .overlay a:focus {
| |
| − | color: #f1f1f1;
| |
| − | }
| |
| − |
| |
| − | .overlay .closebtn {
| |
| − | position: absolute;
| |
| − | top: 20px;
| |
| − | right: 45px;
| |
| − | font-size: 60px;
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-height: 450px) {
| |
| − | .overlay {overflow-y: auto;}
| |
| − | .overlay a {font-size: 20px}
| |
| − | .overlay .closebtn {
| |
| − | font-size: 40px;
| |
| − | top: 15px;
| |
| − | right: 35px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | #HQ_page {
| |
| − | position:relative;
| |
| − | top:-10px
| |
| − | }
| |
| − |
| |
| − | .logo {
| |
| − | max-width:90px;
| |
| − | }
| |
| − |
| |
| − | .navnav {
| |
| − | padding-top:10px;
| |
| − | }
| |
| | </style> | | </style> |
