1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-09 19:39:57 +00:00
TiddlyWiki5/plugins/tiddlywiki/multiwikiserver/admin-ui/Styles.tid
2024-01-26 14:03:32 +00:00

120 lines
2.0 KiB
Plaintext

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;
}