1322 lines
26 KiB
CSS
1322 lines
26 KiB
CSS
/**
|
|
* @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
|
|
*/
|
|
|
|
#jem .jem-removebutton {
|
|
cursor: pointer;
|
|
color: red;
|
|
}
|
|
|
|
#jem .jem-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
align-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#jem ul.jem-registered-list img {
|
|
width: 30px;
|
|
}
|
|
|
|
#jem .jem-event-info {
|
|
margin-right: 15px;
|
|
float: left;
|
|
}
|
|
|
|
#jem .jem-event-info:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#jem .jem-event-info-small {
|
|
word-break: keep-all;
|
|
}
|
|
|
|
#jem .jem-event-info-small:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
div#jem a {
|
|
}
|
|
|
|
div#jem h1.componentheading {
|
|
margin-bottom: 6px;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
#jem h1.componentheading i.fa,
|
|
#jem h1.componentheading i.fas {
|
|
font-size: 1.332rem;
|
|
}
|
|
|
|
div#jem .formelm-buttons {
|
|
margin-bottom: 0px;
|
|
float: right;
|
|
cursor: pointer;
|
|
}
|
|
|
|
ul.adminformlist,
|
|
ul.adminformlist li {
|
|
margin: 5px;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
div#jem .inputbox:focus {
|
|
border: 1px solid #808080;
|
|
background-color: #DDE084;
|
|
}
|
|
|
|
div#jem .hr {
|
|
border: 0;
|
|
border-top: 1px solid #E19832;
|
|
height: 0;
|
|
background-color: #E19832;
|
|
}
|
|
|
|
input .required {
|
|
background-color: #D5EEFF !important;
|
|
}
|
|
|
|
div#jem .inputbox.required {
|
|
background-color: #D5EEFF !important;
|
|
}
|
|
|
|
div#jem .inputbox:hover {
|
|
border: 1px solid #808080;
|
|
background-color: #DDE084;
|
|
}
|
|
|
|
div#jem .inputbox {
|
|
border: 1px solid #808080;
|
|
background-color: #C6CCBE;
|
|
cursor: pointer;
|
|
}
|
|
|
|
div#jem .input {
|
|
border: 1px solid #808080;
|
|
background-color: #B3BABA;
|
|
cursor: pointer;
|
|
}
|
|
|
|
div#jem fieldset {
|
|
border: 1px dotted #808080 !important;
|
|
}
|
|
|
|
/* -------------------
|
|
GENERAL
|
|
--------------------- */
|
|
div#jem {
|
|
overflow: hidden;
|
|
background-color: #EDF4F5;
|
|
border: 1px solid #000;
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* On J! 3.7 the calendar popup will show below the field
|
|
which results in half hidden calendar on recurrence.
|
|
Following rule will allow calendar to be shown complete.
|
|
*/
|
|
div#jem.jem_editevent {
|
|
overflow: inherit;
|
|
}
|
|
|
|
/**
|
|
* @section button
|
|
*/
|
|
div#jem .buttons {
|
|
float: right;
|
|
}
|
|
|
|
div#jem .buttons a {
|
|
border: 1px solid #808080;
|
|
}
|
|
|
|
div#jem .buttons span.gap {
|
|
float: left;
|
|
margin: 0 0 0 7px;
|
|
}
|
|
|
|
/* Edit-event view */
|
|
div#jem .button1 {
|
|
box-shadow: rgb(0, 0, 0) 0 1px 0 0;
|
|
background-color: #EBE8E9;
|
|
border: 1px solid #29447E;
|
|
font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
padding: 2px 6px;
|
|
margin: 2px;
|
|
cursor: pointer;
|
|
color: #000;
|
|
position: relative;
|
|
text-decoration: none;
|
|
top: 8px;
|
|
left: 3px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
div#jem .button1:disabled,
|
|
div#jem .button1:disabled:hover {
|
|
color: #999;
|
|
}
|
|
|
|
div#jem .button3 {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Edit-event view, hover */
|
|
div#jem .button1:hover {
|
|
background-color: #D1C9CC;
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Filter button */
|
|
div#jem .buttonfilter {
|
|
box-shadow: rgb(0, 0, 0) 0 1px 0 0;
|
|
background-color: #EBE8E9;
|
|
border: 1px solid #29447E;
|
|
font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
padding: 2px 6px;
|
|
cursor: pointer;
|
|
color: #000;
|
|
position: relative;
|
|
text-decoration: none;
|
|
top: inherit;
|
|
left: inherit;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
/* Filter button:hover */
|
|
div#jem .buttonfilter:hover {
|
|
background-color: #D1C9CC;
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div#jem .clear {
|
|
border: 0;
|
|
clear: both;
|
|
float: none;
|
|
height: 1px;
|
|
line-height: 1px;
|
|
}
|
|
|
|
div#jem div.clr {
|
|
clear: both;
|
|
}
|
|
|
|
/* ie fix in coditional comments (html source) */
|
|
div#jem .floattext:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
|
|
div#jem .floattext {
|
|
display: block; /* safari */
|
|
}
|
|
|
|
/* used in venue select popup */
|
|
div#jem .pointer {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* used for map without api-key */
|
|
div#jem .venue_map {
|
|
border: 1px solid #000;
|
|
width: 100%;
|
|
}
|
|
|
|
#jem .choose-status {padding-right: 30px;}
|
|
#jem .choose-status select#status {display: inline;}
|
|
|
|
/**
|
|
* @section headers
|
|
*/
|
|
div#jem h2 {
|
|
font-weight: normal !important;
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
padding: 0.3em 0.3em;
|
|
background: none repeat scroll 0% 0% #D4D6B2;
|
|
border: 1px solid #808080;
|
|
}
|
|
|
|
div#jem h2 img {
|
|
border: none;
|
|
margin-left: 0.3em;
|
|
}
|
|
|
|
div#jem .jemcomponentheading {
|
|
border-bottom: 0px !important;
|
|
}
|
|
|
|
div#jc h4 {
|
|
|
|
}
|
|
|
|
|
|
/**
|
|
* @section definitionlist
|
|
*
|
|
* Event
|
|
*/
|
|
div#jem dl {
|
|
margin: 0 5px;
|
|
}
|
|
|
|
div#jem dt { /* definition term */
|
|
margin: 0;
|
|
padding: 0.3em 0;
|
|
float: left;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
width: 165px;
|
|
background: transparent;
|
|
}
|
|
|
|
div#jem dd { /* definition description */
|
|
display: block;
|
|
margin: 0 0 5px 12em;
|
|
padding: 0.3em 0;
|
|
font-size: 1em;
|
|
background: transparent;
|
|
margin-left: 160px;
|
|
}
|
|
|
|
div#jem .jcomments dd {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
* html .floattext dd /* ie6 fix against the 3px jog bug */
|
|
{
|
|
height: 1%;
|
|
}
|
|
|
|
div#jem div.description {
|
|
margin: 5px 0;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
div#jem div.no_space,
|
|
div#jem .no_space {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
div#jem .copyright {
|
|
font-size: 0.9em;
|
|
text-align: center;
|
|
margin: 1em 0;
|
|
color: #808080;
|
|
float: none;
|
|
}
|
|
|
|
/**
|
|
* @section images
|
|
* flyer, locations, maps, ...
|
|
*/
|
|
div#jem .flyerimage {
|
|
float: right !important;
|
|
border: 0px solid #000;
|
|
width: auto;
|
|
position: static !important;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
div#jem .googlemap {
|
|
border: 0px solid #000;
|
|
width: auto;
|
|
position: static !important;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* scale icon to fit text height */
|
|
div#jem .icon-inline {
|
|
height: 1em;
|
|
margin-left: 0.3em;
|
|
}
|
|
|
|
div#jem .icon-inline-left {
|
|
height: 1em;
|
|
margin-left: 0;
|
|
margin-right: 0.3em;
|
|
}
|
|
|
|
/**
|
|
* maps, ...
|
|
*/
|
|
div#jem .map {
|
|
margin: 0.3em;
|
|
position: relative;
|
|
}
|
|
|
|
div#googlemap .modal {
|
|
border: none;
|
|
}
|
|
|
|
/**
|
|
* @section registered user list
|
|
*/
|
|
div#jem div.register {
|
|
margin: 5px 0;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
div#jem ul.user {
|
|
margin: 5px;
|
|
padding: 0;
|
|
list-style: none;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
div#jem ul.user li {
|
|
float: left;
|
|
margin: 5px;
|
|
list-style: none;
|
|
}
|
|
|
|
div#jem ul.user li img {
|
|
border: #DDDDDD 1px solid;
|
|
padding: 3px;
|
|
}
|
|
|
|
div#jem ul.user li span.username {
|
|
display: block;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div#jem span.username {
|
|
color: #000;
|
|
}
|
|
|
|
div#jem span.username a {
|
|
color: #000;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
/* -------------------
|
|
General Pagination
|
|
--------------------- */
|
|
div.pagination {
|
|
clear: both;
|
|
text-align: center !important;
|
|
margin: 15px 0 0 0 !important;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
/**
|
|
* @section Categoryview
|
|
*/
|
|
div#jem .catimg {
|
|
margin: 0 0.5em 0.5em 0;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
|
|
div#jem .catimg p {
|
|
font-size: 0.9em;
|
|
line-height: 180%;
|
|
margin: 0 0 0.5em 0;
|
|
}
|
|
|
|
div#jem .cat-children ul li {
|
|
list-style: none;
|
|
}
|
|
|
|
/* -------------------
|
|
TABLE
|
|
--------------------- */
|
|
div#jem table.eventtable {
|
|
background: #DEDEDE;
|
|
margin:1em 0px;
|
|
width: 100%;
|
|
font-size: 1em;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
div#jem table.eventtable th {
|
|
background-color: #809EA8;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
padding: 0.4em;
|
|
text-align: left;
|
|
border: 1px solid #000;
|
|
text-align: left;
|
|
}
|
|
|
|
div#jem table.eventtable th a {
|
|
color: #FFF;
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
div#jem table.eventtable th img {
|
|
margin: 0 0 5px 5px;
|
|
vertical-align: middle;
|
|
border: none;
|
|
}
|
|
|
|
div#jem table.eventtable td {
|
|
background-color: #EAEBE1;
|
|
padding: 0.4em;
|
|
border: 1px solid #000;
|
|
vertical-align: top;
|
|
}
|
|
|
|
div#jem table.eventtable td a {
|
|
background-color: transparent;
|
|
/* color:#095197; */
|
|
}
|
|
|
|
div#jem table.eventtable tr.sectiontableentry2 td {
|
|
background-color: #F0F0EE;
|
|
}
|
|
|
|
div#jem table.eventtable tr:hover td {
|
|
background-color: #BACFBA;
|
|
}
|
|
|
|
div#jem table.eventtable tr.featured td {
|
|
background-color: #B6B6B4;
|
|
}
|
|
|
|
div#jem table.eventtable td.jem_eventimage {
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
|
|
div#jem table.eventtable td.jem_eventimage
|
|
div#jem table.eventtable td.header-td {
|
|
text-align: left;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* activate this rule to show date in event lists bold (when two-line mode is choosen) * /
|
|
div#jem table.eventtable tr td span.jem_date-2 {
|
|
font-weight: bold;
|
|
}
|
|
/**/
|
|
|
|
/* activate these two rules to replace the linebreak by a space * /
|
|
div#jem table.eventtable tr td br.jem_break-2 {
|
|
display: none;
|
|
}
|
|
div#jem table.eventtable tr td span.jem_date-2::after {
|
|
content: " ";
|
|
}
|
|
/**/
|
|
|
|
#jem div.jem-map {
|
|
padding-top: 15px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
#jem div.jem-map iframe {
|
|
width: 100%;
|
|
height: 300px;
|
|
}
|
|
|
|
/* -------------------
|
|
FILTER
|
|
--------------------- */
|
|
div#jem #jem_filter {
|
|
margin: 1em 0 0.5em 0;
|
|
padding: 0.5em;
|
|
border: solid 1px #808080;
|
|
background: #FFA500;
|
|
}
|
|
|
|
div#jem .jem_fleft {
|
|
float: left;
|
|
}
|
|
|
|
div#jem .jem_fright {
|
|
float: right;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 5px;
|
|
}
|
|
|
|
/* no fixed width on J! 3.x */
|
|
#jem select[id^="filter_"],
|
|
#jem select,
|
|
#jem input[id^="filter_"] {
|
|
width: auto;
|
|
}
|
|
|
|
#jem #jem_filter .input-append {
|
|
margin-bottom: 0;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
#jem .input-append {
|
|
display: inline-block;
|
|
}
|
|
|
|
#jem #jem_filter tr {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
#jem #jem_filter label {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#jem .jem_fright label,
|
|
#jem .jem_fleft label {
|
|
display: inline-block;
|
|
}
|
|
|
|
#jem .nowrap {
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* -------------------
|
|
EDIT FORM
|
|
--------------------- */
|
|
|
|
/* J!3 */
|
|
#jem .edit fieldset legend {
|
|
width: auto;
|
|
float: unset;
|
|
}
|
|
|
|
/*
|
|
#jem .edit .current dd.tabs {
|
|
border: none;
|
|
}
|
|
*/
|
|
div.jem_editevent ul.adminformlist label {
|
|
min-width: 160px;
|
|
}
|
|
|
|
div.jem_editvenue label,
|
|
div.jem_select_users ul.adminformlist label {
|
|
min-width: 150px;
|
|
}
|
|
|
|
div.jem_editevent form fieldset,
|
|
div.jem_editvenue form fieldset {
|
|
margin: 0 0 1em 0;
|
|
padding: 1em;
|
|
}
|
|
|
|
div.jem_editevent form legend,
|
|
div.jem_editvenue form legend,
|
|
div.jem_select_users ul.adminformlist legend {
|
|
padding: 0.3em;
|
|
font-weight: bold;
|
|
background-color: #FFA500;
|
|
border-radius: 5px;
|
|
border: 1px solid #000;
|
|
line-height: 22px;
|
|
}
|
|
|
|
div.jem_editevent form label,
|
|
div.jem_editvenue form label,
|
|
div.jem_select_users ul.adminformlist label {
|
|
width: 9em;
|
|
margin: 0;
|
|
padding: 0;
|
|
float: left;
|
|
display: block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Hoffi: Don't style buttons. They should be styled same as file select button. */
|
|
div.jem_editevent form input:hover, /* event */
|
|
/*div.jem_editevent form button:hover,*/
|
|
div.jem_editevent form select:hover,
|
|
div.jem_editevent form textarea:hover,
|
|
div.jem_editvenue form input:hover, /* venue */
|
|
/*div.jem_editvenue form button:hover,*/
|
|
div.jem_editvenue form select:hover,
|
|
div.jem_editvenue form textarea:hover,
|
|
div.jem_select_users ul.adminformlist select:hover,
|
|
div.jem_select_users ul.adminformlist input:hover {
|
|
border: 1px solid #808080;
|
|
background-color: #DDE084;
|
|
}
|
|
|
|
div.jem_editevent form input:active,
|
|
div.jem_editevent form select:active,
|
|
div.jem_editevent form textarea:active,
|
|
div.jem_editvenue form input:active,
|
|
div.jem_editvenue form select:active,
|
|
div.jem_editvenue form textarea:active,
|
|
div.jem_select_users ul.adminformlist select:active,
|
|
div.jem_select_users ul.adminformlist input:active,
|
|
div.jem_editevent form input:visited,
|
|
div.jem_editevent form select:visited,
|
|
div.jem_editevent form textarea:visited,
|
|
div.jem_editvenue form input:visited,
|
|
div.jem_editvenue form select:visited,
|
|
div.jem_editvenue form textarea:visited,
|
|
div.jem_select_users ul.adminformlist select:visited,
|
|
div.jem_select_users ul.adminformlist input:visited,
|
|
div.jem_editevent form input:active,
|
|
div.jem_editevent form select:active,
|
|
div.jem_editevent form textarea:active,
|
|
div.jem_editvenue form input:active,
|
|
div.jem_editvenue form select:active,
|
|
div.jem_editvenue form textarea:active,
|
|
div.jem_select_users ul.adminformlist select:active,
|
|
div.jem_select_users ul.adminformlist input:active {
|
|
background-color: #C6CCBE;
|
|
}
|
|
|
|
div.jem_editevent form input,
|
|
div.jem_editevent form select,
|
|
div.jem_editevent form textarea,
|
|
div.jem_editvenue form input,
|
|
div.jem_editvenue form textarea,
|
|
div.jem_select_users ul.adminformlist select,
|
|
div.jem_select_users ul.adminformlist input {
|
|
padding: 0.2em;
|
|
border: 1px solid #808080;
|
|
cursor: pointer;
|
|
}
|
|
|
|
div.jem_editvenue form select {
|
|
margin: 0 0 0.5em 0;
|
|
padding: 0.2em auto 0.2em 0.2em;
|
|
border: 1px solid #808080;
|
|
cursor: pointer;
|
|
}
|
|
|
|
table#el-attachments .title {
|
|
padding: 4px 0;
|
|
}
|
|
|
|
table#el-attachments input {
|
|
width: 100%;
|
|
margin: 0px 0px 0.5em;
|
|
padding: 0.2em;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
table#el-attachments input.attach-field {
|
|
width: auto; /* to put the Clear button right beside */
|
|
margin: 0px 0px 0.5em;
|
|
padding: 0.2em;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
div.jem_editevent form input#a_name {
|
|
float: left;
|
|
}
|
|
|
|
div.jem_editevent form img,
|
|
div.jem_editvenue form img {
|
|
border: 0;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
div.jem_editevent #userfile-remove,
|
|
div.jem_editvenue #userfile-remove {
|
|
float: right;
|
|
}
|
|
|
|
/** save buttons */
|
|
div.right {
|
|
margin: 0 0 1em 0;
|
|
float: right;
|
|
}
|
|
|
|
/** recurrence */
|
|
div.jem_editevent form label#recurrence_output {
|
|
width: auto;
|
|
float: none;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
/** registration */
|
|
div.jem_editevent form div.jem_unregister,
|
|
div.jem_editevent form div.jem_register {
|
|
width: 35%;
|
|
float: left;
|
|
margin: 0 1em 0 0;
|
|
}
|
|
|
|
#jem input[id$="registra_from"] {
|
|
text-align: right;
|
|
}
|
|
|
|
#jem input[id$="registra_until"] {
|
|
text-align: right;
|
|
}
|
|
|
|
#jem input[id$="unregistra_until"] {
|
|
text-align: right;
|
|
}
|
|
|
|
#jem #jform_registra_from2, #jem #jform_registra_until2, #jem #jform_unregistra_until2 {
|
|
padding: 5px 0 0 5px;
|
|
}
|
|
|
|
#jem #addplaces, #jem #cancelplaces {
|
|
text-align: center;
|
|
display: inline;
|
|
max-width: 100px;
|
|
}
|
|
|
|
#jem form input::-webkit-outer-spin-button,
|
|
#jem form input::-webkit-inner-spin-button {
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
div.jem_box_left,
|
|
div.jem_box_right {
|
|
width: 45%;
|
|
float: left;
|
|
}
|
|
|
|
div.jem_box_right {
|
|
float: right;
|
|
}
|
|
|
|
table#el-attachments td {
|
|
padding: 5px;
|
|
border: 1px solid #808080;
|
|
}
|
|
|
|
table#search td {
|
|
border: none !important;
|
|
}
|
|
|
|
table#search tr {
|
|
border: none !important;
|
|
padding: 20px !important;
|
|
}
|
|
|
|
table#el-attachments th {
|
|
background: #366999;
|
|
color: #fff;
|
|
line-height: 22px;
|
|
border: 1px solid #000;
|
|
text-align: center;
|
|
}
|
|
|
|
/** googlemap **/
|
|
#googlemap {
|
|
margin: 20px 0px 20px 20px;
|
|
}
|
|
|
|
/*
|
|
Thx to https://www.bloggerswatch.com/internet/css-trick-submit-button-should-look-same-everywhere/
|
|
*/
|
|
.buttons a,
|
|
.buttons button {
|
|
display: block !important;
|
|
float: left !important;
|
|
margin: 0 0 0 7px !important;
|
|
background-color: #F5F5F5 !important;
|
|
border: 1px solid #808080 !important;
|
|
border-top: 1px solid #808080 !important;
|
|
border-left: 1px solid #808080 !important;
|
|
font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif !important;
|
|
font-size: 12px !important;
|
|
line-height: 130% !important;
|
|
text-decoration: none !important;
|
|
font-weight: bold !important;
|
|
color: #565656 !important;
|
|
cursor: pointer !important;
|
|
padding: 5px 10px 6px 7px !important; /* Links */
|
|
}
|
|
|
|
.buttons button {
|
|
width: auto !important;
|
|
overflow: visible !important;
|
|
padding: 4px 10px 3px 7px !important; /* IE6 */
|
|
}
|
|
|
|
.buttons button[type] {
|
|
padding: 5px 10px 5px 7px !important; /* Firefox */
|
|
line-height: 17px !important; /* Safari */
|
|
}
|
|
|
|
*:first-child + html button[type] {
|
|
padding: 4px 10px 3px 7px !important; /* IE7 */
|
|
}
|
|
|
|
.buttons button img,
|
|
.buttons a img {
|
|
margin: 0px !important;
|
|
padding: 0 !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* POSITIVE */
|
|
div#jem button.positive,
|
|
.buttons a.positive {
|
|
color: #529214 !important;
|
|
border: 1px solid #808080 !important;
|
|
cursor: pointer;
|
|
line-height: 22px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.buttons a.positive:hover,
|
|
button.positive:hover {
|
|
background-color: #E6EFC2 !important;
|
|
border: 1px solid #808080 !important;
|
|
color: #529214 !important;
|
|
}
|
|
|
|
.buttons a.positive:active {
|
|
background-color: #529214 !important;
|
|
border: 1px solid #808080 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/* NEGATIVE */
|
|
div#jem button.negative, .buttons a.negative {
|
|
color: #D12F19 !important;
|
|
border: 1px solid #808080 !important;
|
|
cursor: pointer;
|
|
line-height: 22px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.buttons a.negative:hover,
|
|
button.negative:hover {
|
|
background: #fbe3e4 !important;
|
|
border: 1px solid #808080 !important;
|
|
color: #d12f19 !important;
|
|
}
|
|
|
|
.buttons a.negative:active {
|
|
background-color: #d12f19 !important;
|
|
border: 1px solid #d12f19 !important;
|
|
color: #fff !important;
|
|
border: 1px solid #808080 !important;
|
|
}
|
|
|
|
/* REGULAR */
|
|
button.regular,
|
|
.buttons a.regular {
|
|
color: #336699 !important;
|
|
border: 1px solid #808080 !important;
|
|
cursor: pointer;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.buttons a.regular:hover,
|
|
button.regular:hover {
|
|
background-color: #dff4ff !important;
|
|
border: 1px solid #808080 !important;
|
|
color: #336699 !important;
|
|
}
|
|
|
|
.buttons a.regular:active {
|
|
background-color: #6299c5 !important;
|
|
border: 1px solid #808080 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/* -- TAB STYLES -- */
|
|
div#jem dl.tabs {
|
|
float: left;
|
|
margin: 0 0 -1px 0;
|
|
z-index: 50;
|
|
}
|
|
|
|
div#jem dl.tabs dt {
|
|
float: left;
|
|
padding: 4px 10px;
|
|
border: 1px solid #CCCCCC;
|
|
margin-left: 3px;
|
|
color: #666666;
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
background-color: #999999;
|
|
border-top: 1px solid #808080;
|
|
border-left: 1px solid #808080;
|
|
border-right: 1px solid #808080;
|
|
border-bottom: 1px dotted #808080;
|
|
width: inherit;
|
|
}
|
|
|
|
div#jem dl.tabs dt.open {
|
|
background-color: silver;
|
|
border-bottom: 1px solid #F9F9F9;
|
|
z-index: 100;
|
|
color: #000;
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
border-top: 1px solid #808080;
|
|
border-left: 1px solid #808080;
|
|
border-right: 1px solid #808080;
|
|
border-bottom: 1px dotted #808080;
|
|
}
|
|
|
|
div#jem div.current {
|
|
clear: both;
|
|
border: 1px solid #808080;
|
|
padding: 10px 10px;
|
|
background-color: white;
|
|
}
|
|
|
|
div#jem div.current dd {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
div#jem dl#content-pane.tabs {
|
|
margin: 1px 0 0 0;
|
|
}
|
|
|
|
|
|
div#jem div.current fieldset {
|
|
border: none 0;
|
|
}
|
|
|
|
div#jem div.current fieldset.adminform {
|
|
border: 1px #CCCCCC solid;
|
|
}
|
|
|
|
div#jem div.current fieldset.radio {
|
|
float: left;
|
|
}
|
|
|
|
div#jem div.current fieldset.radio input {
|
|
clear: none;
|
|
min-width: 15px;
|
|
float: left;
|
|
margin: 3px 0 0 2px;
|
|
}
|
|
|
|
div#jem div.current fieldset.radio label {
|
|
clear: none;
|
|
min-width: 45px;
|
|
float: left;
|
|
margin: 3px 0 0 5px;
|
|
}
|
|
|
|
div#jem div.current fieldset.checkboxes {
|
|
float: left;
|
|
clear: right;
|
|
}
|
|
|
|
div#jem div.current fieldset.checkboxes input {
|
|
clear: left;
|
|
min-width: 15px;
|
|
float: left;
|
|
margin: 3px 0 0 2px;
|
|
}
|
|
|
|
div#jem div.current fieldset.checkboxes label {
|
|
clear: right;
|
|
min-width: 45px;
|
|
margin: 3px 0 0 5px;
|
|
}
|
|
|
|
|
|
div#jem p.tab-description {
|
|
font-size: 1.091em;
|
|
margin-left: 0;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/* Tab changes for accessibility */
|
|
div#jem dl.tabs dt h3 {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
div#jem dl.tabs dt h3 a:link {
|
|
color: #333333;
|
|
outline: medium none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div#jem dl.tabs dt h3 a {
|
|
color: #333333;
|
|
outline: medium none;
|
|
text-decoration: none;
|
|
background: none;
|
|
}
|
|
|
|
div#jem table td.center,
|
|
div#jem table th.center,
|
|
div#jem .center {
|
|
text-align: center;
|
|
float: none;
|
|
}
|
|
|
|
div#jem table td.center input[type="checkbox"],
|
|
div#jem table th.center input[type="checkbox"] {
|
|
margin: 0 3px;
|
|
padding: 0;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
/* -- JGRID STYLES ----------------------------- */
|
|
/* grid table elements */
|
|
a.jgrid:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* jgrid styling has changed on J!3 using icomoon
|
|
* but e.g. beez3 doesn't support this;
|
|
* so always use our old icons and overrule icomoon styles. */
|
|
#jem .btn-micro {
|
|
border: none;
|
|
box-shadow: none;
|
|
background: none;
|
|
}
|
|
|
|
#jem button[id$="_img"],
|
|
#jem button[id$="_btn"] {
|
|
padding: 1px;
|
|
}
|
|
|
|
#jem button[id$="_img"] i.icon-calendar,
|
|
#jem button[id$="_img"] span.icon-calendar,
|
|
#jem button[id$="_btn"] span.icon-calendar,
|
|
#jem .btn-micro i[class^="icon-"],
|
|
#jem .btn-micro i[class*=" icon-"],
|
|
.jgrid span.state {
|
|
display: inline-block;
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
|
|
#jem .btn-micro i[class^="icon-"]:before,
|
|
#jem .btn-micro i[class*=" icon-"]:before {
|
|
content: "";
|
|
}
|
|
|
|
#jem button[id$="_img"] i.icon-calendar,
|
|
#jem button[id$="_img"] span.icon-calendar,
|
|
#jem button[id$="_btn"] span.icon-calendar {
|
|
background-image: url(../images/el.png);
|
|
}
|
|
|
|
.jgrid span.text {
|
|
display: none;
|
|
}
|
|
|
|
#jem .btn-micro i.icon-publish,
|
|
.jgrid span.publish {
|
|
background-image: url(../images/tick.png);
|
|
}
|
|
|
|
#jem .btn-micro i.icon-unpublish,
|
|
.jgrid span.unpublish {
|
|
background-image: url(../images/publish_x.png);
|
|
}
|
|
|
|
#jem .btn-micro i.icon-archive,
|
|
.jgrid span.archive {
|
|
background-image: url(../images/menu/icon-16-archive.png);
|
|
}
|
|
|
|
#jem .btn-micro i.icon-trash,
|
|
.jgrid span.trash {
|
|
background-image: url(../images/icon-16-trash.png);
|
|
}
|
|
|
|
.jgrid span.default {
|
|
background-image: url(../images/menu/icon-16-default.png);
|
|
}
|
|
|
|
.jgrid span.notdefault {
|
|
background-image: url(../images/menu/icon-16-notdefault.png);
|
|
}
|
|
|
|
.jgrid span.checkedout {
|
|
background-image: url(../images/admin/checked_out.png);
|
|
}
|
|
|
|
.jgrid span.downarrow {
|
|
background-image: url(../images/admin/downarrow.png);
|
|
}
|
|
|
|
.jgrid span.downarrow_disabled {
|
|
background-image: url(../images/admin/downarrow0.png);
|
|
background-position: 0 -12px;
|
|
}
|
|
|
|
.jgrid span.uparrow {
|
|
background-image: url(../images/admin/uparrow.png);
|
|
}
|
|
|
|
.jgrid span.uparrow_disabled {
|
|
background-image: url(../images/admin/uparrow0.png);
|
|
background-position: 0 -12px;
|
|
}
|
|
|
|
.jgrid span.published {
|
|
background-image: url(../images/admin/publish_g.png);
|
|
}
|
|
|
|
.jgrid span.expired {
|
|
background-image: url(../images/admin/publish_r.png);
|
|
}
|
|
|
|
.jgrid span.pending {
|
|
background-image: url(../images/admin/publish_y.png);
|
|
}
|
|
|
|
.jgrid span.warning {
|
|
background-image: url(../images/admin/publish_y.png);
|
|
}
|
|
|
|
.jgrid span.protected {
|
|
background-image: url(../images/admin/icon-16-protected.png);
|
|
}
|
|
|
|
#jem .btn-micro span.icon-publish:before {
|
|
content: url(../images/tick.png);
|
|
}
|
|
|
|
#jem .btn-micro span.icon-unpublish:before {
|
|
content: url(../images/publish_x.png);
|
|
}
|
|
|
|
#jem .btn-micro span.icon-archive:before {
|
|
content: url(../images/menu/icon-16-archive.png);
|
|
}
|
|
|
|
#jem .btn-micro span.icon-trash:before {
|
|
content: url(../images/icon-16-trash.png);
|
|
}
|
|
|
|
|
|
div#jem a.file-name:link,
|
|
div#jem a.file-name:active,
|
|
div#jem a.file-name:visited {
|
|
text-decoration: none;
|
|
color: #000;
|
|
background-color: transparent;
|
|
}
|
|
|
|
div#jem .file td {
|
|
padding: 3px;
|
|
}
|
|
|
|
|
|
div#jem .inline-button-right {
|
|
float: right;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 1.5em;
|
|
background: transparent;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
/* quick-hack: show horizontal scroll bar on small displays */
|
|
#jem .table-responsive {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
@media print {
|
|
|
|
div#jem {
|
|
overflow: hidden;
|
|
background: none repeat scroll 0% 0% #EDEDEB;
|
|
border: 0px solid #000;
|
|
border-radius: 5px 5px 5px 5px;
|
|
padding: 10px;
|
|
}
|
|
|
|
div#jem h2 {
|
|
font-weight: normal !important;
|
|
padding: 0.3em;
|
|
background: none repeat scroll 0% 0% rgb(212, 214, 178);
|
|
border: none;
|
|
}
|
|
|
|
div#jem .buttons {
|
|
float: right;
|
|
display: none;
|
|
}
|
|
|
|
}
|
|
|
|
/* END media print */
|
|
|
|
#jem.jem_editevent .edit form ul.adminformlist li {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
#jem.jem_editevent .edit form select[id^="filter_"], #jem.jem_editevent .edit form select, #jem.jem_editevent .edit form input[id^="filter_"] {
|
|
min-width: 15%;
|
|
}
|
|
|
|
#jem.jem_editevent .edit form input:not([type="checkbox"]):not([type="file"]) {
|
|
width: auto;
|
|
}
|
|
|
|
#jem.jem_editevent .edit form .form-check .form-check-input {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.jem-registered-user-owner {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#table-series {
|
|
border-collapse: collapse;
|
|
width: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
#table-series th {
|
|
padding: 12px;
|
|
text-align: center;
|
|
background-color: #04AA6D;
|
|
color: white;
|
|
border: 1px solid #ddd;
|
|
}
|
|
|
|
#table-series td {
|
|
border: 1px solid #ddd;
|
|
padding: 8px;
|
|
text-align: center;
|
|
}
|
|
|
|
#table-series tr:nth-child(even){
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
#table-series tr:nth-child(odd){
|
|
background-color: #fff;
|
|
} |