Queen Elizabeth II: 12 memorable fashion moments
Throughout the years, Queen Elizabeth II has shown a knack for wearing bold and brightly coloured garments with grace. In deep remembrance of her Majesty the Queen, here are twelve iconic moments of her bringing elegance, style and class (and perhaps a sense of cheekiness) over the decades
Queen Elizabeth II at the annual Chelsea Flower Show in London. Photo: @theroyalfamily | Instagram
Having reigned for 70 years, the Queen served as the longest reigning monarch in British history. She was not only a figurehead for the UK but also the epitome of dignity who personified the British identity. Her iconic fashion sense was another area in which she took the limelight.
From her wedding day in 1947 to appearing with Anna Wintour at London Fashion Week in 2018, here are twelve memorable occasions where she showed the world she is a fashion icon in her own right.
START SLIDESHOW
.lightbox-msg { padding: 10px 10px; transition: opacity 0.5s ease-in-out; position: absolute; font-size: 25px; line-height: 0.5; top: 33px; right: 0; left: 0; z-index: 10; color: #fff; font-style: italic; opacity: 1; } .lightbox-msg.hiding { opacity: 0; } @keyframes fadeout { 100% { opacity: 1 } 0% { opacity: 0 } } body.noscroll { overflow: hidden; } .intro-container { margin-top: 0.5em; } .intro-container .intro { } .lightbox { margin-bottom: 50px; } .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { margin-bottom: 16px!important;
} .image-slider-container { position: relative; }
.lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,.8); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .lightbox-overlay-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .image-slider-container .slick-slider .slick-slide { position: relative; text-align: center; overflow: hidden; }
.image-slider-container .slick-slider .slick-slide, .image-slider-container .slick-slide img { max-height: 650px; max-width: 95%; }
.image-slider-container .slick-slider .slick-slide:before { opacity: 0; } .slick-slider .slick-slide img{ margin-left: auto; margin-right: auto; } .viewbutton { padding: 10px 10px; text-align:center; position: absolute; top: 0; right: 0; margin-right: 0; cursor: pointer; color:#fff; width: 70px; } .viewbutton.outer { width: auto; } .slick-slide .viewbutton img { max-width: 50px; } .cap_viewbutton { margin-top: 1em; position: relative; width: 100%; height: 50px; display: flex; justify-content: center; } .cap_viewbutton .viewbutton { background-color: rgba(47,47,47,1); display: block; left: unset; right: unset; margin-left: auto; margin-right: auto; }
.image-slider-container .viewbutton span:nth-child(3){ padding-left: 5px; } .image-slider-container .viewbutton:before:hover { content: 'View in Slideshow'; color: #fff; opacity: 1; } , .image-slider-container .viewbutton span { color: #fff; font-size: 16px; letter-spacing: 2px; width: 100%; text-align:center; }
.image-slider-container .image-slider .caption { margin-top: 1em; } .image-slider-container .image-slider .slick-prev { left: 0; } .image-slider-container .image-slider .slick-next { right: 0; } .image-slider-container .image-slider .arrow-container .slick-prev:before { left: 0; } .image-slider-container .image-slider .slick-next:after { right: 0; } .image-slider-container .slick-prev { width: 35px; height: 38px; } .image-slider-container .slick-next { width: 30px; height: 38px; }
.image-slider-container .image-slider .slick-next:before , .image-slider-container .image-slider .slick-next:before, .image-slider-container .image-slider .slick-prev:before , .image-slider-container .image-slider .slick-prev:before { font-size: 40px; } .nav-slider .slick-slide { overflow:hidden; margin-top: 10px; margin-left: 2px; margin-right: 2px; } .nav-slider .slick-slide, .nav-slider .slick-slide img { max-height: 60px; } .nav-slider .slick-next, .nav-slider .slick-prev { width: 20px; height: 38px; color: #000; } .nav-slider .arrow-container { top: 32%; height: 40px; width: 40px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { max-width: unset; margin-top: -55px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { max-width: 95%; } .slick-lightbox-slick .arrow-container.prev { left: 0; } .slick-lightbox-slick .arrow-container.next { right: 0; } .arrow-container.flickity-button-icon { fill: #fff!important; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .slick-prev { height: 100%; width: 80px; } .slick-lightbox-slick .arrow-container path, .slick-lightbox-slick .arrow-container path { color:#fff; } .slick-lightbox-slick .slick-lightbox-slick-caption { max-width: unset; display: inline-block; overflow-y: auto; max-height: 69px; margin-top: 0; padding: 0 20px; font-size: 16px; } .slick-lightbox-slick svg.arrow-container { color:#fff; } .slick-lightbox-close { padding: 5px; width: 50px!important; height: 55px!important; z-index: 10; right: 25px!important; top: 15px; line-height: 0.5; } .counter { padding: 5px; z-index: 10; right: 86px!important; top: 33px; line-height: 0.5; position: absolute; color: #fff; font-size: 25px; }
.slick-lightbox-close:before { line-height: 0.5!important; font-size: 50px!important; }
.arrow-container { cursor: pointer; position: absolute; height: 45px; width: 80px; z-index: 1; top: 0; top: 45%; } .slick-next:hover, .slick-prev:hover { opacity: 1!important; } .arrow-container.next, .arrow-container.prev { transition: background-color 0.5s ease; } .arrow-container.next:hover { opacity: 0.8; } .arrow-container.prev:hover { opacity: 0.8; } .arrow-container.next { right: -60px; transition: all 0.25s ease;
} .arrow-container.prev { left: -60px; transition: all 0.25s ease;
} .image-slider-container .arrow-container { width: 55px; height: 55px; }
.arrow-container.next, .arrow-container.prev { transition: all 0.25s ease; } .arrow-container.next:hover path, .arrow-container.prev:hover path { opacity: 0.8; }
@media only screen and (max-width: 640px){
.slick-slider .slick-slide { max-height: 70vh; } .slide-slide img { max-height: 70vh; } .slick-lightbox-slick .slick-lightbox-slick-item { max-height: unset; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { margin-top: 20%; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { height: auto; margin-top: 0px; margin-bottom: 10px!important;
max-height: 75vh!important; }
.slick-lightbox .slick-lightbox-slick .slick-next { right: 8px; } .slick-lightbox .slick-lightbox-slick .slick-prev { left: 8px; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .image-slider .slick-prev { color:#fff; width: 20px; } .slick-lightbox-slick .slick-lightbox-slick-caption { font-size: 14px; max-height: 86px; }
}
(function($){ $(document).ready(function(){ var imageSlider = $('#lightbox-block_60862badb83b0 .image-slider'); var navSlider = $('#lightbox-block_60862badb83b0 .nav-slider') ; var msgRead = 0;
// Image Slider
$('#lightbox-block_60862badb83b0').find('.image-slider:not(.slick-initialized)').slick({ fade: true, // arrows: , arrows: false, prevArrow: '
responsive: [ { breakpoint: 640, settings: { draggable: true, dots: false, arrows: true, } } ] }); // Nav Slider // $('#').find('.nav-slider:not(.slick-initialized)').slick({ // arrows: true, // dots: false, // infinite: true, // speed: 500, // prevArrow: '
// Lightbox $('#lightbox-block_60862badb83b0').find('.image-slider.slick-initialized').slickLightbox({ itemSelector: '.slick-slide a', lazy: true, slick: { fade: true, speed: 300, asNavFor: imageSlider, prevArrow: '
// Refresh current slide position imageSlider.on('afterChange', function() { hideMsg(); $('.galposition').text(refreshGalPos()); })
function toggleBodyScroll() { if (!$('body').hasClass('noscroll')) { $('body').addClass('noscroll'); } else { $('body').removeClass('noscroll');
} }
// Display current slide position function refreshGalPos() { var galcurrent = $('#lightbox-block_60862badb83b0 .image-slider .slick-active').data('pos'); return galcurrent; }
// Display swipe message on first visit to lightbox function createMsg() { var msg = 'Swipe left or right'; var msgDiv = document.createElement('div'); var msgSpan = document.createElement('span'); msgDiv.classList.add('lightbox-msg'); msgSpan.append(msg); msgDiv.append(msgSpan); document.querySelector('.slick-lightbox-slick.slick-initialized').append(msgDiv); }
function hideMsg() { $('.slick-lightbox-slick.slick-initialized .lightbox-msg').addClass('hiding'); }
// Generate counter in slideshow function counterGen () { var counterDiv = document.createElement('div'); var counterPos = document.createElement('span'); var counterTotal = $('#lightbox-block_60862badb83b0 .image-slider').data('total'); counterPos.classList.add('galposition'); counterDiv.classList.add('counter'); counterPos.append(refreshGalPos()); counterDiv.append(counterPos, '/' + counterTotal); document.querySelector('.slick-lightbox-slick.slick-initialized').append(counterDiv); }
}); })(jQuery);
Also see: Queen Elizabeth II in Hong Kong: A walk down memory lane
