diff options
author | redmatrix <git@macgirvin.com> | 2016-04-30 15:02:45 -0700 |
---|---|---|
committer | redmatrix <git@macgirvin.com> | 2016-04-30 15:02:45 -0700 |
commit | 84d93cca6e2ac0b552a6f5c570fbcfce766200a1 (patch) | |
tree | a8a9c46ee6f70dd4b8824499a49b1e39e2980dc6 /library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less | |
parent | 45512e6aba602604143e946cca49c363ae88aa1e (diff) | |
parent | 9446d0cbb463af6a256efebf97e10618469f1193 (diff) | |
download | volse-hubzilla-84d93cca6e2ac0b552a6f5c570fbcfce766200a1.tar.gz volse-hubzilla-84d93cca6e2ac0b552a6f5c570fbcfce766200a1.tar.bz2 volse-hubzilla-84d93cca6e2ac0b552a6f5c570fbcfce766200a1.zip |
Merge branch 'dev' of https://github.com/redmatrix/hubzilla into dev_merge
Diffstat (limited to 'library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less')
-rw-r--r-- | library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less b/library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less new file mode 100644 index 000000000..981d3d60c --- /dev/null +++ b/library/font_awesome/src/assets/less/site/bootstrap/jumbotron.less @@ -0,0 +1,98 @@ +.jumbotron { + background-color: lighten(@jumbotron-bg, 2%); + border-top: 1px solid mix(@jumbotron-bg, @jumbotron-color, 90%); + border-bottom: 1px solid @jumbotron-border; + margin-bottom: 0; + &, h1 { color: @jumbotron-color; } + padding: 50px 0 40px; + + h1 { + font-size: 80px; + letter-spacing: -2px; + line-height: 1; + margin: 0 0 15px; + } + p { + font-family: @font-family-alt; + margin-top: 15px; + margin-bottom: 15px; + font-size: 24px; + line-height: 1.3; + font-weight: lighter; + } + + .list-group-item { + border-color: mix(@jumbotron-color, @fa-green, 15%); + background: transparent; + } + + .text-muted { + color: mix(@jumbotron-color, @fa-green, 45%); + } + + a { + color: mix(@jumbotron-color, @fa-green, 70%); + + // STATE: hover, focus, active + &:hover, &:focus, &:active { + border-color: @fa-green-dark; + background: @fa-green-dark; + color: @jumbotron-color; + } + } +} + +.jumbotron-ad, .jumbotron-carousel { + h1 { + text-shadow: 4px 3px 0px @jumbotron-bg, 9px 8px 0px rgba(0,0,0,0.15); // double text shadow + } + p { + color: mix(@jumbotron-color, @jumbotron-bg, 75%); + text-shadow: 0 1px 0 rgba(0,0,0,0.15); + } +} + +.jumbotron-icon { + padding: 30px 0 25px; + background-color: @gray-lighter; + color: @gray-darker; + &, h1 { text-shadow: 0 1px 0 #fff; } + border-bottom-color: mix(@gray-light, @gray-lighter, 25%); + border-top-color: mix(#fff, @gray-lighter, 50%); + h1 { + color: @gray-darker; + margin-top: @buffer-lg; + small { + letter-spacing: normal; + font-family: @font-family-sans-serif; + font-size: @font-size-base; + margin-left: 20px; + } + } + + .info-icons { + font-size: @font-size-base; + } + .info-details { + float: left; + p { + margin: 25px 0; + font-weight: bold; + } + .dl-horizontal { + dt { width: @component-offset-horizontal - 100; } + dd { margin-left: @component-offset-horizontal - 85; } + } + } + .fa-2 { font-size: 2em; } + .fa-3 { font-size: 4em; } + .fa-4 { font-size: 7em; } + .fa-5 { font-size: 12em; } + .fa-6 { font-size: 20em; } + + .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 1/14em; } +} + +h1.info-class { + font-size: 30px; +} |