diff options
author | Thedro Neely <thedroneely@gmail.com> | 2022-01-24 18:43:10 -0500 |
---|---|---|
committer | Thedro Neely <thedroneely@gmail.com> | 2022-01-24 18:43:10 -0500 |
commit | d2c02388390b5b7a259e60d6c5dac0473123e98e (patch) | |
tree | bade05793fddd1ffe089f9d42894c0a90f766e48 | |
parent | cbf66d935d1952e52ca47997bcadd108257f1cda (diff) | |
download | thedroneely.com-d2c02388390b5b7a259e60d6c5dac0473123e98e.tar.gz thedroneely.com-d2c02388390b5b7a259e60d6c5dac0473123e98e.tar.bz2 thedroneely.com-d2c02388390b5b7a259e60d6c5dac0473123e98e.zip |
public/css: Remove more unused CSS and ensure video footers
Remove more unused CSS rules for future refactor and ensure all video elements have
footers.
-rw-r--r-- | app/views/index.view.php | 13 | ||||
-rw-r--r-- | public/css/tdro.css | 92 |
2 files changed, 9 insertions, 96 deletions
diff --git a/app/views/index.view.php b/app/views/index.view.php index dd03d12..b561e10 100644 --- a/app/views/index.view.php +++ b/app/views/index.view.php @@ -23,10 +23,15 @@ In it for the long haul </h2> - <video preload="none" poster="/images/pipes.png" width="732" height="" autoplay="true" loop="true" muted="true"> - <source src="/videos/pipes.mp4" type="video/mp4"> - Your browser does not support the video tag. - </video> + <div class="video has-text-centered"> + <video preload="none" poster="/images/pipes.png" width="732" height="" autoplay="true" loop="true" muted="true"> + <source src="/videos/pipes.mp4" type="video/mp4" /> + Your browser does not support the video tag. + </video> + <footer class="has-text-centered has-text-grey-dark"> + pipes.sh terminal screensaver + </footer> + </div> <div class="content"> diff --git a/public/css/tdro.css b/public/css/tdro.css index cdde74d..3099d5d 100644 --- a/public/css/tdro.css +++ b/public/css/tdro.css @@ -862,104 +862,12 @@ fieldset[disabled] .radio { flex-shrink: 1; } -.field.has-addons.has-addons-centered { - justify-content: center; -} - -.field.has-addons.has-addons-right { - justify-content: flex-end; -} - -.field.has-addons.has-addons-fullwidth .control { - flex-grow: 1; - flex-shrink: 0; -} - -.field.is-grouped { - display: flex; - justify-content: flex-start; -} - -.field.is-grouped > .control { - flex-shrink: 0; -} - -.field.is-grouped > .control:not(:last-child) { - margin-bottom: 0; - margin-right: 0.75rem; -} - -.field.is-grouped > .control.is-expanded { - flex-grow: 1; - flex-shrink: 1; -} - -.field.is-grouped.is-grouped-centered { - justify-content: center; -} - -.field.is-grouped.is-grouped-right { - justify-content: flex-end; -} - -.field.is-grouped.is-grouped-multiline { - flex-wrap: wrap; -} - -.field.is-grouped.is-grouped-multiline > .control:last-child, -.field.is-grouped.is-grouped-multiline > .control:not(:last-child) { - margin-bottom: 0.75rem; -} - -.field.is-grouped.is-grouped-multiline:last-child { - margin-bottom: -0.75rem; -} - -.field.is-grouped.is-grouped-multiline:not(:last-child) { - margin-bottom: 0; -} - @media screen and (min-width: 769px), print { .field.is-horizontal { display: flex; } } -.field-label .label { - font-size: inherit; -} - -@media screen and (max-width: 768px) { - .field-label { - margin-bottom: 0.5rem; - } -} - -@media screen and (min-width: 769px), print { - .field-label { - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - margin-right: 1.5rem; - text-align: right; - } - .field-label.is-small { - font-size: 0.75rem; - padding-top: 0.375em; - } - .field-label.is-normal { - padding-top: 0.375em; - } - .field-label.is-medium { - font-size: 1.25rem; - padding-top: 0.375em; - } - .field-label.is-large { - font-size: 1.5rem; - padding-top: 0.375em; - } -} - .field-body .field .field { margin-bottom: 0; } |