/* * COM_ICAGENDA * iCagenda by JoomliC * Theme Pack * Vanguard Brokers Theme - component * * @name ic_mp * @author Lyr!C (JoomliC) * @updated 2013-04-05 * @version 1.5.6 */ /* * GENERAL STYLES (list and details) */ /* General */ #icagenda {width:100%;} #icagenda .clr {clear:both;} /* Share buttons (AddThis) */ #icagenda .share {float:right; background:none; padding:5px 10px 5px 0; text-shadow:none;} #icagenda .share a:link, #icagenda .share a:visited {background:none; text-decoration:none;} #icagenda .share a:hover, #icagenda .share a:active, #icagenda .share a:focus {background:none;} /* Style Table */ #icagenda table {width:100%; border:0px;} #icagenda tr {border:0px;} #icagenda th {background:none; border:0px; min-width:100px; padding-right: 10px; vertical-align:top;} #icagenda td {border:0px; padding:1px 5px;} /* * LIST PAGE CSS */ /* Style Navigation */ #icagenda .navigator {margin-bottom:25px;} #icagenda .navigator a {} #icagenda .navigator a:link, #icagenda .navigator a:visited {} #icagenda .navigator a:hover, #icagenda .navigator a:active, #icagenda .navigator a:focus {} #icagenda .icagenda_back {float:left; margin-left:20px;} #icagenda .icagenda_next {float: right; margin-right:20px;} #icagenda .navigator button {border:0; padding:5px; color:#fff; background:#f3f3f3; margin-right:5px;} /* Style Background alternative */ #icagenda .event{background:#F3F3F3; background:rgba(243,243,243,1); margin:0 0 10px 0; border-radius:6px;} /*#icagenda .event:nth-child(2n+1){background:#F3F3F3; background:rgba(243,243,243,1); margin:0 10px;}*/ /* Style Category */ #icagenda .cat {color:#555555; font-weight:bold; text-transform:uppercase; font-size:11px;} /* Style Left (Container Box Date) */ #icagenda .leftbox {border:0px; } /* Style Box Date */ #icagenda .box_date {width:75px; height:39px; padding: 18px 0; text-align:center; font-size:20px; color:#fff;/* font-weight:bold;*/ float:left; margin:15px 20px 10px 10px; border-radius:8px; /*text-shadow: #555 1px 1px 3px;*/ background:#dddddd; background-size:cover; /*border:1px solid #dddddd;*/} #icagenda .box_date:hover {/*transition:border-radius 0.5s, color 0.5s; -moz-transition:border-radius 0.5s, color 0.5s; -webkit-transition:border-radius 0.5s, color 0.5s; -o-transition:border-radius 0.5s, color 0.5s; border-radius:15px;*/} #icagenda .box_date .day {font-size:30px; line-height:20px;text-align:center;} #icagenda .box_date .month {font-size:18px; line-height:25px; text-align:center; width:60px; text-transform:uppercase;} #icagenda .box_date .noimage {font-size: 8px; text-align: center;display:block; margin-top:0px;} #icagenda .fontColor {color: grey;} #icagenda .ic-date {line-height:0px !important; font-size:30px;} #icagenda .ic-date .day {line-height:30px ; font-size:30px; font-weight:bold;} #icagenda .ic-date .month {line-height:16px; font-size:18px; letter-spacing:0px; /*margin-left:1px;*/ font-weight:normal;} #icagenda .ic-date .year {line-height:11px !important; font-size:11px; letter-spacing:2px; margin-left:2px; font-weight:bold;} .separator-line{border-top:1px solid #C0C0C0; border-bottom:1px solid #ffffff; margin-top:5px;} .info-part{border-bottom:1px solid #C0C0C0;} .description-part{border-top:1px solid #ffffff;padding-top:20px;} /* Style Right (Container Title, Cat, Desc...) */ #icagenda .content {width:68%; margin:1%; float:left; color:#555555;} #icagenda .content h1 {border-bottom:1px solid #cccccc; margin-top:5px; margin-bottom:10px;} #icagenda .content h1 a:link, #icagenda .content h1 a:visited {text-decoration:none; letter-spacing:2px; font-size:18px; color:#990000; text-shadow:none;} #icagenda .content h1 a:hover, #icagenda .content h1 a:active, #icagenda .content h1 a:focus {background:none; color:#555; text-shadow:none;} #icagenda .content h2 {padding-top:0px;} #icagenda .content h3 {padding-top:0px;margin-top:10px;font-size:16px;font-weight:400; margin-bottom:10px } #icagenda .content .category {/*float:right;*/ font-size:12px; text-transform:uppercase;} #icagenda .content .nextdate {/*margin-bottom:8px;*/ font-size:12px;} #icagenda .place {font-weight:normal; font-size:14px;} #icagenda .descshort {font-weight:normal; font-size:12px;} #icagenda .moreinfos {background:none; float:right; font-weight: bold; font-size:10px; text-transform:uppercase; cursor:pointer;} #icagenda .moreinfos a:link, #icagenda .moreinfos a:visited {background:none; color:#555555; text-decoration:none;} #icagenda .moreinfos a:hover, #icagenda .moreinfos a:active, #icagenda .moreinfos a:focus {background:none; color:#111111; cursor: pointer;} #icagenda .register{margin:20px 20px 20px 110px; } #icagenda .register a{background-image:url(../../../../../../images/template_pics/button_submit.png); background-repeat:no-repeat; width:142px; height:23px;;color: #005773;font-size: 12px; font-weight: 700; text-decoration: none; text-shadow: 0 1px 1px #FFFFFF; text-transform: uppercase; text-align:center; padding-top:4px;display:block;} #icagenda .register a:hover {background-image:url(../../../../../../images/template_pics/button_submit_on.png);} /* * EVENT PAGE CSS */ /* Syle Back Button */ #icagenda .back {font-size:10px; font-weight:normal; line-height:30px; background:url(../../../../../media/com_icagenda/images/arrow.png) no-repeat left center; text-decoration:none; padding:0px; letter-spacing:1px;} #icagenda .back a:link, #icagenda .back a:visited {text-decoration:none; background:none; color:#999999;} #icagenda .back a:hover, #icagenda .back a:active, #icagenda .back a:focus {text-decoration:none; background:none; color:#555555;} #icagenda .titre {background:#f3f3f3; padding:15px 10px 0px 40px; /*border:1px solid #999999;border-radius:10px; box-shadow:1px 1px 3px #DDDDDD;*/ border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom: 2px solid #00B5DC;} #icagenda .titre h1 {font-size:2em; color:#333; text-shadow:none; text-decoration:none; border:0px;font-family: Arial,sans-serif;margin:0;} #icagenda .table h1 {margin:7px 0px 7px 0px !important;} #icagenda .event-category{ text-transform:uppercase; margin-bottom:5px;} #icagenda .tit {width:70%; border:0px;} #icagenda .cat {text-align:right; width:30%; border:0px; font-size:12px; text-transform:uppercase;} /* Style Registration button */ #icagenda .regisBox {float:right; margin:3px 0;} #icagenda .regisBox a {float:left; text-decoration:none !important;} #icagenda .regisBox a:hover, #icagenda .regisBox a:focus {float:left; text-decoration:none !important; background:none !important;} /* Text Button */ #icagenda .regis_button {display:block; margin:2px 3px 0 0; line-height:16px; color:#555555; font-weight:bold; text-transform:uppercase;cursor: pointer;} #icagenda .regis_button:hover, #icagenda .regis_button:focus {text-decoration:none; color:#111111; cursor: pointer;} /* Text Event Finished */ #icagenda .event_finished {display:block; margin:2px 3px 0 0; line-height:16px; color:#555555; font-weight:bold; text-transform:uppercase;} #icagenda .event_finished:hover, #icagenda .event_finished:focus {text-decoration:none; color:#555555;} /* Image Button */ #icagenda .regis_imgbutton {display:block; margin:0 3px; height:16px; line-height:16px; width:16px; background: url('../../../../../../media/com_icagenda/images/btn-regis.png') no-repeat} #icagenda .regis_imgbutton:hover {text-decoration:none; color:#111111; cursor: pointer;} /* Nb of registered people */ #icagenda .icRegistered {display:block; float:left; text-align:center; background:url('../images/regis-baloon.png'); height:16px; line-height:16px; width:36px; font-size:11px; font-weight:bold;} /* Style Event General */ #icagenda .icinfo {padding:10px 5px 10px 5px; background:#EDEDED; background:rgba(237,237,237,1);/* border:1px solid #999999;*/ text-align:left; /*margin:10px 0; border-radius:10px; box-shadow:1px 1px 3px #DDDDDD;*/border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #icagenda .icinfo .details {text-align:left; margin-left:20px;} #icagenda .icinfo .details label {float:none !important; font-weight:bold;margin:0;margin-left:20px;} /* Style Image */ #icagenda .image {text-align:right; position:absolute; right: 30px;} #icagenda .image img {max-width:200px; max-height:400px; border:0px solid #ccc; margin-bottom:10px; border-radius:5px;} /* Style Time (in date) */ #icagenda .evttime {font-size:0.8em;} /* Style File Download link */ #icagenda .icDownload {} /* Style Description */ #detail-desc {padding:10px; margin:10px; /*background:#FFFFFF; background:rgba(255,255,255,0.9);*/ color: #333333; text-align:justify; border:0px solid #ccc; margin-bottom:10px; border-radius:5px; text-shadow: none;} /* Style Information */ #icagenda .information {border:0px;} #icagenda .information table {width:100%;} #icagenda .information label {text-transform:uppercase; font-weight:bold;} #icagenda .information .infoleft {width:100px; border:0px; padding:10px; text-align:center; background:#555; color:#FFF; border-radius:5px 0px 0px 5px;} #icagenda .information .infomiddle {border:0px; padding:10px; text-align:left; background:#cccccc; background:rgba(204,204,204,0.5); color:#111;} #icagenda .information .inforight {border:0px; padding:10px; text-align:center; background:#cccccc; background:rgba(204,204,204,0.5); color:#111; border-radius:0px 5px 5px 0px;} /* Slider */ #icagenda .icpanel { background:#FFF; border-radius:10px;} #icagenda .panel {margin:1px; border:0;} #icagenda .panel h3 {margin:-1px !important; padding:0 !important; background:#eee; border:0; border-radius:10px;} #icagenda .panel h3 a {display:block; padding:6px !important; text-decoration:none; color:#444; border-radius:10px;} #icagenda .panel h3.pane-toggler a {border:solid 1px #999999; background:#f5f5f5 url(../images/pluslist.png) 99% 50% no-repeat; border-radius:10px;} #icagenda .panel h3.pane-toggler-down a {border:solid 1px #999999 !important; background:#f5f5f5 url(../images/minuslist.png) 99% 50% no-repeat; border-bottom:0 !important; border-radius:10px 10px 0px 0px !important;} #icagenda .pane-slider .content {border-bottom:solid 1px #999999; border-top:0; padding-bottom:3px !important;} #icagenda .pane-slider {border-top:0; border-left:solid 1px #999999; border-right:solid 1px #999999; padding-left:0px !important; padding-right:0px !important; margin:0; background:#FFF; border-radius:0px 0px 10px 10px; width:100% !important; margin-left: -1px;} /* Slider Full list of Participants */ #icagenda .list_table {background:#cccccc; background:rgba(204,204,204,0.5); border-radius:3px 3px 3px 3px; float:left;} #icagenda .imgbox {width:40px;} #icagenda .imgbox img {border-radius:3px 3px 3px 3px; margin:2px 0px;} #icagenda .list_name {font-weight:bold;} #icagenda .list_places {font-size:smaller;} #icagenda .list_date {font-size:smaller;} /* Style Google Maps */ #detail-map { } #detail-map .icagenda_map {margin:auto; border:1px solid #999999; background:#FFFFFF; text-shadow:none; border-radius:10px; box-shadow:1px 1px 3px #DDDDDD; border-radius:10px;} /* Style All Dates */ #detail-date-list {} #detail-date-list .datesList {} #detail-date-list .alldates ul {padding-left:1%;} #detail-date-list .alldates li {background-image:none} #detail-date-list .alldates h3 {font-size:12px; margin-top:10px; font-weight:bold;} /* * REGISTRATION */ /* Style Title */ #icagenda .formTitle h2 {margin: 15px 0 -5px 0px;} /* Style Form (general) */ #icagenda .icagenda_form {} #icagenda .icagenda_form div {padding:5px;} #icagenda .icagenda_form .fieldset {border-radius:2px; margin:10px 0; background:#f3f3f3; padding:10px;} /* Style Registration infos */ #icagenda .reginfos {font-size:0.8em;} /* Style Label */ #icagenda .icagenda_form label {display:block; width:130px; float:left;} /* Style Input field */ #icagenda .icagenda_form input {border:1px solid #ccc; padding:3px;} /* Style Field infos */ #icagenda .icagenda_form .formInfo {} #icagenda .icagenda_form .formInfo img {height:14px; vertical-align:middle; cursor:help;} #icagenda .icagenda_form .formInfo img a:hover {background:none;} /* Registration Info Tooltips in CSS3 */ a.ictip {outline:none;text-decoration:none;} a.ictip:hover {background:none !important;} a.ictip > span { min-width:auto; max-width:250px; padding: 10px 10px; margin-top: -50px; margin-left: 100px; opacity: 0; visibility: hidden; z-index: 10; position: absolute; font-style: normal; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999; box-shadow: 2px 2px 2px #999; -webkit-transition-property:opacity, margin-top, visibility, margin-left; -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; -moz-transition-property:opacity, margin-top, visibility, margin-left; -moz-transition-duration:0.4s, 0.3s, 0s, 0.3s; -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; -o-transition-property:opacity, margin-top, visibility, margin-left; -o-transition-duration:0.4s, 0.3s, 0s, 0.3s; -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; transition-property:opacity, margin-top, visibility, margin-left; transition-duration:0.4s, 0.3s, 0s, 0.3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out; } a.ictip > span .title {font-weight: bold; font-size: 1em;} a.ictip > span .text {font-size: 0.9em; padding:0 !important;} a.ictip > span:after {right:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-right-color:#777; border-width:6px; top:0%; margin-top:12px; } a.ictip:hover > span { opacity: 1; text-decoration:none; visibility: visible; overflow: visible; margin-top:-10px; display: inline; margin-left: 40px; } a.ictip > span { color: #444444; background: #F4F4F4; background: -moz-linear-gradient(top, #F4F4F4 0%, #FFFFFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#FFFFFF',GradientType=0 ); border: 1px solid #D4D4D4; } /* Style Buttons Background */ #icagenda .icagenda_form .bgButton {background:#c0c0c0; color:#fff; padding:5px; border:none; text-align:center;} /* Style Button Submit */ #icagenda .icagenda_form .button {font-family:arial; font-size:12px; background:#555555; color:#fff; padding:5px; border:none; border-radius:6px; text-align:center;} #icagenda .icagenda_form .button:hover {background:#c72031; color:#fff;} /* Style Button Cancel */ #icagenda .icagenda_form .buttonx a {font-family:arial; font-size:12px; background:none !important; text-decoration:none; color:#555; padding:0px; border:none; border-radius:6px; text-align:center;} #icagenda .icagenda_form .buttonx a:hover {background:none !important; text-decoration:none; color:#c72031 !important;} #icagenda .ic-box-date { background: #DA241D none repeat scroll 0 0; border-radius: 8px; color: #fff; float: left; font-size: 20px; height: 39px; margin: 15px 20px 10px 10px; padding: 18px 0; text-align: center; width: 75px; } body { padding-top: 30px; } body { height: 100%; } body { background-color: #fff; color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; line-height: 18px; margin: 0; } body:not([id]) { cursor: auto !important; } html { font-size: 100%; } #icagenda .ic-day { font-size: 30px; line-height: 20px; text-align: center; } #icagenda .ic-content { color: #555555; } body { padding-top: 30px; } body { height: 100%; } body { background-color: #fff; color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; line-height: 18px; margin: 0; } body:not([id]) { cursor: auto !important; } html { font-size: 100%; } #icagenda .ic-month { font-size: 18px; line-height: 25px; text-align: center; text-transform: uppercase; width: 100%; } #icagenda h2 { float: left; font-size: 16px; font-weight: 400; margin-bottom: 10px; margin-top: 10px; padding: 0 !important; } #icagenda .separator-line { border-bottom: 1px solid #ffffff; border-top: 1px solid #c0c0c0; margin-top: 5px; } .nextdate.ic-next-date, #icagenda .descshort{ float: left; width: 65%; } .ic-single-starttime, .ic-single-next{ font-size: 12px;} #icagenda .descshort i{ font-style:normal; font-size: 12px; } /* events list header */ .ic-header-subtitle { float: left; font-size: 10px; padding: 20px 0 40px; text-align: left; width: 100%; }