phpMariaEdit Code

/* phpMyEditExamples.css */

/* $Platon: phpMyEdit/css/phpMyEditExamples.css,v 5.7.6 2024-02-29 12:57:07 Yves $ */

.force-landscape {
    display: block;
}

.force-landscape p.portrait-alert {
    display: none;
}

@media only screen and (orientation: portrait) {
    .force-landscape p.portrait-alert {
        display: initial;
        color: red;
    }
    .force-landscape {
        /*
        height: 100vw;
        transform: rotate(90deg);
        */
    }
}

@media only screen and (orientation: landscape) {
    .force-landscape {
        /*
        transform: rotate(0deg);
        */
    }
}

.pme-main h1, .pme-main h3, hr.gradientline, menu.pme-menu {
    font-family: Arial, Helvetica, sans-serif;
}

.pme-main h1, .pme-main h3 {
    text-align: center;
}

menu.pme-menu {
    list-style-type: none;
    padding-left: 0;
    font-weight: bold;
}

menu.pme-menu li a {
    text-transform: uppercase;
    text-decoration: none;
}

menu.pme-menu li a:any-link {
    color: black;
}

menu.pme-menu li[disabled] {
    color: GrayText;
}

menu.pme-menu li.not-horizontal {
    display: none;
}

/* modification of styles for reports */

div.pme-report form.pme-form hr.pme-hr.down,
div.pme-report form.pme-form table.pme-navigation {
    display: none;
}

div.pme-report table.pme-main {
    width: initial;
}

/* generic styles for detailsbuttons */

th.pme-header-detailsbutton, th.pme-header-detailslink {
    font-family: Arial, Helvetica, sans-serif;
    border: #004d9c 1px solid;
    padding: 4px;
    background: #add8e6;
}

td.pme-key-detailsbutton, td.pme-key-detailslink,
td.pme-cell-detailslink, td.pme-value-detailslink,
td.pme-cell-detailsbutton, td.pme-value-detailsbutton {
    border: #004d9c 1px solid;
    padding: 3px;
}

a.pme-link,
tr.pme-row td.pme-navigation a.pme-navigation,
td.pme-cell-detailslink a.pme-cell-detailslink,
td.pme-value-detailsbutton a.pme-value-detailsbutton,
td.pme-cell-detailsbutton a.pme-cell-detailsbutton {
    font-family: Arial, Helvetica, sans-serif;
    color: blue;
    text-decoration: none;
    cursor: pointer;
}

td.pme-value-detailsbutton a.pme-value-detailsbutton,
td.pme-cell-detailsbutton a.pme-cell-detailsbutton {
    border-color: GrayText;
    border-width: thin;
    border-style: solid;
    font-variant: small-caps;
    padding: 1px 2px;
    appearance: button;
}

table.pme-main.pme-list tr.pme-header th.pme-header a.pme-header,
table.pme-main.pme-list tr.pme-header th.pme-header-detailsbutton a.pme-header-detailsbutton {
    color: blue;
}

table.pme-main.pme-delete tr.pme-row td.pme-value a.pme-value,
table.pme-main.pme-view tr.pme-row td.pme-value a.pme-value,
table.pme-main.pme-list tr.pme-row td.pme-cell a.pme-cell {
    font-family: Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    color: blue;
    text-decoration: none;
}

tr.pme-row-detailsbutton:nth-child(even),
tr.pme-cell-detailsbutton:nth-child(even) {
    background-color: #EEEEEE;
}

/* override borders for header section buttons */

.pme-main table.pme-main.pme-title,
.pme-main table.pme-main.pme-title td.pme-value-detailsbutton {
    border: none;
}

/* fancy gradientline with caption inside it */

hr.gradientline {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: CanvasText;
    text-align: center;
    height: 1.5em;
    opacity: .7;
}

hr.gradientline:before {
    content: '';
    background: linear-gradient(to right, transparent, HighlightText, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

hr.gradientline:after {
    content: attr(data-caption);
    position: relative;
    display: inline-block;
    color: CanvasText;
    padding: 0 .5em;
    line-height: 1.5em;
    color: HighlightText;
    background-color: Canvas;
}

/* eof */