Files
conservatorio-tomadini/media/com_jem/css/custom/jem2.css
2024-12-17 17:34:10 +01:00

1080 lines
19 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
*/
div#jem h1.componentheading{
margin-bottom:6px;
margin-top: 6px;
}
div#jem .formelm-buttons{
margin-bottom: 0px;
float: right;
}
ul.adminformlist,
ul.adminformlist li {
margin: 0;
padding: 0;
list-style: none;
}
div#jem_editevent dt{
width: 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:visible;
background-color:#EDF4F5;
border:1px solid #000000;
border-radius:5px;
padding:10px;
}
/**
* @section button
*/
div#jem .buttons {
float:right;
}
div#jem .buttons a {
border:1px solid #808080;
}
/* Edit-event view */
div#jem .button1 {
-webkit-box-shadow:rgba(0, 0, 0, 0.0 .1) 0 1px 0 0;
-moz-box-shadow:rgba(0, 0, 0, 0.0 .1) 0 1px 0 0;
box-shadow:rgba(0, 0, 0, 0.0 .1) 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:#000000;
position:relative;
text-decoration:none;
top:8px;
left:3px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px
}
/* Edit-event view, hover */
div#jem .button1:hover {
background-color:#D1C9CC;
color:#000000;
text-decoration:none;
}
/* Filter button */
div#jem .buttonfilter {
-webkit-box-shadow:rgba(0, 0, 0, 0.0 .1) 0 1px 0 0;
-moz-box-shadow:rgba(0, 0, 0, 0.0 .1) 0 1px 0 0;
box-shadow:rgba(0, 0, 0, 0.0 .1) 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:#000000;
position:relative;
text-decoration:none;
top:inherit;
left:inherit;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px
}
/* Filter button:hover */
div#jem .buttonfilter:hover {
background-color:#D1C9CC;
color:#000000;
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;
}
/**
* @section headers
*/
div#jem h2 {
font-size:medium !important;
font-weight:normal !important;
margin-top:1em;
margin-bottom:1em;
padding:0.3em 0.3em;
margin:normal;
background:url("../../images/header1.jpg") 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:150px;
background:transparent;
border-bottom:1px solid #DDDDDD;
}
div#jem dd { /* definition description */
display:block;
margin:0 0 5px 12em;
padding:0.3em 0;
font-size:1em;
background:transparent;
margin-left: 160px;
}
* 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:#AAAAAA;
float:none;
}
/**
* @section images
* flyer, locations, maps, ...
*/
div#jem .flyerimage {
float:right !important;
border:0px solid #000000;
width:auto;
position:static !important;
background:transparent;
box-shadow:none;
}
div#jem .notmodal {
float:right !important;
border:0px solid #000000;
heigth:200px;
width:auto;
position:static !important;
background:transparent;
box-shadow:none;
}
div#jem .googlemap {
border:0px solid #000000;
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;
}
/**
* 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: #000000;
}
div#jem span.username a {
color: #000000;
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;
}
/* -------------------
TABLE
--------------------- */
div#jem table.eventtable {
background:#DEDEDE;
margin:1em 1px;
width:100%;
font-size:1em;
border-collapse:collapse;
}
div#jem table.eventtable th {
background-color:#0077BB;
color:#FFFFFF;
font-weight:bold;
padding:0.4em;
text-align:left;
border:1px solid #000000;
}
div#jem table.eventtable th a {
color:#FFFFFF;
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 #000000;
vertical-align:top;
}
div#jem table.eventtable td a{
background-color:transparent;
color:#0077BB;
}
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: #FFFFCC;
}
/* -------------------
FILTER
--------------------- */
div#jem #jem_filter {
margin:1em 0 0.5em 0;
padding:0.5em;
border:solid 1px #808080;
background:url("../../images/header1.jpg") #FFA500;
}
div#jem .jem_fleft {
float:left;
}
div#jem .jem_fright {
float:right;
}
/* -------------------
EDIT FORM
--------------------- */
div.jem_editevent ul.adminformlist label {
min-width:160px;
}
div.jem_editvenue label {
min-width:160px;
}
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 {
padding:0.3em;
font-weight:bold;
font-size: small;
background-color:#FFA500;
border-radius:5px;
border:1px solid #000000;
line-height:22px;
}
div.jem_editevent form label,
div.jem_editvenue form label {
width:9em;
margin:0;
padding:0;
float:left;
display:block;
vertical-align:top;
}
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 {
margin:0 0 0.5em 0;
padding:0.2em;
border:1px solid #808080;
cursor:pointer;
background-color:#DDE084;
border:1px solid #808080;
}
div.jem_editevent form input:active, /* event */
div.jem_editevent form button:active,
div.jem_editevent form select:active,
div.jem_editevent form textarea:active,
div.jem_editvenue form input:active, /* venue */
div.jem_editvenue form button:active,
div.jem_editvenue form select:active,
div.jem_editvenue form textarea:active {
margin:0 0 0.5em 0;
padding:0.2em;
border:1px solid #808080;
cursor:pointer;
background-color:#C6CCBE;
}
div.jem_editevent form input:visited, /* event */
div.jem_editevent form button:visited,
div.jem_editevent form select:visited,
div.jem_editevent form textarea:visited,
div.jem_editvenue form input:visited, /* venue */
div.jem_editvenue form button:visited,
div.jem_editvenue form select:visited,
div.jem_editvenue form textarea:visited {
margin:0 0 0.5em 0;
padding:0.2em;
border:1px solid #808080;
cursor:pointer;
background-color:#C6CCBE;
}
div.jem_editevent form input:active, /* event */
div.jem_editevent form button:active,
div.jem_editevent form select:active,
div.jem_editevent form textarea:active,
div.jem_editvenue form input:active, /* venue */
div.jem_editvenue form button:active,
div.jem_editvenue form select:active,
div.jem_editvenue form textarea:active {
margin:0 0 0.5em 0;
padding:0.2em;
border:1px solid #808080;
cursor:pointer;
background-color:#C6CCBE;
}
div.jem_editevent form input, /* event */
div.jem_editevent form button,
div.jem_editevent form select,
div.jem_editevent form textarea,
div.jem_editvenue form input, /* venue */
div.jem_editvenue form button,
div.jem_editvenue form select,
div.jem_editvenue form textarea {
margin:0 0 0.5em 0;
padding:0.2em;
border:1px solid #808080;
cursor:pointer;
/*background-color:#C6CCBE;*/
}
table#el-attachments input{
width: 100%;
margin: 0px 0px 0.5em;
padding: 0.2em;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-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;
}
/** 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;
}
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:#FFFFFF;
line-height:22px;
border:1px solid #000000;
}
/** googlemap **/
#googlemap {
margin:20px 0px 20px 20px;
}
/*
Thx to http://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:#FFFFFF !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:#FFFFFF !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:#FFFFFF !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:#000000;
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;
}
td.center,th.center,.center {
text-align:center;
float:none;
}
/* -- JGRID STYLES ----------------------------- */
/* grid table elements */
a.jgrid:hover {
text-decoration:none;
}
.jgrid span.state {
display:inline-block;
height:16px;
width:16px;
}
.jgrid span.text {
display:none;
}
.jgrid span.publish {
background-image:url(../../images/tick.png);
}
.jgrid span.unpublish {
background-image:url(../../images/publish_x.png);
}
.jgrid span.archive {
background-image:url(../../images/menu/icon-16-archive.png);
}
.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);
}
div#jem a.file-name:link,
div#jem a.file-name:active,
div#jem a.file-name:visited
{
text-decoration:none;
color: #000000;
background-color:transparent;
}
div#jem .file td{
padding:3px;
}
._jem_title{
font-weight: 500;
font-size: 18px;
}
._jem_evnum{
font-weight: 500;
font-size: 14px;
}
@font-face {
font-family: 'IcoMoon';
src: url('../../../../media/jui/fonts/IcoMoon.eot');
src: url('../../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: 'IcoMoon';
content: attr(data-icon);
speak: none;
}
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
width: 14px;
height: 14px;
margin-right: .25em;
line-height: 14px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'IcoMoon';
font-style: normal;
speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
font-weight: normal;
}
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {
content: "\47";
}
.icon-unpublish:before,
.icon-cancel:before {
content: "\4a";
}
/**
* @zum Label in smartphones verstecken in event details
*/
@media only screen and (max-width: 479px) {
div#jem dt {
display: none;
}
div#jem dd {
margin-left: 0px;
}
}
@media print {
div#jem {
overflow:hidden;
background:none repeat scroll 0% 0% #EDEDEB;
border:0px solid #000000;
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;
}
}