Fargepalett
Hovedfarge:
HEX #b9cfc1
CMYK 24, 0 , 21, 14
Tilleggsfarge:
HEX #7f93c2
CMYK 52, 34, 0, 10
Kontrastfarge:
HEX #f4970c
CMYK 0, 48, 96, 0
Headingfont: Neue Haas Grotesk text
Heading 1
Heading 2
Heading 3
Heading 4
(NB! H4 er holdt av til bruk for veldig små størrelser)
Paragraf 1
Paragraf 2
Paragraf 3
Monospace
Kopi av ekstra CSS (geirwerner) pr. 16.08.2024
// divers for meny på vanlig skjerm
.header-nav a:hover {
color: grey!important;
font-size: 1.2rem!important;
-webkit-transition: font-size .3s;
-moz-transition: font-size .3s;
-o-transition: font-size .3s;
transition: font-size .3s;
}
// Kalenderknapp START
.eventlist-meta-export-ical, .eventlist-meta-export-google{
background:grey;
padding: 7px 5px 7px 8px;
border-radius: 2px;
}
.eventlist-meta-export-google:hover {background-color: #3e8e41}
.eventlist-meta-export-ical:hover {background-color: #3e8e41}
// Kalenderknapper FERDIG
// Forsiktig puls på knapp
.sqs-button-element--primary{
animation: pulsing 2s infinite;
}
@keyframes pulsing {
0% {
transform: scale(0.99);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
transform: scale(0.99);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
/*Search Bar Bcakground color*/
.search-input {
background-color: white!important;
}
/*Search bar input text*/
.search-input {
border-left: 1px solid white !important;
border-top: 1px solid white !important;
border-right: 1px solid white!important;
border-bottom: 1px solid white !important;
}
// Remove Hyphens //
p, h1, h2, h3 {
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important;
}
// justere tekststørrelse på summary-block MOBIL
@media only screen and (max-width:767px) {
.summary-title
{
text-align: center;
font-size: 1.5rem!important;
letter-spacing: -1px;
word-wrap: normal; /*stopper deling av ord*/
}
}
// fiiin rulling
html {
scroll-behavior: smooth;
}
/*Chnages Search bar input text color*/
.search-input {
color: green!important;}
// Diverse css for summary block
/* dette er selektorene:
.summary-block-wrapper
.summary-item
.summary-thumbnail
.summary-content
.summary-title
.summary-excerpt
.summary-metadata
.summary-read-more-link
*/
// dato og legg til i kalender
.event-date,
{
font-size:0.9rem;
}
.eventlist-meta-export-google, .eventlist-meta-export-ical
{
font-size:0.8rem;
color:white,
}
// Skjul Vis arrangement-knapp
.eventlist-button.sqs-editable-button.sqs-button-element--primary {
display: none;
}
blockquote {
border-left: 2px solid white;
padding: 1px 10px 1px 20px;
}
.summary-title {font-size: 1,8.rem!important;
font-weight:700!important;
color: darkgreen!important;
text-transform: uppercase;}
//Fjern strek under lenker
a {
text-decoration: none!important;
}
// Burger meny endringer
#header.shrink .header-border, #header.shrink .header-background-solid{
background: transparent;
}
.header--menu-open .burger-inner .top-bun,
.header--menu-open .burger-inner .patty,
.header--menu-open .burger-inner .bottom-bun {
height: 5px;
}
/*Tykkere linjer hamburgermeny*/
.top-bun, .patty, .bottom-bun {
height: 6px !important;
padding-right: 3px!important;
}
/*Farge på linjer hamburgermeny*/
.burger-inner > div {
background-color:white !important;
}
CSS-fargekart på navn: