X-Git-Url: http://git.indexdata.com/?p=mkws-moved-to-github.git;a=blobdiff_plain;f=examples%2Fhtdocs%2Fprettysimple.css;h=2984f7ce1d6be600a2054a94eaa921f1f7746a2e;hp=0ffaadb432b47c4fe02e25e58c44ba281d96d797;hb=e1244766fb767d08b59e71f8af82a0eeceb6c976;hpb=d6e4913811ee98e7b57f19a6717bdf03020ddbe9 diff --git a/examples/htdocs/prettysimple.css b/examples/htdocs/prettysimple.css index 0ffaadb..2984f7c 100644 --- a/examples/htdocs/prettysimple.css +++ b/examples/htdocs/prettysimple.css @@ -40,7 +40,7 @@ a { width: 100%; margin: 1em; } -.mkws-termlists { +.mkws-facets { margin-right: 66px; flex: 1; } @@ -174,6 +174,12 @@ a { float: right; margin-left: .7em; } +.mkws-stat { + font-family: "Open Sans Light", sans-serif; + text-align: right; + font-size: .9em; +} + /* Result containers */ .mkws-summary { @@ -184,7 +190,7 @@ a { .mkws-summary:last-child { border: none; } -.result-data { +.mkws-field-data { min-height: 120px; display: flex; flex-direction: column; @@ -195,15 +201,15 @@ a { } /* Result fields */ -.result-data > * { +.mkws-field-data > * { flex 1; } -.result-date { +.mkws-field-date { 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; @@ -211,7 +217,7 @@ a { 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; @@ -220,7 +226,7 @@ a { overflow: hidden; text-overflow: ellipsis; } -.result-description { +.mkws-field-description { order: 4; font-family: "Open Sans Light", sans-serif; font-size: 18px; @@ -228,18 +234,18 @@ a { 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; } -.result-thumb { +.mkws-field-thumb { float: left; margin-right: 25px; } -.result-thumb > img { +.mkws-field-thumb > img { width: 140px; height: 120px; object-fit: contain; @@ -255,7 +261,7 @@ a { /* Responsive */ @media screen and (max-width: 1020px) { - .mkws-termlists { + .mkws-facets { margin-right: 30px; } } @@ -269,7 +275,7 @@ a { .main { flex-wrap: wrap; } - .mkws-termlists { + .mkws-facets { order: 99; width: 100%; margin-top: 40px; @@ -291,27 +297,27 @@ a { min-height: 60px; padding: 20px 10px; } - .result-data { + .mkws-field-data { min-height: 60px; } - .result-date { + .mkws-field-date { font-size: 12px; } - .result-title { + .mkws-field-title { font-size: 18px; } - .result-description { + .mkws-field-description { font-size: 14px; max-height: 34px; } - .result-author { + .mkws-field-author { font-size: 11px; } - .result-thumb { + .mkws-field-thumb { order: -1; margin-right: 10px; } - .result-thumb > img { + .mkws-field-thumb > img { width: 70px; height: 60px; object-fit: contain;