diff options
Diffstat (limited to 'public/assets/ok.css')
| -rw-r--r-- | public/assets/ok.css | 179 |
1 files changed, 179 insertions, 0 deletions
diff --git a/public/assets/ok.css b/public/assets/ok.css new file mode 100644 index 0000000..11f6a58 --- /dev/null +++ b/public/assets/ok.css @@ -0,0 +1,179 @@ + html { + box-sizing: border-box; + } + + *, + *:before, + *:after { + box-sizing: inherit; + padding: 0; + margin: 0; + } + + a, + a:visited { + color: blue; + } + + body { + font-family: 'Roboto', sans-serif; + font-size: 11px; + } + + div, + span { + display: inline-block; + float: left; + } + + .item { + height: 100vh; + display: -webkit-flex; + display: flex; + -webkit-flex-flow: column wrap; + flex-flow: column wrap; + } + + .top, + .bottom { + -webkit-flex: 1 auto; + flex: 1 auto; + } + + .top { + background: yellow; + width: 100%; + /*height: 80vh;*/ + flex: 1 auto; + } + /*! Flickity */ + + .flickity-enabled { + position: relative; + } + + .flickity-enabled:focus { + outline: none; + } + + .flickity-viewport { + overflow: hidden; + position: relative; + height: 100%; + } + + .flickity-slider { + position: absolute; + width: 100%; + height: 100%; + } + + ::-webkit-full-screen #okgallery { + width: 100%; + height: 100%; + } + + ::-webkit-full-screen #okgallery { + width: 100%; + height: 100%; + } + + .full-screen #okgallery { + width: 100%; + height: 100%; + } + + .cell { + width: 100vw; + display: inline-block; + flex: 1 auto; + height: 50vh; + } + + .bottom { + /*height: 20vh;*/ + flex: 0 auto; + background: #eee; + overflow: hidden; + padding: 5px 0; + } + + .five { + width: 100%; + } + + .headings { + font-family: 'Roboto Mono', monospace; + font-size: 8px; + font-weight: 700; + } + + .texts { + font-weight: 400; + padding: 3px 0 0 0; + font-weight: 400; + } + + .five span { + width: calc(12% - 8px); + margin: 0 4px; + } + + .press .headings span:nth-child(5) { + width: calc(40% - 8px); + } + + .headings span { + border-bottom: 1px solid; + padding: 0 0 2px 0; + } + + .press .headings span:last-child:before { + content: "PRESS"; + } + + .five .description { + width: 50%; + -webkit-column-count: 3; + /*text-align: justify;*/ + } + + .press .five .description { + width: calc(40% - 8px); + -webkit-column-count: 2; + } + + .press .texts span:last-child a { + width: 100%; + display: inline-block; + } + + ul li { + list-style-type: none; + } + + .nopress span:nth-child(5) { + width: calc(52% - 8px); + } + + .nopress span:last-child { + display: none; + } + + @media (min-width: 1200px) { + .texts { + font-size: 13px; + } + } + + @media (min-width: 1400px) { + .texts { + font-size: 14px; + } + } + + @media (min-width: 1600px) { + .texts { + font-size: 15px; + } + }
\ No newline at end of file |