Gecko [ 35.178.45.201 ]

Name	Size	Permission
fonts	[ DIR ]	drwxr-xr-x
actual-result.css	1.09 KB	-rw-rw-r--
animate.css	76.08 KB	-rw-rw-r--
autocomplete.css	555 B	-rw-rw-r--
bootstrap.formatted.css	9.39 KB	-rw-rw-r--
bootstrap.min.css	122.03 KB	-rwxr-xr-x
bootstrap44.min.css	155.78 KB	-rw-rw-r--
demo.css	3.02 KB	-rwxr-xr-x
feed.css	4.83 KB	-rw-rw-r--
font-awesome.formatted.css	3.75 KB	-rw-rw-r--
font-awesome.min.css	35.48 KB	-rwxr-xr-x
footnav.css	1.01 KB	-rw-rw-r--
fullsearch.css	1.97 KB	-rw-rw-r--
header.css	2.23 KB	-rw-rw-r--
home.css	5.21 KB	-rw-rw-r--
html5doctor.css	1.73 KB	-rw-rw-r--
jobs.css	4.94 KB	-rw-rw-r--
layout.css	5.59 KB	-rw-rw-r--
list.css	7.12 KB	-rw-rw-r--
login.css	6.14 KB	-rw-rw-r--
magnific-popup.css	6.79 KB	-rwxr-xr-x
main-js.css	2.62 KB	-rw-rw-r--
main.css	18.42 KB	-rw-rw-r--
main.formatted.css	13.17 KB	-rw-rw-r--
mains.css	8.94 KB	-rw-rw-r--
nav.css	1.91 KB	-rw-rw-r--
navigation.css	4.26 KB	-rw-rw-r--
place-list.css	826 B	-rw-rw-r--
place.css	13.49 KB	-rw-rw-r--
place2.css	10.08 KB	-rw-rw-r--
places.css	2.31 KB	-rw-rw-r--
plain.css	58 B	-rw-rw-r--
profile.css	7.41 KB	-rw-rw-r--
rate.css	6.23 KB	-rw-rw-r--
select2.min.css	14.62 KB	-rw-rw-r--
set1.css	3.02 KB	-rwxr-xr-x
set2.css	2.33 KB	-rwxr-xr-x
sidenav.css	2.12 KB	-rw-rw-r--
simple-line-icons.css	12.65 KB	-rwxr-xr-x
slick-theme.css	3.54 KB	-rw-rw-r--
slick.css	1.73 KB	-rw-rw-r--
style.css	28.56 KB	-rwxr-xr-x
style.css.map	9.35 KB	-rwxr-xr-x
swiper.min.css	18.88 KB	-rwxr-xr-x
test.css	1.46 KB	-rw-rw-r--
themify-icons.css	16.06 KB	-rwxr-xr-x

Code Editor : profile.css

body{
	margin:0;
	color:#1e1d23;
	/*background:#b1cfd6;*/
	font:300 18px/18px Roboto;
}

*,:after,:before{box-sizing:border-box}
.pull-left{float:left}
.pull-right{float:right}

.material{
	width:100%;
	min-height:100vh;
	background:#fff;
}

.wrapper {
	width: 80%;
	padding-top: 40px;
	position:relative;
	display: flex;
	align-items: flex-start;
	margin: 0 auto;
	padding-bottom: 300px;
}

.material a{
	/* color:inherit; */
	text-decoration:none;
}
.material .top-bar{
	padding:15px;
	background:#25252f;
}
.material .top-bar a{
	display:inline-block;
}
.material .top-bar .search-tgl,
.material .top-bar .option-tgl{
	min-width:15px;
	margin-left:15px;
	text-align:right;
}
.material .top-bar .search-tgl{
	line-height:0;
}
.material .top-bar .title{
	margin-left:15px;
}
.material .profile{
	padding:15px;
	/*position:relative;*/
	flex: 1;
	display: flex;
	align-items: center;
}

@media (min-width: 767px) {
	.material .profile {
		position: sticky;
		top: 10px;
	}
}

.material .profile .photo,
.material .tabs-content .friend-list .photo{
	/* background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0OHB4IiBoZWlnaHQ9IjQ4cHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNBQUFBQUEiIGQ9Ik0yNCwwQzEwLjc0NiwwLDAsMTAuNzQ1LDAsMjRzMTAuNzQ2LDI0LDI0LDI0YzEzLjI1NiwwLDI0LTEwLjc0NSwyNC0yNFMzNy4yNTYsMCwyNCwweiBNMjQsMTMuNzEzYzIuODA5LDAsNS4wODQsMi4yNzUsNS4wODQsNS4wODNjMCwyLjgwOS0yLjI3NSw1LjA4NC01LjA4NCw1LjA4NGMtMi44MDcsMC01LjA4My0yLjI3NS01LjA4My01LjA4NEMxOC45MTcsMTUuOTg4LDIxLjE5MywxMy43MTMsMjQsMTMuNzEzeiBNMzIuNTgyLDM3LjY5Yy0yLjQ5MSwxLjUzNy01LjQxNiwyLjQzOS04LjU1OSwyLjQzOWMtMy4xNjEsMC02LjEwNC0wLjkxMy04LjYwNC0yLjQ2N1YyNy4zMjZjMC0wLjkwNCwwLjczMy0xLjYzOCwxLjYzOC0xLjYzOGgxMy44ODhjMC45MDQsMCwxLjYzOCwwLjczMywxLjYzOCwxLjYzOEwzMi41ODIsMzcuNjlMMzIuNTgyLDM3LjY5eiIvPjwvc3ZnPg==) 100% / cover; */
}

.profile-content {
	flex: 3;
	padding-left: 25px;
}

@media (max-width: 900px){
	.wrapper {
		display: flex;
		flex-direction: column;
		width: 600px;
		padding-top: 10px;
	}

.profile-content {
		width: 600px;
		padding-left: 0;
	}
}

@media (max-width: 650px){
	.wrapper {
		/* align-items: center; */
	}

.profile-content {
		width: 100%;
	}
}

@media (max-width: 650px){
	.wrapper {
		width: 90%;
	}
}

.material .profile .photo{
	left:30px;
	z-index:7;
	width:55px;
	top:30px;
	height:55px;
	overflow:hidden;
	border-radius:50%;
	/*position:absolute;*/
}
.material .profile .photo img{
	width:100%;
	display:block;
}
.material .profile .info{
	/*position:absolute;*/
	padding-left: 10px;
	/* text-shadow:0 2px 1px rgba(0,0,0,.6); */
}
.material .profile .info .name{
	font-size:16px;
	font-weight:400;
}.material .profile .info .position{
	font-size:13px;
	padding-top:5px;
}

.material .tabs{
	margin-top:5px;
	
	display: flex;
	/* justify-content: space-between; */
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 100;
}

.material .tabs a{
	width:33%;
	/*float:left;*/
	font-size:14px;
	text-align:center;
	padding:15px 0;
	max-width: 250px;
	border-bottom: 1px solid #ccc;
}

.material .tabs a:hover {
	background-color: #eee;
}

.material .tabs a.active {
    /* transition: all 1000ms linear; */
	border-bottom: 2px solid var(--red);
	color: var(--red);
    /* font-weight: bold;
    font-family: 'Gilroy Bold'; */
}

@media (max-width: 767px) {
	.material .tabs a {
		width: 50%;
	}
}

.material .tabs-content{
	padding: 15px 0;
}

.form-group {
	padding: 10px 0;
}

.form-group label {
	padding-bottom: 7px;
	cursor: pointer;
    padding-left: 10px;
}

.form-group .form-control {
	margin-top: 5px;
}

.form-control {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    padding: 5px 10px;
	font-size: 16px;
	border: 1px solid #ccc;
}

.form-control[type='file'] {
	width: 200px;
}

.button {
	border-radius: 30px;
	font-size: 14px;
}

.list-group {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
	margin-bottom: 0;
	width: 200px;
}

.list-group-item {
	position: relative;
    display: block;
    padding: .75rem 1.25rem;
    /* margin-bottom: -1px; */
    background-color: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
	text-align: center;
}

.list-group-item:last-child {
	border-bottom: 1px solid #ccc;
	border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.list-group-item a, .list-group-item button {
	font-size: 15px;
	font-family: 'Gilroy Semi Bold', sans-serif;
	font-weight: 600;
	
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.profile-review {
    display: flex;
    align-items: flex-start;
	margin-bottom: 25px;
	color: #1e1d23;
}

.profile-review-image {
	width: 100%;
}

.review-image-carousel {
	padding: 1px 2px;
    padding-top: 5px;
    border: none;
    font-size: 15px;
    background-color: #eee;
    border-radius: 50%;
    margin-left: 5px;
}

.review-image-carousel.left {
	margin-left: 5px;
}

.review-image-carousel.right {
	margin-right: 5px;
}

.profile-review__image-link {
	margin-bottom: 15px;
}

@media (min-width: 767px){
	.profile-review {
		display: block;
	}

.profile-review__image-link {
		flex: 1;
		/* margin-right: 15px; */
		margin-bottom: 0;
	}
}

.profile-review .profile-review__image {
    height: 100px;
    border-radius: 7px;
    background-size: cover;
    background-color: #F9F9F9; 
    background-position: center; 
	background-repeat: no-repeat;
	
}

.profile-review__details {
	flex: 4;
	position: relative;
	padding-top: 10px;
}

.profile-review__content {
	padding-right: 30px;
}

.profile-review__placename a {
	font-size: 1rem;
}

.profile-review__foodname, .profile-review__rating, .profile-review__comment {
	font-size: 14px;
	display: block;
	padding: 2px 0;
}

.profile-review__rating {
	color: #ffc700;
}

.profile-review__foodname {
	font-style: italic;
}

.profile-review__actions {
	position: absolute;
	top: 0;
	right: 8px;
}

.profile-review__actions > button {
	border: none;
	background: transparent;
}

@media (max-width: 1080px) {
    .profile-review .profile-review__image {
        height: 130px;
    }

.profile-review a, .profile-review p, .profile-review span {
        /* font-size: 14px; */
    }
}

@media (max-width: 520px) {

.profile-review {
        margin-bottom: 0;
        grid-template-columns: 100px auto;
    }

.profile-review h3 {
        font-size: 17px;
	}
	
	.profile-review span, .profile-review p {
		font-size: 14px;
	}

.profile-review .profile-review__image {
        height: 100px;
        border-radius: 7px;
        background-repeat: no-repeat;
        background-size: cover;
		background-position: center;
		margin-bottom: 10px;
    }
}

@media (min-width: 430px) {
	.profile-review .profile-review__image {
        width: 120px;
		margin-right: 15px;
    }
}

@media (max-width: 430px) {
	body {
		font-size: 14px;
	}

.form-control {
		font-size: 14px;
	}

.profile-review {
        display: block;
        margin-bottom: 30px;
    }

.profile-review .profile-review__image {
        height: 170px;
        margin-bottom: 10px;
    }
}

${this.title}

Code Editor : profile.css