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

Name	Size	Permission	Action
_bootstrap_extend.scss	6.67 KB	-rwxr-x--x
_content_with_menu.scss	4.86 KB	-rwxr-x--x
_elements.scss	5.81 KB	-rwxr-x--x
_form.scss	12.49 KB	-rwxr-x--x
_header.scss	2.51 KB	-rwxr-x--x
_helpers.scss	6.32 KB	-rwxr-x--x
_menu.scss	3.32 KB	-rwxr-x--x
_nanoscroll.scss	2.04 KB	-rwxr-x--x
_page_header.scss	2.98 KB	-rwxr-x--x
_sidebar_left.scss	4.45 KB	-rwxr-x--x
_sidebar_left_sizing.scss	9.28 KB	-rwxr-x--x
_sidebar_right.scss	1.1 KB	-rwxr-x--x
_skeleton.scss	19.67 KB	-rwxr-x--x
_toolbar.scss	2.15 KB	-rwxr-x--x

Code Editor : _header.scss

// HEADER
// -----------------------------------------------------------------------------
/* Header */
.header {
	@include linear-gradient(#F6F6F6 0%, #FFFFFF 45%);
	border: {
		bottom: 1px solid #E9E9E6;
		top: 3px solid #EDEDED;
	}
	z-index: $header-z-index;

.logo {
		float: left;
		margin: 10px 0 0 15px;
		img {
			color: transparent;
		}
	}

.separator {
		@include linear-gradient(#F6F6F6 60%, #EDEDED);
		display: inline-block;
		height: 100%;
		margin: 0 25px 0;
		width: 2px;
		vertical-align: middle;
	}

.search {
		width: 170px;
		display: inline-block;
		vertical-align: middle;
	}

.toggle-sidebar-left {
		background: $color-primary;
		border-radius: 100px;
		color: $color-primary-inverse;
		height: 30px;
		line-height: 30px;
		position: absolute;
		right: 15px;
		text-align: center;
		top: 14px;
		width: 30px;
	}
}

.header-right {
	float: right;
	height: $header-height - 4px;
}

// HEADER MOBILE
// -----------------------------------------------------------------------------
/* Header Mobile */
@media only screen and (max-width: 767px) {
	.header {
		.logo-container {
			@include linear-gradient(#F6F6F6 0%, #FFFFFF 45%);
			border: {
				bottom: 1px solid #E9E9E6;
				top: 3px solid #EDEDED;
			}

.logo {
				float: none;
				display: inline-block;
				line-height: $header-height - 3;
				margin-top: 0;
			}
		}

.search,
		.separator {
			display: none;
		}
	}
}

// HEADER DARK AND DARK VERSION
// -----------------------------------------------------------------------------
/* Header Dark */
html.dark,
html.header-dark {
	.header {
		background: $sidebar-background;
		border-bottom-color: darken( $sidebar-background, 3% );
		border-top-color: $sidebar-background;

@media only screen and (max-width: 767px) {
		.logo-container {
				background: $sidebar-background;
				border-bottom-color: darken( $sidebar-background, 3% );
				border-top-color: $sidebar-background;
			}

.header-right {
				background: $sidebar-background;
			}
		}

.separator {
			@include linear-gradient($sidebar-background 10%, darken( $sidebar-background, 5% ));
		}

.input-search {
			input {
				&,
				&:focus {
					background: lighten( $sidebar-background, 5% );
					border-color: darken( $sidebar-background, 3% );
					box-shadow: 0 1px 1px rgba(0, 0, 0, 0.40) inset;
					color: #FFF;
				}
			}

.input-group-btn .btn-default {
				background: transparent;
				color: $page-header-color;
			}
		}
	}
}

Urban Research Lab

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.