TiddlyWiki5/plugins/tiddlywiki/multiwikiserver/admin-ui/Styles.tid

title: $:/plugins/multiwikiserver/Styles
tags: $:/tags/Stylesheet

\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock

/*
Styles specific to the full screen layout
*/

.mws-admin-layout {
	padding: 1rem;
}


.mws-form-error {
	border: 2px solid red;
	padding: 1em;
	margin: 1em;
}

.mws-wiki-card {
	display: flex;
	margin: 1em 0;
	width: 100%;
	text-decoration: none;
	color: <<colour foreground>>;
	background: <<colour background>>;
	border-radius: 0.28571429rem;
	box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
	padding: 0.5em 0.5em 0.5em 1em;
}


.mws-wiki-card:hover {
	background: <<colour tiddler-info-background>>;
	color: <<colour foreground>>;
}

.mws-wiki-card-image {
	display: flex;
	align-items: center;
}

.mws-wiki-card-content {
	padding-left: 1em;
}

.mws-wiki-card-header {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 0.25em 0;
}

.mws-wiki-card-meta {
	color: <<colour muted-foreground>>;
}

.mws-wiki-card-description {

}

.mws-vertical-list {
	list-style: none;
	padding: 0;
}

.mws-horizontal-list {
	list-style: none;
	padding: 0;
}

.mws-horizontal-list > li {
	display: inline-block;
}

.mws-bag-pill {
	background: <<colour muted-foreground>>;
	color: <<colour background>>;
	fill: <<colour background>>;
	margin-right: 0.5em;
	border-radius: 0.25em;
	padding: 0 0.25em;
}

.mws-bag-pill:hover {
	background: <<colour foreground>>;
	color: <<colour background>>;
	fill: <<colour background>>;
}

.mws-bag-pill-topmost {
	background: <<colour very-muted-foreground>>;
}

.mws-bag-pill .mws-bag-pill-label {
	margin-left: 0.5em;
}

.mws-bag-pill-link {
	text-decoration: none;
	color: currentcolor;
}

.mws-favicon.tc-image-loading, .mws-favicon-small.tc-image-loading,
.mws-favicon.tc-image-error, .mws-favicon-small.tc-image-error {
	visibility: hidden;
}

.mws-favicon {
	object-fit: contain;
	width: 4em;
	max-height: 4em;
}

.mws-favicon-small {
	object-fit: contain;
	vertical-align: text-bottom;
	width: 1em;
	max-height: 1em;
}