123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- /* Global */
- body {
- padding-top: 5rem;
- background-color: rgb(230, 255, 230);
- }
- .focus-center {
- padding: 3rem 1.5rem;
- text-align: center;
- }
- @media (min-width: 576px) {
- h1 {
- font-size: 5em;
- }
- }
- h3 {
- border-bottom: 4px #28a745 solid;
- }
- h4 {
- color: #0b2e13;
- }
- /* Navigation bar bigger title */
- @media (min-width: 576px) {
- .navbar-brand {
- font-size: 2em;
- }
- }
- /* Jovian custom color */
- .bg-jovian {
- background-color: #004D40;
- }
- /* Dropdown acive color */
- .dropdown-item.active {
- background-color: #28a745;
- border-color: #28a745;
- }
- .dropdown-item:active {
- background-color: rgb(70, 197, 99);
- border-color: rgb(40, 167, 69);
- }
- /* Expand button */
- @keyframes pop-menu-anim {
- from {
- background-color: rgb(230, 255, 230);
- transform: rotate(90deg);
- }
- to {
- background-color: #eee;
- transform: rotate(0deg);
- }
- }
- .jovian-toggler {
- background-color: rgb(230, 255, 230);
- transform: rotate(90deg);
- }
- .jovian-toggler:hover {
- background-color: #eee;
- transform: rotate(0deg);
- animation-name: pop-menu-anim;
- animation-duration: 0.4s;
- }
- .jovian-toggler:active {
- background-color: #fff;
- transform: rotate(0deg);
- }
- @media (min-width: 768px) {
- .navbar-expand-md .jovian-toggler {
- display: none;
- }
- }
- /* CV */
- .city {
- font-style: italic;
- color: #4e555b;
- }
- .middle-info {
- color: black;
- }
- .lead strong {
- color: black;
- }
- /* Link color */
- main a {
- color: #1e7e34;
- }
- /* Footer */
- .footer a {
- color: #1c7430;
- }
- /* Bootstrap class to element */
- /* In order to be working with as few classes as possible */
- table {
- border-collapse: collapse;
- width: 100%;
- margin-bottom: 1rem;
- background-color: transparent;
- }
- table th,
- table td {
- padding: 0.75rem;
- vertical-align: top;
- border-top: 1px solid #dee2e6;
- }
- table thead th {
- vertical-align: bottom;
- border-bottom: 2px solid #dee2e6;
- }
- table tbody + tbody {
- border-top: 2px solid #dee2e6;
- }
|