Line 358: | Line 358: | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
} | } | ||
+ | |||
+ | |||
+ | .page-section { | ||
+ | /*height: 480px;*/ | ||
+ | width: 60%; | ||
+ | margin-left: 25%; | ||
+ | margin-top: 0px; | ||
+ | padding: 3em; | ||
+ | background: linear-gradient(45deg, #ffffff 10%, #ffffff 90%); | ||
+ | color: white; | ||
+ | box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5); | ||
+ | } | ||
+ | .navigation { | ||
+ | transition: all 0.1s ease; | ||
+ | position: fixed; | ||
+ | width: 20%; | ||
+ | margin-left: 2%; | ||
+ | background-color: #999; | ||
+ | color: #ffffff; | ||
+ | border-radius: 20px; | ||
+ | text-align: center; | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | font-size: 14px; | ||
+ | line-height: 14px; | ||
+ | } | ||
+ | .navigation__link { | ||
+ | display: block; | ||
+ | color: #ddd; | ||
+ | text-decoration: none; | ||
+ | padding: 10px; | ||
+ | font-weight: 400; | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | .navigation__link:hover { | ||
+ | background-color: #aaa; | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | .navigation__link.active { | ||
+ | color: white; | ||
+ | background-color: rgba(0, 0, 0, 0.1); | ||
+ | } | ||
+ | .backgroundTertiaryHandler{ | ||
+ | background-color: black; | ||
+ | background: linear-gradient(0deg, #ffffff 10%, rgba(15,65,92,1.0) 90%); | ||
+ | padding-top: 25px; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | .backgroundTertiaryHandler h3{ | ||
+ | font-size: 64px; | ||
+ | line-height: 65px; | ||
+ | text-align: center; | ||
+ | color: black; | ||
+ | } | ||
+ | .backgroundTertiaryHandler h1{ | ||
+ | font-size: 24px; | ||
+ | line-height: 25px; | ||
+ | color: black; | ||
+ | } | ||
+ | .backgroundTertiaryHandler p{ | ||
+ | font-size: 14px; | ||
+ | line-height: 14px; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Revision as of 02:25, 27 September 2018