CSS-fil Kunskapsbanken
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,400,300|Roboto+Condensed:400,700);*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,400italic,600italic,700italic);
body {
background-color: #FAFAFA;
font-family: "SourceSansPro", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
text-rendering: optimizeLegibility;
/*font-weight:400;*/
/*font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;*/
}
/* Nav */
#mainNav {
position: relative;
z-index: 2;
}
.container-fluid {
max-width: 1250px;
}
@media screen and (min-width: 500px) and (max-width: 1000px) {
.container-fluid {
width: 95%;
}
}
/* SEARCH BAR */
/* Search form */
#searchBar .search-query::placeholder {
color: #A5B2BD;
}
#searchBar .search-query {
padding: 0 55px 0 12px;
}
@media screen and (max-width: 767px) {
#searchBar {
width: 80%;
}
}
@media screen and (min-width: 768px) {
#searchBar {
width: 440px;
}
}
@media screen and (min-width: 1440px) {
#searchBar {
width: 712px;
}
}
@media screen and (min-width: 1025px) {
#searchBar {
width: 635px;
display: block;
}
#searchBar .search-query {
border-color: white;
color: #253642;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
height: 55px;
letter-spacing: 0.2px;
padding: 0 15px;
width: 460px;
display: block;
margin-right: 0;
transition: all 0.2s ease-in-out;
}
#searchBar button {
display: inline-block;
}
}
#searchBar button .icon-search {
color: #9ba9b5;
font-size: 20px;
}
@media screen and (max-width: 1024px) {
#searchBar button .icon-search {
display: block;
}
#searchBar button {
/*background: url("http://c.hlp.sc/1002448b908c/download/icon-search.svg") center center no-repeat;*/
border: 0;
padding: 0 30px;
position: absolute;
right: 0;
text-shadow: none;
transition: all 0.2s ease-in-out;
}
#searchBar button:focus, #searchBar button:active {
/*background: #F1F3F5 url("http://c.hlp.sc/1002448b908c/download/icon-search.svg") center center no-repeat;*/
}
#searchBar button span {
display: none;
}
}
@media screen and (min-width: 1025px) {
#searchBar button {
background-color: #004985;
border-radius: 4px;
border: none;
font-size: 17px;
font-weight: 500;
height: 55px;
text-shadow: none;
width: 160px;
transition: all 0.2s ease-in-out;
}
#searchBar button:hover, #searchBar button:active {
background: #013865;
}
}
#searchBar.sm button {
width: 40px;
top: 1px;
right: 0;
}
/* DOCSEARCH */
#docsSearch {
padding:0;
/*background:url("https://www.hh.se/images/18.1a3b2728175cc9aa6c84adad/1605511519601/search-helpscout7.jpg") no-repeat 10% 100% fixed;*/
background: url('https://www.hh.se/images/18.3a01ef0517858b92a4c97e0e/1616582531429/pattern.svg') 60% 15vh no-repeat,linear-gradient(to left top, #28a5f5, #1e87f0) 0 0 no-repeat;
/*background: #30bce8;*/
-webkit-font-smoothing: antialiased;
border-top: 0px solid #40C4FF;
border: none;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@media screen and (min-width: 1025px) and (max-width: 1899px) {
#docsSearch {
height: 320px;
}
#docsSearch h1 {
font-size: 36px;
padding-top: 2.8em;
}
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
#docsSearch::before {
left: 5%;
}
#docsSearch::after {
left: 90%;
}
}
@media screen and (min-width: 1300px) {
#docsSearch::before {
left: 10%;
}
#docsSearch::after {
left: 85%;
}
}
/*
@media screen and (min-width: 1025px) {
#contentArea::before {
content: '';
left: 50%;
position: absolute;
top: -268px;
background: url('') no-repeat;
height: 360px;
width: 400px;
background-size: contain;
opacity: 1;
transform: translate(260px, 10px);
transition: opacity 0.2s;
}*/
}
@media screen and (min-width: 1900px) {
#docsSearch {
height: 320px;
}
#docsSearch::before {
left: 18%;
width: 580px;
}
#docsSearch::after {
left: 84%;
width: 580px;
}
#contentArea::before {
top: -240px;
right: -155px;
height: 200px;
width: 250px;
}
}
@media screen and (min-width: 2300px) {
#docsSearch::before {
left: 20%;
}
#docsSearch::after {
left: 80%;
}
}
@media screen and (min-width: 1400px) {
#contentArea::before {
opacity: 1;
transform: translate(260px, 0);
}
}
/* CATEGORY-LIST */
/* Category: icons */
/* START GUIDE */
#category-77 {
/*background-image: url('https://www.hh.se/images/18.7a29df4716c635462e9da2ad/1565252748898/icons8-signpost-100.png');*/
/*background-image: url('data:image/svg+xml;utf8, ');*/
background-image: url('data:image/svg+xml;utf8, ');
}
/* COPYRIGHT */
#category-79 {
/*background-image: url('https://www.hh.se/images/18.7a29df4716c635462e9da2ab/1565252748887/icons8-scales-100.png');*/
background-image: url('data:image/svg+xml;utf8, ');
}
/* AUTHOR PROFILE */
#category-19 {
/*background-image: url('https://www.hh.se/images/18.7a29df4716c635462e9da298/1565252748762/icons8-contact-details-100.png');*/
background-image: url('data:image/svg+xml;utf8, ');
}
/* DIVA */
#category-68 {
background-image: url('https://www.hh.se/images/18.7a29df4716c635462e9da2a0/1565252748787/icons8-diva-100.png');
/*background-image: url('data:image/svg+xml;utf8,');*/
}
/* JOURNALS */
#category-44 {
background-image: url('https://www.hh.se/images/18.7a29df4716c635462e9da2a5/1565252748820/icons8-news-100.png');
background-image: url('data:image/svg+xml;utf8, ');
}
/* METRICS */
#category-23 {
/*background-image: url('https://www.hh.se/images/18.7a29df4716c635462e9da297/1565252748756/icons8-bar-chart-100.png');*/
background-image: url('data:image/svg+xml;utf8, ');
}
/* OA */
#category-61 {
/*background-image: url('https://www.hh.se/images/18.7a29df4716c635462e9da2a6/1565252748831/icons8-padlock-100.png');*/
background-image: url('data:image/svg+xml;utf8, ');
}
/* PRODUCTIVITY */
#category-66 {
/*background-image: url('https://www.hh.se/images/18.7a29df4716c635462e9da2a7/1565252748868/icons8-performance-100.png');*/
background-image: url('data:image/svg+xml;utf8, ');
}
/* NOT IN USE */
#category-85 {
background-image: url('https://www.hh.se/images/18.7a29df4716c635462e9da2ac/1565252748894/icons8-server-100.png');
background-image: url('data:image/svg+xml;utf8,');
}
/* OA AGREEMENTS */
#category-99 {
/*background-image: url('https://www.hh.se/images/18.2a11e2e816cd736283a6fac/1566985638772/icons8-handshake-100.png');*/
background-image: url('data:image/svg+xml;utf8, ');
}
/* RESEARCH DATA */
/* GETTING STARTED */
#category-115 {
/*background-image: url('https://www.hh.se/images/18.2f30becd17507e8bd1db49c/1602163808755/share-black-18dp.svg');*/
background-image: url('data:image/svg+xml;utf8, ');
}
/* MANAGE YOUR DATA */
#category-112 {
/*background-image: url('https://www.hh.se/images/18.2f30becd17507e8bd1ddbf8/1602165634798/pending_actions-black-24dp.svg');*/
background-image: url('data:image/svg+xml;utf8, ');
}
/* SHARE YOUR DATA */
#category-114 {
/*background-image: url('https://www.hh.se/images/18.2f30becd17507e8bd1db49c/1602163808755/share-black-18dp.svg');*/
background-image: url('data:image/svg+xml;utf8, ');
}
/* STORE YOUR DATA */
#category-116 {
/*background-image: url('https://www.hh.se/images/18.2f30becd17507e8bd1dd192/1602165147015/cloud-storage.svg');*/
background-image: url('data:image/svg+xml;utf8,');
}
.category-list .category {
background-color: #FFF;
border: none;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 0px 1px,
rgb(241, 243, 245) 0px 2px 10px 0px,
rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
box-sizing: border-box;
display: inline-block;
margin: 0 30px 30px 0;
padding: /*45*/135px 50px 40px;
min-height: /*185*/285px;
transition: all 0.25s ease-in-out;
width: 100%;
}
.category-list .category,
.category-list .category:hover {
background-repeat: no-repeat;
background-position: center 36px;
background-size: 100px 100px;
}
.category-list .category:hover {
background-color: #FFF;
box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 1px,
rgba(220, 223, 226, 0.3) 0px 30px 60px 0px,
rgba(0, 0, 0, 0.1) 0px 8px 20px 0px;
}
/*.category-list .category:active {
box-shadow: 0 0 0px 2px #1292EE inset;
outline: none;
}*/
.category-list .category:hover .article-count {
color: #0077CC;
}
.category-list .category:focus .article-count, .category-list .category:active .article-count {
color: #005CA4;
}
@media screen and (max-width: 759px) {
.category-list .category {
margin-right: 0;
}
}
@media screen and (min-width: 760px) and (max-width: 1104px) {
.category-list .category {
width: calc(100%/2 - 17px);
}
.category-list .category:nth-child(even) {
margin-right: 0;
}
}
@media screen and (min-width: 1105px) {
.category-list .category {
width: calc(100%/3 - 23px);
}
.category-list .category:nth-child(3n+3) {
margin-right: 0;
}
#collection-category-8 .category {
padding-top: 60px;
min-height: 190px;
}
}
.category-list h3 {
color: #051849;
font-weight: 500;
font-size: 18px;
margin-bottom: 15px;
}
.category-list .category p {
color: #7F8D9B;
font-size: 14px;
margin-bottom: 15px;
line-height: 20px;
}
.category-list .category .article-count {
margin-bottom: 0;
color: #0077CC;
transition: color 0.2s ease-in-out;
}
.category-list .category,
.category-list.two-col .category {
margin-bottom: 30px;
}
.collection-category h2 a {
color: #1D2B36;
}
.collection-category h2 {
font-weight: 500;
font-size: 26px;
letter-spacing: -0.35px;
margin-bottom: 20px;
padding: 0;
}
.collection-category .category-list {
margin-bottom: 50px;
}
.category-list.two-col .category {
min-height: 240px;
width: 100%;
}
@media screen and (min-width: 760px) {
.category-list.two-col .category {
width: calc(100%/3 - 23px)
}
}
.category-list.two-col .category:last-child {
margin-right: 0;
}
/* Article: content wrapper */
.contentWrapper,
.related {
background-color: #FFF;
border: 0;
border-radius: 4px;
color: #556575;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
rgb(241, 243, 245) 0px 5px 20px 0px,
rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
padding: 30px;
word-break: break-word;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
.contentWrapper {
padding: 50px 55px;
}
}
@media screen and (min-width: 1000px) {
.contentWrapper {
padding: 70px 90px;
}
}
.contentWrapper h1 {
font-size: 30px;
font-weight: 500;
letter-spacing: -0.35px;
margin-bottom: 0.5em;
}
@media screen and (min-width: 1000px) {
.contentWrapper h1 {
font-size: 36px;
}
}
.contentWrapper a, a {
color: #0077CC;
}
.contentWrapper a:hover,
a:hover {
color: #005CA4;
text-decoration: underline;
}
.related {
border-radius: 4px;
margin-top: 30px;
padding: 30px;
}
.related h3 {
font-size: 13px;
padding-left: 0;
letter-spacing: 0.7px;
}
.related ul {
margin-left: 0;
}
.related ul>li a {
margin-left: 0;
}
@media screen and (min-width: 1000px) {
.related {
padding: 40px 90px;
}
}
#main-content {
background: none;
}
@media (max-width: 768px)
#main-content {
float: none;
width: auto;
padding: 0;
margin: 0 -20px 2em -20px;
background: 0 0;
}
#main-content:after {
background: #f7f9fa;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
content: "";
}
/* Navbar */
.navbar .btn-navbar .icon-bar {
background: #fff;
box-shadow: none;
}
/*
.navbar .navbar-inner {border-bottom: 1px solid #40C4FF;}
*/
.navbar .nav .active .caret {border-bottom: 5px solid /*#03A9F4*/#f0f0f0;}
.navbar .nav #home.active .caret {
border-bottom: 0px solid /*#03A9F4*/#f0f0f0;
}
#mainNav ul.nav {font-size: 12px}
.navbar .nav>li>a {padding: 11px 15px 25px;font-size:15px;}
@media (max-width: 768px) {
.navbar .btn-navbar {
top: 15px;
}
}
/* Searh index typeahead */
#serp-dd {
top:92px;
border-radius:5px;
border: 1px solid #e0e0e0;
}
/* Sidebar */
#sidebar {font-size: 16px;}
#sidebar form .search-query {border:1px solid #D0D0D0;}
#sidebar .search-query { box-shadow:none; }
#sidebar .nav-list a {
font-size: 1em;
}
/* Headers */
#fullArticle h1,
#fullArticle h2,
#fullArticle h3,
#fullArticle h4,
#fullArticle h5 {
color: #1d2b36;
margin-bottom: 1em;
}
#fullArticle h2,
#fullArticle h5 {
font-weight: 600;
}
#fullArticle h4 {
font-weight: 600;
}
#fullArticle h1,
#fullArticle h3 {
font-weight: 600;
}
#fullArticle h3 {
font-size: 23px;
}
#fullArticle h1.title {
margin-bottom: 1em;
}
#sidebar h2, #sidebar h3 {
/*font-family: 'Roboto Condensed', sans-serif;*/
text-transform: uppercase;
letter-spacing:0px;
}
.category h3 { font-size:18px; text-transform: none;}
.collection-category h2 a { font-weight:400;text-transform: none; }
#fullArticle .title { color:#000; }
.icon-arrow:before { color:#2A5DB0; }
#fullArticle hr {
border-top: 2px solid #e2e2e2;
border-bottom: 1px solid #fff;
margin: 0px auto 40px;
}
/* Message boxes */
.alert-message
{
margin: 20px 0;
padding: 20px;
border-left: 3px solid #eee;
}
.alert-message h4
{
margin-top: 0;
margin-bottom: 5px;
}
#fullArticle .alert-message p:last-child
{
margin-bottom: 0;
}
.alert-message code
{
background-color: #fff;
border-radius: 3px;
}
/* Notice */
.alert-message-notice
{
background-color: #FCFCDD;
border-color: #BDBD89;
}
.alert-message-notice h4
{
color: #444;
}
/* success */
.alert-message-success
{
background-color: #F4FDF0;
border-color: #3C763D;
}
.alert-message-success h4
{
color: #3C763D;
}
/* danger */
.alert-message-danger
{
background-color: #fdf7f7;
border-color: #b81218;
}
.alert-message-danger h4
{
color: #b81218;
}
/* info */
.alert-message-info
{
background-color: #f4f8fa;
border-color: #5bc0de;
}
.alert-message-info h4
{
color: #5bc0de;
}
/* Contact Modal */
#contactModal {
border: 0;
border-radius: 4px;
border-top: 4px solid #3197D1;
top: 8%;
}
#contactModal h2 {
background: 0;
border: 0;
font-size: 28px;
font-weight: 300;
padding: 1em 0 0.25em;
text-align: center;
}
#contactModal .controls input, #contactForm .controls input {
box-shadow: none;
height: 25px;
width: 335px;
}
#contactModal .form-actions {
padding: 0;
margin: 15px auto 20px;
text-align: center;
}
#contactModal .form-actions input, #contactForm .form-actions input {
background: #3197d1;
border: 0;
color: #fff;
font-size: 13px;
padding: 10px 25px;
text-shadow: none;
text-transform: uppercase;
}
.icon-article-doc {
display: none;
}
/* Blue button */
#fullArticle .flat-butt {
display: inline-block;
margin: 0 5px 22px 0;
border-radius: 3px;
font-family: "Lato", sans-serif;
font-size: 16.5px;
padding: 6px 15px;
border: 0;
background: #34495E;
color: #FFF;
cursor: pointer;
outline: 0;
}
#fullArticle .flat-info-butt {
background: #1976d2;
}
#fullArticle .flat-info-butt:hover {
background: #2196F3;
text-decoration:none;
}
/*TOC*/
#fullArticle .index-list ul {
list-style: none;
margin: 1em 25px 0em;
float: left;
}
#fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {
color: #1d2b36;
font-size: 16px;
line-height: 1.65;
margin-bottom: 1.5em;
font-weight: 400;
}
#fullArticle .index-list li {
float: left;
width: 305px;
}
#fullArticle .index-list {
margin-bottom: 2.5em;
border-left: 5px solid #AAAEB7;
}
#fullArticle .index-list h4 {
display: block;
text-transform: uppercase;
margin: 0;
padding: 8px 26px 0;
font-size: 1em;
font-weight: 600;
}
#fullArticle .index-list:before, #fullArticle .index-list:after {
display: table;
content: "";
line-height: 0;
}
#fullArticle .index-list:after {
clear: both;
}
#fullArticle .index-list:before, #fullArticle .index-list:after {
display: table;
content: "";
line-height: 0;
}
/* Blockquotes */
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote .small, blockquote footer, blockquote small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777;
}
blockquote:before {content: none;}
.category-list .category {
background-color:#FFF;
border-radius: 3px;
}
/* Article list */
.articleList {font-size:16px;}
.articleList li {
margin: 1.4em 0;
padding-left: 25px;
}
/* Full article */
/*#fullArticle img {
margin: 2.5em 0;
}*/
#fullArticle img {
/*display: block;
margin: 1em 0 2em;*/
padding: 4px;
border-radius: 4px;
border: 1px solid #d6d6d6;
box-sizing: border-box;
}
/*footer p:after {content:"Icons from https://icons8.com";display:block;}*/