|
|
|
@ -13,7 +13,7 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.text-primary { |
|
|
|
.text-primary { |
|
|
|
color: @brand-primary; |
|
|
|
color: @theme-primary; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
p { |
|
|
|
p { |
|
|
|
@ -34,14 +34,14 @@ a.active { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
a { |
|
|
|
a { |
|
|
|
color: @brand-primary; |
|
|
|
color: @theme-primary; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
a:hover, |
|
|
|
a:hover, |
|
|
|
a:focus, |
|
|
|
a:focus, |
|
|
|
a:active, |
|
|
|
a:active, |
|
|
|
a.active { |
|
|
|
a.active { |
|
|
|
color: darken(@brand-primary, 10%); |
|
|
|
color: darken(@theme-primary, 10%); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6 { |
|
|
|
h1, h2, h3, h4, h5, h6 { |
|
|
|
@ -64,13 +64,13 @@ h1, h2, h3, h4, h5, h6 { |
|
|
|
// Restyled Primary Buttons |
|
|
|
// Restyled Primary Buttons |
|
|
|
|
|
|
|
|
|
|
|
.btn-primary { |
|
|
|
.btn-primary { |
|
|
|
.button-variant(white; @brand-primary; @brand-primary); |
|
|
|
.button-variant(white; @theme-primary; @theme-primary); |
|
|
|
.heading-font; |
|
|
|
.heading-font; |
|
|
|
font-weight: 700; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.btn-xl { |
|
|
|
.btn-xl { |
|
|
|
.button-variant(white; @brand-primary; @brand-primary); |
|
|
|
.button-variant(white; @theme-primary; @theme-primary); |
|
|
|
.heading-font; |
|
|
|
.heading-font; |
|
|
|
font-weight: 700; |
|
|
|
font-weight: 700; |
|
|
|
border-radius: 3px; |
|
|
|
border-radius: 3px; |
|
|
|
@ -84,27 +84,27 @@ h1, h2, h3, h4, h5, h6 { |
|
|
|
background-color: @gray-darkest; |
|
|
|
background-color: @gray-darkest; |
|
|
|
border-color: transparent; |
|
|
|
border-color: transparent; |
|
|
|
.navbar-brand { |
|
|
|
.navbar-brand { |
|
|
|
color: @brand-primary; |
|
|
|
color: @theme-primary; |
|
|
|
.script-font; |
|
|
|
.script-font; |
|
|
|
&:hover, |
|
|
|
&:hover, |
|
|
|
&:focus, |
|
|
|
&:focus, |
|
|
|
&:active, |
|
|
|
&:active, |
|
|
|
&.active { |
|
|
|
&.active { |
|
|
|
color: darken(@brand-primary, 10%); |
|
|
|
color: darken(@theme-primary, 10%); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.navbar-collapse { |
|
|
|
.navbar-collapse { |
|
|
|
border-color: fade(white, 2%); |
|
|
|
border-color: fade(white, 2%); |
|
|
|
} |
|
|
|
} |
|
|
|
.navbar-toggle { |
|
|
|
.navbar-toggle { |
|
|
|
background-color: @brand-primary; |
|
|
|
background-color: @theme-primary; |
|
|
|
border-color: @brand-primary; |
|
|
|
border-color: @theme-primary; |
|
|
|
.icon-bar { |
|
|
|
.icon-bar { |
|
|
|
background-color: white; |
|
|
|
background-color: white; |
|
|
|
} |
|
|
|
} |
|
|
|
&:hover, |
|
|
|
&:hover, |
|
|
|
&:focus { |
|
|
|
&:focus { |
|
|
|
background-color: @brand-primary; |
|
|
|
background-color: @theme-primary; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.nav { |
|
|
|
.nav { |
|
|
|
@ -116,7 +116,7 @@ h1, h2, h3, h4, h5, h6 { |
|
|
|
color: white; |
|
|
|
color: white; |
|
|
|
&:hover, |
|
|
|
&:hover, |
|
|
|
&:focus { |
|
|
|
&:focus { |
|
|
|
color: @brand-primary; |
|
|
|
color: @theme-primary; |
|
|
|
outline: none; |
|
|
|
outline: none; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -125,12 +125,12 @@ h1, h2, h3, h4, h5, h6 { |
|
|
|
.navbar-nav>.active>a { |
|
|
|
.navbar-nav>.active>a { |
|
|
|
border-radius: 0; |
|
|
|
border-radius: 0; |
|
|
|
color: white; |
|
|
|
color: white; |
|
|
|
background-color: @brand-primary; |
|
|
|
background-color: @theme-primary; |
|
|
|
} |
|
|
|
} |
|
|
|
.navbar-nav>.active>a:hover, |
|
|
|
.navbar-nav>.active>a:hover, |
|
|
|
.navbar-nav>.active>a:focus { |
|
|
|
.navbar-nav>.active>a:focus { |
|
|
|
color: white; |
|
|
|
color: white; |
|
|
|
background-color: darken(@brand-primary, 10%); |
|
|
|
background-color: darken(@theme-primary, 10%); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -261,7 +261,7 @@ section { |
|
|
|
max-width: 400px; |
|
|
|
max-width: 400px; |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
.portfolio-hover { |
|
|
|
.portfolio-hover { |
|
|
|
background: fade(@brand-primary, 90%); |
|
|
|
background: fade(@theme-primary, 90%); |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
@ -376,7 +376,7 @@ section { |
|
|
|
height: 80px; |
|
|
|
height: 80px; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
z-index: 100; |
|
|
|
z-index: 100; |
|
|
|
background-color: @brand-primary; |
|
|
|
background-color: @theme-primary; |
|
|
|
color: white; |
|
|
|
color: white; |
|
|
|
border-radius: 100%; |
|
|
|
border-radius: 100%; |
|
|
|
border: 7px solid #f1f1f1; |
|
|
|
border: 7px solid #f1f1f1; |
|
|
|
@ -556,7 +556,7 @@ section#contact { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.form-control:focus { |
|
|
|
.form-control:focus { |
|
|
|
border-color: @brand-primary; |
|
|
|
border-color: @theme-primary; |
|
|
|
box-shadow: none; |
|
|
|
box-shadow: none; |
|
|
|
} |
|
|
|
} |
|
|
|
::-webkit-input-placeholder { |
|
|
|
::-webkit-input-placeholder { |
|
|
|
@ -580,7 +580,7 @@ section#contact { |
|
|
|
color: @placeholder-text; |
|
|
|
color: @placeholder-text; |
|
|
|
} |
|
|
|
} |
|
|
|
.text-danger { |
|
|
|
.text-danger { |
|
|
|
color: @brand-danger; |
|
|
|
color: @theme-danger; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -623,7 +623,7 @@ ul.social-buttons { |
|
|
|
&:hover, |
|
|
|
&:hover, |
|
|
|
&:focus, |
|
|
|
&:focus, |
|
|
|
&:active { |
|
|
|
&:active { |
|
|
|
background-color: @brand-primary; |
|
|
|
background-color: @theme-primary; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -712,12 +712,12 @@ ul.social-buttons { |
|
|
|
|
|
|
|
|
|
|
|
::-moz-selection { |
|
|
|
::-moz-selection { |
|
|
|
text-shadow: none; |
|
|
|
text-shadow: none; |
|
|
|
background: @brand-primary; |
|
|
|
background: @theme-primary; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
::selection { |
|
|
|
::selection { |
|
|
|
text-shadow: none; |
|
|
|
text-shadow: none; |
|
|
|
background: @brand-primary; |
|
|
|
background: @theme-primary; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
img::selection { |
|
|
|
img::selection { |
|
|
|
@ -729,5 +729,5 @@ img::-moz-selection { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
|
body { |
|
|
|
webkit-tap-highlight-color: @brand-primary; |
|
|
|
webkit-tap-highlight-color: @theme-primary; |
|
|
|
} |
|
|
|
} |
|
|
|
|