All the irie people we saw Saturday at the San Antonio Reggae Festival

@media (min-width: 640px){ div[id] .uk-child-width-1-3\@exs > * { width: calc(100% * 1 / 3.001); } } #gridMainColumn .uk-width-1-2\@es { width: 50%; } #gridMainColumn .uk-child-width-auto\@exs > * { width: auto; } .uk-root { font-size: 14px; }

By Sanford Nowlin

div.l0.last div:first-child {float:right;}

The San Antonio Reggae Festival returned on Saturday, bringing chill vibes to Rosedale Park for its sixth year. Check out all the folks who showed up to enjoy music from Mighty Mystic and enjoy a taste of Caribbean culture. 

.slideInfoBox {margin: 5px 0;} .credit, .caption, event_description, event_date, photographer { margin-bottom: 5px; } .slideshowDesc, .byline {margin-bottom: 10px;} .nextSlideInner .nextSlideHeader { top: auto !important; bottom: 0; padding: 5px; background: rgba(0,0,0,0.7); line-height:1.25; } .nextSlideBox .nextHeader { color: #fff !important; font-size: 16px !important; padding: 5px 0; }

.slideImgWrapper { position: relative; overflow:hidden; min-height:200px; transition: height 500ms; background-color: #333; } .slideContainer { width:100%; } .slideContent { width:100%; position:absolute; right:-100%; transition: right 500ms; } .slideContent.active { right:0; } .slideContent.scrolledLeft { right:100%; } .slideImage, .slideImage img { /*width:100%;*/ text-align:center; } .slideImgWrapper .slideNav { position: absolute; height:100%; width:50px; text-decoration: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: pointer; } .slideImgWrapper .slideNav.invisible { display: none; } .slideImgWrapper .slideNav span.slideNavOut { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; background-color: #000; opacity:0.6; color: #FFF; position:absolute; top:50%; height:50px; margin-top:-25px; font-family:arial; font-size:24px; width:50px; border-radius:25px; } .slideImgWrapper .slideNav:hover span.slideNavOut { background-color: #666; } .slideImgWrapper .slideNavLeft { left:4px; } .slideImgWrapper .slideNavRight { right:4px; } .slideImgWrapper .slideNav span.slideNavOut span { position:absolute; top:15px; } .slideImgWrapper .slideNavLeft span.slideNavOut span{ right:21px; width: 0; height: 0; border-style: inset; border-width: 10px 14px 10px 0; border-color: transparent #fff transparent transparent; } .slideImgWrapper .slideNavRight span.slideNavOut span { left:21px; width: 0; height: 0; border-style: outset; border-width: 10px 0 10px 14px; border-color: transparent transparent transparent #fff; } .slideImgWrapper .slideNumbers { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; position:absolute; bottom:0; width:100%; background-color: #000; opacity:0.5; height:21px; padding-top:2px; text-align:right; font-family: arial; color: #fff; font-size: 15px; } .slideImgWrapper .slideNumbers .slideTotal { margin-right:8px; } a.SlideshowFullPageNewToggleSlideshow { text-transform: uppercase; color: #111; padding: 3px 31px 1px 3px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gMHECEI001s4QAAA7dJREFUaN7N2l2IVHUYx/HPjNNmrgiymlq2WkYZ0Y1UJFEipGmWURBUWBhFdJPQTUHsbRRFUd1USEREN9WFFGH2skURRd30Ir6VWLvVmm1mrum6rbtdzDMyDJvOOXPOmfnBczED5+F85zzn//89z39KslEZXTgz4mJchAWYiRKOYAh7Io7hOMYw0eoNlFq8+W704lKswnVY3OT1A/gIH+K7+HwkC6gkmod1eAH7MNliDGIz1mN+EQAVrMEbOJQBQGMcxhbciOl5QZyDJ/FnDgCNcQjPYlHWENdgWwEAjdGPa7OCuBO72wBRiz3Y2CrEffi1jRC12I9NaSFu7xCIeph7k0JcjV0dBFFfZiubhZiPrR0IUYttsYKedrd+LGHiCYzi3wJhHse0U4GswoGESU/gLbyK3woCOYjr/w9iDl5PmfghzIgd+R0MFwCzBT1TldTqFnbtvnC/MAv34LOcQcbD75XrQbrxfAtJ+6bwRr3x/WCOMG9GJZzUUuzMGKT2pJfjFYzkAPILlqFUjp5kaUTWmsAXsStviGU9S50be16p1tmtyNn+j8QicHf4ph0Z5r6iVg2z8H2Lj7gvQf9Qwtl4OKPy+rZm93sySJYEpF7nZeAijmNZuZntPkcNYm2U3K64qaTqwuxyTi95Ur0WZvC5MIbjCa9fUC6q2W9C+/EI7sLL+CnBtXPKMXfqJH1Vt1z3N3nNjLLO1BjOSDB3K1XwT4dBnB8m9BYsbPKaoxX83iEAPVFOG3HZ6fqNBg1XYtlrp0q4DQ/iyjoXnURDlWiG2qULYsldGQ48jcZxsByb0I6Cn8C0aKn3RjPW3UK+3TWQMXxcEMBZ0aIO4NGM8n6DP2pPpD9niJlhtzeHt8rSFn2NY5UwXjvxIy7MYXp/OW6NHTtrFzGEzzFZqTNv72cMsiSmlXeoHgTloS/rOtuTLeka6c88Gm38A/FLnch5ALG+cfgAc6OZT5Ow9uKuiHfg7wLGQVvjnqfUWvyVYkD3El6M1aiIAd1R3HSqmpuOp1ImHitwZPp0Mx1pr+ppa6cOsT8JY9mUlrc458orflA9Ak+kDQUOpZuJA7EaptKmaEHbDTGchaW5P8xduyD2aeH8sFGr27QAfIobsrYDi/CEYv4wMIJnwubkoq54Om/L94xwXVj+Qvrrm/FeRnbkMD4Ilzw3bbOTVmXVQ5ZLoo6vilJY2MSvOap6trE3+ol3sT0cwkTRIPU5SlF2i8MZzFM9k5xdZyVGw10Px+RmAD/H95P1VjyN/gPqkGkUSQBoIgAAAABJRU5ErkJggg==) no-repeat 99% center #fff; text-decoration: none; font-size: 17px; border-radius: 5px; height: auto; width: auto; display: inline-block; font-weight: 700; background-size: 21px; transition:200ms; } a.SlideshowFullPageNewToggleSlideshow.playing { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gMHETgFNz7TcwAAAjRJREFUaN7dmr9KA0EQxn8ZhAQ0pQZrLVRIFMGAgj6HjxBbsdEHsFJfw/eIoIX/tbGIIDairYqpEoubhctxl3jnnd7cB9PksrvzsX9m9pstMRwC9BiNKjANzAFrwBIwA9SAcf3PJ/AKPAI3wCnwALwA72QMGfG9ARwDT8AX0I9pX9r2GKjzxxCgCbQTOD7K2tq3ZE1iHrjU5dbPyHo6xnwWBMaAVobOR1lLx04F5YyWUZzlVv4tiUmg848knHXUl8QknnNAwtlzEjLlnMxE2MyU42zsdg5J+PfMjw6AVo5J+E+zkXGib8QG4kwpELHPgeUYe6kN3IVE4i6wHdHmCKgEfutpurMRY+wrYCUsF2wmiNhbQwaKahOFrQQZQDMsKTwIzFAaSWWWfZXU54HGDWAde1h3WbMjsotd7DkiVWDVMJFVoCp6s6sZJlIDpkWvpxXDRCrAnOgd2zrWRIUC61gUVTusY1aMb3SHKfHpTpYxIRQEogqgdXyIypjW8SaqxVpHR/AEZeu4FTxV3DpOBU/a7xom0QUeBK8+YXnDvwIvgldkOTNM5Ax4dwFx3zCRff9V9x44MUjiRH0fUC52GC7XhKGXolNx++qrz8CghnoBXBNPoNsEFggX6KJwSLRAFwfX6nMozEqmYSiEiO2WWyHKClCQQo9DIUpvfjLmi6H+ZWa+PO0/AMw/GAjGGdNPOIKChflHNUHUyckzp1JKhIIPzxaBWWAKmHCSDfCmJ9AtKT88+wbwsCZN4Xm3jQAAAABJRU5ErkJggg==) } a.SlideshowFullPageNewToggleSlideshow:hover { background-color: #f4f4f4; } .slideAdBox { position: relative; height:350px; text-align:center; } .slideAdInsert { position:relative; box-sizing: border-box; width:300px; height:250px; margin:auto; margin-top:50px; background-color: #000; text-align:center; color: #999; } .slideAdCountDown { text-align: center; color: #999; padding: 2px 6px; display: inline-block; margin: 8px auto; } .buttonWrapper { text-align: center; margin:0 auto; } .nextSlideBox { box-sizing: border-box; position: relative; width: 80%; height: 400px; text-align: center; display: block; flex-direction: column; flex-wrap:initial; justify-content:initial; align-content: center; margin: auto; padding-top: 0px; background-image: radial-gradient( #3f3f3f, #333, #333 ); font-family: Arial; } .nextSlideBox .nextHeader { position: relative; top: 12px; width: 100%; color: #aaa; font-size: 12px; text-transform: uppercase; } .nextSlideInner { position:relative; box-sizing: border-box; width:100%; height:72px; margin:auto; margin-top:18px; text-align:left; color: #FFF; display:inline-block; background-color: #444; box-shadow: 0 0 8px #292929; } .nextSlideInner .nextSlideHeader { position:absolute; top:-18px; text-align:left; } .nextSlideInner .nextSlideTitleLink a { text-decoration: none; font-size: 12px; color: #eee; } .nextSlideInner .nextSlideTitleLink a:hover { color: #FFF; } .nextSlideInner .nextSlideImage { float:left; overflow:hidden; width:100px; height:72px; text-align:center; vertical-align: middle; overflow:hidden; background-color: #222; } .nextSlideInner .nextSlideImage a { display: flex; width: 100px; height: 72px; justify-content: center; align-items: center; } .nextSlideInner .nextSlideImage.wide a img { width:100%; } .nextSlideInner .nextSlideImage.tall a img { height:100%; } .slideContent .slideInfo {display:none;} .nextSlideInner .nextSlideInfo { margin-left:100px; height:72px; padding: 6px 10px; overflow:hidden; box-sizing: border-box; display:flex; flex-direction:column; position:relative; } .nextSlideInner .nextSlideMeta { font-family: arial; font-size: 11px; position: absolute; bottom: 0; left: 10px; right: 10px; color: #ccc; padding-top: 2px; background-color: #444; } .nextSlideInner .nextSlideMeta .nextSlideDate, .nextSlideInner .nextSlideMeta .nextSlideNumber { float:right; } .nextSlideInner .nextSlideMeta .nextSlideNumber { margin-left:12px; } .nextSlideInner:hover, .nextSlideInner:hover .nextSlideMeta { background-color: #555; }

Additional Music Slideshows

Leave a Reply