Alex at 16:16, 17 October 2024

2024-10-17T16:16:20Z

← Older revision		Revision as of 18:16, 17 October 2024
Line 1:		Line 1:
	/* =====================================		/* =====================================
	SMW search, ask and property ~~mw.~~pages		SMW search, ask and property pages
	===================================== */		===================================== */

Line 159:		Line 159:
	}		}

	// Property:Foo ~~mw.~~pages		// Property:Foo pages
	.smw-property-page-results {		.smw-property-page-results {
	// Property page results headers		// Property page results headers

Alex: Created page with "/* ===================================== SMW search, ask and property mw.pages ===================================== */ .smw-ask-query, .smw-ask-actions { textarea { background-color: @ooui-interface; border-color: @ooui-interface-border; color: @ooui-text; } } .smw-ask-query-format { select { background-color: @ooui-interface; border: 1px solid @ooui-interface-border; color: @ooui-text; } } .smw-ask-sorting, .smw-ask-options-fields { select..."

2024-10-16T23:11:27Z

Created page with "===================================== SMW search, ask and property mw.pages =====================================: .smw-ask-query, .smw-ask-actions { textarea { background-color: @ooui-interface; border-color: @ooui-interface-border; color: @ooui-text; } } .smw-ask-query-format { select { background-color: @ooui-interface; border: 1px solid @ooui-interface-border; color: @ooui-text; } } .smw-ask-sorting, .smw-ask-options-fields { select..."

New page

/* =====================================
SMW search, ask and property mw.pages
===================================== */

.smw-ask-query,
.smw-ask-actions {
textarea {
background-color: @ooui-interface;
border-color: @ooui-interface-border;
color: @ooui-text;
}
}

.smw-ask-query-format {
select {
background-color: @ooui-interface;
border: 1px solid @ooui-interface-border;
color: @ooui-text;
}
}

.smw-ask-sorting,
.smw-ask-options-fields {
select {
background-color: darken( @cloud-burst, 2% );
border: 1px solid #4c5574; // this is how it looks with 'rgba(250, 250, 255, .25)'
color: @ooui-text;
}

input {
background-color: darken( @cloud-burst, 2% );
border: 1px solid #4c5574; // this is how it looks with 'rgba(250, 250, 255, .25)'
color: @ooui-text;
padding: 2px 1px;
}
}

.smw-ask-toplinks {
background-color: @cloud-burst;

span.smw-icon-info {
filter: invert(1);
}
}

.smw-ask-options-row-odd {
background-color: @pickled-bluewood;
}

.smw-ask-options-row-even {
background-color: @cloud-burst;
}

#options-toggle:not(:checked) + #options-list .options-parameter-list:after {
background-image: linear-gradient(to bottom,transparent,@cloud-burst 90%);
}

.smw-ask-button-submit input:hover,
.smw-ask-button-lgrey:hover {
background-color: @cloud-burst;
border-color: @pickled-bluewood;
}

// buttons
input {
&.smw-ask-action-btn {
&.smw-ask-action-btn-dblue {
background-color: @ooui-normal;
border-color: @ooui-normal-border;
color: @ooui-text;
}
}
}

a {
&.smw-ask-action-btn {
&.smw-ask-action-btn-lblue {
background-color: @cloud-burst;
border-color: lighten( @cloud-burst, 8% );
color: @ooui-text;

&:visited {
background-color: @cloud-burst;
border-color: lighten( @cloud-burst, 8% );
color: @ooui-text;
}

&:hover {
background-color: lighten( @cloud-burst, 4% );
border-color: lighten( @cloud-burst, 12% );
color: @ooui-text;
}
}
}

&.smw-ask-action-btn-lgrey {
background-color: @ooui-normal;
border-color: @ooui-normal-border;
color: @ooui-text;

&:hover {
background-color: @ooui-normal--hover;
border-color: @ooui-normal-border--hover;
color: @ooui-text;
}
}
}

// Callout messages
.smw-callout {
color: @alabaster;

&-error {
background-color: @old-brick;
border-color: @old-brick;
border-left-color: @mocaccino;
}
&-info {
background-color: @venice-blue;
border-color: @venice-blue;
border-left-color: @regal-blue;
}
&-success {
background-color: @la-palma;
border-color: @la-palma;
border-left-color: @san-felix;
}
&-warning {
background-color: @korma;
border-color: @korma;
border-left-color: @antique-bronze;
}
}

// Property page usage count indicators
.smw-tabs input.nav-tab:checked + label.nav-label {
color: inherit;

&:hover {
color: @white;
}
}

#tab-smw-property-value:checked + label.nav-label .usage-count {
color: @white;
background-color: @waikawa-grey;

&.moderate {
color: @white;
background-color: @korma;
border-color: @korma;
}

&.high {
color: @white;
background-color: @old-brick;
border-color: @old-brick;
}
}

// Property:Foo mw.pages
.smw-property-page-results {
// Property page results headers
.header-title {
background-color: @ooui-interface;
border-bottom-color: @waikawa-grey;
color: @ooui-text;
}

// Property page result rows hover
.value-row:hover {
background-color: @ooui-normal--hover;
}

// Property page alphabetic headers
.smw-table .header-row {
color: @dark-text;
}
}

// Tooltips
.tippy-tooltip.light-border-theme {
background-color: @pickled-bluewood;
color: @dark-text;

.tippy-arrow {
border-top-color: @pickled-bluewood;

&:after {
border-top-color: @pickled-bluewood;
}
}
}

.tippy-header {
background-color: darken(@pickled-bluewood, 3.5%);
border-bottom-color: @cloud-burst;
}

.smw-ui-input-filter {
background-color: @ooui-interface;
border-color: @ooui-interface-border;
color: @ooui-text;

input {
border-left-color: @ooui-interface-border !important; //beating !important on default style
color: @ooui-text !important;
}
}

/* ===================
FACTS under edits
==================== */

.smw-factbox {
background-color: @big-stone !important;
border: @big-stone !important;

label#tab-label-facts-list {
background-color: @pickled-bluewood;
color: @dark-text;
border-color: @waikawa-grey;
border-bottom-color: @pickled-bluewood;
border-top-color: orange;
}

section#tab-content-facts-list {
border-color: @waikawa-grey;

.smwfact /*more about...*/ {
background-color: @pickled-bluewood;
/*border-top-color: @waikawa-grey;*/
color: @dark-text;

.smwfacttable {
border-top-color: @waikawa-grey;
}

.smw-table.smwfacttable {
.smw-table-row:nth-child(odd) {
background-color: darken( @pickled-bluewood, 4%);
}
.smw-table-row:nth-child(even) {
background-color: @pickled-bluewood;
}
}

}
}
}

.smwtable-striped tbody > tr:nth-child(odd) {
background-color: #182137;
}

.smwtable-clean tbody > tr:nth-child(even) {
background-color: #384766;
}

.smwtable-clean tr,
.smwtable-clean tr > th,
.smwtable-clean tr > td {
border-color: #596e96;
}

// Image borders
.smwprops a .thumbborder {
border-color: @waikawa-grey;
}

MediaWiki:Vector-darkmode.less/smw.less - Revision history

Alex at 16:16, 17 October 2024