|
|
| (30 intermediate revisions by the same user not shown) |
| 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;
| |
| − | }
| |
| | | | |
| − | | + | .navbar-brand { |
| − | .main{ | + | background-color:#ffffff; |
| − | position: fixed;
| + | |
| − | top:40px;
| + | |
| − | margin-left:80vw;
| + | |
| | } | | } |
| | | | |
| − | iframe{
| + | li.nav-item { |
| − | margin:0;
| + | font-size: 17px; |
| − | position: fixed;
| + | margin-right: 15px; |
| − | 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 {
| + | .navbar.bg-dark{ |
| − | left: 0;
| + | background-color:#ffffff !important; |
| | } | | } |
| | | | |
| − | #mySidenav #right:hover { | + | .navbar-expand-md .navbar-collapse { |
| − | right: 0;
| + | background-color: #3a3a3a; |
| | + | padding-top: 10px; |
| | + | padding-bottom: 10px; |
| | } | | } |
| | | | |
| − | #left {
| + | .navbar-dark .navbar-toggler { |
| − | left: -60px;
| + | background-color: #3a3a3a; |
| − | border-radius: 0 5px 5px 0;
| + | |
| − | text-align: left;
| + | |
| | } | | } |
| | | | |
| − | #right { | + | #HQ_page p { |
| − | right: -60px;
| + | font-family: 'Open Sans', sans-serif; |
| − | border-radius: 5px 0 0 5px;
| + | font-size:16px; |
| − | text-align: right;
| + | line-height:26px; |
| | } | | } |
| | | | |
| − | .topnav {
| + | #HQ_page li { |
| − | overflow: hidden;
| + | font-family: 'Open Sans', sans-serif; |
| − | background-color: #333;
| + | font-size:16px; |
| | + | line-height:26px; |
| | } | | } |
| | | | |
| − | .topnav a {
| + | #HQ_page h1, h2, h3, h4, h5 { |
| − | float: left;
| + | font-family: 'Poppins', sans-serif; |
| − | display: block;
| + | |
| − | color: #f2f2f2;
| + | |
| − | text-align: center;
| + | |
| − | padding: 14px 16px;
| + | |
| − | text-decoration: none;
| + | |
| − | font-size: 17px;
| + | |
| | } | | } |
| | | | |
| − | .active { | + | #toc, .toc { |
| − | background-color: #fff;
| + | display:none; |
| − | color: white;
| + | |
| − | border-bottom: 1px solid #c2c2c2;
| + | |
| | } | | } |
| | | | |
| − | .topnav .icon { | + | footer.page-footer { |
| − | display: none;
| + | background-color: #3a3a3a; |
| | + | color: #e0e0e0; |
| | + | margin-top:60px; |
| | } | | } |
| | | | |
| − | .dropdown { | + | .logo-footer { |
| − | float: left;
| + | max-width:200px; |
| − | overflow: hidden;
| + | |
| | } | | } |
| | | | |
| − | .dropdown .dropbtn { | + | footer .dropdown-content a, |
| − | font-size: 17px;
| + | footer h6 a, |
| − | border: none;
| + | footer h6 a:visited, |
| − | outline: none;
| + | footer a, |
| − | color: white;
| + | footer a:visited { |
| − | padding: 14px 16px;
| + | color: rgba(255,255,255,0.6); |
| − | background-color: inherit;
| + | margin-right: 10px; |
| − | font-family: inherit;
| + | |
| − | margin: 0;
| + | |
| | } | | } |
| | | | |
| − | .dropdown-content { | + | footer .dropdown-content a:hover, |
| − | display: none;
| + | footer h6 a:hover, |
| − | position: absolute;
| + | footer a i:hover { |
| − | background-color: #f9f9f9;
| + | color: rgba(255,255,255,0.9); |
| − | 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 {
| + | footer h6 { |
| − | float: none;
| + | margin-top:10px; |
| − | color: black;
| + | |
| − | padding: 12px 16px;
| + | |
| − | text-decoration: none;
| + | |
| − | display: block;
| + | |
| − | text-align: left;
| + | |
| − | border-radius: 5px;
| + | |
| | } | | } |
| | | | |
| − | .topnav a:hover, .dropdown:hover .dropbtn { | + | .social-footer { |
| − | background-color: #555;
| + | position: relative; |
| − | color: white;
| + | top: -12px; |
| | } | | } |
| | | | |
| − | .dropdown-content a:hover { | + | footer .fa { |
| − | background-color: #ddd;
| + | font-size:20px; |
| − | color: black;
| + | |
| | } | | } |
| | | | |
| − | .dropdown:hover .dropdown-content { | + | footer a.os-menu-link { |
| − | display: block;
| + | margin-right:0px; |
| | + | color: #fff; |
| | + | text-decoration:underline; |
| | } | | } |
| | | | |
| − | @media screen and (max-width: 950px) {#left.responsive{left:-30;}}
| + | footer a.os-menu-link:hover { |
| − | @media screen and (max-width: 950px) {#right.responsive{right:-30;}}
| + | text-decoration:none; |
| − | @media screen and (max-width: 950px) {
| + | |
| − | .text.responsive{
| + | |
| − | margin-left: 30px;
| + | |
| − | margin-right: 30px;
| + | |
| − | }
| + | |
| | } | | } |
| | | | |
| − | @media screen and (max-width: 950px) {
| + | pre { |
| − | .topnav a:not(:first-child), .dropdown .dropbtn {
| + | display:none !important; |
| − | display: none;
| + | |
| − | }
| + | |
| − | .topnav a.icon {
| + | |
| − | float: right;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| | } | | } |
| | | | |
| − | @media screen and (max-width: 950px) {
| + | #HQ_page img { |
| − | .topnav.responsive {position: relative;}
| + | max-width:100%; |
| − | .topnav.responsive .icon {
| + | height:auto; |
| − | 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 { | + | #HQ_page img.logo { |
| − | height: 0%;
| + | max-width:190px; |
| − | 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 { | + | a.new:visited, #p-personal a.new:visited { |
| − | position: relative;
| + | color: #007bff; |
| − | top: 20px;
| + | |
| − | width: 100%;
| + | |
| − | text-align: center;
| + | |
| − | margin-top: 30px;
| + | |
| | } | | } |
| − | | + | a.new:visited, #p-personal a.new:visited { |
| − | .overlay a { | + | color: #007bff; |
| − | padding: 8px;
| + | |
| − | text-decoration: none;
| + | |
| − | font-size: 36px;
| + | |
| − | color: #818181;
| + | |
| − | display: block;
| + | |
| − | transition: 0.3s;
| + | |
| | } | | } |
| − | | + | a.new { |
| − | .overlay a:hover, .overlay a:focus {
| + | color: #007bff; |
| − | color: #f1f1f1;
| + | |
| | } | | } |
| − | | + | a:visited { |
| − | .overlay .closebtn {
| + | color: #007bff; |
| − | position: absolute;
| + | |
| − | top: 20px;
| + | |
| − | right: 45px;
| + | |
| − | font-size: 60px;
| + | |
| | } | | } |
| − | | + | a.new, #p-personal a.new { |
| − | @media screen and (max-height: 450px) {
| + | color: #007bff; |
| − | .overlay {overflow-y: auto;}
| + | |
| − | .overlay a {font-size: 20px}
| + | |
| − | .overlay .closebtn {
| + | |
| − | font-size: 40px;
| + | |
| − | top: 15px;
| + | |
| − | right: 35px;
| + | |
| − | }
| + | |
| | } | | } |
| − | | + | a:visited { |
| − | #HQ_page {
| + | color: #007bff; |
| − | position:relative;
| + | |
| − | top:-10px
| + | |
| | } | | } |
| − | | + | a.new { |
| − | .logo { | + | color: #007bff; |
| − | max-width:90px;
| + | |
| | } | | } |
| | | | |
| − | .navnav {
| |
| − | padding-top:10px;
| |
| − | }
| |
| | </style> | | </style> |
