Malin
f55c91276e
- Add videodb PHP/MySQL media collection manager (Blu-ray, DVD, CD) - Dockerfile: PHP 8.1 + Apache with GD/mysqli/exif extensions - docker-compose.yml: app on port 6761 + MySQL 8.0 with health checks - docker-entrypoint.sh: auto-generates config.inc.php from env vars, waits for MySQL, initializes DB schema idempotently - init-db.php: CLI schema installer using app's own prefix_query() logic - Persistent volumes for DB, cache, and cover images Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
172 lines
5.8 KiB
CSS
172 lines
5.8 KiB
CSS
/* The Grid ---------------------- */
|
|
.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
|
|
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
|
|
.lt-ie9 .row.large-collapse .column,
|
|
.lt-ie9 .row.large-collapse .columns { padding: 0; }
|
|
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
|
|
.lt-ie9 .row .row.large-collapse { margin: 0; }
|
|
.lt-ie9 .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
|
|
.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }
|
|
.lt-ie9 [class*="column"] + [class*="column"]:last-child { float: right; }
|
|
.lt-ie9 [class*="column"] + [class*="column"].end { float: left; }
|
|
.lt-ie9 .large-1,
|
|
.lt-ie9 .row .large-1 { width: 8.33333%; }
|
|
.lt-ie9 .large-2,
|
|
.lt-ie9 .row .large-2 { width: 16.66667%; }
|
|
.lt-ie9 .large-3,
|
|
.lt-ie9 .row .large-3 { width: 25%; }
|
|
.lt-ie9 .large-4,
|
|
.lt-ie9 .row .large-4 { width: 33.33333%; }
|
|
.lt-ie9 .large-5,
|
|
.lt-ie9 .row .large-5 { width: 41.66667%; }
|
|
.lt-ie9 .large-6,
|
|
.lt-ie9 .row .large-6 { width: 50%; }
|
|
.lt-ie9 .large-7,
|
|
.lt-ie9 .row .large-7 { width: 58.33333%; }
|
|
.lt-ie9 .large-8,
|
|
.lt-ie9 .row .large-8 { width: 66.66667%; }
|
|
.lt-ie9 .large-9,
|
|
.lt-ie9 .row .large-9 { width: 75%; }
|
|
.lt-ie9 .large-10,
|
|
.lt-ie9 .row .large-10 { width: 83.33333%; }
|
|
.lt-ie9 .large-11,
|
|
.lt-ie9 .row .large-11 { width: 91.66667%; }
|
|
.lt-ie9 .large-12,
|
|
.lt-ie9 .row .large-12 { width: 100%; }
|
|
.lt-ie9 .row .large-offset-1 { margin-left: 8.33333%; }
|
|
.lt-ie9 .row .large-offset-2 { margin-left: 16.66667%; }
|
|
.lt-ie9 .row .large-offset-3 { margin-left: 25%; }
|
|
.lt-ie9 .row .large-offset-4 { margin-left: 33.33333%; }
|
|
.lt-ie9 .row .large-offset-5 { margin-left: 41.66667%; }
|
|
.lt-ie9 .row .large-offset-6 { margin-left: 50%; }
|
|
.lt-ie9 .row .large-offset-7 { margin-left: 58.33333%; }
|
|
.lt-ie9 .row .large-offset-8 { margin-left: 66.66667%; }
|
|
.lt-ie9 .row .large-offset-9 { margin-left: 75%; }
|
|
.lt-ie9 .row .large-offset-10 { margin-left: 83.33333%; }
|
|
.lt-ie9 .pull-2 { right: 16.66667%; }
|
|
.lt-ie9 .pull-3 { right: 25%; }
|
|
.lt-ie9 .pull-4 { right: 33.33333%; }
|
|
.lt-ie9 .pull-5 { right: 41.66667%; }
|
|
.lt-ie9 .pull-6 { right: 50%; }
|
|
.lt-ie9 .pull-7 { right: 58.33333%; }
|
|
.lt-ie9 .pull-8 { right: 66.66667%; }
|
|
.lt-ie9 .pull-9 { right: 75%; }
|
|
.lt-ie9 .pull-10 { right: 83.33333%; }
|
|
.lt-ie9 .push-2 { left: 16.66667%; }
|
|
.lt-ie9 .push-3 { left: 25%; }
|
|
.lt-ie9 .push-4 { left: 33.33333%; }
|
|
.lt-ie9 .push-5 { left: 41.66667%; }
|
|
.lt-ie9 .push-6 { left: 50%; }
|
|
.lt-ie9 .push-7 { left: 58.33333%; }
|
|
.lt-ie9 .push-8 { left: 66.66667%; }
|
|
.lt-ie9 .push-9 { left: 75%; }
|
|
.lt-ie9 .push-10 { left: 83.33333%; }
|
|
/* Nicolas Gallagher's micro clearfix */
|
|
.lt-ie9 .row { *zoom: 1; }
|
|
.lt-ie9 .row:before, .row:after { content: " "; display: table; }
|
|
.lt-ie9 .row:after { clear: both; }
|
|
|
|
/* top-bar according to */
|
|
.top-bar.lt-ie9 {
|
|
background: #111111;
|
|
*zoom: 1;
|
|
overflow: visible; }
|
|
.top-bar.lt-ie9:before, .top-bar.lt-ie9:after {
|
|
content: " ";
|
|
display: table; }
|
|
.top-bar.lt-ie9:after {
|
|
clear: both; }
|
|
.top-bar.lt-ie9 .toggle-topbar {
|
|
display: none; }
|
|
.top-bar.lt-ie9 .title-area {
|
|
float: left; }
|
|
.top-bar.lt-ie9 .name h1 a {
|
|
width: auto; }
|
|
.top-bar.lt-ie9 input,
|
|
.top-bar.lt-ie9 .button {
|
|
line-height: 2em;
|
|
font-size: 0.875em;
|
|
height: 2em;
|
|
padding: 0 10px;
|
|
position: relative;
|
|
top: 8px; }
|
|
.top-bar.lt-ie9.expanded {
|
|
background: #111111; }
|
|
.contain-to-grid .top-bar.lt-ie9 {
|
|
max-width: 62.5em;
|
|
margin: 0 auto; }
|
|
.top-bar-section.lt-ie9 {
|
|
-webkit-transition: none 0 0;
|
|
-moz-transition: none 0 0;
|
|
transition: none 0 0;
|
|
left: 0 !important; }
|
|
.top-bar-section.lt-ie9 ul {
|
|
width: auto;
|
|
height: auto !important;
|
|
display: inline; }
|
|
.top-bar-section.lt-ie9 ul li {
|
|
float: left; }
|
|
.top-bar-section.lt-ie9 ul li .js-generated {
|
|
display: none; }
|
|
.top-bar-section.lt-ie9 li a:not(.button) {
|
|
padding: 0 15px;
|
|
line-height: 45px;
|
|
background: #111111; }
|
|
.top-bar-section.lt-ie9 li a:not(.button):hover {
|
|
background: black; }
|
|
.top-bar-section.lt-ie9 .has-dropdown > a {
|
|
padding-right: 35px !important; }
|
|
.top-bar-section.lt-ie9 .has-dropdown > a:after {
|
|
content: "";
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border: solid 5px;
|
|
border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
|
|
margin-top: -2.5px; }
|
|
.top-bar-section.lt-ie9 .has-dropdown.moved {
|
|
position: relative; }
|
|
.top-bar-section.lt-ie9 .has-dropdown.moved > .dropdown {
|
|
visibility: hidden; }
|
|
.top-bar-section.lt-ie9 .has-dropdown:hover > .dropdown, .top-bar-section.lt-ie9 .has-dropdown:active > .dropdown {
|
|
visibility: visible; }
|
|
.top-bar-section.lt-ie9 .has-dropdown .dropdown li.has-dropdown > a:after {
|
|
border: none;
|
|
content: "\00bb";
|
|
margin-top: -7px;
|
|
right: 5px; }
|
|
.top-bar-section.lt-ie9 .dropdown {
|
|
left: 0;
|
|
top: auto;
|
|
background: transparent;
|
|
min-width: 100%; }
|
|
.top-bar-section.lt-ie9 .dropdown li a {
|
|
color: white;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
padding: 7px 15px;
|
|
background: #1e1e1e; }
|
|
.top-bar-section.lt-ie9 .dropdown li label {
|
|
white-space: nowrap;
|
|
background: #1e1e1e; }
|
|
.top-bar-section.lt-ie9 .dropdown li .dropdown {
|
|
left: 100%;
|
|
top: 0; }
|
|
.top-bar-section.lt-ie9 > ul > .divider {
|
|
border-bottom: none;
|
|
border-top: none;
|
|
border-right: solid 1px #2b2b2b;
|
|
border-left: solid 1px black;
|
|
clear: none;
|
|
height: 45px;
|
|
width: 0px; }
|
|
.top-bar-section.lt-ie9 .has-form {
|
|
background: #111111;
|
|
padding: 0 15px;
|
|
height: 45px; }
|
|
.top-bar-section.lt-ie9 ul.right li .dropdown {
|
|
left: auto;
|
|
right: 0; }
|
|
.top-bar-section.lt-ie9 ul.right li .dropdown li .dropdown {
|
|
right: 100%; } }
|