projects
/
mkws-moved-to-github.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Recompiled (though I don't know why a compiled file is in git).
[mkws-moved-to-github.git]
/
examples
/
htdocs
/
prettysimple.css
diff --git
a/examples/htdocs/prettysimple.css
b/examples/htdocs/prettysimple.css
index
0ffaadb
..
2984f7c
100644
(file)
--- a/
examples/htdocs/prettysimple.css
+++ b/
examples/htdocs/prettysimple.css
@@
-40,7
+40,7
@@
a {
width: 100%;
margin: 1em;
}
width: 100%;
margin: 1em;
}
-.mkws-termlists {
+.mkws-facets {
margin-right: 66px;
flex: 1;
}
margin-right: 66px;
flex: 1;
}
@@
-174,6
+174,12
@@
a {
float: right;
margin-left: .7em;
}
float: right;
margin-left: .7em;
}
+.mkws-stat {
+ font-family: "Open Sans Light", sans-serif;
+ text-align: right;
+ font-size: .9em;
+}
+
/* Result containers */
.mkws-summary {
/* Result containers */
.mkws-summary {
@@
-184,7
+190,7
@@
a {
.mkws-summary:last-child {
border: none;
}
.mkws-summary:last-child {
border: none;
}
-.result-data {
+.mkws-field-data {
min-height: 120px;
display: flex;
flex-direction: column;
min-height: 120px;
display: flex;
flex-direction: column;
@@
-195,15
+201,15
@@
a {
}
/* Result fields */
}
/* Result fields */
-.result-data > * {
+.mkws-field-data > * {
flex 1;
}
flex 1;
}
-.result-date {
+.mkws-field-date {
order: 1;
font-size: 14px;
color: rgba(0, 0, 0, 0.3);
}
order: 1;
font-size: 14px;
color: rgba(0, 0, 0, 0.3);
}
-.result-title {
+.mkws-field-title {
order: 2;
font-family: "Open Sans Light", sans-serif;
font-size: 24px;
order: 2;
font-family: "Open Sans Light", sans-serif;
font-size: 24px;
@@
-211,7
+217,7
@@
a {
letter-spacing: -0.02em;
margin-bottom: 4px;
}
letter-spacing: -0.02em;
margin-bottom: 4px;
}
-.result-title-remainder {
+.mkws-field-title-remainder {
order: 3;
font-family: "Open Sans Light", sans-serif;
font-size: 12px;
order: 3;
font-family: "Open Sans Light", sans-serif;
font-size: 12px;
@@
-220,7
+226,7
@@
a {
overflow: hidden;
text-overflow: ellipsis;
}
overflow: hidden;
text-overflow: ellipsis;
}
-.result-description {
+.mkws-field-description {
order: 4;
font-family: "Open Sans Light", sans-serif;
font-size: 18px;
order: 4;
font-family: "Open Sans Light", sans-serif;
font-size: 18px;
@@
-228,18
+234,18
@@
a {
max-height: 44px;
overflow: hidden;
}
max-height: 44px;
overflow: hidden;
}
-.result-author {
+.mkws-field-author {
order: 5;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
order: 5;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
-.result-thumb {
+.mkws-field-thumb {
float: left;
margin-right: 25px;
}
float: left;
margin-right: 25px;
}
-.result-thumb > img {
+.mkws-field-thumb > img {
width: 140px;
height: 120px;
object-fit: contain;
width: 140px;
height: 120px;
object-fit: contain;
@@
-255,7
+261,7
@@
a {
/* Responsive */
@media screen and (max-width: 1020px) {
/* Responsive */
@media screen and (max-width: 1020px) {
- .mkws-termlists {
+ .mkws-facets {
margin-right: 30px;
}
}
margin-right: 30px;
}
}
@@
-269,7
+275,7
@@
a {
.main {
flex-wrap: wrap;
}
.main {
flex-wrap: wrap;
}
- .mkws-termlists {
+ .mkws-facets {
order: 99;
width: 100%;
margin-top: 40px;
order: 99;
width: 100%;
margin-top: 40px;
@@
-291,27
+297,27
@@
a {
min-height: 60px;
padding: 20px 10px;
}
min-height: 60px;
padding: 20px 10px;
}
- .result-data {
+ .mkws-field-data {
min-height: 60px;
}
min-height: 60px;
}
- .result-date {
+ .mkws-field-date {
font-size: 12px;
}
font-size: 12px;
}
- .result-title {
+ .mkws-field-title {
font-size: 18px;
}
font-size: 18px;
}
- .result-description {
+ .mkws-field-description {
font-size: 14px;
max-height: 34px;
}
font-size: 14px;
max-height: 34px;
}
- .result-author {
+ .mkws-field-author {
font-size: 11px;
}
font-size: 11px;
}
- .result-thumb {
+ .mkws-field-thumb {
order: -1;
margin-right: 10px;
}
order: -1;
margin-right: 10px;
}
- .result-thumb > img {
+ .mkws-field-thumb > img {
width: 70px;
height: 60px;
object-fit: contain;
width: 70px;
height: 60px;
object-fit: contain;