/ var / www / html / cai / admins / stylesheets / sass / gui / [ HOME SHELL ]

Name	Size	Permission
_buttons.scss	3.09 KB	-rwxr-x--x
_images.scss	148 B	-rwxr-x--x
_modal.scss	38 B	-rwxr-x--x
_nav_pills.scss	109 B	-rwxr-x--x
_notifications.scss	5.17 KB	-rwxr-x--x
_pagination.scss	370 B	-rwxr-x--x
_progress_bar.scss	292 B	-rwxr-x--x
_sidebar_widgets.scss	4.91 KB	-rwxr-x--x
_userbox.scss	2.94 KB	-rwxr-x--x

Code Editor : _userbox.scss

// USERBOX
// -----------------------------------------------------------------------------
/* Userbox */
.userbox {
	display: inline-block;
	margin: 3px 17px 0 0;
	position: relative;
	vertical-align: middle;

& > a {
		display: inline-block;
		text-decoration: none;
	}

a:hover {
		text-decoration: none;
	}

.profile-info,
	.profile-picture {
		display: inline-block;
		vertical-align: middle;
	}

.profile-picture img {
		width: 35px;
		color: transparent;
	}

.profile-info {
		margin: 0 25px 0 10px;
	}

.name,
	.role {
		display: block;
	}

.name {
		color: #000011;
		@include font-size(13);
		line-height: 1.2em;
	}

.role {
		color: #ACACAC;
		@include font-size(11);
		line-height: 1.2em;
	}

.custom-caret {
		color: #000011;
		font-size: 16px;
		font-weight: bold;

&:before {
			content: "\f107";
		}
	}
}

// USERBOX OPENED
// -----------------------------------------------------------------------------
/* Userbox - Open */
.userbox.open {
	& > a {
		position: relative;
		z-index: 993;

.custom-caret:before {
			content: "\f106";
		}
	}

.dropdown-menu {
		border: none;
		box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
		@include box-sizing(content-box);
		left: -11px;
		padding: 45px 10px 0;
		top: -10px;
		width: 100%;
		z-index: 992;

li {
			margin-bottom: 5px;
		}

a {
			border-radius: 2px;
			color: #7d7d7d;
			display: block;
			@include font-size(12);
			@include line-height(15);
			padding: 5px 10px;

&:hover {
				background: $color-primary;
				color: $color-primary-inverse;
			}
		}

i {
			@include font-size(17);
			margin-right: 3px;
			vertical-align: middle;
		}
	}
}

// USERBOX MOBILE
// -----------------------------------------------------------------------------
/* Userbox - Mobile */
@media only screen and (max-width: 767px) {
	.userbox {
		float: left;
		margin: 16px 0 0 12px;
		position: relative;

&:after {
			background: #E9E9E6;
			content: '';
			height: 63px;
			margin: 0;
			position: absolute;
			right: -21px;
			top: -18px;
			width: 1px;
		}

.profile-picture {
			display: none;
		}

&.open .dropdown-menu {
			left: -5px;
			padding: 43px 0 0 0;
		}
	}
}

// HEADER DARK
// -----------------------------------------------------------------------------
/* Header Dark - Userbox */
html.dark,
html.header-dark {
	.userbox {
		&:after {
			background: darken( $sidebar-background, 5% );
		}

.name,
		.custom-caret {
			color: $page-header-color;
		}

&.open {
			.dropdown-menu {
				.name,
				.custom-caret {
					color: $page-header-color;
				}

a {
					color: $page-header-color;

&:hover {
						color: #FFF;
					}
				}
			}
		}

.dropdown-menu {
			background: lighten( $sidebar-background, 5% );

.divider {
				background: $sidebar-background;
			}

a {
				color: $page-header-color;
			}
		}
	}
}

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.

${this.title}

Code Editor : _userbox.scss

Urban Research Lab