primo commit
This commit is contained in:
770
media/com_jem/css/custom/backend2.css
Normal file
770
media/com_jem/css/custom/backend2.css
Normal file
@ -0,0 +1,770 @@
|
||||
/**
|
||||
* @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) ", ";
|
||||
}
|
||||
}
|
||||
402
media/com_jem/css/custom/calendar2.css
Normal file
402
media/com_jem/css/custom/calendar2.css
Normal file
@ -0,0 +1,402 @@
|
||||
/**
|
||||
* @version 1.9.8
|
||||
* @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
|
||||
*/
|
||||
|
||||
table.month, table.week {
|
||||
background-color:#FFFFFF;
|
||||
border:2px solid #000000;
|
||||
width:100%;
|
||||
}
|
||||
table.month {
|
||||
table-layout:fixed;
|
||||
}
|
||||
|
||||
.monthname {
|
||||
color:#355881;
|
||||
font-family:Geneva,Verdana,Arial,sans-serif;
|
||||
font-size:18px;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.daynamesRow {
|
||||
background-color:#455678;
|
||||
height:20px;
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.dayname {
|
||||
color:#FFFFFF; /* calendarweek: #667171 */
|
||||
font-family:Geneva,Verdana,Arial,sans-serif;
|
||||
font-size:10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.daysRow {
|
||||
color:#433D27;
|
||||
font-family:Arial,Geneva,Verdana,sans-serif;
|
||||
font-size:10px;
|
||||
height:88px;
|
||||
text-align:left;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
.daynum {
|
||||
background-color:#A2A3AE;
|
||||
color:#FBFCEF;
|
||||
font-family:Geneva,Verdana,Arial,sans-serif;
|
||||
font-size:11px;
|
||||
font-weight:bold;
|
||||
margin:0px;
|
||||
padding:2px;
|
||||
text-align:left;
|
||||
vertical-align:top;
|
||||
border-top: 1px solid black;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
.selectedday .daynum {
|
||||
background-color:#31528E;
|
||||
}
|
||||
|
||||
.nomonthday {
|
||||
background-color:#EEEEEE;
|
||||
height:88px;
|
||||
}
|
||||
|
||||
.eventcontent,
|
||||
div[id^=catz],
|
||||
div[id^='venuez'],
|
||||
div[id^='scat'] {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.eventcontentinner {
|
||||
background-color:yellow;
|
||||
border: 1px solid grey;
|
||||
border-radius: 2px;
|
||||
padding: 5px;
|
||||
margin: 2px;
|
||||
overflow:hidden;
|
||||
/* use this onlyif you eally want a break at any position
|
||||
-ms-word-break: break-all;
|
||||
word-break: break-all;
|
||||
*/
|
||||
/* Non standard for webkit */
|
||||
word-break: break-word;
|
||||
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
|
||||
}
|
||||
|
||||
div#jem .eventcontentinner a {
|
||||
color: #333;
|
||||
/* text-decoration:none; */
|
||||
}
|
||||
|
||||
/* *** CALENDAR WEEK ADDITIONS START *** */
|
||||
div#jem a .eventcontenttop {
|
||||
text-decoration:none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
div#jem .eventcontenttop {
|
||||
border-bottom: solid 1px black;
|
||||
height: 16px;
|
||||
minheight:16px;
|
||||
text-align:left;
|
||||
padding-left: 4px;
|
||||
padding-top:2px;
|
||||
top:60px;
|
||||
}
|
||||
|
||||
div#jem .eventtitle
|
||||
{
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
div#jem .rowcolor {
|
||||
border-top: solid 1px black;
|
||||
height: 10px;
|
||||
text-aling:right;
|
||||
}
|
||||
|
||||
div#jem .eventtitle {
|
||||
min-height: 30px;
|
||||
word-wrap: break-word;
|
||||
margin-right: 2px;
|
||||
margin-left:2px;
|
||||
margin-top:2px;
|
||||
}
|
||||
/* *** CALENDAR WEEK ADDITIONS END *** */
|
||||
|
||||
.eventandmore {
|
||||
background-color:yellow;
|
||||
margin:1px;
|
||||
overflow:hidden;
|
||||
padding:1px;
|
||||
border: 1px solid grey;
|
||||
border-radius: 2px;
|
||||
padding: 5px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
/* for the tooltip */
|
||||
.custom-tip {
|
||||
color: #000;
|
||||
width: 200px;
|
||||
z-index: 13000;
|
||||
border: 1px solid lightgrey;
|
||||
}
|
||||
|
||||
.custom-title {
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
margin: 10;
|
||||
color: white;
|
||||
padding: 2px 5px 1px;
|
||||
background: #7598FF;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.custom-text {
|
||||
font-size: 11px;
|
||||
padding: 2px 2px 2px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.custom-tip .eventName {
|
||||
text-align:left;
|
||||
background: lightgrey;
|
||||
margin: 5px 0px 5px;
|
||||
}
|
||||
|
||||
.custom-tip .location {
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.custom-tip .location .legend {
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.colorpic {
|
||||
padding: 0 4px;
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
#jlcalendarlegend {
|
||||
clear: both;
|
||||
margin-top:4px;
|
||||
}
|
||||
|
||||
#jlcalendarlegend .calendarButtons {
|
||||
margin-top:8px;
|
||||
margin-left:2px;
|
||||
margin-bottom:4px;
|
||||
height:30px;
|
||||
}
|
||||
|
||||
#jlcalendarlegend .calendarButtonsToggle{
|
||||
display:inline-flex;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
#jlcalendarlegend .calendarLegends {
|
||||
|
||||
}
|
||||
|
||||
#jlcalendarlegend .eventCat {
|
||||
float: left;
|
||||
padding: 1px 5px;
|
||||
cursor: pointer;
|
||||
box-shadow: 2px 2px 2px #888888;
|
||||
border: 1px solid black;
|
||||
margin-left:4px;
|
||||
margin-right:4px;
|
||||
margin-bottom:6px;
|
||||
line-height:20px;
|
||||
}
|
||||
|
||||
#jlcalendarlegend .legendb {
|
||||
display:inline-block;
|
||||
background-color:green;
|
||||
line-height:10px;
|
||||
margin-right:4px;
|
||||
}
|
||||
|
||||
#jlcalendarlegend .eventCat.catoff {
|
||||
color: lightgrey;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
div#buttonshowall,
|
||||
div#buttonhideall {
|
||||
float: left;
|
||||
padding-top:3px;
|
||||
padding-left:4px;
|
||||
padding-right:4px;
|
||||
margin-right: 6px;
|
||||
cursor: pointer;
|
||||
border:1px solid black;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.daynum a {
|
||||
color: #FBFCEF !important;
|
||||
text-decoration:none;
|
||||
background-color:inherit !important;
|
||||
}
|
||||
|
||||
.today .daynum a {
|
||||
color:#FFFFFF;
|
||||
background-color:red;
|
||||
/* calendarweek: vertical-align: top; */
|
||||
}
|
||||
|
||||
div#jem td {
|
||||
border: 1px dotted black;
|
||||
}
|
||||
|
||||
/* *** CALENDAR WEEK ADDITIONS START *** */
|
||||
.weeknumtitle {
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
color: #ffffff; /* calendarweek: #667171 */
|
||||
border-style: none;
|
||||
border-width:1px;
|
||||
padding: 2px 3px;
|
||||
}
|
||||
|
||||
.weeknum {
|
||||
text-align: center;
|
||||
/* vertical-align:middle;*/
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
padding: 2px 3px;
|
||||
color: #CD5C5C;
|
||||
background-color: #FAEBD7;
|
||||
}
|
||||
|
||||
.week {
|
||||
border-style: none;
|
||||
background-color: #EEDFCC;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.monthweek {
|
||||
text-align: left;
|
||||
padding: 3px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: #667171;
|
||||
border-style: solid;
|
||||
border-width:1px
|
||||
}
|
||||
|
||||
.monthday {
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
height:90px;
|
||||
width:90px;
|
||||
}
|
||||
|
||||
.saturday, .sunday {
|
||||
background-color:#D4D4D4;
|
||||
color: #667171;
|
||||
}
|
||||
|
||||
.sunday a, .saturday a {
|
||||
color: #667171;
|
||||
}
|
||||
|
||||
.today {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
background-color: #BBCCFF;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.selectedday {
|
||||
border-width: 1px;
|
||||
border-style: outset;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
/* *** CALENDAR WEEK ADDITIONS END *** */
|
||||
|
||||
|
||||
.calendarButton {
|
||||
background-image: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(200,200,200,1) 100%);
|
||||
background-image: -moz-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(200,200,200,1) 100%);
|
||||
background-image: -ms-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(200,200,200,1) 100%);
|
||||
background-image: -o-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(200,200,200,1) 100%);
|
||||
background-image: linear-gradient(top, rgba(230,230,230,1) 0%,rgba(200,200,200,1) 100%);
|
||||
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,1);
|
||||
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,1);
|
||||
box-shadow: 0px 0px 2px 0px rgba(0,0,0,1);
|
||||
border: solid 2px rgba(31,31,31,1);
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
width: 48px;
|
||||
height: 20px;
|
||||
margin: 1px;
|
||||
padding: 1px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
color: rgba(0,0,0,1);
|
||||
}
|
||||
.calendarButton:hover {
|
||||
}
|
||||
.calendarButton:active {
|
||||
}
|
||||
@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) ", ";
|
||||
}
|
||||
}
|
||||
50
media/com_jem/css/custom/colorpicker2.css
Normal file
50
media/com_jem/css/custom/colorpicker2.css
Normal file
@ -0,0 +1,50 @@
|
||||
.picker_layer {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
background-color: #d4d0c8;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #666666;
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.picker_buttons {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
background-color:#d4d0c8;
|
||||
border-style:solid;
|
||||
border-color:#666666;
|
||||
border-width:1px;
|
||||
padding:1px;
|
||||
cursor:pointer;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
.cell_color {
|
||||
cursor:pointer;
|
||||
width:9px;
|
||||
height:9px;
|
||||
}
|
||||
|
||||
.color_table {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.choosed_color_cell {
|
||||
border-style:solid;
|
||||
border-color:#000000;
|
||||
border-width:1px;
|
||||
}
|
||||
|
||||
.default_color_btn {
|
||||
width:17px;
|
||||
height:17px;
|
||||
background-image:url(../images/defaultcolor.jpg);
|
||||
background-repeat:no-repeat;
|
||||
background-position:center;
|
||||
}
|
||||
24
media/com_jem/css/custom/geostyle2.css
Normal file
24
media/com_jem/css/custom/geostyle2.css
Normal file
@ -0,0 +1,24 @@
|
||||
/**
|
||||
* @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
|
||||
*/
|
||||
|
||||
#geocomplete {
|
||||
}
|
||||
|
||||
input#geocomplete {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
input.geobutton {
|
||||
height: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.map_canvas {
|
||||
height: 250px;
|
||||
margin: 10px 20px 10px 0px;
|
||||
}
|
||||
11
media/com_jem/css/custom/googlemap2.css
Normal file
11
media/com_jem/css/custom/googlemap2.css
Normal file
@ -0,0 +1,11 @@
|
||||
@CHARSET "ISO-8859-1";
|
||||
|
||||
html { height: 100% }
|
||||
|
||||
body { height: 100%; margin: 0; padding: 0 }
|
||||
|
||||
.map_canvas {
|
||||
height: 250px;
|
||||
margin: 10px 0px 10px 0px;
|
||||
border: 1px solid grey;
|
||||
}
|
||||
1
media/com_jem/css/custom/index.html
Normal file
1
media/com_jem/css/custom/index.html
Normal file
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
||||
1021
media/com_jem/css/custom/jem.css
Normal file
1021
media/com_jem/css/custom/jem.css
Normal file
File diff suppressed because it is too large
Load Diff
1079
media/com_jem/css/custom/jem2.css
Normal file
1079
media/com_jem/css/custom/jem2.css
Normal file
File diff suppressed because it is too large
Load Diff
65
media/com_jem/css/custom/print2.css
Normal file
65
media/com_jem/css/custom/print2.css
Normal file
@ -0,0 +1,65 @@
|
||||
/**
|
||||
* @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
|
||||
*/
|
||||
|
||||
|
||||
@CHARSET "ISO-8859-1";
|
||||
|
||||
#main a:link, #main a:visited {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
div#jem {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
div#jem h2 {
|
||||
border: none;
|
||||
}
|
||||
|
||||
div#jem .flyerimage {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
||||
div#jem .buttons {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div#jem #jem_filter {
|
||||
display: none !important;
|
||||
}
|
||||
a[href]:after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
abbr[title]:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.ir a:after,
|
||||
a[href^="javascript:"]:after,
|
||||
a[href^="#"]:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
a:link:after, a:visited:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
|
||||
div#jem .flyerimage {
|
||||
border: none;
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user