aboutsummaryrefslogtreecommitdiff
path: root/configs/conferences/33c3/main.less
diff options
context:
space:
mode:
Diffstat (limited to 'configs/conferences/33c3/main.less')
-rw-r--r--configs/conferences/33c3/main.less106
1 files changed, 72 insertions, 34 deletions
diff --git a/configs/conferences/33c3/main.less b/configs/conferences/33c3/main.less
index 5cca25e..d606a8c 100644
--- a/configs/conferences/33c3/main.less
+++ b/configs/conferences/33c3/main.less
@@ -162,6 +162,7 @@ h1, h2, body.overview .room a.title, body.overview .panel-primary a, .navbar-bra
}
}
+
.navbar-brand {
font-size: 20px;
}
@@ -197,40 +198,6 @@ nav .navbar-form {
padding: 0;
}
-nav .button-wrapper > .btn {
- width: 70px;
- height: 70px;
- margin-left: -1px;
- border-color: white;
- border-top: 0;
- border-bottom: 0;
- border-radius: 0;
- background: url(icons.png) no-repeat left top;
- text-indent: -9999px;
- display: block;
- float: left;
-}
-
-nav .button-wrapper > .btn-ssl {
- background-position: -72px top;
-}
-
-nav .button-wrapper > .btn-ssl.btn-success {
- background-position: left top;
-}
-
-nav .button-wrapper > .feedback {
- background-position: -216px top;
-}
-
-nav .button-wrapper > .releases {
- background-position: -144px top;
-}
-
-nav .button-wrapper > .about {
- background-position: -288px top;
-}
-
.well a {
color: @dark-grey;
text-decoration: underline;
@@ -265,3 +232,74 @@ body.multiview .cell {
.schedule .block.pause {
color: black !important;
}
+
+
+
+.svg-replace(@file) {
+ background-image: url(@file);
+ background-repeat: no-repeat;
+ color: transparent;
+ background-position: center;
+
+ -webkit-user-select: none; /* Chrome all / Safari all */
+ -moz-user-select: none; /* Firefox all */
+ -ms-user-select: none; /* IE 10+ */
+ user-select: none; /* Likely future */
+}
+
+.overview {
+ .group-live h2 > span {
+ .svg-replace("svgs/f-live.svg");
+ }
+ .group-live-music h2 > span {
+ .svg-replace("svgs/f-live-music.svg");
+ }
+ .recordings h2 > span {
+ .svg-replace("svgs/f-recordings.svg");
+ }
+
+ .navbar-brand {
+
+ }
+}
+
+
+
+nav .button-wrapper > .btn {
+ height: 70px;
+
+ border-color: black;
+ &:hover {
+ border-color: white;
+ }
+
+ border-top: 0;
+ border-bottom: 0;
+ border-radius: 0;
+
+ background-color: black;
+
+ &.btn-ssl {
+ .svg-replace("svgs/tls-enabled.svg");
+ &.btn-warning {
+ .svg-replace("svgs/tls-disabled.svg");
+ }
+ width: 90px;
+ }
+ &.feedback {
+ .svg-replace("svgs/f-feedback.svg");
+ width: 150px;
+ }
+ &.releases {
+ .svg-replace("svgs/f-releases.svg");
+ width: 150px;
+ }
+ &.about {
+ .svg-replace("svgs/f-info.svg");
+ width: 150px;
+ }
+
+ display: block;
+ float: left;
+}
+