1<!DOCTYPE html> 2<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 3<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 4<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> 5<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> 6 <head> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 9 <!-- normalize and html5 boilerplate resets --> 10 <link rel="stylesheet" href="templates/Skyline_v2/resources/css/reset.css"> 11 <link rel="stylesheet" href="templates/Skyline_v2/resources/css/less.build.css"> 12 13 <!--[if lte IE 9]> 14
14<script src="templates/Skyline_v2/resources/js/html5shiv.js"></script>
14 15
15<script src="templates/Skyline_v2/resources/js/html5shiv-printshiv.js"></script>
15 16 17 <![endif]--> 18 19 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 20 21 22<title>Association of British Calypsonians</title> 23 24 25 26<meta name="description" content="" /> 27<meta name="keywords" content="" /> 28 29 30 31 32 33 <style type="text/css" id="styleCSS"> 34 /* 35 Some Style Themes enhanced with background textures provided by http://subtlepatterns.com/ 36*/ 37body { 38 39 background-image: url(resources/Music%20Man.jpg); 40 background-repeat: repeat-y; 41 background-attachment: scroll; 42 background-position: top center; 43 background-size: cover; 44} 45 46/* IOS devices 'bgd-att: fixed' solution */ 47@media only screen and (max-device-width: 1366px) { 48 .bgd-attachment-fixed { 49 background-image: none; 50 } 51 .bgd-attachment-fixed:after { 52 content: ''; 53 position: fixed; 54 top: 0; 55 left: 0; 56 right: 0; 57 width: 100%; 58 height: 100%; 59 background-image: url(resources/Music%20Man.jpg); 60 background-repeat: repeat-y; 61 background-position: top center; 62 background-size: cover; 63 z-index: -2; 64 } 65} 66 67.Text_2_Default, 68.yola_heading_container { 69 word-wrap: break-word; 70} 71 72.yola_bg_overlay { 73 display:table; 74 table-layout: fixed; 75 position:absolute; 76 min-height: 100%; 77 min-width: 100%; 78 width:100%; 79 height:100%; 80} 81.yola_outer_content_wrapper { 82 padding-top: 100px; 83 padding-right: 0rem; 84 padding-bottom: 100px; 85 padding-left: 0rem; 86} 87.yola_inner_bg_overlay { 88 width:100%; 89 min-height: 100vh; 90 display: table-cell; 91 92 vertical-align: middle; 93} 94.yola_outer_heading_wrap { 95 width:100%; 96 text-align: center; 97} 98.yola_heading_container { 99 margin: 0 auto; 100 max-width: 1400px; 101 background-color: #ffffff; 102 103} 104.yola_inner_heading_wrap { 105 margin: 0 auto; 106 107} 108.yola_innermost_heading_wrap { 109 padding-left:0; 110 padding-right:0; 111 margin: 0 auto; 112 113 padding-bottom: 2.5rem; 114} 115.yola_inner_heading_wrap.top nav, 116.yola_inner_heading_wrap.top div#yola_heading_block, 117.yola_inner_heading_wrap.bottom nav, 118.yola_inner_heading_wrap.bottom div#yola_heading_block { 119 120 padding-right: 0px; 121} 122.yola_inner_heading_wrap.left .yola_innermost_heading_wrap, 123.yola_inner_heading_wrap.right .yola_innermost_heading_wrap { 124 125 padding-right: 0px; 126} 127.yola_inner_heading_wrap h1 { 128 margin: 0; 129} 130#yola_nav_block { 131 height: 100%; 132} 133#yola_nav_block nav { 134 text-align: center; 135 136} 137#yola_nav_block nav ul{ 138 display:inline; 139} 140.yola_inner_heading_wrap.left #yola_heading_block { 141 float:left; 142} 143.yola_inner_heading_wrap.right #yola_heading_block { 144 float:right; 145} 146.yola_inner_heading_wrap.top #yola_nav_block { 147 padding:1.9rem 0 0 0; 148} 149.yola_inner_heading_wrap.right #yola_nav_block { 150 float:left; 151 padding:1.9rem 0 0 0; 152} 153.yola_inner_heading_wrap.bottom #yola_nav_block { 154 padding:0 0 1.9rem 0; 155} 156.yola_inner_heading_wrap.left #yola_nav_block { 157 float:right; 158 padding:1.9rem 0 0 0; 159} 160.yola_banner_wrap { 161 background-attachment: scroll; 162 text-align: center; 163 margin: 0 auto; 164 max-width: 1020px; 165 display: none; 166 background-position: bottom center; 167 background-size: auto; 168 background-repeat: repeat-x; 169 170 171} 172.yola_inner_banner_wrap { 173 padding-left:0; 174 padding-right:0; 175 padding-top: 0.6rem; 176 padding-bottom: 0.6rem; 177 178} 179.yola_innermost_banner_wrap { 180 margin: 0 auto; 181 182} 183.yola_inner_nav_wrap { 184 margin: 0 auto; 185 max-width: 1400px; 186} 187.yola_banner_wrap nav ul.sys_navigation { 188 text-align: center; 189 padding-top:1.9rem; 190 padding-bottom:1.9rem; 191} 192.yola_banner_wrap h1 { 193 margin:0; 194 text-align: center; 195} 196.yola_site_tagline { 197 padding-top:0; 198 padding-bottom:0; 199 font-family: 'Raleway'; 200 font-size: 1.5rem; 201 color: #7a7a7a; 202 text-decoration: none; 203 letter-spacing: 2px; 204 line-height: 1.5em; 205 text-transform: none; 206 text-align: center; 207 padding-right: 3.8rem; 208 padding-left: 3.8rem; 209 210} 211.yola_site_tagline span { 212 display: inline-block; 213 214 215 216 217 218} 219ul.sys_navigation { 220 margin: 0; 221 padding: 0; 222 text-align: center; 223} 224ul.sys_navigation li { 225 display: inline; 226 list-style: none; 227 margin:0 50px 0 0; 228} 229.yola_inner_heading_wrap ul.sys_navigation li:last-child { 230 margin:0; 231} 232ul.sys_navigation li a{ 233 text-decoration: none; 234} 235 236div.ys_submenu { 237 margin-top: 8px; 238} 239 240.yola_content_wrap { 241 margin:0 auto; 242 max-width: 1400px; 243 background-color: #ffffff; 244 245} 246.yola_content_column { 247 margin:0 auto; 248 249} 250 251.yola_inner_content_column { 252 margin:0 auto; 253 254 padding-top: 0rem; 255 padding-right: 2rem; 256 padding-bottom: 0rem; 257 padding-left: 2rem; 258} 259.yola_inner_footer_wrap { 260 padding: 0 20px; 261} 262div[id*='sys_region_'] { 263 padding-left: 0 ! important; 264 padding-right: 0 ! important; 265} 266.yola_site_logo { 267 width: 300px; 268 max-width:100%; 269} 270#sys_heading.yola_hide_logo img { 271 display:none; 272} 273#sys_heading.yola_hide_logo span { 274 display:inline; 275} 276a#sys_heading.yola_show_logo { 277 font-size:14px; 278} 279#sys_heading.yola_show_logo img { 280 display:inline; 281} 282#sys_heading.yola_show_logo span { 283 display:none; 284} 285.yola_footer_wrap { 286 margin:0 auto; 287 max-width: 1400px; 288 background-color: #f9f9f9; 289 290} 291.yola_footer_column { 292 margin:0 auto; 293 294 display: none; 295} 296footer { 297 padding-top: 2.5rem; 298 padding-right: 3.8rem; 299 padding-bottom: 2.5rem; 300 padding-left: 3.8rem; 301 font-family: 'Lato'; 302 font-size: 1.2rem; 303 color: #7a7a7a; 304 line-height: 1.5em; 305 306 text-transform: none; 307 308}
309span.yola_footer_socialbuttons { 310 display:inline-block; 311 line-height:0; 312 margin:0; 313 padding:0; 314 display:inline-block; 315 position:static; 316 float:left; 317 width:146px; 318 height:20px; 319 display: block; 320} 321.sys_yola_form .submit, 322.sys_yola_form input.text, 323.sys_yola_form input.email, 324.sys_yola_form input.tel, 325.sys_yola_form input.url, 326.sys_yola_form textarea { 327 font-family: 'Actor'; 328 font-size: 1.1rem; 329 line-height: 1.5em; 330 331 text-transform: none; 332} 333div.sys_yola_form { 334 padding:0 !important; 335} 336div.sys_yola_form form { 337 margin:0 !important; 338 padding:0 !important; 339} 340.sys_layout h2, .sys_txt h2, .sys_layout h3, .sys_txt h3, .sys_layout h4, .sys_txt h4, .sys_layout h5, .sys_txt h5, .sys_layout h6, .sys_txt h6, .sys_layout p, .sys_txt p { 341 margin-top:0; 342} 343div[id*='sys_region_'] { 344 padding:0 !important; 345} 346.sys_layout blockquote { 347 margin-top: 10px; 348 margin-bottom: 10px; 349 margin-left: 50px; 350 padding-left: 15px; 351 border-left: 3px solid #797979;; 352 353 font-style: italic; 354 355 356 357 358 359} 360.sys_layout blockquote, 361.sys_layout blockquote h1, 362.sys_layout blockquote h2, 363.sys_layout blockquote h3, 364.sys_layout blockquote h4, 365.sys_layout blockquote h5, 366.sys_layout blockquote h6, 367.sys_layout blockquote p { 368 369} 370.sys_layout p,.sys_layout pre {margin:0 0 1.5em 0} 371.sys_layout h2,.sys_layout h3,.sys_layout h4,.sys_layout h5,.sys_layout h6 { margin:0 0 0.5em 0 } 372.sys_layout dl, .sys_layout menu,.sys_layout ol,.sys_layout ul{margin:0 0 1.5em 0} 373 374.mob_menu { 375 display: none; 376} 377 378.new-text-widget img, .old_text_widget img { 379 max-width: 100%; 380} 381 382 383@media only screen and (max-width : 736px) { 384 html { 385 font-size: 80%; 386 } 387 388 body .m_inherit_width { 389 width: inherit; 390 } 391 392 .small_device_hide { 393 opacity: 0; 394 } 395 396 /* Remove display table so that fixefox can understand max-width */ 397 .yola_bg_overlay, .yola_inner_bg_overlay { 398 display: block; 399 } 400 401 /* Zero out padding of the heading wrapper */ 402 .yola_inner_heading_wrap.top .yola_innermost_heading_wrap, 403 .yola_inner_heading_wrap.bottom .yola_innermost_heading_wrap, 404 .yola_inner_heading_wrap.left .yola_innermost_heading_wrap, 405 .yola_inner_heading_wrap.right .yola_innermost_heading_wrap { 406 padding-left: 0; 407 padding-right: 0; 408 } 409 410 /* Make all image widgets center aligned */ 411 .Image_Default img { 412 display: block; 413 margin: 0 auto; 414 } 415 416 /* Center button widgets in column dividers */ 417 .column_divider .sys_button { 418 text-align: center; 419 } 420 421 /* Make column dividers snap to one over another */ 422 .yola_inner_heading_wrap.left #yola_heading_block, .yola_inner_heading_wrap.right #yola_heading_block { 423 float: none; 424 } 425 426 #sys_heading { 427 word-wrap: break-word; 428 word-break: break-word; 429 } 430 431 body .column_divider .left, body .column_divider .right { 432 width: 100%; 433 padding-left: 0; 434 padding-right: 0; 435 } 436 437 .mob_menu a:visited { 438 color: #fff; 439 } 440 441 .mob_menu { 442 display: block; 443 z-index: 1; 444 ; 445 background: rgba(255,255,255,1.00);; 446 ; 447 } 448 449 .mob_menu.menu_open { 450 position: absolute; 451 min-height: 100%; 452 padding: 1rem 0 0 0; 453 margin: 0; 454 top: 0; 455 left: 0; 456 right: 0; 457 } 458 459 .yola_outer_content_wrapper { 460 display: block; 461 padding-top: 0; 462 } 463 464 .mob_menu_overlay { 465 display: none; 466 text-transform: uppercase; 467 } 468 469 .menu_open .mob_menu_overlay { 470 display: block; 471 } 472 473 .mob_menu_toggle { 474 display: block; 475 padding-top: 5%; 476 padding-bottom: 6%; 477 text-align: center; 478 color: #666; 479 cursor: pointer; 480 } 481 .mob_submenu_toggle { 482 list-style: none; 483 text-align: center; 484 padding: 0; 485 margin: 0; 486 } 487 488 .new-text-widget img, .old_text_widget img { 489 height: auto; 490 } 491 492 #sys_heading span { 493 font-size: 35px; 494 font-weight: 500; 495 } 496 .sys_navigation { 497 display: none; 498 } 499 500 .mobile_ham { 501 stroke: #797979; 502 } 503 504 .mobile_quit {
505 display: none; 506 } 507 508 .menu_open .mobile_ham { 509 display: none; 510 } 511 512 .menu_open .mobile_quit { 513 display: inline; 514 stroke: #797979; 515 } 516 517 .mob_menu_list { 518 font-family: 'Oswald'; 519 font-weight: lighter; 520 margin: 0; 521 font-size: 2.2em; 522 line-height: 2; 523 letter-spacing: 0.1em; 524 list-style: none; 525 text-align: center; 526 padding: 0; 527 -webkit-animation-duration: .2s; 528 -webkit-animation-fill-mode: both; 529 -webkit-animation-name: fadeInUp; 530 -moz-animation-duration: .2s; 531 -moz-animation-fill-mode: both; 532 -moz-animation-name: fadeInUp; 533 -o-animation-duration: .2s; 534 -o-animation-fill-mode: both; 535 -o-animation-name: fadeInUp; 536 animation-duration: .2s; 537 animation-fill-mode: both; 538 animation-name: fadeInUp; 539 } 540 541 .mob_menu_overlay .mob_menu_list a { 542 color: #797979; 543 } 544 545 .mob_more_toggle { 546 display: inline-block; 547 cursor: pointer; 548 background: none; 549 border: none; 550 outline: none; 551 margin-left: 8px; 552 stroke: #797979; 553 } 554 555 .up_arrow { 556 display: none; 557 } 558 559 .sub_menu_open svg .down_arrow { 560 display: none; 561 } 562 563 .sub_menu_open .up_arrow { 564 display: inline; 565 } 566 567 .mob_menu_overlay .mob_menu_list .selected a { 568 color: #ff3838; 569 } 570 571 .sub_menu_open a { 572 color: #ff3838; 573 } 574 575 .mob_menu_list .sub_menu_open a { 576 color: #ff3838; 577 } 578 579 .sub_menu_open .mob_more_toggle { 580 stroke: #ff3838; 581 } 582 583 .mob_submenu_list { 584 font-family: 'Oswald'; 585 font-weight: lighter; 586 list-style: none; 587 text-align: center; 588 padding: 0 0 5% 0; 589 margin: 0; 590 line-height: 1.6; 591 display: none; 592 -webkit-animation-duration: .2s; 593 -webkit-animation-fill-mode: both; 594 -webkit-animation-name: fadeInUp; 595 -moz-animation-duration: .2s; 596 -moz-animation-fill-mode: both; 597 -moz-animation-name: fadeInUp; 598 -o-animation-duration: .2s; 599 -o-animation-fill-mode: both; 600 -o-animation-name: fadeInUp; 601 animation-duration: .2s; 602 animation-fill-mode: both 603 animation-name: fadeInUp; 604 } 605 606 .sub_menu_open .mob_submenu_list{ 607 display: block; 608 } 609 610 .mob_submenu_items { 611 font-size: 0.75em; 612 } 613 .mob_menu_list .mob_nav_selected { 614 color: #ff3838; 615 } 616 617 .menu_open ~ .yola_outer_content_wrapper { 618 display: none; 619 } 620 621 @-webkit-keyframes fadeInUp { 622 0% { 623 opacity: 0; 624 -webkit-transform: translate3d(0, 100%, 0); 625 transform: translate3d(0, 100%, 0); 626 } 627 100% { 628 opacity: 1; 629 -webkit-transform: none; 630 transform: none; 631 } 632 } 633 634 @-moz-keyframes fadeInUp { 635 0% { 636 opacity: 0; 637 -moz-transform: translate3d(0, 100%, 0); 638 transform: translate3d(0, 100%, 0); 639 } 640 100% { 641 opacity: 1; 642 -moz-transform: none; 643 transform: none; 644 } 645 } 646 647 @-o-keyframes fadeInUp { 648 0% { 649 opacity: 0; 650 -o-transform: translate3d(0, 100%, 0); 651 transform: translate3d(0, 100%, 0); 652 } 653 100% { 654 opacity: 1; 655 -o-transform: none; 656 transform: none; 657 } 658 } 659 660 @keyframes fadeInUp { 661 0% { 662 opacity: 0; 663 transform: translate3d(0, 100%, 0); 664 } 665 100% { 666 opacity: 1; 667 transform: none; 668 } 669 } 670} 671 672 673 </style> 674 675
676<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
676 677 678 <style type="text/css"> 679 @import url("//fonts.sitebuilderhost.net/css?family=Oswald%3Aregular%2C700%2C300|Raleway%3Aregular%2C200%2C100|Actor%3Aregular|Lato%3Aregular&subset=latin,latin-ext"); 680 </style> 681 682 <style type="text/css" id="styleOverrides"> 683 /* ====================== 684* 685* Site Style Settings 686* 687=========================*/ 688/* Paragraph text (p) */ 689 690.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout { 691 font-family: 'Actor'; 692 693 font-size: 1.1rem; 694 color: #797979; 695 line-height: 1.5em; 696 697 text-transform: none; 698} 699 700/* Navigation */ 701.sys_navigation a, .ys_menu_2, div#menu ul, div#menu ul li a, ul.sys_navigation li a, div.sys_navigation ul li.selected a, div.sys_navigation ul li a, #navigation li a, div.ys_menu ul a:link, div.ys_menu ul a:visited, div.ys_nav ul li a, #sys_banner ul li a { 702 font-family: 'Oswald'; 703 704 font-size: 1.2rem; 705 color: #797979; 706 text-decoration: none; 707 letter-spacing: 1px; 708 line-height: 1.5em; 709 text-transform: uppercase; 710} 711 712 713/* Navigation:selected */ 714div.sys_navigation ul li.selected a, div#menu ul li.selected a, #navigation li.selected a, div.ys_menu ul li.selected a:link, div.ys_menu ul li.selected a:visited, div.ys_nav ul li.selected a, #sys_banner ul li.selected a { 715 color: #ff3838; 716} 717 718/* Navigation:hover */ 719div.sys_navigation ul li a:hover, div#menu ul li a:hover, #navigation li a:hover, div.ys_menu ul a:hover, div.ys_nav ul li a:hover, div.ys_menu ul li a:hover, #sys_banner ul li a:hover { 720 color: #ff0000; 721} 722 723/* Site Title */ 724#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a { 725 font-family: 'Oswald'; 726 font-weight: 300; 727 font-size: 4.5rem; 728 color: #ffffff; 729 text-decoration: none; 730 letter-spacing: 5px; 731 line-height: 1.5em; 732 text-transform: uppercase; 733} 734 735/* Hyperlinks (a, a:hover, a:visited) */ 736a, .sys_txt a:link, .sys_layout a:link {color: #ff0000;} 737a, .sys_txt a:link, .sys_layout a:link {text-decoration: none;} 738a:visited, .sys_txt a:visited, .sys_layout a:visited {color: #ff0000;} 739a:hover, .sys_txt a:hover, .sys_layout a:hover {color: #797979;} 740a:hover, .sys_txt a:hover, .sys_layout a:hover {text-decoration: underline;} 741 742/* Headings (h2, h3, h4, h5, h6) */ 743.sys_layout h2, .sys_txt h2 { 744 font-family: 'Oswald'; 745 font-weight: 700; 746 font-size: 2.5rem; 747 color: #ffffff; 748 text-decoration: none; 749 letter-spacing: 1px; 750 line-height: 1em; 751 text-transform: uppercase; 752} 753 754.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited { 755 font-family: 'Oswald'; 756 font-weight: 700; 757 font-size: 2.5rem; 758 color: #ffffff; 759 letter-spacing: 1px; 760 line-height: 1em; 761 text-transform: uppercase; 762} 763 764.sys_layout h3, .sys_txt h3 { 765 font-family: 'Raleway'; 766 font-weight: 200; 767 font-size: 2.5rem; 768 color: #7a7a7a; 769 text-decoration: none; 770 letter-spacing: 1px; 771 line-height: 1em; 772 text-transform: none; 773} 774 775.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited { 776 font-family: 'Raleway'; 777 font-weight: 200; 778 font-size: 2.5rem; 779 color: #7a7a7a; 780 letter-spacing: 1px; 781 line-height: 1em; 782 text-transform: none; 783} 784 785.sys_layout h4, .sys_txt h4 { 786 font-family: 'Oswald'; 787 788 font-size: 1.5rem; 789 color: #ffffff; 790 text-decoration: none; 791 letter-spacing: 1px; 792 line-height: 1.5em; 793 text-transform: uppercase; 794} 795 796.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited { 797 font-family: 'Oswald'; 798 799 font-size: 1.5rem; 800 color: #ffffff; 801 letter-spacing: 1px; 802 line-height: 1.5em; 803 text-transform: uppercase; 804} 805 806.sys_layout h5, .sys_txt h5 { 807 font-family: 'Raleway'; 808 font-weight: 200; 809 font-size: 1.4rem; 810 color: #7a7a7a; 811 text-decoration: none; 812 letter-spacing: 1px; 813 line-height: 1.5em; 814 text-transform: none; 815} 816 817.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited { 818 font-family: 'Raleway'; 819 font-weight: 200; 820 font-size: 1.4rem; 821 color: #7a7a7a; 822 letter-spacing: 1px; 823 line-height: 1.5em; 824 text-transform: none; 825} 826 827.sys_layout h6, .sys_txt h6 { 828 font-family: 'Raleway'; 829 font-weight: 200; 830 font-size: 1.2rem; 831 color: #7a7a7a; 832 833 letter-spacing: 1px; 834 line-height: 1.5em; 835 text-transform: none; 836} 837 838.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited { 839 font-family: 'Raleway'; 840 font-weight: 200; 841 font-size: 1.2rem; 842 color: #7a7a7a; 843 letter-spacing: 1px; 844 line-height: 1.5em; 845 text-transform: none; 846} 847 848/*button widget*/ 849.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited { 850 display:inline-block; 851 text-decoration: none; 852} 853.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited { 854 cursor:pointer; 855} 856.sys_layout .sys_button a { 857 cursor:default; 858} 859 860.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link { 861 border-radius:0px; 862} 863.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link { 864 border-radius:3px; 865} 866.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link { 867 border-radius:90px; 868} 869 870/*button sizes*/ 871.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-size: 0.8rem;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1.5rem;padding-right:1.5rem;} 872.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-size: 15px;padding-top:0.9rem;padding-bottom:0.9rem;padding-left:2.3rem;padding-right:2.3rem;} 873.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-weight: bold;font-size: 1.4rem;line-height: 1.7em;text-transform: capitalize;padding-top:1.3rem;padding-bottom:1.3rem;padding-left:3.1rem;padding-right:3.1rem;} 874 875/*button styles:small*/ 876.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link { 877 border-color:#88d5c2; 878 color: #88d5c2; 879 border-style: solid; 880 border-width: 2px; 881} 882.sys_layout .sys_button.small.outline a:visited { 883 color: #88d5c2; 884} 885.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link { 886 background-color: #88d5c2; 887 888 color: #ffffff; 889 border-color:#88d5c2; 890 border-style: solid; 891 border-width: 2px; 892} 893.sys_layout .sys_button.small.solid a:visited { 894 color: #ffffff; 895} 896.sys_layout .sys_button.small.outline a:hover { 897 background-color: #88d5c2; 898 color: #ffffff; 899 text-decoration: none; 900} 901 902/*button styles:medium*/ 903.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link { 904 border-color:#88d5c2; 905 color: #88d5c2; 906 border-style: solid; 907 border-width: 2px; 908} 909.sys_layout .sys_button.medium.outline a:visited { 910 color: #88d5c2; 911} 912.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link { 913 background-color: #88d5c2; 914 915 color: #ffffff; 916 border-color:#88d5c2; 917 border-style: solid; 918 border-width: 2px; 919} 920.sys_layout .sys_button.medium.solid a:visited { 921 color: #ffffff; 922} 923.sys_layout .sys_button.medium.outline a:hover { 924 background-color: #88d5c2; 925 color: #ffffff; 926 text-decoration: none; 927} 928/*button styles:large*/ 929.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link { 930 border-color:rgba(92,92,92,1.00); 931 color: rgba(92,92,92,1.00); 932 border-style: solid; 933 border-width: 2px; 934} 935.sys_layout .sys_button.large.outline a:visited { 936 color: rgba(92,92,92,1.00); 937} 938.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link { 939 background-color: #5c5c5c; 940 941 color: #4d4d4d; 942 border-color:rgba(92,92,92,1.00); 943 border-style: solid; 944 border-width: 2px; 945} 946.sys_layout .sys_button.large.solid a:visited { 947 color: #4d4d4d; 948} 949.sys_layout .sys_button.large.outline a:hover { 950 background-color: rgba(92,92,92,1.00); 951 color: #4d4d4d; 952 text-decoration: none; 953} 954 955.sys_layout .sys_button.solid a:hover { 956 text-decoration: none; 957 opacity: .8; 958} </style> 959 960 961 962 963
964<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 964
964
965<script type="text/javascript">window.jQuery || document.write('
965<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
965 966<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1001119" />
967<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1001119"></script>
967 968<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1001119" /> 969 970
971<script type="text/javascript"> 972 var swRegisterManager = { 973 goals: [], 974 add: function(swGoalRegister) { 975 this.goals.push(swGoalRegister); 976 }, 977 registerGoals: function() { 978 while(this.goals.length) { 979 this.goals.shift().call(); 980 } 981 } 982 }; 983 984 window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager); 985</script>
985 986 987 <link rel="stylesheet" type="text/css" href="classes/components/Image/layouts/Default/Default.css?1001119" /> 988 989 990 991 992 993 994 </head> 995 <body lang="en" class=""> 996 997 <div id="sys_background" class="yola_bg_overlay"> 998 <div class="yola_inner_bg_overlay"> 999 <div class="yola_outer_content_wrapper"> 1000 <header role="header"> 1001 <div class="yola_outer_heading_wrap"> 1002 <div class="yola_heading_container"> 1003 <div class="yola_inner_heading_wrap top"> 1004 <div class="yola_innermost_heading_wrap"> 1005 <nav class="mob_menu"> 1006 <div class="mob_menu_toggle"><!--Mobile Nav Toggle--> 1007 <svg class="mobile_ham" width="40" height="25"> 1008 <line x1="0" y1="3" x2="40" y2="3" stroke-width="2"/> 1009 <line x1="0" y1="13" x2="40" y2="13" stroke-width="2"/> 1010 <line x1="0" y1="23" x2="40" y2="23" stroke-width="2"/> 1011 </svg> 1012 <svg class="mobile_quit" width="26" height="50"> 1013 <line x1="0" y1="1" x2="26" y2="25" stroke-width="2"/> 1014 <line x1="0" y1="25" x2="26" y2="1" stroke-width="2"/> 1015 </svg> 1016 </div> 1017 <div class="mob_menu_overlay"> <!--Mobile Nav Overlay--> 1018 <ul class="mob_menu_list"> 1019 <li class=""> 1020 <a href="./" title="Home">Home</a> 1021 </li> 1022 <li class=""> 1023 <a href="background.php" title="Background">Background</a> 1024 </li> 1025 <li class=""> 1026 <a href="our-artistes.php" title="Our Artistes">Our Artistes</a> 1027 </li> 1028 <li class="selected"> 1029 <a href="YOUTH-CALYPSO-AND-SOCA-WORKSHOPS.php" title="YOUTH CALYPSO AND SOCA WORKSHOPS">YOUTH CALYPSO AND SOCA WORKSHOPS</a> 1030 </li> 1031 <li class=""> 1032 <a href="london-calypso-tent.php" title="London Calypso Tent">London Calypso Tent</a> 1033 </li> 1034 <li class=""> 1035 <a href="video-archives.php" title="Video Archives">Archives</a> 1036 </li> 1037 <li class=""> 1038 <a href="carnival.php" title="Carnival">Carnival</a> 1039 </li> 1040 <li class=""> 1041 <a href="world-music-stage.php" title="World Music Stage">World Music Stage</a> 1042 </li> 1043 <li class=""> 1044 <a href="contact-us.php" title="Contact Us">Contact Us</a> 1045 </li> 1046 </ul> 1047 </div> 1048 </nav> 1049 <div id="yola_heading_block"> <!--Title / Logo--> 1050 <h1> 1051 <a id="sys_heading" class="yola_hide_logo" href="./"> 1052 <img class="yola_site_logo" src="" alt="" > 1053 <span></span> 1054 </a> 1055 </h1> 1056 </div> 1057 <div id="yola_nav_block"> <!--Nav--> 1058 <nav role="navigation"> 1059 <div class="sys_navigation"> 1060 <ul class="sys_navigation"> 1061 <li id="ys_menu_0"> 1062 <a href="./" title="Home">Home</a> 1063 </li> 1064 <li id="ys_menu_1">
1065 <a href="background.php" title="Background">Background</a> 1066 </li> 1067 <li id="ys_menu_2"> 1068 <a href="our-artistes.php" title="Our Artistes">Our Artistes</a> 1069 </li> 1070 <li id="ys_menu_3"class="selected"> 1071 <a href="YOUTH-CALYPSO-AND-SOCA-WORKSHOPS.php" title="YOUTH CALYPSO AND SOCA WORKSHOPS">YOUTH CALYPSO AND SOCA WORKSHOPS</a> 1072 </li> 1073 <li id="ys_menu_4"> 1074 <a href="london-calypso-tent.php" title="London Calypso Tent">London Calypso Tent</a> 1075 </li> 1076 <li id="ys_menu_5"> 1077 <a href="video-archives.php" title="Video Archives">Archives</a> 1078 </li> 1079 <li id="ys_menu_6"> 1080 <a href="carnival.php" title="Carnival">Carnival</a> 1081 </li> 1082 <li id="ys_menu_7"> 1083 <a href="world-music-stage.php" title="World Music Stage">World Music Stage</a> 1084 </li> 1085 <li id="ys_menu_8"> 1086 <a href="contact-us.php" title="Contact Us">Contact Us</a> 1087 </li> 1088 </ul> 1089
1090<script> 1091/* jshint ignore:start */ 1092$(document).ready(function() { 1093 flyoutMenu.initFlyoutMenu( 1094 [{"name":"Home","title":"Home","href":".\/","children":[]},{"name":"Background","title":"Background","href":"background.php","children":[]},{"name":"Our Artistes","title":"Our Artistes","href":"our-artistes.php","children":[]},{"name":"YOUTH CALYPSO AND SOCA WORKSHOPS","title":"YOUTH CALYPSO AND SOCA WORKSHOPS","href":"YOUTH-CALYPSO-AND-SOCA-WORKSHOPS.php","children":[]},{"name":"London Calypso Tent","title":"London Calypso Tent","href":"london-calypso-tent.php","children":[]},{"name":"Archives","title":"Video Archives","href":"video-archives.php","children":[]},{"name":"Carnival","title":"Carnival","href":"carnival.php","children":[]},{"name":"World Music Stage","title":"World Music Stage","href":"world-music-stage.php","children":[]},{"name":"Contact Us","title":"Contact Us","href":"contact-us.php","children":[]}] 1095 , 'flyover'); 1096}); 1097/* jshint ignore:end */ 1098</script>
1098 1099 1100 </div> 1101 </nav> 1102 </div> 1103 <div style="padding:0; height:0; clear:both;"> </div> 1104 </div> 1105 </div> 1106 </div> 1107 <div id="sys_banner" class="yola_banner_wrap"> 1108 <div class="yola_inner_banner_wrap"> 1109 <div class="yola_innermost_banner_wrap"> 1110 <h2 class="yola_site_tagline" style="display:none"><span></span></h2> 1111 </div> 1112 </div> 1113 </div> 1114 </div> 1115 </header> 1116 1117 <main class="yola_content_wrap" role="main"> 1118 <div class="yola_content_column"> 1119 <div class="yola_inner_content_column clearFix"> 1120 <style media="screen"> 1121 .layout_1-column { 1122 width: 100%; 1123 padding: 0; 1124 margin: 0; 1125 } 1126 1127 .layout_1-column:after { 1128 content: ""; 1129 display: table; 1130 clear: both; 1131 } 1132 1133 .zone_top { 1134 margin: 0; 1135 padding: 5px; 1136 vertical-align: top; 1137 line-height: normal; 1138 min-width: 100px; 1139 } 1140</style> 1141 1142<div class="layout_1-column sys_layout"> 1143 <div id="layout_row1"> 1144 <div id="sys_region_1" class="zone_top" ><div id="Idcf6751984a74bd081797329cdcb7b2b" style="display:block;clear: both;text-align:center;" class="Image_Default"><style>#Idcf6751984a74bd081797329cdcb7b2b_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 452px;border:none;max-width: 100%;height: auto;}</style><img id="Idcf6751984a74bd081797329cdcb7b2b_img" src="resources/Flyer-ACASA%27s%20Youth%20Calypso%20%26%20Soca%20Workshops%20%26%20Competitions.jpg.opt452x640o0%2C0s452x640.jpg" /></div><div id="I5" style="display:block;clear: both;margin:0 0 0 0;" class="Panel_Default"> <style id='yola-panel-style-I5' type='text/css'> 1145 1146 div#yola-panel-inner-I5, 1147 div#yola-panel-inner-I5 p, 1148 div#yola-panel-inner-I5 .sys_txt, 1149 .content div#yola-panel-inner-I5 p, 1150 #content div#yola-panel-inner-I5 p, 1151 div#yola-panel-inner-I5 .HTML_Default p, 1152 div#yola-panel-inner-I5 .Text_Default p, 1153 div#yola-panel-inner-I5 .sys_txt p, 1154 div#yola-panel-inner-I5 .sys_txt p a, 1155 div#content div#yola-panel-inner-I5 p{ 1156 color:#ffffff; 1157 } 1158 1159 div#yola-panel-inner-I5 h1, 1160 div#yola-panel-inner-I5 h2, 1161 div#yola-panel-inner-I5 h3, 1162 div#yola-panel-inner-I5 h4, 1163 div#yola-panel-inner-I5 h5, 1164 div#yola-panel-inner-I5 h6, 1165 div#yola-panel-inner-I5 .sys_txt h1, 1166 div#yola-panel-inner-I5 .sys_txt h2, 1167 div#yola-panel-inner-I5 .sys_txt h3, 1168 div#yola-panel-inner-I5 .sys_txt h4, 1169 div#yola-panel-inner-I5 .sys_txt h5, 1170 div#yola-panel-inner-I5 .sys_txt h6{ 1171 color:#ffffff; 1172 } 1173 1174 1175 1176 1177 #yola-panel-I5 { 1178 min-height: 0;position:relative; 1179 } 1180 1181 #yola-panel-inner-I5 { 1182 padding:30px 50px 30px 50px;position:relative; 1183 } 1184 1185 #yola-panel-background-I5 { 1186 background:#333333;background-position:top left;background-repeat:repeat;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;touch-action:none; 1187 } 1188 1189 1190 </style> 1191 1192 <div id='yola-panel-I5'> 1193 <div 1194 id='yola-panel-background-I5' 1195 > 1196 </div> 1197 <div id='yola-panel-inner-I5'> 1198 <div id="Panel_I5" style="text-align:left; vertical-align:top;" ><div id="I6" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css"> 1199 div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;} 1200 div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;} 1201 div.sys_text_widget img{margin:4px;} 1202 div.sys_text_widget { 1203 overflow: hidden; 1204 margin: 0; 1205 padding: 0; 1206 color: ; 1207 font: ; 1208 background-color: ; 1209 } 1210</style> 1211 1212<div id="I6_sys_txt" systemElement="true" class="sys_txt sys_text_widget new-text-widget"><p style="text-align: center;"><a href="index.php">Home</a> / <a href="contact-us.php">Contact Us</a></p> 1213<p><img src="//assets.yolacdn.net/template_assets/carbon/resources/95a0d1bc-arrows.png?timestamp=1401738653031" style="width: 236px; margin-left: auto; margin-right: auto; display: block;"></p></div></div></div> 1214 </div> 1215 </div> 1216 1217 1218 1219</div></div> 1220 </div> 1221</div> 1222 </div> 1223 </div> 1224 </main> 1225 1226 <div class="yola_footer_wrap"> 1227 <div class="yola_footer_column"> 1228 <footer id="yola_style_footer">
1229 <span class="yola_footer_socialbuttons"><table cellpadding="0" cellspacing="0"> 1230 <tr> 1231 <td style="vertical-align:bottom;"> 1232
1232<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
1232 1233 <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-count="none">Tweet</a> 1234 </td> 1235 <td style="vertical-align:bottom;"> 1236 <div style="padding:0 5px;"> 1237 <iframe src="//www.facebook.com/plugins/like.php?send=false&href=https%3A%2F%2Fwww.britishcalypsonians.com%2FYOUTH-CALYPSO-AND-SOCA-WORKSHOPS.php&layout=button_count&show_faces=false&action=like&width=49&height=20&locale=en_US" scrolling="no" frameborder="0" style="border:none;overflow:hidden;width:49px;height:20px;" allowTransparency="true"></iframe> 1238 </div> 1239 </td> 1240 <td style="vertical-align:bottom;"> 1241
1241<script type="text/javascript" src="//apis.google.com/js/plusone.js"> 1242 {lang: "en_US"} 1243 </script>
1243 1244 <g:plusone size="medium" count="false"></g:plusone> 1245
1245<script type="text/javascript">gapi.plusone.go();</script>
1245 1246 </td> 1247 </tr> 1248</table></span> 1249<p style="float:right; margin:0;">Association of Calypsonians UK - ACUK-The ABC (Co. Reg. No. 09562036), 1 Chippenham Mews, London, England W10 2AN, GB | 07712894518</p><div style="clear:both; height:0;"></div> 1250 </footer> 1251 </div> 1252 </div> 1253 1254 <style type="text/css"> 1255 #sys_yolacredit_wrap{text-align:center;} 1256 #sys_yolacredit{text-align:center;line-height:1.2em;margin:2em auto;font-family:Arial; 1257 position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png?1001119) right 0.3em no-repeat; 1258 background-size:7em;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; 1259 padding:0.5em 2.6em 0.6em 0.4em;color:#222;font-size:0.6rem;display:inline-block;} 1260 #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;} 1261 #sys_yolacredit p a{color:#222;text-decoration:none;} 1262 #sys_yolacredit p a:hover{text-decoration:underline;} 1263 #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block; 1264 width:25px;height:16px;float:right;text-decoration:none;color:"#fff";} 1265 #sys_yolacredit a.yola span{display:none;} 1266 </style> 1267 <!--[if lte IE 6]> 1268 <style type="text/css"> 1269 #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif?1001119) right 2px no-repeat;} 1270 </style> 1271 <![endif]--> 1272 <div id="sys_yolacredit_wrap"> 1273 <div id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website"> 1274 <p>Make a <a href="https://www.yola.com/">free website</a> with <a class="yola" href="https://www.yola.com/"><span>Yola</span></a></p> 1275 </div> 1276 </div> 1277 1278 1279
1280<script type="text/javascript" id="site_analytics_tracking" data-id="8a4986c945d3913f0145d5f28bc31fed" data-user="883380879bff4111be5d8ab19874b6c6" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking.js"> 1281 var _yts = _yts || []; 1282 var tracking_tag = document.getElementById('site_analytics_tracking'); 1283 _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]); 1284 _yts.push(["_userId", tracking_tag.getAttribute('data-user')]); 1285 _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]); 1286 _yts.push(["_trackPageview"]); 1287 (function() { 1288 var yts = document.createElement("script"); 1289 yts.type = "text/javascript"; 1290 yts.async = true; 1291 yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url'); 1292 (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); 1293 })(); 1294</script>
1294 1295 1296 1297<!-- template: Skyline_v2 975106e9-a8c6-4f79-8606-43ec3160d4ea --> 1298 </div> 1299 </div> <!-- .inner_bg_overlay --> 1300 </div> <!-- #sys_background / .bg_overlay --> 1301
1301<script src="templates/Skyline_v2/resources/js/browserify.build.js"></script>
1301 1302
1302<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"696c13fc43e24b25b63a960584c8453e","r":1,"spa":2}' crossorigin="anonymous"></script>
1302 1303</body> 1304</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.