aboutsummaryrefslogtreecommitdiff
path: root/assets/css/_room.less
blob: f6abc1a9860411b8e354727f35e126ea9c1b4f9c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
body.room {
	@media (min-width: @screen-sm-min) {
		.tab-content {
			border-left: 1px solid @nav-tabs-border-color;
			border-bottom: 1px solid @nav-tabs-border-color;
			border-right: 1px solid @nav-tabs-border-color;
		}
	}

	.video.hd .player-wrap.tab-content {
		padding: 0;
	}

	@media (max-width: @screen-md-max) {
		.video.sd .player-wrap.tab-content {
			padding: 0;
		}
	}

	.player-wrap {
		margin-bottom: 60px;
		overflow: hidden;
	}

	.video-wrap {
		margin: 0 auto;
	}

	.functions-wrap
	{
		> .tab-pane {
			overflow: hidden;
		}

		#switcher {
			.row {
				margin-bottom: @padding-large-vertical;
			}

			.btn-group {
				margin-bottom: @padding-base-vertical;
			}
		}

		.notes.well {
			margin-top: @padding-large-vertical;
		}

		#chat {
			text-align: center;

			> div {
				margin: 25px;

				> a {
					font-size: 18px;

					@media (min-width: @screen-sm-min) {
						font-size: @jumbo-font-size;
					}

					&.twitterlink {
						@twitter: #55ACEE; // Twitter-Blue
						.button-variant(white; @twitter; darken(@twitter, 5%););
					}
				}

				> iframe.webchatframe {
					width: 100%;
					min-height: 12em;
					height: 30vh;
					border: 1px solid #ddd;
				}
			}
		}

		#feedback {
			padding: floor(@grid-gutter-width/2) 0;

			.feedback-error,
			.feedback-thankyou {
				font-size: @jumbo-font-size;
				text-align: center;
				padding: 30px;

				display: none;
			}
		}
	}
}