nextcloud/core/css/public.scss

#body-public {
	min-height: 100vh;
	display: flex;
	flex-direction: column;

	#content {
		flex-grow: 2;
		min-height: initial;

		/** Center the shared content inside the page */
		&.app-files_sharing {
			#app-content {
				min-height: 100%;
				display: flex;
			}

			#files-public-content {
				flex-grow: 2;
				display: grid;
			}

			#preview {
				justify-self: center;
				align-self: center;
				padding-left: 1rem;
				padding-right: 1rem;
			}
		}
	}

	.header-right {
		#header-primary-action a {
			color: var(--color-primary-text);
		}

		#header-secondary-action {
			ul li {
				min-width: 270px;
			}
			#header-actions-toggle {
				background-color: transparent;
				border-color: transparent;

				&:hover,
				&:focus,
				&:active {
					opacity: 1;
				}
			}
			#external-share-menu-item {
				form {
					display: flex;
				}
				.hidden {
					display: none;
				}
				#save-button-confirm {
					flex-grow: 0;
				}
			}
		}
	}

	/** don't apply content header padding on the base layout */
	&.layout-base #content {
		padding-top: 0;
	}

	/* force layout to make sure the content element's height matches its contents' height */
	.ie #content {
		display: inline-block;
	}


	p.info {
		margin: 20px auto;
		text-shadow: 0 0 2px rgba(0, 0, 0, .4);
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	p.info, form fieldset legend,
	#datadirContent label,
	form fieldset .warning-info,
	form input[type='checkbox']+label {
		text-align: center;
	}

	/* public footer */
	footer {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 0.5rem;
		p {
			text-align: center;
			color: var(--color-text-lighter);
			a {
				color: var(--color-text-lighter);
				font-weight: bold;
				white-space: nowrap;
				/* increasing clickability to more than the text height */
				padding: 10px;
				margin: -10px;
				line-height: 200%;
			}
		}
	}
}