ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / keebchat.com / themes / default / statics / scss / apps / settings

// @*************************************************************************@
// @ @author Mansur Altamirov (Mansur_TL)									 @
// @ @author_url 1: https://www.instagram.com/mansur_tl                      @
// @ @author_url 2: http://codecanyon.net/user/mansur_tl                     @
// @ @author_email: highexpresstore@gmail.com                                @
// @*************************************************************************@
// @ ColibriSM - The Ultimate Modern Social Media Sharing Platform           @
// @ Copyright (c) 21.03.2020 ColibriSM. All rights reserved.                @
// @*************************************************************************@

@import '../main-variables';

body.cl-app-settings{
	main.main-content-container{
		div.main-content-container-inner{
			div.timeline-container{
				div.main--profile-settings-container{
					width: 100%;
					display: block;
					line-height: 0px;

div.profile-settings-nav{
						width: 100%;
						display: block;
						line-height: 0px;

div.nav-list-itemset-title{
							width: 100%;
							overflow: hidden;
							display: block;
							line-height: 0px;
							padding: 15px;
							background: $el_hovbg;
							border-bottom: 1px solid $border;

h4{
								font-size: 13px;
								color: $black;
								padding: 0;
								margin: 0;
								font-weight: 700;
							}
						}

div.nav-list-item{
							display: flex;
							flex-direction: row;
							flex-wrap: nowrap;
							justify-content: space-between;
							align-items: center;
							padding: 15px 15px;
							border-bottom: 1px solid $border;
							text-decoration: none;
							cursor: pointer;

div.lp{
								span.preview-label{
									font-size: 13px;
									line-height: 18px;
									font-weight: 500;
									color: $black;
									display: block;
								}

span.preview-value{
									font-size: 13px;
									color: $grey;
									line-height: 18px;
									white-space: nowrap;
									display: inline-block;
									max-width: 300px;
									overflow: hidden;
									text-overflow: ellipsis;
								}
							}

div.rp{
								line-height: 0px;
								margin-left: auto;

svg{
									width: 20px;
									height: 20px;
									vertical-align: middle;
									stroke: $grey;
								}
							}

&:hover,&:active,&:focus{
								background: $el_hovbg;

b{
									color: $blue;
								}
							}

&.nav-list-item-delete{
								background: $red;

div.lp{
									span.preview-label{
										color: #fff;
										font-weight: 700;
									}

span.preview-value{
										color: #fff;
										opacity: 0.7;
									}
								}

div.rp{
									svg{
										stroke: #fff;
									}
								}
							}
						}
					}
				}
			}
		}
	}

div.modal {
		div.popup-modal-form{
			div.form-group{
				div.file-select-zone-wrapper{
					width: 100%;
					display: block;

div.file-select-zone{
						width: 100%;
						display: block;
						border: 2px dashed $border;
						padding: 0px;
						background: $el_hovbg;
						transition: all 0.27s;

button{
							display: block;
							width: 100%;
							font-size: 13px;
							color: $grey;
							line-height: 18px;
							padding: 30px 50px;
							margin: 0;
							box-shadow: none;
							border: none;
							outline: 0;
							background: transparent;
							text-align: center;
							cursor: pointer;
						}

&:hover, &:active{
							border-color: $blue;
						}
					}
				}

div.chekbox-block-item{
					border-bottom: 1px solid $border;
					padding-bottom: 10px;

span.switch-label{
						display: block;
						font-size: 13px;
						line-height: 17px;
						font-weight: 500;
						color: $black;
						display: block;
					}

label{
						margin-bottom: 0px;

span.lever{
							margin: 0;
						}
					}

p.form-info-label{
						font-size: 13px;
						color: $grey;
						line-height: 18px;
						white-space: nowrap;
						display: inline-block;
						max-width: 300px;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}
			}
		}

div.accoun-blocks-ls{
			width: 100%;
			line-height: 0px;
			display: block;
			padding: 0;
			max-height: 300px;
			overflow-x: hidden;
			overflow-y: auto;

div.accoun-blocks-list-item{
				width: 100%;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				line-height: 0px;
				border-bottom: 1px solid $border;
				padding: 10px 15px 10px 0px;
				align-items: center;
				justify-content: space-between;

div.avatar{
					width: 40px;
					height: 40px;
					overflow: hidden;
					min-width: 40px;
					max-width: 40px;
					border-radius: 10em;

img{
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}

div.user-info-holder{
		 			flex: 1;
		 			padding: 0 0 0 10px;
		 			line-height: 0px;
		 			position: relative;

div.user-info-holder-inner{
		 				width: 100%;
		 				display: flex;
		 				flex-direction: row;
		 				flex-wrap: nowrap;
		 				justify-content: space-between;
		 				align-items: center;

div.lp{
		 					h4{
				 				font-size: 13px;
				 				padding: 0;
				 				margin: 0;
				 				line-height: 13px;
				 				font-weight: 700;
				 				color: $black;
				 				white-space: nowrap;
				 			}

a{
				 				display: block;
				 				text-decoration: none;
				 				color: $grey;
				 				font-size: 13px;
				 				line-height: 20px;
				 				overflow: hidden;
				 				white-space: nowrap;
				 				text-overflow: ellipsis;
				 				max-width: 140px;
				 			}
		 				}
		 			}
		 		}

&:last-child{
		 			border-bottom: none;
		 		}
			}
		}
	}
}

[-] style.master.scss [edit]
[+] ..
[-] run4 [edit]
[-] run1 [edit]
[+] .sass-cache
[-] style.mq.scss [edit]
[-] style.dark.scss [edit]
[-] run3 [edit]
[-] style.custom.scss [edit]
[-] run2 [edit]