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

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

// @*************************************************************************@
// @ @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-ads{
	main.main-content-container{
		div.main-content-container-inner{
			div.timeline-container{
				div.main-ads--settings-container{
					width: 100%;
					display: block;
					line-height: 0px;

div.main-ads--settings-container-inner{
						width: 100%;
						display: block;

div.account--ads-list-navbar{
							width: 100%;
							display: block;

div.account--ads-list-navbar-inner{
								width: 100%;
								overflow: hidden;
								display: flex;
								flex-direction: row;
								flex-wrap: nowrap;
								justify-content: space-between;
								border-bottom: 1px solid $border;

a{
									flex: 1;
									text-decoration: none;
									line-height: 0px;
									outline: 0;

button.navbar-item-btn{
										background: transparent;
										font-size: 11px;
										font-weight: 700;
										color: $grey;
										line-height: 13px;
										box-shadow: none;
										border: none;
										padding: 15px 30px;
										cursor: pointer;
										width: 100%;
										outline: 0;
										text-transform: uppercase;

&.active{
											border-bottom: 2px solid $blue;
										}

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

div.account--ads-list-container{
							width: 100%;
							line-height: 0px;

div.upsert-ads-form-container{
								width: 100%;
								display: block;
								padding: 20px 15px;

div.form-group{
									div.ad-cover-dropzone{
										width: 100%;
										display: block;

div.ad-cover-dropzone-inner{
											width: 100%;
											display: block;
											border: 2px dashed $border;
											transition: all 0.27s ease;
											cursor: pointer;

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

div.ad-cover-upload{
												width: 100%;
												display: flex;
												flex-direction: column;
												align-items: center;
												justify-content: center;
												padding: 25px 15px;

div.icon{
													width: 45px;
													height: 45px;
													min-height: 45px;
													min-width: 45px;
													margin-bottom: 2px;

svg{
														width: 100%;
														height: 100%;
														stroke: $blue;
													}
												}

div.txt-label{
													text-align: center;
													font-size: 11px;
													color: $grey;
													line-height: 18px;
													text-transform: uppercase;
												}
											}

img{
												width: 100%;
												display: block;
											}
										}
									}

&.tos-agreement{
										width: 100%;
										line-height: 0px;
										margin-bottom: 20px;

label{
											margin-bottom: 0px;

span{
												font-size: 11px;
												line-height: 20px;
												color: $grey;
											}

a{
												font-size: 10px;
												line-height: 16px;
												color: $blue;
												font-weight: 500;
												text-decoration: none;
											}
										}
									}

p.form-info-label{
										margin-top: 5px;
									}

div.multiselect-toggle-all{
										width: 100%;
										display: block;
										margin-top: 10px;

label{
											margin-bottom: 0px;
											height: 20px;
											line-height: 20px;
											margin-right: 15px;
										}
									}
								}
							}
						}
					}

div.feature-system-off-page{
						width: 100%;
						display: flex;
						flex-direction: column;
						flex-wrap: nowrap;
						line-height: 0px;
						padding: 50px 25px 50px 25px;
						height: calc(100vh - 55px);

div.icon{
							line-height: 0px;
							margin-bottom: 15px;
							width: 100%;
							text-align: center;

svg{
								width: 100px;
								height: 100px;
								display: inline-block;
								vertical-align: middle;
							}
						}

div.pl-message{
							line-height: 0px;
							width: 100%;
							margin-bottom: 50px;

h4{
								font-size: 20px;
								padding: 0;
								margin: 0 0 15px 0;
								line-height: 20px;
								color: $black;
								font-weight: 700;
								text-align: center;
							}

p{
								font-size: 13px;
								line-height: 18px;
								padding: 0;
								margin: 0;
								color: $grey;
								text-align: center;
								overflow-wrap: break-word;
							}
						}

div.c2action-single{
							width: 100%;
							line-height: 0px;
							text-align: center;

a{
								display: inline-block;
								line-height: 0px;
								text-decoration: none;

button{
									padding-left: 40px;
									padding-right: 40px;
								}
							}
						}
					}
				}

div.empty-user-timeline {
					width: 100%;
					display: flex;
					flex-direction: column;
					flex-wrap: nowrap;
					justify-content: center;
					align-items: center;
					line-height: 0px;
					padding: 50px;
					height: 350px;
					overflow: hidden;

div.icon{
			 			line-height: 0px;
						margin-bottom: 15px;
						width: 100%;
						text-align: center;

svg{
				 			width: 50px;
				 			height: 50px;
				 			stroke: $blue;
				 		}
			 		}

div.pl-message{
						line-height: 0px;
						width: 100%;
						margin-bottom: 50px;

h4{
							font-size: 20px;
							padding: 0;
							margin: 0 0 15px 0;
							line-height: 20px;
							color: $black;
							font-weight: 700;
							text-align: center;
						}

p{
							font-size: 13px;
							line-height: 20px;
							padding: 0;
							margin: 0;
							color: $grey;
							text-align: center;
							overflow-wrap: break-word;

a{
								font-weight: 700;
								color: $link;
								text-decoration: underline;
							}
						}
					}

div.c2action-single{
						width: 100%;
						line-height: 0px;
						text-align: center;

button{
							padding-left: 40px;
							padding-right: 40px;
						}
					}
				}
			}
		}
	}
}

[-] 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]