iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: https://www.digitalarkivet.no/styles/v2.css
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap'); body { margin: 0; font-family: "Source Sans Pro", sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: normal; display: flex; flex-direction: column; min-height: 100vh; } .bold-text { color: #000; font-family: "Source Sans Pro", sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 600; line-height: normal; } .heading { color: #000; font-family: "Source Sans Pro", sans-serif; font-size: 2rem; font-style: normal; font-weight: 400; line-height: normal; margin: 2.5rem 0 1.5rem 0; } .article { color: #000; font-family: "Source Sans Pro", sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: normal; } a { color: #000; } .frontpage { right: 0; top: 0; margin: 0; overflow: auto; width: 100%; box-sizing: border-box; justify-content: left; align-content: flex-start; flex-direction: column; display: flex; flex-grow: 1; .content { display: flex; flex-direction: column; margin: auto; max-width: 75rem; padding: 3rem 7rem; align-content: flex-start; top: 0; margin: auto; flex: 1; } @media only screen and (max-width: 720px) { [class="content"] { padding: 2rem 1rem; } [class="frontpage-card-blue"] { width: 100%; flex-grow: 1; } } .frontpage-section { background-color: #fff; display: flex; flex-flow: row wrap; gap: 1rem; justify-content: left; .frontpage-card-text { color: #000; font-family: "Source Sans Pro", sans-serif; display: flex; flex-direction: column; .frontpage-card-title { color: #000; font-family: "Source Sans Pro", sans-serif; font-size: 1.5rem; font-weight: 600; a { color: #000; text-decoration: none !important; } } .frontpage-card-subtitle { color: #000; font-family: "Source Sans Pro", sans-serif; font-size: 1rem; } } .frontpage-card-icon { font-size: 1.5rem; font-family: FontAwesome; margin-right: 1rem; margin-left: 1.5rem; height: 2.25rem; img { height: 2.25rem; width: 2.25rem; } } .frontpage-card-blue { background-color: #B6D9D6; border-radius: 1.5rem; padding: 1rem; height: 5rem; width: 22rem; align-items: center; display: flex; flex-direction: row; border: 2px solid #B6D9D6; a { color: #000; text-decoration: none !important; } } .frontpage-card-blue:hover { background-color: #86BCB7; cursor: pointer; border: 2px solid #86BCB7; } .frontpage-card-white { background-color: #fff; border-radius: 1.5rem; padding: 1rem; height: 5rem; width: 22rem; border: 2px solid #CCC; align-items: center; display: flex; flex-direction: row; box-shadow: 0 10px 20px -3px rgb(0 0 0 / 0.1), 0 10px 20px -4px rgb(0 0 0 / 0.1); a { color: #000; text-decoration: none; } } .frontpage-card-white:hover { background-color: #DAEFEF; cursor: pointer; } .frontpage-button { background-color: #DAEFEF; height: 4rem; border-radius: 4rem; padding: 0 1.5rem; display: flex; align-items: center; .button-text { color: #000; font-family: "Source Sans Pro", sans-serif; font-size: 1.5rem; font-weight: 600; a { color: #000; text-decoration: none; } } .button-icon { color: #000; font-size: 1rem; font-family: FontAwesome; margin-left: 0.75rem; max-height: 1.5rem; } } .frontpage-button:hover { background-color: #B6D9D6; cursor: pointer; } } } header { top: 0; left: 0; right: 0; width: 100%; background-color: #fff; border-bottom: 1px solid #CCC; font-weight: 400; justify-content: center; .v-align { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; right: 0; left: 0; box-sizing: border-box; } .header-content { max-width: 80rem; display: block; flex-direction: row; margin-left: auto; margin-right: auto; margin-top: 1rem; margin-bottom: 1rem; } a { color: #000; text-decoration: none; } button { background-color: #FFF; color: #000; font-family: "Source Sans Pro", sans-serif; font-size: 1.5rem; margin-right: 2rem; cursor: pointer; } .header-logo { left: 0; height: 45px; img { height: 45px; } } .header-title { font-family: "Times New Roman"; font-size: 1.5rem; margin-left: 1rem; text-transform: uppercase; } .header-left{ display: flex; flex-direction: row; margin-right: auto; margin-left: 0; align-items: center; } .header-right { display: flex; flex-direction: row; margin-left: auto; margin-right: 0; } .header-text { display: flex; margin-right: 0; color: #000; font-family: "Source Sans Pro", sans-serif; font-size: 1.5rem; margin-left: 2rem; cursor: pointer; flex-direction: row; justify-content: center; align-items: center; } .header-icon { color: #000; justify-self: center; align-self: center; margin-left: 0.5rem; img { margin-top: 0.5rem; height: 1.5rem; width: 1.5rem; } } .header-dropdown { position: relative; display: inline-block; } .header-dropdown-button { cursor: pointer; border: none !important; } .header-dropdown-content { display: none; position: absolute; margin-left: 1rem; background-color: #fff; z-index: 1; border-radius: 0.25rem; border: 1px solid #CCC; min-width: 8rem; } .header-dropdown-text { color: #000; font-size: 0.8rem; cursor: pointer; padding: 0.8rem 1.5rem; border-radius: 0.25rem; } .header-dropdown-text:hover { background-color: #DAEFEF; } .header-dropdown:hover .header-dropdown-content { display: block; } .header-menu-dropdown { position: relative; display: inline-block; } .header-menu-button { cursor: pointer; } .header-menu[aria-expanded="true"] { display: flex; } .header-menu { display: none; position: relative; left: 0; right: 0; width: 100%; box-sizing: border-box; background-color: #fff; justify-content: center; border-top: 1px solid #CCC; padding: 3rem 6rem 2rem 6rem; .menu-content { width: 100%; display: block; flex-direction: row; margin-left: auto; margin-right: auto; justify-content: space-between; flex-grow: 1; } .v-align { width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; right: 0; left: 0; box-sizing: border-box; } .menu-column { display: flex; flex-direction: column; justify-content: flex-start; align-self: flex-start; padding: 0 0.5rem; margin-left: auto; margin-right: auto; top: 0; } .menu-heading { color: #000; font-family: "Source Sans Pro", sans-serif; font-weight: 600; font-size: 1.5rem; margin: 2rem 0 1rem 0; } .menu-item { color: #000; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 1.5rem; cursor: pointer; margin: 0.5rem 0; } input { width: 400px; height: 3rem; border-radius: 0.5rem; border: 1px solid #D7D7D7; padding: 0 1rem; font-size: 1rem; font-family: "Source Sans Pro", sans-serif; } } @media only screen and (max-width: 1150px) { [class="menu-column"] { flex-grow: 1; } } @media only screen and (max-width: 1000px) { [class="header-content"] { margin-right: 0.5rem; margin-left: 0.5rem; } [class="header-text"] { span { display: none; } } } @media only screen and (max-width: 720px) { [class="header-title"] { display: none; } [id="oldpage-text"] { display: none; } [class="header-dropdown-content"] { margin-left: auto; margin-right: 1rem; } [class="header-menu"] { padding-left: 1rem; } } } .footer-text { color: #000; font-family: "Source Sans Pro", sans-serif; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: normal; a { color: #000; text-decoration: underline; } } .footer-block { flex-direction: column; padding-bottom: 4rem; margin: auto; span { display: flex; padding-bottom: 0.25rem; } } footer { left: 0; bottom: 0 !important; margin: 0; width: 100%; display: block; background-color: #B6D9D6; box-sizing: border-box; flex-direction: column; justify-content: center; padding: 5rem min(6rem); .footer-content { max-width: 80rem; display: block; box-sizing: border-box; margin-left: auto; margin-right: auto; } }