aboutsummaryrefslogtreecommitdiffstats
path: root/library/font_awesome/src/assets/less/site/jumbotron-carousel.less
diff options
context:
space:
mode:
Diffstat (limited to 'library/font_awesome/src/assets/less/site/jumbotron-carousel.less')
-rw-r--r--library/font_awesome/src/assets/less/site/jumbotron-carousel.less61
1 files changed, 61 insertions, 0 deletions
diff --git a/library/font_awesome/src/assets/less/site/jumbotron-carousel.less b/library/font_awesome/src/assets/less/site/jumbotron-carousel.less
new file mode 100644
index 000000000..014b0af8c
--- /dev/null
+++ b/library/font_awesome/src/assets/less/site/jumbotron-carousel.less
@@ -0,0 +1,61 @@
+@size: 220px;
+#icon-carousel {
+ margin-top: @buffer-sm;
+ font-size: @size;
+ text-align: center;
+ line-height: @size + 30;
+ text-shadow: 0 2px 0 rgba(0,0,0,0.15);
+}
+.carousel-control {
+ top: @size + 10px;
+ .square(30px);
+ border-width: 0;
+ font-size: 30px;
+ line-height: 25px;
+ left: 300/2 - 36px;
+ &.right {
+ left: auto;
+ right: 300/2 - 36px;
+ }
+ &.right, &.left {
+ background-image: none;
+ filter: none;
+ }
+}
+
+
+.jumbotron-carousel {
+ padding-top: 40px;
+ .btn {
+ margin-top: @buffer-lg;
+ font-family: @font-family-serif;
+ font-size: 24px;
+ padding: 17px 30px;
+ color: @jumbotron-color;
+ border-color: mix(@jumbotron-color, @jumbotron-bg, 75%);
+ background-color: transparent;
+ text-shadow: 0 1px 0 rgba(0,0,0,0.15);
+ &:hover {
+ background-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
+ border-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
+ color: @jumbotron-bg;
+ text-shadow: 0 -1px 0 @jumbotron-color;
+ }
+ }
+ .shameless-self-promotion {
+ margin-top: @buffer-lg;
+ font-size: @font-size-base;
+ line-height: @line-height-base;
+ color: mix(@jumbotron-color, @jumbotron-bg, 60%);
+ text-shadow: 0 1px 0 rgba(0,0,0,0.15);
+ a {
+ color: mix(@jumbotron-color, @jumbotron-bg, 80%);
+ border-bottom: dotted 1px mix(@jumbotron-color, @jumbotron-bg, 50%);
+ &:hover {
+ color: @jumbotron-color;
+ text-decoration: none;
+ border-bottom: solid 1px @jumbotron-color;
+ }
+ }
+ }
+}