770 lines
15 KiB
CSS
770 lines
15 KiB
CSS
/**
|
|
* @version 1.9.7
|
|
* @package JEM
|
|
* @copyright (C) 2013-2014 joomlaeventmanager.net
|
|
* @copyright (C) 2005-2009 Christoph Lukes
|
|
* @license http://www.gnu.org/licenses/gpl-2.0.html 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:0px 5px 5px 0px;
|
|
}
|
|
|
|
|
|
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 #CCC;
|
|
border: 1px solid #808080;
|
|
cursor: pointer;
|
|
padding-right:10px;
|
|
}
|
|
|
|
input#clear:focus {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.colorpicker{
|
|
border:1px solid grey;
|
|
}
|
|
|
|
|
|
div.linkicon a {
|
|
display:block;
|
|
border:1px solid #F0F0F0;
|
|
height:97px;
|
|
width:108px;
|
|
color:#666666;
|
|
vertical-align: middle;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.linkicon a:hover {
|
|
border-left:1px solid #EEEEEE;
|
|
border-top:1px solid #EEEEEE;
|
|
border-right:1px solid #CCCCCC;
|
|
border-bottom:1px solid #CCCCCC;
|
|
background-color:#F9F9F9;
|
|
color:#0B55C4;
|
|
}
|
|
|
|
div.linkicon img {
|
|
padding:10px 0;
|
|
margin:0 auto;
|
|
}
|
|
|
|
div.linkicon span {
|
|
display:block;
|
|
text-align:center;
|
|
}
|
|
|
|
/**
|
|
* imageselect
|
|
*/
|
|
|
|
div.item {
|
|
float:left;
|
|
border:1px solid #CCCCCC;
|
|
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:#FF6600;
|
|
}
|
|
|
|
div.controls {
|
|
text-align:center;
|
|
height:20px;
|
|
line-height:20px;
|
|
background-color:#F9FCF9;
|
|
border-top:1px solid #DDDDDD;
|
|
}
|
|
|
|
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 #CCCCCC;
|
|
overflow:hidden;
|
|
}
|
|
|
|
div.imghead {
|
|
padding:3px;
|
|
border:1px solid #CCCCCC;
|
|
}
|
|
|
|
/* Form validation */
|
|
.invalid {
|
|
border-color:#FF0000;
|
|
}
|
|
|
|
label.invalid {
|
|
color:#FF0000;
|
|
}
|
|
|
|
|
|
div.copyright {
|
|
font-size:0.85em;
|
|
text-align:center;
|
|
margin:1em 0;
|
|
color:#AAAAAA;
|
|
}
|
|
|
|
input#jform_title {
|
|
font-size:0.909em !important;
|
|
}
|
|
|
|
div.clear {
|
|
border:0;
|
|
clear:both;
|
|
float:none;
|
|
height:1px;
|
|
line-height:1px;
|
|
}
|
|
|
|
.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 {
|
|
margin:5px;
|
|
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;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
table#el-attachments td {
|
|
padding:0 5px;
|
|
}
|
|
|
|
table#el-attachments img {
|
|
cursor:pointer;
|
|
}
|
|
|
|
div#jembackend fieldset.adminform label.hasTip
|
|
{
|
|
min-width:200px;
|
|
}
|
|
|
|
/* -------------------
|
|
General Pagination
|
|
--------------------- */
|
|
div.pagination {
|
|
clear:inherit;
|
|
float: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;
|
|
}
|
|
|
|
/* -- 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:#FFFFFF;
|
|
background-position:-30px;
|
|
display:block;
|
|
float:left;
|
|
height:97px;
|
|
width:108px;
|
|
color:#565656;
|
|
vertical-align:middle;
|
|
text-decoration:none;
|
|
border:1px solid #CCCCCC;
|
|
-webkit-border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
border-radius:5px;
|
|
-webkit-transition-property:background-position, -webkit-border-bottom-left-radius, -webkit-box-shadow;
|
|
-moz-transition-property:background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
|
|
-webkit-transition-duration:0.8s;
|
|
-moz-transition-duration:0.8s;
|
|
}
|
|
|
|
#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;
|
|
-webkit-border-bottom-left-radius:50% 20px;
|
|
-moz-border-radius-bottomleft:50% 20px;
|
|
border-bottom-left-radius:50% 20px;
|
|
-webkit-box-shadow:-5px 10px 15px rgba(0, 0, 0, 0.25);
|
|
-moz-box-shadow:-5px 10px 15px rgba(0, 0, 0, 0.25);
|
|
box-shadow:-5px 10px 15px rgba(0, 0, 0, 0.25);
|
|
position:relative;
|
|
z-index:10;
|
|
}
|
|
|
|
#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:seperate;
|
|
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 #DDDDDD;
|
|
}
|
|
|
|
.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 #999999;
|
|
border-bottom:1px solid #999999;
|
|
}
|
|
|
|
.table tbody + tbody {
|
|
border-top:2px solid #DDDDDD;
|
|
}
|
|
|
|
.table-condensed th,
|
|
.table-condensed td {
|
|
padding:4px 5px;
|
|
}
|
|
|
|
.table-bordered {
|
|
border:1px solid #DDDDDD;
|
|
border-collapse:separate;
|
|
*border-collapse:collapse;
|
|
border-left:0;
|
|
-webkit-border-radius:4px;
|
|
-moz-border-radius:4px;
|
|
border-radius:4px;
|
|
}
|
|
|
|
.table-bordered th,
|
|
.table-bordered td {
|
|
border-left:1px solid #DDDDDD;
|
|
}
|
|
|
|
.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 {
|
|
-webkit-border-top-left-radius:4px;
|
|
border-top-left-radius:4px;
|
|
-moz-border-radius-topleft:4px;
|
|
}
|
|
|
|
.table-bordered thead:first-child tr:first-child th:last-child,
|
|
.table-bordered tbody:first-child tr:first-child td:last-child {
|
|
-webkit-border-top-right-radius:4px;
|
|
border-top-right-radius:4px;
|
|
-moz-border-radius-topright: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 {
|
|
-webkit-border-radius:0 0 0 4px;
|
|
-moz-border-radius:0 0 0 4px;
|
|
border-radius:0 0 0 4px;
|
|
-webkit-border-bottom-left-radius:4px;
|
|
border-bottom-left-radius:4px;
|
|
-moz-border-radius-bottomleft: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 {
|
|
-webkit-border-bottom-right-radius:4px;
|
|
border-bottom-right-radius:4px;
|
|
-moz-border-radius-bottomright: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 {
|
|
-webkit-border-top-left-radius:4px;
|
|
border-top-left-radius:4px;
|
|
-moz-border-radius-topleft: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 {
|
|
-webkit-border-top-right-radius:4px;
|
|
border-top-right-radius:4px;
|
|
-moz-border-right-topleft: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:#333333;
|
|
}
|
|
|
|
table.table tfoot tr {
|
|
text-align:center;
|
|
color:#333333;
|
|
}
|
|
|
|
table.table tfoot td,table.table tfoot th {
|
|
background-color:#F7F7F7;
|
|
border-top:1px solid #999999;
|
|
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 #FFFF00;
|
|
}
|
|
|
|
|
|
th img
|
|
{
|
|
margin-left:3px;
|
|
}
|
|
|
|
img.calendar
|
|
{
|
|
cursor:pointer;
|
|
}
|
|
|
|
table.adminlist
|
|
{
|
|
border:1px solid #999999;
|
|
}
|
|
|
|
input#csvexport{
|
|
background:#CCCCCC url('../images/export_excel.png') no-repeat left;
|
|
padding-left:20px;
|
|
border:1px solid #808080;
|
|
height:20px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.select_country
|
|
{
|
|
max-width:210px;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
@media only screen and (max-width: 768px) {
|
|
/* Force table to not be like tables anymore */
|
|
table, thead, tbody, th, td,tr {
|
|
display: inline;
|
|
}
|
|
|
|
/* Nobody needs the Row with the daynames anymore */
|
|
tr.daynamesRow {
|
|
display:none;
|
|
}
|
|
|
|
/* Save place for the important information */
|
|
td.nomonthday {
|
|
display:none;
|
|
}
|
|
|
|
/* Otherwhise there are some litle borders */
|
|
div#jem td {
|
|
border: 0px solid #cacaca;
|
|
}
|
|
|
|
/* This runs only if you change somethin in the calendar.class.php
|
|
* change line 643 from:
|
|
* $out = "<td class=\"".implode(' ', $cssClass)."\"><div class=\"daynum\">".$linktext.'</div>'.$eventContent."</td>";
|
|
* to:
|
|
* $out = "<td class=\"".implode(' ', $cssClass)."\"><div class=\"daynum\" eemonthname=\"".$this->getMonthName()."\" eedayname=\"".$this->getDayName($this->getWeekday($var))."\">".$linktext.'</div>'.$eventContent."</td>";
|
|
* after this you will see the days like "Mo, 2. August" instead of only the daynumber */
|
|
td.monthday div.daynum::after {
|
|
content: ". " attr(eemonthname);
|
|
}
|
|
|
|
td.monthday div.daynum::before {
|
|
content: attr(eedayname) ", ";
|
|
}
|
|
} |