149 lines
3.2 KiB
SCSS
149 lines
3.2 KiB
SCSS
.nitro-room-tools-container {
|
|
position: absolute;
|
|
bottom: $toolbar-height + 65px;
|
|
left: 0;
|
|
|
|
.nitro-room-tools {
|
|
background: rgba($dark, 0.95);
|
|
box-shadow: inset 0px 5px lighten(rgba($dark, 0.6), 2.5), inset 0 -4px darken(rgba($dark, 0.6), 4);
|
|
border-top-right-radius: $border-radius;
|
|
border-bottom-right-radius: $border-radius;
|
|
transition: all 0.2s ease;
|
|
z-index: 2;
|
|
margin-left: -20px;
|
|
|
|
.list-group-item {
|
|
background: transparent;
|
|
padding: 3px 0px;
|
|
color: $white;
|
|
border-color: rgba($black, 0.3);
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
&:first-child {
|
|
padding-top: 8px;
|
|
}
|
|
|
|
&:last-child {
|
|
border-bottom: none;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.tools-item {
|
|
.icon {
|
|
width: 22px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.nitro-room-history {
|
|
background: rgba($dark, 0.95);
|
|
box-shadow: inset 0px 5px lighten(rgba($dark, 0.6), 2.5), inset 0 -4px darken(rgba($dark, 0.6), 4);
|
|
transition: all 0.2s ease;
|
|
width: 150px;
|
|
overflow: hidden;
|
|
z-index: 3;
|
|
}
|
|
|
|
.nitro-room-tools-info {
|
|
background: rgba($dark, 0.95);
|
|
box-shadow: inset 0px 5px lighten(rgba($dark, 0.6), 2.5), inset 0 -4px darken(rgba($dark, 0.6), 4);
|
|
transition: all 0.2s ease;
|
|
max-width: 250px;
|
|
}
|
|
}
|
|
|
|
.nitro-room-tools-history {
|
|
position: absolute;
|
|
left: 0;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.wordquiz-question {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
font-size: large;
|
|
background: rgba($dark, 0.95);
|
|
box-shadow: inset 0px 5px lighten(rgba($dark, 0.6), 2.5), inset 0 -4px darken(rgba($dark, 0.6), 4);
|
|
border-radius: $border-radius;
|
|
transition: all 0.2s ease;
|
|
z-index: $quiz-zindex;
|
|
|
|
.question {
|
|
max-width: 300px;
|
|
}
|
|
}
|
|
|
|
.word-quiz-dislike {
|
|
background: url("@/assets/images/room-widgets/wordquiz-widget/thumbs-down.png");
|
|
width: 31px;
|
|
height: 34px;
|
|
}
|
|
|
|
.word-quiz-like {
|
|
background: url("@/assets/images/room-widgets/wordquiz-widget/thumbs-up.png");
|
|
width: 31px;
|
|
height: 34px;
|
|
}
|
|
|
|
.word-quiz-dislike-sm {
|
|
background: url("@/assets/images/room-widgets/wordquiz-widget/thumbs-down-small.png");
|
|
width: 22px;
|
|
height: 22px;
|
|
}
|
|
|
|
.word-quiz-like-sm {
|
|
background: url("@/assets/images/room-widgets/wordquiz-widget/thumbs-up-small.png");
|
|
height: 22px;
|
|
width: 22px;
|
|
}
|
|
|
|
.nitro-widget-doorbell {
|
|
width: $nitro-doorbell-width;
|
|
height: $nitro-doorbell-height;
|
|
}
|
|
|
|
.toggle-roomtool {
|
|
min-height: 95px;
|
|
width: 20px;
|
|
margin-left: -5px;
|
|
padding-left: 10px;
|
|
z-index: 3;
|
|
}
|
|
|
|
.room-tool-item {
|
|
height: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.margin-icons {
|
|
margin-top: -14px;
|
|
}
|
|
|
|
.margin-button-history {
|
|
margin-left: 4px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
@import "./avatar-info/AvatarInfoWidgetView";
|
|
@import "./chat/ChatWidgetView";
|
|
@import "./chat-input/ChatInputView";
|
|
@import "./choosers/ChooserWidgetView";
|
|
@import "./context-menu/ContextMenu";
|
|
@import "./friend-request/FriendRequestDialogView";
|
|
@import "./furniture/FurnitureWidgets";
|
|
@import "./mysterybox/MysteryBoxExtensionView";
|
|
@import "./pet-package/PetPackageWidgetView";
|