/** * @package JEM * @copyright (C) 2013-2024 joomlaeventmanager.net * @copyright (C) 2005-2009 Christoph Lukes * @license https://www.gnu.org/licenses/gpl-3.0 GNU/GPL */ /** header icons **/ .icon-48-archive { background-image: url(../images/icon-48-archive.png); } .icon-48-elcategories { background-image: url(../images/icon-48-categories.png); } .icon-48-categoriesedit { background-image: url(../images/icon-48-categoriesedit.png); } .icon-48-eventedit { background-image: url(../images/icon-48-eventedit.png); } .icon-48-events { background-image: url(../images/icon-48-events.png); } .icon-48-groups { background-image: url(../images/icon-48-groups.png); } .icon-48-groupedit { background-image: url(../images/icon-48-groupedit.png); } .icon-48-help { background-image: url(../images/icon-48-help.png); } .icon-48-home { background-image: url(../images/icon-48-home.png); } .icon-48-settings { background-image: url(../images/icon-48-settings.png); } .icon-48-tableexport { background-image: url(../images/icon-48-tableexport.png); } .icon-48-tableimport { background-image: url(../images/icon-48-tableimport.png); } .icon-48-update { background-image: url(../images/icon-48-update.png); } .icon-48-users { background-image: url(../images/icon-48-users.png); } .icon-48-venues { background-image: url(../images/icon-48-venues.png); } .icon-48-venuesedit { background-image: url(../images/icon-48-venuesedit.png); } .icon-48-housekeeping { background-image: url(../images/icon-48-housekeeping.png); } .icon-48-plugins { background-image: url(../images/icon-48-plugins.png); } /** linkicons **/ div.linkicon { text-align: center; margin: 0 0 5px 0px; vertical-align: text-top; } input.button { /* background-color: */ cursor: pointer; color: black; border: 1px solid black; } input.button:focus { /*background-color:#......; */ } input#clear { background: url('../images/clear.png') no-repeat scroll left center; border: none; cursor: pointer; caret-color: transparent; } input#clear:focus { cursor: pointer; } .colorpicker { border: 1px solid grey; } div.linkicon a { display: block; border: 1px solid #F0F0F0; height: 76px; width: 76px; vertical-align: middle; text-decoration: none; } div.linkicon a:hover { border-left: 1px solid #eee; border-top: 1px solid #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #F9F9F9; } div.linkicon img { padding: 10px 0; margin: 0 auto; } div.linkicon span { display: block; text-align: center; } /** * imageselect */ div.item-image { float: left; border: 1px solid #ccc; margin: 3px; position: relative; } div.imgBorder { height: 72px; vertical-align: middle; width: 88px; overflow: hidden; } div.imgBorder a { height: 72px; width: 88px; display: block; cursor: pointer; } div.imgBorder a:hover { height: 72px; width: 88px; background-color: #F0F0F0; color: #f60; } img.venue-image { border: 1px #cdcdcd solid; border-radius: 3px; margin: 3px 0; padding: 3px; } div.controls { text-align: center; height: 20px; line-height: 20px; border-top: 1px solid #ddd; } div.controls img { vertical-align: middle; } div.imageinfo { background: #F9F9F9; font-family: Arial, Helvetica, sans-serif; font-size: 10px; width: 88px; height: 15px; vertical-align: middle; text-align: center; overflow: hidden; } div.pnav { padding: 5px; text-align: center; background: #F3F3F3; border: 1px solid #ccc; overflow: hidden; } div.imghead { padding: 3px; border: 1px solid #ccc; } /* Form validation */ .invalid { border-color: #FF0000; } label.invalid { color: #f00; } div.copyright { font-size: 0.85em; text-align: center; margin: 1em 0; color: #aaa; } input#jform_title { font-size: 0.909em !important; } div.clear { border: 0; clear: both; float: none; height: 1px; line-height: 1px; } label#jform_hits-lbl { display: block; } .jem_centering { text-align: center; margin-top: 0px; margin-bottom: 0px; padding: 0px; } div#page-parameters fieldset.adminform .el-spacer { background-color: #D3D3D3; padding: 5px 0px; } /* align radio buttons horizontally */ .inputbox, .pointer { cursor: pointer; } /* align radio buttons on import page */ label#replace_events0-lbl, label#replace_events1-lbl, label#replace_venues0-lbl, label#replace_venues1-lbl, label#replace_categories0-lbl, label#replace_categories1-lbl, label#replace_catevents0-lbl, label#replace_catevents1-lbl { float: none; display: inline-block; min-width: 60px; width: auto; text-align: left; } a.import-fieldinfo { cursor: pointer; color:blue; text-decoration: underline; } a.import-fieldinfo:hover { text-decoration: none; } input#replace_events0.inputbox, input#replace_events1.inputbox, input#replace_venues0.inputbox, input#replace_venues1.inputbox, input#replace_categories0.inputbox, input#replace_categories1.inputbox, input#replace_catevents0.inputbox, input#replace_catevents1.inputbox { float: none; display: inline-block; } table#el-attachments td { padding: 4px 5px; vertical-align: top; } table#el-attachments img { cursor: pointer; } table#el-attachments div.title { margin-top: 5px; margin-bottom: 3px; } table#el-attachments input { float: none; } table#el-attachments select.inputbox { width: auto; } table#el-attachments { border-collapse: collapse; } table#el-attachments tr { border-top: 1px solid #D5D5D5; } table#el-attachments tr:first-child { border-top: inherit; } div#jembackend fieldset.adminform label.hasTip { min-width: 200px; } /* ------------------- General Pagination --------------------- */ div.pagination { clear: inherit; text-align: center !important; margin: 15px 0 0 0 !important; } /* J! 3.8+ */ div.pagination nav { display: inline-block; } div.pagination p.counter { font-style: italic; } div.pagination ul { list-style: none; text-align: center !important; padding: 0; } div.pagination ul li { list-style: none; display: inline; padding: 0 5px 0 5px; } /* -- CONTROL PANEL STYLES ----------------------------- */ /* ---bluestork template, J2.5-------------------------- */ .cpanel div.icon, #cpanel div.icon { text-align: center; margin-right: 15px; float: left; margin-bottom: 15px; } .cpanel div.icon a, #cpanel div.icon a { background-color: #fff; background-position: -30px; display: block; float: left; height: 97px; width: 108px; color: #565656; vertical-align: middle; text-decoration: none; border: 1px solid #ccc; border-radius: 5px; transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow; transition-duration: 0.8s; } [data-bs-theme="dark"] .cpanel div.icon a, [data-bs-theme="dark"] #cpanel div.icon a { background-color: transparent; color: #fff; } #cpanel div.icon a:hover, #cpanel div.icon a:focus, #cpanel div.icon a:active, .cpanel div.icon a:hover, .cpanel div.icon a:focus, .cpanel div.icon a:active { background-position: 0; border-bottom-left-radius: 50% 20px; box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25); position: relative; z-index: 10; } [data-bs-theme="dark"] #cpanel div.icon a:hover, [data-bs-theme="dark"] #cpanel div.icon a:focus, [data-bs-theme="dark"] #cpanel div.icon a:active, [data-bs-theme="dark"] .cpanel div.icon a:hover, [data-bs-theme="dark"] .cpanel div.icon a:focus, [data-bs-theme="dark"] .cpanel div.icon a:active { box-shadow: none; background-color: #ffffff11; border-color: #fcf8e3; } #cpanel img, .cpanel img { padding: 10px 0; margin: 0 auto; } #cpanel span, .cpanel span { display: block; text-align: center; } div.cpanel-left { width: 54%; float: left; } div.cpanel-right { width: 45%; float: right; } img#imagelib { max-width: 80px; max-height: 80px; display: block; clear: left; } /* -----------ZEBRA STRIPES, J3+ Isis template -------------- */ .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #F9F9F9; } .table-striped tbody tr.row0:hover td, .table-striped tbody tr.row1:hover td { background-color: #e8f6fe; } /* ---------- TABLE, J3 Isis template -------------------------- */ table { max-width: 100%; background-color: transparent; border-collapse: separate; border-spacing: 0; } .table { width: 100%; margin-bottom: 18px; } .table th, .table td { padding: 8px; line-height: 18px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } .table th { font-weight: bold; background: #E3E0D5; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 1px solid #999; border-bottom: 1px solid #999; } .table tbody + tbody { border-top: 2px solid #ddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #ddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { border-radius: 0 0 0 4px; border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { border-bottom-right-radius: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { border-top-right-radius: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #F9F9F9; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #F5F5F5; } table [class*=span], .row-fluid table [class*=span] { display: table-cell; float: none; margin-left: 0; } table .span1 { float: none; width: 44px; margin-left: 0; } table .span2 { float: none; width: 124px; margin-left: 0; } table .span3 { float: none; width: 204px; margin-left: 0; } table .span4 { float: none; width: 284px; margin-left: 0; } table .span5 { float: none; width: 364px; margin-left: 0; } table .span6 { float: none; width: 444px; margin-left: 0; } table .span7 { float: none; width: 524px; margin-left: 0; } table .span8 { float: none; width: 604px; margin-left: 0; } table .span9 { float: none; width: 684px; margin-left: 0; } table .span10 { float: none; width: 764px; margin-left: 0; } table .span11 { float: none; width: 844px; margin-left: 0; } table .span12 { float: none; width: 924px; margin-left: 0; } table .span13 { float: none; width: 1004px; margin-left: 0; } table .span14 { float: none; width: 1084px; margin-left: 0; } table .span15 { float: none; width: 1164px; margin-left: 0; } table .span16 { float: none; width: 1244px; margin-left: 0; } table .span17 { float: none; width: 1324px; margin-left: 0; } table .span18 { float: none; width: 1404px; margin-left: 0; } table .span19 { float: none; width: 1484px; margin-left: 0; } table .span20 { float: none; width: 1564px; margin-left: 0; } table .span21 { float: none; width: 1644px; margin-left: 0; } table .span22 { float: none; width: 1724px; margin-left: 0; } table .span23 { float: none; width: 1804px; margin-left: 0; } table .span24 { float: none; width: 1884px; margin-left: 0; } .table tbody tr.success td { background-color: #DFF0D8; } .table tbody tr.error td { background-color: #F2DEDE; } .table tbody tr.info td { background-color: #D9EDF7; } table.table tfoot tr { text-align: center; color: #333; } table.table tfoot tr { text-align: center; color: #333; } table.table tfoot td, table.table tfoot th { background-color: #F7F7F7; border-top: 1px solid #999; text-align: center; } table.table .pagination { display: inline-block; padding: 0; margin: 0 auto; } .center, .table td.center, .table th.center { text-align: center; } .table td.order { text-align: center; white-space: nowrap; width: 200px; } .table td.order span { float: left; width: 20px; text-align: center; background-repeat: no-repeat; height: 13px; } .highlight { background: none repeat scroll 0 0 #ff0; } th img { margin-left: 3px; } img.calendar { cursor: pointer; } table.adminlist { border: 1px solid #999; } .update-info { display: flex; align-items: center; margin-bottom: 1rem; } .update-info img { margin-right: 1rem; } .update-info p { margin: 1rem 0; } .update-details { display: flex; flex-direction: column; } .update-details .detail-item { display: flex; flex-wrap: wrap; margin-bottom: 0.5rem; border-bottom: 1px solid #ccc; padding: 0.5rem 0 ; } .update-details .detail-item strong { flex: 0 0 150px; margin-right: 1rem; } .update-details .detail-item span, .update-details .detail-item a, .update-details .detail-item ul { flex: 1; } .update-details .detail-item ul { padding: 0 0 0 1rem; margin: 0 0 0.3rem; } .update-details .detail-item ul li { padding: 0.1rem 0; } @media (max-width: 600px) { .update-details .detail-item { flex-direction: column; } .update-details .detail-item strong { margin-bottom: 0.25rem; flex: 0; } } input.selectcat { margin-bottom: 3px; } input#csvexport { background-image: url('../images/export_excel.png'); background-repeat: no-repeat; background-position: 8px; padding-left: 30px; margin-bottom: 3px; } .labelexport { min-width: 100px; padding: 10px 0; } .select_country { max-width: 210px; } .colorpreview { cursor:default; background-color: #ccc; border-radius:50%; border:1px solid var(--border); font-size:1rem; height:26px; line-height:22px; width:26px; margin: 0 auto; } .colorpreview.transparent-color { background-color: #fff; background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%); background-size: 10px 10px; background-position: 0 0, 0 5px, 5px -5px, -5px 0px; } /* scale icon to fit text height */ .icon-inline { height: 1.2em; margin-left: 0.3em; } /* prevent problem with Bluestork */ #recurrence_output select, select#jform_recurrence_type { float: none; } input#jform_recurrence_limit_date { margin-left: 0; } /* ------- Things taken from J! 2.5 to be acceptable on J! 3.x -- */ .fltlft { float: left; } .fltrt { float: right; display: inline-block; } .clr { clear: both; } fieldset#filter-bar { height: auto; } fieldset#filter-bar label { display: inline-block; } fieldset#filter-bar select { width: auto; } input.text-area-order { width: 50%; margin-right: 5px; } /* Standards for commonly used elements */ div.width-20 { width: 20%; } div.width-30 { width: 30%; } div.width-35 { width: 35%; } div.width-40 { width: 40%; } div.width-45 { width: 45%; } div.width-50 { width: 50%; } div.width-55 { width: 55%; } div.width-60 { width: 60%; } div.width-65 { width: 65%; } div.width-70 { width: 70%; } div.width-80 { width: 80%; } div.width-100 { width: 100%; } /* -- TAB STYLES --------------------- */ dl.tabs { float: left; margin: 10px 0 -1px 0; z-index: 50; } dl.tabs dt { float: left; padding: 4px 10px; border: 1px solid #ccc; margin-left: 3px; background: #e9e9e9; color: #666; } dl.tabs dt.open { background: #F9F9F9; border-bottom: 1px solid #f9f9f9; z-index: 100; color: #000; } div.current { clear: both; border: 1px solid #ccc; padding: 10px 10px; } div.current dd { padding: 0; margin: 0; } /* Tab changes for accessibility */ dl.tabs dt h3 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; } dl.tabs dt h3 a:link { color: #333; outline: medium none; text-decoration: none; } /* Administrator forms, lists */ ul.adminformlist, ul.adminformlist li { margin: 0; padding: 0; list-style: none; clear: left; } /* Administrator forms, lists */ fieldset.adminform { margin: 0 10px 10px; } /* Field label widths - long label */ fieldset.adminform.long label, fieldset.adminform.long span.faux-label { min-width: 180px; } /* Field label widths - short label */ fieldset.adminform label, fieldset.adminform span.faux-label { /* min-width: 135px; */ padding-right: 5px; } fieldset.adminform label.btn { min-width: 135px; } .btn-margin { margin: 0 3px; } /* to save some space: slightly smaller table of events in backend then Joomla standard */ table#eventList > :not(caption) > * > * { padding: .75rem .75rem; } #eventList .eventtitle { } #eventList .starttime { white-space: nowrap; } .button2-left { display: inline !important; float: left; } div.current label, div.current span.faux-label { display: block; width: 150px; float: left; clear: left; /* margin-top: 8px; */ /* -moz-hyphens: auto; */ } div.current fieldset.radio input[type="radio"], div.current fieldset.checkbox input[type="checkbox"] { float: left; min-width: 15px; /* margin-top: 8px; */ } fieldset.adminform input#clear { width: auto; } fieldset.adminform fieldset.radio label, fieldset.panelform fieldset.radio label { min-width: 85px; width: inherit; padding-left: 0; padding-right: 10px; float: left; clear: none; display: inline; } fieldset.adminform .inputbox { margin-left: inherit; } select.inputbox, textarea.inputbox { padding: 0.5rem; } /* -- Help --------------------------- */ .helpFrame { border-left: 0 solid #222; border-right: none; border-top: none; border-bottom: none; width: 100%; height: 800px; padding: 0 5px 0 10px; } #treecellhelp { display: block; position: relative; float: left; margin: 0; overflow: hidden; } #datacellhelp { display: block; margin: 0; margin-top: 10px; padding: 2px 0 0 0; } .help-toc span { font-size: 0.8em; padding-right: 1em; color: #aaa } table.adminlist.help-toc { border: none; } /* --- LABEL CODE ---- */ /* Taken from Joomla! template "isis" */ .label { display: inline-block; padding: 2px 4px; font-size: 10.998px; font-weight: bold; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999; } .label { border-radius: 3px; } .label:empty { display: none; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-important { background-color: #a94442; } .label-important[href] { background-color: #843534; } .label-warning { background-color: #f89406; } .label-warning[href] { background-color: #c67605; } .label-success { background-color: #3c763d; } .label-success[href] { background-color: #2b542c; } .label-info { background-color: #31708f; } .label-info[href] { background-color: #245269; } .label-inverse { background-color: #333; } .label-inverse[href] { background-color: #1a1a1a; } .label-form { float: left; padding: 10px 0 18px 0; min-width: 100px; } .select-time { padding: 5px; margin-top: 5px; } /* --- ALERT CODE ---- */ /* Taken from Joomla! template "isis" */ .alert { padding: 8px 35px 8px 14px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #faebcc; border-radius: 4px; } .alert, .alert h4 { color: #8a6d3b; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success h4 { color: #3c763d; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger h4, .alert-error h4 { color: #a94442; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info h4 { color: #31708f; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } #jform_unregistra_until_span { display: inline-block; } #jform_unregistra_until_span input { width: 40px; text-align: right; } .icon-back:before { content: "\f053" } .adminform legend { display: block; width: 100%; padding: 0.25rem 0; margin: 2rem 0; font-size: 1.4rem; line-height: 2rem; font-weight: bold; color: #333; border: 0; } .wauto-minwmax { width: auto; min-width: max-content; }