jiti-meet/css/_side_toolbar_container.scss

147 lines
3.0 KiB
SCSS
Raw Normal View History

2016-09-11 21:54:32 +00:00
/**
* Toolbar side panel main container element.
*/
#sideToolbarContainer {
background-color: rgba(0,0,0,0.8);
height: 100%;
left: $defaultToolbarSize;
max-width: $sidebarWidth;
2016-09-11 21:54:32 +00:00
overflow: hidden;
position: absolute;
top: 0;
width: 0;
z-index: 800;
2016-09-11 21:54:32 +00:00
/**
* Labels inside the side panel.
*/
label {
color: $defaultColor;
2016-09-11 21:54:32 +00:00
}
/**
* Form elements and blocks.
*/
2016-10-10 10:52:02 +00:00
input, select, a,
.sideToolbarBlock, .input-control, .button-control {
2016-10-07 21:47:43 +00:00
display: block;
2016-09-11 21:54:32 +00:00
margin-top: 15px;
margin-left: 10%;
width: 80%;
}
/**
* Specify colors for edit elements.
*/
select, input[type="button"], input[type="text"], input[type="reset"],
input[type="submit"] {
color: $inputColor;
2016-09-11 21:54:32 +00:00
background: $inputBackground;
border: none;
}
/**
* Specify styling of elements inside a block.
*/
.sideToolbarBlock {
2016-10-10 10:52:02 +00:00
input, button, a, select {
2016-09-11 21:54:32 +00:00
margin-left: 0;
margin-top: 5px;
2016-09-11 21:54:32 +00:00
width: 100%;
}
2016-10-10 10:52:02 +00:00
input[type='checkbox'] {
display: inline;
width: auto !important;
2016-10-10 10:52:02 +00:00
> label {
margin-top: 5px;
width: 80%;
}
}
2016-09-11 21:54:32 +00:00
}
/**
* Inner container, for example contact list, settings or profile.
*/
.sideToolbarContainer__inner {
display: none;
height: 100%;
width: $sidebarWidth;
position: absolute;
box-sizing: border-box;
2016-09-11 21:54:32 +00:00
color: #FFF;
/**
* Titles and subtitles of inner containers.
*/
div.title, div.subTitle {
2016-09-20 07:59:12 +00:00
margin: 10px 0;
2016-09-11 21:54:32 +00:00
}
/**
* Main title size.
*/
2016-09-20 07:59:12 +00:00
div.title {
color: $defaultColor !important;
2016-09-11 21:54:32 +00:00
font-size: 16px;
text-align: center;
2016-09-11 21:54:32 +00:00
}
/**
* Subtitle specific properties.
*/
2016-09-20 07:59:12 +00:00
div.subTitle {
color: $defaultSideBarFontColor !important;
font-size: 11px;
font-weight: 500;
margin-left: 10%;
text-align: left;
2016-09-11 21:54:32 +00:00
}
/**
* First element after a title.
*/
.first {
2016-09-20 07:59:12 +00:00
margin-top: 0 !important;
2016-09-11 21:54:32 +00:00
}
/**
* Buttons in the side toolbar container.
*/
.button-control {
margin: 9px 0;
width: 100%;
}
2016-09-11 21:54:32 +00:00
}
}
#device_settings {
width : auto !important;
text-align: center;
}
/**
* Profile
*/
.auth_container {
ul {
padding: 0;
li {
list-style-type: none;
a.authButton {
width: 160px;
margin: 10px 20px;
padding: 3px 29px;
box-sizing: border-box;
background-color: #06a5df;
border-radius: 4px;
cursor: pointer;
color: $defaultColor;
text-decoration: none;
text-align: center;
}
}
}
}