Boardshop styling

Profilfarger:

Logo 1 - #e41e2d

Logo 2 - #000000

1 - #EFEEE9

2 - #113641

3 - #AAC1BF

4 - #0A4C61

5 - #E3E1C8

6 - #4193A9

Bakgrunnsgfarge for publiseringsfelt

Class: "bgCol_Wht" = background-color:#ffffff;

Class: "bgCol_1" = background-color:#EFEEE9;

Class: "bgCol_2" = background-color:#113641;

Nyttårssalg

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Class: "bgCol_4" = background-color:#0A4C61;

Class: "bgCol_5" = background-color:#E3E1C8;

Class: "bgCol_6" = background-color:#4193A9;

Color Mix for Background + text

Class= "ColMix_12" = bg color 1 – text color 2

Class: "ColMix_21" = bg color 2 – text color 1

Class: "ColMix_34" = bg color 3 – text color 4

Class: "ColMix_43" = bg color 4 – text color 3

Class: "ColMix_56" = bg color 5 – text color 6

Class: "ColMix_65" = bg color 6 – text color 5

HEADERS = THEME STYLE
Endre font i header på artikler ( THEME ) | h1, h2, h3, h4

Standard theme = Allumi-std

Theme 1 = Allumi Std Extra Bold

Theme 2 = Allumi-std-inline-black24

Theme 3 = Allumi-std-exinline-black24

Article-layout-padding

"Outside" padding. Eksempel = Padding30 = 30px

Class = Padding10
Class =Padding15
Class =Padding20
Class =Padding25
Class =Padding30

Article list padding

Inside padding. Eksempel = listPadding30 = 30px

listPadding10
listPadding15
listPadding20
listPadding25
listPadding30

Bottom space (outer)

Margin bottom after content. Eksempel = SpaceBtm40

SpaceBtm10 = 10px
SpaceBtm20 = 20px
SpaceBtm30 = 30px
SpaceBtm40 = 40px

Bottom space (inner)

Margin bottom inside after content. Eksempel = SpaceBtmAdd40

SpaceBtmAdd10 = 10px
SpaceBtmAdd20 = 20px
SpaceBtmAdd30 = 30px
SpaceBtmAdd40 = 40px

Article no margin

Bottom and right margin = 0px
Class= noMargin

Artikkel 1

Artikkel 2

Artikkel 3

Artikkel 4

Artikkel 5

Artikkel 6

Filter blue

Background image with blue filter.
Header = Left/bottom position + arrow
Class = filterBlue

Overskrift

Season logo list

Class = season-logo-list

Articles with background.
Max height 80.

Vimeo iframe fullbredde

Ekstern video = Class = "Videofullbredde"

Fjerne knapper på grid annonser

Class = noBUYbtn

Velg

50%

Volcom Longo PulloverOrange Shock

1 450

2 899

5+

Kampanjebanner

Banner med kampanjetekst ( wordsplittheme 1 )
Bakgrunnsfarge, bakgrunnsbilde og ramme
class = wSplitTheme-1-1

jQuery word_split = ??

Back to School!

TYPING-animation

Make H6 + H5
Class = typewriterV2

Make.more.

Friends.

Fullbredde banner

Felt = 100% bredde
Slideshow Top eller uten venstremeny

Class = bgFullWidth

Fullbredde banner med standard bredde på innhold

Background artwork (artikler)

Global class = BSbg-pattern
+ legg til klasse for mønsterfarge, bakgrunnsfarge og eventuelt opacity

Eksempel under viser:

Style 1 classes:
BSbg-pattern + PatternStyle-columns-col-7 + bgCol_1 + opacity50

Style 2 classes:
BSbg-pattern + PatternStyle-columns-col-mix-5 + bgCol_4 + opacity25

Style 1
Black = PatternStyle-columns-col-1
Color #0a4c61 = PatternStyle-columns-col-2
Color #4193a9 = PatternStyle-columns-col-3
Color #113641 = PatternStyle-columns-col-4
Color #aac1bf = PatternStyle-columns-col-5
Color #e3e1c8 = PatternStyle-columns-col-6
Color #efeee9 = PatternStyle-columns-col-7

Color 2+3 mix = PatternStyle-columns-col-mix-1
Color 4+5 mix = PatternStyle-columns-col-mix-2
Color 6+7 mix = PatternStyle-columns-col-mix-3
Dark mix = PatternStyle-columns-col-mix-4
Light mix = PatternStyle-columns-col-mix-5
Blue mix = PatternStyle-columns-col-mix-6

Style 2
Black = PatternStyle-lines-col-1
Color #0a4c61 = PatternStyle-lines-col-2
Color #4193a9 = PatternStyle-lines-col-3
Color #113641 = PatternStyle-lines-col-4
Color #aac1bf = PatternStyle-lines-col-5
Color #e3e1c8 = PatternStyle-lines-col-6
Color #efeee9 = PatternStyle-lines-col-7

Color 2+3 mix = PatternStyle-lines-col-mix-1
Color 4+5 mix = PatternStyle-lines-col-mix-2
Color 6+7 mix = PatternStyle-lines-col-mix-3
Dark mix = PatternStyle-lines-col-mix-4
Light mix = PatternStyle-lines-col-mix-5
Blue mix = PatternStyle-lines-col-mix-6

Opacity:
90% class = opacity90
75% class = opacity75
50% class = opacity50
25% class = opacity25
10% class = opacity10

Background artwork (page/main content area)

Velg meny modus > Velg "Denne siden" i admin-toppmeny > Endre > Avansert > Body css class > legg inn klasse for mønsterfarge

Global class = BSbg-cover
+ legg til klasse for mønsterfarge

Style 1 = class
Black = PatternStyle-columns-col-1
Color #0a4c61 = PatternStyle-columns-col-2
Color #4193a9 = PatternStyle-columns-col-3
Color #113641 = PatternStyle-columns-col-4
Color #aac1bf = PatternStyle-columns-col-5
Color #e3e1c8 = PatternStyle-columns-col-6
Color #efeee9 = PatternStyle-columns-col-7

Color 2+3 mix = PatternStyle-columns-col-mix-1
Color 4+5 mix = PatternStyle-columns-col-mix-2
Color 6+7 mix = PatternStyle-columns-col-mix-3
Dark mix = PatternStyle-columns-col-mix-4
Light mix = PatternStyle-columns-col-mix-5
Blue mix = PatternStyle-columns-col-mix-6

Style 2 = class
Black = PatternStyle-lines-col-1
Color #0a4c61 = PatternStyle-lines-col-2
Color #4193a9 = PatternStyle-lines-col-3
Color #113641 = PatternStyle-lines-col-4
Color #aac1bf = PatternStyle-lines-col-5
Color #e3e1c8 = PatternStyle-lines-col-6
Color #efeee9 = PatternStyle-lines-col-7

Color 2+3 mix = PatternStyle-lines-col-mix-1
Color 4+5 mix = PatternStyle-lines-col-mix-2
Color 6+7 mix = PatternStyle-lines-col-mix-3
Dark mix = PatternStyle-lines-col-mix-4
Light mix = PatternStyle-lines-col-mix-5
Blue mix = PatternStyle-lines-col-mix-6

Ramme

Legg inn css-klasse for rammetykkelse og rammefarge.

Rammetykkelse
borderThin
borderMedium
borderThick

Rammefarge

frameCol_1 (#EFEEE9)
frameCol_2 (#113641)
frameCol_3 (#AAC1BF)
frameCol_4 (#0A4C61)
frameCol_5 (#E3E1C8)
frameCol_6 (#4193A9)

Produkter

Kategorier

Merker

Merkenavn

Artikler

Tilbehør

Alternativer