|
- .background {
- position: fixed;
- width: 100%;
- height: 100vh;
- top: 0;
- z-index: -10;
- }
- @media screen {
- #cv body {
- background-color: lightgrey;
- }
- }
- @media screen and (min-width: 1400px) {
- .background {
- background: url("/background.jpg");
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- z-index: -10;
- }
-
- .main-container {
- margin-top: 10rem;
- margin-bottom: 15rem;
- border: 1px solid lightgray;
- border-radius: 5px;
- }
- }
-
- .main-container {
- background-color: white;
- padding-top: 1rem;
- padding-bottom: 0.2rem;
- z-index: 1;
- transition: 0.5s;
- }
-
- .main-container .photo {
- max-height: 20rem;
- }
- .main-container .person-name {
- margin-top: calc(min(6vw, 5rem));
- font-weight: bold;
- font-size: calc(1.375rem + min(1.4vw, 1rem));
- }
- .main-container .brief {
- font-size: 120%;
- }
- .main-container .contacts {
- margin-top: 2rem;
- }
-
- .main-container .footer {
- margin-top: 2rem;
- filter: opacity(75%)
- }
- .main-container .tiny {
- font-size: 75%;
- filter: opacity(75%)
- }
-
- .main-container .container > h2, .main-container .container-fluid > h2,
- .main-container h3, .main-container h4 {
- margin-top: 1em;
- }
-
- .main-container .text-bg-gentle {
- color: #555;
- background-color: RGBA(108,117,125,0.1);
- }
-
- .main-container .job-card {
- margin-top: 1em;
- }
-
- .main-container .job-card .timerange {
- font-style: italic;
- }
- .main-container .job-card .card-text {
- margin-left: 0.4rem;
- }
- .main-container .job-card .card-subtitle {
- margin-bottom: 0.5rem;
- }
- .main-container .job-card .card-body p:last-child {
- margin-bottom: 0;
- }
- .main-container .job-tags > span {
- margin: 0.2em;
- }
-
- .main-container .cloud-primary .tag-badges {
- font-size: 180%;
- }
- .main-container .cloud-standard .tag-badges {
- font-size: 140%;
- }
- .main-container .cloud-light .tag-badges {
- font-size: 130%;
- filter: opacity(60%);
- }
- .main-container .tag-badges > span {
- margin: 0.4em;
- color: #222;
- }
- .contacts .contact {
- margin: 0.75em;
- }
- .main-container .accordion-button.collapsed {
- background-color: #eff2ff;
- }
- .main-container .accordion {
- margin: 1rem;
- }
- .main-container .accordion-button:not(.collapsed) {
- color: #222;
- background-color: RGBA(217, 216, 216, 0.3);
- }
- .main-container .accordion-button.collapsed {
- color: #0e489d;
- background-color: RGBA(153, 165, 213, 0.3);
- }
- .main-container .multiline {
- white-space: pre-line;
- }
-
- @media print {
- html {
- font-size: small;
- }
- body {
- background-color: white;
- }
- .main-container, .main-container .container-fluid {
- padding-top: 0.1rem;
- padding-bottom: 0.1rem;
- padding-left: 0.1rem;
- padding-right: 0.1rem;
- }
- .main-container .photo {
- max-height: 15rem;
- }
- .main-container .contacts {
- margin-top: 0.2rem;
- }
- .contacts .contact {
- margin: 0.3em;
- }
- .main-container .footer {
- margin-top: 0.5rem;
- }
- .main-container .footer .tiny {
- display: none;
- }
- .main-container .container > h2,
- .main-container .container-fluid > h2 {
- margin-top: 0.3em;
- margin-bottom: 0;
- }
- .main-container h3, .main-container h4 {
- margin-top: 0.2em;
- }
- .main-container .job-card {
- margin-top: 0.2em;
- margin-bottom: 0.2em;
- }
- .main-container .job-card .card-body {
- padding: 0.4rem;
- padding-bottom: 0.1rem;
- margin: 0;
- }
- .main-container .cloud-light .tag-badges {
- filter: opacity(80%);
- }
- .main-container .tag-badges > span {
- margin: 0.1em;
- }
-
- /* Fiddle Hacks */
- .main-container div.skills {
- margin-top: 2rem;
- }
- }
|