XING Events Widget

xing-events.html

<!--  Start of XING Events Widget Code -->
<style type="text/css">
#xew {
border-color: #E4E4E4 #8B9BA1 #8B9BA1 #E4E4E4;
border-style: solid;
border-width: 1px;
background: url("https://www.xing.com/img/widgets/gradient_event.png") repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 10px 10px 5px 10px;
width: 230px;
}
#xew h3,
#xew h4,
#xew p,
#xew ul {
margin: 0;
padding: 0;
}
#xew h3 {
padding-top: 7px;
}
#xew h3 a {
color: #006666;
text-decoration: none;
}
#xew ul {
/*    height: 1%; */
list-style-type: none;
overflow: hidden;
}
#xew ul li {
margin: 0;
}
#xew li {
list-style-type: none;
}
#xew .fl {
float: left;
}
#xew  .fr {
float: right;
}
#xew .profil-summary {
padding-top: 15px;
}
#xew .profil-name {
line-height: 18px;
overflow: hidden;
padding-left: 5px;
white-space: nowrap;
}
#xew img {
display: block;
border: none;
overflow: hidden;
}
#xew #events-listing {
background-color: #fff;
border: 1px solid #ccc;
font-size: 11px;
margin-top: 10px;
padding: 6px 10px;
}
#xew #events-listing li:last-child {
border-bottom: none;
}
#xew #events-listing li {
border-bottom: 1px solid #ccc;
overflow: hidden;
white-space: nowrap;
}
#xew .one-event {
display: block;
}
#xew .one-event h4,
#xew .one-event span {
line-height: 16px;
}
#xew .one-event .status-img {
float: left;
margin: 3px 4px 0 0;
}
#xew #payoff-line {
margin-top: 5px;
text-align: right;
}
#xew a {
color: #303030;
text-decoration: none;
}
#xew a:hover {
text-decoration: underline;
}
#xew h3 a:hover {
text-decoration: none;
}
#xew #payoff-line a {
color: #006666;
}
#xew .dtstart,
#xew .locality a {
color: #818181;
}
</style>
<!--[if IE 6]>
<style type="text/css">
#xew,
#xew h4{
font-size: 13px;
}
#xew ul {
height: 1%;
}
#xew .profil-name {
height: 1%;
width: 175px;
}
#xew #events-listing {
padding: 6px 0px;
width: 220px;
}
#xew .one-event {
padding: 0 6px;
width: 220px;
}
#xew .one-event h4 a {
font-size: 11px;
}
</style>
<![endif]-->
<div id="xew" class="vcalendar">
<ul>
<li class="fl">
<h3><a href="https://www.xing.com/de/events">XING Events</a></h3>
</li>
<li class="fr">
<a href="https://www.xing.com"><img alt="Business network" title="Business network" height="23" src="https://www.xing.com/img/widgets/logo_xing.png" width="57" /></a>
</li>
</ul>
<script id="widget_scr" src="https://www.xing.com/widgets/attending_events/4508661_af759b.js?limit=5"></script>
<p id="payoff-line"><a href="https://www.xing.com/de/events">&raquo; All Events</a></p>
</div>
<!--  End of XING Events Widget Code -->