Box shadow only top

Author: c | 2025-04-23

only top box-shadow (same style with another div's box-shadow style but only top) 4. Remove the box shadow from the bottom of a div? 1. Box-shadow - top and left only. 0.

css - only top box-shadow (same style with another div's box-shadow

Star (458) You must be signed in to star a gist Fork (138) You must be signed in to fork a gist Clone this repository at <script src=" Save ocean90/1268328 to your computer and use it in GitHub Desktop. Clone this repository at <script src=" Save ocean90/1268328 to your computer and use it in GitHub Desktop. CSS3 Box Shadow, only top/right/bottom/left and all This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters Show hidden characters > html> head> title>Box Shadowtitle> style> /* Shadow Top */ .box { height: 150px; width: 300px; margin: 20px; border: 1px solid #ccc; } .top { box-shadow: 0 -5px 5px -5px #333; } .right { box-shadow: -5px 0 5px -5px #333; } .bottom { box-shadow: 0 5px 5px -5px #333; } .left { box-shadow: 5px 0 5px -5px #333; } .all { box-shadow: 0 0 5px #333; } style> head> body> div class="box top">div> div class="box right">div> div class="box bottom">div> div class="box left">div> div class="box all">div> body> html> .75rem);line-height:var(--kpn-line-height-xs);vertical-align:baseline}.kpn-link--text-small .kpn-link__icon--suffix,.kpn-link--text-small .kpn-link__icon--prefix{margin:0}.kpn-link--stretched-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}:host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size: 3rem}.kpn-icon--size-service-sm,.kpn-icon--size-logo-sm{--icon-size: 3.5rem}.kpn-icon--size-service-md,.kpn-icon--size-logo-md{--icon-size: 4rem}.kpn-icon--size-unregistered-2xl,.kpn-icon--size-service-lg,.kpn-icon--size-logo-lg{--icon-size: 4.5rem}.kpn-icon--size-default-2xl,.kpn-icon--size-service-xl,.kpn-icon--size-logo-xl{--icon-size: 6rem}.kpn-icon--size-default-3xl,.kpn-icon--size-logo-2xl{--icon-size: 9rem}.kpn-icon--size-default-4xl{--icon-size: 18.75rem} Al KPN klant? Pas je snelheid aan:host{display:block}:host([hidden]){display:none}.kpn-card{border-radius:var(--kpn-card-border-radius, 1rem);background-color:var(--kpn-card-background-color, #fff);box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%));height:100%;border-width:var(--kpn-card-border-width, 0px);border-style:var(--kpn-card-border-style, solid);border-color:var(--kpn-card-border-color, transparent)}.kpn-card--shadow-sm{box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%))}.kpn-card--shadow-md{box-shadow:var(--kpn-shadow-level-2, 0 3px 30px 0 rgb(0 0 0 / 20%))}.kpn-card--shadow-lg{box-shadow:var(--kpn-shadow-level-3, 0 3px 30px 0 rgb(0 0 0 / 30%))}.kpn-card--disabled{--kpn-card-background-color: var(--kpn-card-disabled-background-color, #f9f9f9);--kpn-card-border-width: var(--kpn-card-disabled-border-width, 1px);--kpn-card-border-style: var(--kpn-card-disabled-border-style, solid);--kpn-card-border-color: var(--kpn-card-disabled-border-color, #e3e3e3)}.kpn-card-content{padding:var(--kpn-card-content-padding);height:100%} :host{display:block}:host([hidden]){display:none}.kpn-card__header{width:100%;overflow:hidden;border-radius:var(--kpn-border-radius, 1rem) var(--kpn-border-radius, 1rem) 0 0;height:inherit;aspect-ratio:inherit}.kpn-card__header--height-md{height:100%;max-height:10rem} :host{display:block}:host([hidden]){display:none}.kpn-card-content{all:inherit;box-sizing:border-box;padding:var(--kpn-card-content-padding, 1rem)}@media (min-width: 768px){.kpn-card-content{padding:var(--kpn-card-content-padding, 1.5rem)}} Spotify bij KPNOptieSluit Spotify bij KPN af en krijg extra korting op je abonnement! Kies tussen Spotify Premium of Spotify Family. :host{display:block}:host([hidden]){display:none}.kpn-card{border-radius:var(--kpn-card-border-radius, 1rem);background-color:var(--kpn-card-background-color, #fff);box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%));height:100%;border-width:var(--kpn-card-border-width, 0px);border-style:var(--kpn-card-border-style, solid);border-color:var(--kpn-card-border-color, transparent)}.kpn-card--shadow-sm{box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%))}.kpn-card--shadow-md{box-shadow:var(--kpn-shadow-level-2, 0 3px 30px 0 rgb(0 0 0 / 20%))}.kpn-card--shadow-lg{box-shadow:var(--kpn-shadow-level-3, 0 3px 30px 0 rgb(0 0 0 / 30%))}.kpn-card--disabled{--kpn-card-background-color: var(--kpn-card-disabled-background-color, #f9f9f9);--kpn-card-border-width: var(--kpn-card-disabled-border-width, 1px);--kpn-card-border-style: var(--kpn-card-disabled-border-style, solid);--kpn-card-border-color: var(--kpn-card-disabled-border-color, #e3e3e3)}.kpn-card-content{padding:var(--kpn-card-content-padding);height:100%} :host{display:block}:host([hidden]){display:none}.kpn-card__header{width:100%;overflow:hidden;border-radius:var(--kpn-border-radius, 1rem) var(--kpn-border-radius, 1rem) 0 0;height:inherit;aspect-ratio:inherit}.kpn-card__header--height-md{height:100%;max-height:10rem} :host{display:block}:host([hidden]){display:none}.kpn-card-content{all:inherit;box-sizing:border-box;padding:var(--kpn-card-content-padding, 1rem)}@media (min-width: 768px){.kpn-card-content{padding:var(--kpn-card-content-padding, 1.5rem)}} KPN TV+ExtraLive tv-kijken en streaming op 1 plek. Met de KPN TV+ Box brengen we al je favoriete entertainment op 1 plek samen. Keuze genoeg!:host{display:block}:host([hidden]){display:none}.kpn-card{border-radius:var(--kpn-card-border-radius, 1rem);background-color:var(--kpn-card-background-color, #fff);box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%));height:100%;border-width:var(--kpn-card-border-width, 0px);border-style:var(--kpn-card-border-style, solid);border-color:var(--kpn-card-border-color, transparent)}.kpn-card--shadow-sm{box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%))}.kpn-card--shadow-md{box-shadow:var(--kpn-shadow-level-2, 0 3px 30px 0 rgb(0 0 0 / 20%))}.kpn-card--shadow-lg{box-shadow:var(--kpn-shadow-level-3, 0 3px 30px 0 rgb(0 0 0 / 30%))}.kpn-card--disabled{--kpn-card-background-color: var(--kpn-card-disabled-background-color, #f9f9f9);--kpn-card-border-width: var(--kpn-card-disabled-border-width, 1px);--kpn-card-border-style: var(--kpn-card-disabled-border-style, solid);--kpn-card-border-color: var(--kpn-card-disabled-border-color, #e3e3e3)}.kpn-card-content{padding:var(--kpn-card-content-padding);height:100%} :host{display:block}:host([hidden]){display:none}.kpn-card__header{width:100%;overflow:hidden;border-radius:var(--kpn-border-radius, 1rem) var(--kpn-border-radius, 1rem) 0 0;height:inherit;aspect-ratio:inherit}.kpn-card__header--height-md{height:100%;max-height:10rem} :host{display:block}:host([hidden]){display:none}.kpn-card-content{all:inherit;box-sizing:border-box;padding:var(--kpn-card-content-padding, 1rem)}@media (min-width: 768px){.kpn-card-content{padding:var(--kpn-card-content-padding, 1.5rem)}} Veilig onlineOptieMet Veilig online houd je virussen en spyware buiten de deur. En je krijgt het helemaal gratis bij je internetabonnement.:host{display:block}:host([hidden]){display:none}.kpn-card{border-radius:var(--kpn-card-border-radius, 1rem);background-color:var(--kpn-card-background-color, #fff);box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%));height:100%;border-width:var(--kpn-card-border-width, 0px);border-style:var(--kpn-card-border-style, solid);border-color:var(--kpn-card-border-color, transparent)}.kpn-card--shadow-sm{box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%))}.kpn-card--shadow-md{box-shadow:var(--kpn-shadow-level-2, 0 3px 30px 0 rgb(0 0 0 / 20%))}.kpn-card--shadow-lg{box-shadow:var(--kpn-shadow-level-3, 0 3px 30px 0 rgb(0 0 0 / 30%))}.kpn-card--disabled{--kpn-card-background-color: var(--kpn-card-disabled-background-color, #f9f9f9);--kpn-card-border-width: var(--kpn-card-disabled-border-width, 1px);--kpn-card-border-style: var(--kpn-card-disabled-border-style, solid);--kpn-card-border-color: var(--kpn-card-disabled-border-color, #e3e3e3)}.kpn-card-content{padding:var(--kpn-card-content-padding);height:100%} :host{display:block}:host([hidden]){display:none}.kpn-card__header{width:100%;overflow:hidden;border-radius:var(--kpn-border-radius, 1rem) var(--kpn-border-radius, 1rem) 0 0;height:inherit;aspect-ratio:inherit}.kpn-card__header--height-md{height:100%;max-height:10rem} :host{display:block}:host([hidden]){display:none}.kpn-card-content{all:inherit;box-sizing:border-box;padding:var(--kpn-card-content-padding, 1rem)}@media (min-width: 768px){.kpn-card-content{padding:var(--kpn-card-content-padding, 1.5rem)}} KPN SuperWifiExtraWifi in alle hoekjes! Onze KPN SuperWifi punten zijn nu ook te huur.:host{display:block}:host([hidden]){display:none}.kpn-card{border-radius:var(--kpn-card-border-radius, 1rem);background-color:var(--kpn-card-background-color, #fff);box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%));height:100%;border-width:var(--kpn-card-border-width, 0px);border-style:var(--kpn-card-border-style, solid);border-color:var(--kpn-card-border-color, transparent)}.kpn-card--shadow-sm{box-shadow:var(--kpn-shadow-level-1, 0 3px 30px 0 rgb(0 0 0 / 10%))}.kpn-card--shadow-md{box-shadow:var(--kpn-shadow-level-2, 0 3px 30px 0 rgb(0 0 0 / 20%))}.kpn-card--shadow-lg{box-shadow:var(--kpn-shadow-level-3, 0 3px 30px 0 rgb(0 0 0 / 30%))}.kpn-card--disabled{--kpn-card-background-color: var(--kpn-card-disabled-background-color, #f9f9f9);--kpn-card-border-width: var(--kpn-card-disabled-border-width, 1px);--kpn-card-border-style: var(--kpn-card-disabled-border-style, solid);--kpn-card-border-color: var(--kpn-card-disabled-border-color, #e3e3e3)}.kpn-card-content{padding:var(--kpn-card-content-padding);height:100%} :host{display:block}:host([hidden]){display:none}.kpn-card-content{all:inherit;box-sizing:border-box;padding:var(--kpn-card-content-padding, 1rem)}@media (min-width: 768px){.kpn-card-content{padding:var(--kpn-card-content-padding, 1.5rem)}} Snel zelf regelen:host{display:block}:host([hidden]){display:none}.kpn-list-item{display:flex;position:relative;line-height:var(--kpn-line-height-lg, 1.5rem);color:var(--kpn-font-color)}.kpn-list-item--link:hover{color:var(--kpn-list-item-link-hover-color, #0066ee)}.kpn-list-item-title{font-weight:var(--kpn-list-item-title-font-weight, 400)}.kpn-list-item--link.kpn-list-item--is-active{color:var(--kpn-list-item-link-active-hover-color)}.kpn-list-item-title--link{text-decoration:none;color:inherit}.kpn-list-item-title--link:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}.kpn-list-item>kpn-icon{display:flex;align-self:center;color:var(--kpn-list-item-content-icon-color, #00c300);padding:var(--kpn-space-md, 1rem)}.kpn-list-item--icon{padding-left:0}.kpn-list-item--icon-center>kpn-icon{align-self:center}.kpn-list-item-content{display:flex;padding:var(--kpn-list-item-content-padding, 1rem 1rem 1rem 0);flex-grow:1;align-self:center}:host .kpn-list-item-content:not(.kpn-list-item-content--no-divider){box-shadow:inset 0 -1px 0 0 var(--kpn-list-item-content-border-bottom-color, #d3d3d3)}:host(:last-of-type) .kpn-list-item-content{box-shadow:unset;align-items:center}.kpn-list-item--variant-spacing .kpn-list-item-content,.kpn-list-item--variant-spacing>kpn-icon{padding-top:var(--kpn-space-sm, .75rem);padding-bottom:var(--kpn-space-sm, .75rem)}.kpn-list-item-content-left{flex-grow:1}.kpn-list-item--variant-spacing .kpn-list-item-content-left{line-height:var(--kpn-line-height-lg, 1.5rem)}.kpn-list-item-content-description-bottom{line-height:var(--kpn-line-height-xs, 1rem)}.kpn-list-item-content-right{display:flex}.kpn-list-item-content-right,.kpn-list-item-content-description-top,.kpn-list-item-content-description-bottom{color:var(--kpn-list-item-content-description-color, #737373)}.kpn-list-item-content-description-top,.kpn-list-item-content-description-bottom{font-size:var(--kpn-list-item-content-type-font-size, .75rem)}.kpn-list-item__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-list-item--chevron{display:flex;align-items:center;color:var(--kpn-list-item-content-chevron-color, #939393)}.kpn-list-item__image{width:var(--kpn-space-5xl);display:flex;align-self:center;padding:var(--kpn-space-sm, 1rem)}.kpn-list-item__image-divider{border-left:2px solid var(--kpn-color-neutral-50);padding-right:var(--kpn-space-md, 1rem);margin-top:var(--kpn-space-sm, .75rem);margin-bottom:var(--kpn-space-sm, .75rem)}@media (min-width: 768px){.kpn-list-item>kpn-icon{padding:1.25rem var(--kpn-space-md, 1rem) 1.25rem 1.5rem}} Huidig abonnement aanpassen :host{box-sizing:border-box;display:inline-block}:host([hidden]){display:none}.kpn-graphic__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.kpn-icon svg{display:block;width:auto;height:100%}.kpn-icon--size-auto svg{width:1.5em;height:1.5em;min-width:18px;min-height:18px}.kpn-icon:not(.kpn-icon--size-auto){height:var(--icon-size);min-width:var(--icon-size)}.kpn-icon--size-unregistered-xs{--icon-size: .75rem}.kpn-icon--size-unregistered-sm,.kpn-icon--size-default-sm{--icon-size: 1rem}.kpn-icon--size-unregistered-md,.kpn-icon--size-default-md{--icon-size: 1.5rem}.kpn-icon--size-unregistered-lg,.kpn-icon--size-default-lg{--icon-size: 2.25rem}.kpn-icon--size-default-xl,.kpn-icon--size-unregistered-xl,.kpn-icon--size-service-xs,.kpn-icon--size-logo-xs{--icon-size:

CSS - box-shadow effect at the top only - Dirask

[data-css="tve-u-18a6ece4e16"]{overflow: scroll;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}.thrv_symbol_136700 .thrv_widget_menu #m-17688d19bdf li:not(.tcb-excluded-from-group-item){border-bottom: 1px solid rgba(0,0,0,0);text-align: center;--tve-font-weight: var(--g-bold-weight,bold);--tve-font-family: inherit;box-shadow: none;--tve-applied-box-shadow: none;--tve-text-transform: none;padding: 15px 50px !important;margin-left: 0px !important;margin-right: 0px !important;}.thrv_symbol_136700 .thrv_widget_menu #m-17688d19bdf li:not(.tcb-excluded-from-group-item) a{font-family: var(--tve-font-family,inherit);font-size: 14px !important;font-weight: var(--tve-font-weight,var(--g-bold-weight,bold) ) !important;text-transform: var(--tve-text-transform,none) !important;}.thrv_symbol_136700 .thrv_widget_menu #m-17688d19bdf li:not(.tcb-excluded-from-group-item) strong{font-weight: 500;}.thrv_symbol_136700 .tve-regular #m-17688d19bdf .tcb-mega-drop-inner:not(.tcb-excluded-from-group-item) li.lvl-1{max-width: calc(33.3333% - 40px);width: calc(33.3333% - 40px);margin-left: 40px;margin-top: 15px !important;}.thrv_symbol_136700 .tve-regular #m-17688d19bdf .tcb-mega-drop-inner:not(.tcb-excluded-from-group-item) ul{margin-left: -40px;margin-top: -15px !important;}.thrv_symbol_136700 .tve-regular #m-17688d19bdf .tcb-mega-drop-inner ul li a:not(.tcb-excluded-from-group-item){border: none;text-transform: uppercase;letter-spacing: 1px;font-family: var(--tve-font-family,inherit);--tve-font-weight: var(--g-bold-weight,bold);--tve-font-family: inherit;text-align: center;--tve-color: rgb(0,0,0);--tve-applied---tve-color: rgb(0,0,0);--tcb-applied-color: rgb(0,0,0);box-shadow: none;--tve-applied-box-shadow: none;font-weight: var(--tve-font-weight,var(--g-bold-weight,bold) ) !important;color: var(--tve-color,rgb(0,0,0)) !important;font-size: 13px !important;padding-top: 26px !important;padding-bottom: 26px !important;--tve-applied-color: var$(--tve-color,rgb(0,0,0)) !important;margin-top:… Keep reading Camera Angles Explained: The Different Types of Camera Shot Angles in Film @media (min-width: 300px){.thrv_symbol_136676 [data-css="tve-u-18a6ec34065"] .tve_w_menu{border-bottom: none;}.thrv_symbol_136676 [data-css="tve-u-18a6ec34065"]{overflow: scroll;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}.thrv_symbol_136676 .thrv_widget_menu #m-17688d19bdf li:not(.tcb-excluded-from-group-item){border-bottom: 1px solid rgba(0,0,0,0);text-align: center;--tve-font-weight: var(--g-bold-weight,bold);--tve-font-family: inherit;box-shadow: none;--tve-applied-box-shadow: none;--tve-text-transform: none;padding: 15px 50px !important;margin-left: 0px !important;margin-right: 0px !important;}.thrv_symbol_136676 .thrv_widget_menu #m-17688d19bdf li:not(.tcb-excluded-from-group-item) a{font-family: var(--tve-font-family,inherit);font-size: 14px !important;font-weight: var(--tve-font-weight,var(--g-bold-weight,bold) ) !important;text-transform: var(--tve-text-transform,none) !important;}.thrv_symbol_136676 .thrv_widget_menu #m-17688d19bdf li:not(.tcb-excluded-from-group-item) strong{font-weight: 500;}.thrv_symbol_136676 .tve-regular #m-17688d19bdf .tcb-mega-drop-inner:not(.tcb-excluded-from-group-item) li.lvl-1{max-width: calc(33.3333% - 40px);width: calc(33.3333% - 40px);margin-left: 40px;margin-top: 15px !important;}.thrv_symbol_136676 .tve-regular #m-17688d19bdf .tcb-mega-drop-inner:not(.tcb-excluded-from-group-item) ul{margin-left: -40px;margin-top: -15px !important;}.thrv_symbol_136676 .tve-regular #m-17688d19bdf .tcb-mega-drop-inner ul li a:not(.tcb-excluded-from-group-item){border: none;text-transform: uppercase;letter-spacing: 1px;font-family: var(--tve-font-family,inherit);--tve-font-weight: var(--g-bold-weight,bold);--tve-font-family: inherit;text-align: center;--tve-color: rgb(0,0,0);--tve-applied---tve-color: rgb(0,0,0);--tcb-applied-color: rgb(0,0,0);box-shadow: none;--tve-applied-box-shadow: none;font-weight: var(--tve-font-weight,var(--g-bold-weight,bold) ) !important;color: var(--tve-color,rgb(0,0,0)) !important;font-size: 13px !important;padding-top: 26px !important;padding-bottom: 26px !important;--tve-applied-color: var$(--tve-color,rgb(0,0,0)) !important;margin-top:… Keep reading Home Alone Script PDF Download — Characters, Plot & Analysis @media (min-width: 300px){.thrv_symbol_136621 [data-css="tve-u-18a69dc2ccc"] .tve_w_menu{border-bottom: none;}.thrv_symbol_136621 [data-css="tve-u-18a69dc2ccc"]{overflow: scroll;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}.thrv_symbol_136621 .thrv_widget_menu #m-17688d19bdf li:not(.tcb-excluded-from-group-item){border-bottom: 1px solid rgba(0,0,0,0);text-align: center;--tve-font-weight: var(--g-bold-weight,bold);--tve-font-family: inherit;box-shadow: none;--tve-applied-box-shadow: none;--tve-text-transform: none;padding: 15px 50px. only top box-shadow (same style with another div's box-shadow style but only top) 4. Remove the box shadow from the bottom of a div? 1. Box-shadow - top and left only. 0.

How To Set Flutter Box Shadow Only Top

Want your Song Featured?"],"desktop":[0,{"top":[0,64],"left":[0,721],"width":[0,400],"height":[0,83]}],"settings":[0,{"styles":[0,{"text":[0,"center"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"zF6M6W":[0,{"svg":[0,"\n\t\n"],"type":[0,"GridShape"],"color":[0,"#282D30"],"shape":[0,"ellipse"],"mobile":[0,{"top":[0,496],"left":[0,164],"width":[0,166],"height":[0,166]}],"desktop":[0,{"top":[0,40],"left":[0,612],"width":[0,200],"height":[0,200]}],"settings":[0,{"styles":[0,{}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"zG_5nW":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,700],"left":[0,0],"width":[0,328],"height":[0,27]}],"content":[0,"Press Play to start listening!"],"desktop":[0,{"top":[0,483],"left":[0,15],"width":[0,400],"height":[0,30]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"zJh1N_":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,662],"left":[0,0],"width":[0,328],"height":[0,38]}],"content":[0,"Live on Air Now"],"desktop":[0,{"top":[0,440],"left":[0,15],"width":[0,400],"height":[0,43]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"zOZZjp":[0,{"type":[0,"GridEmbed"],"mobile":[0,{"top":[0,238],"left":[0,0],"width":[0,328],"height":[0,200]}],"content":[0,"Loading ...\n"],"desktop":[0,{"top":[0,144],"left":[0,0],"width":[0,400],"height":[0,390]}],"settings":[0,{"styles":[0,{"height":[0,385]}]}]}],"zQGP_3":[0,{"type":[0,"GridEmbed"],"mobile":[0,{"top":[0,727],"left":[0,0],"width":[0,328],"height":[0,200]}],"content":[0,"Loading ...\n\n"],"desktop":[0,{"top":[0,513],"left":[0,0],"width":[0,400],"height":[0,45]}],"settings":[0,{"styles":[0,{"height":[0,40]}]}]}],"zVfj6V":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,714],"left":[0,0],"width":[0,328],"height":[0,24]}],"content":[0,"Contact us using the form below!"],"desktop":[0,{"top":[0,118],"left":[0,660],"width":[0,400],"height":[0,27]}],"settings":[0,{"styles":[0,{"text":[0,"center"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"zb62qy":[0,{"type":[0,"GridEmbed"],"mobile":[0,{"top":[0,927],"left":[0,0],"width":[0,328],"height":[0,200]}],"content":[0,"Loading ...\n"],"desktop":[0,{"top":[0,584],"left":[0,15],"width":[0,400],"height":[0,23]}],"settings":[0,{"styles":[0,{"height":[0,18]}]}]}],"zgZoQH":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,1127],"left":[0,0],"width":[0,328],"height":[0,38]}],"content":[0,"Now Playing...."],"desktop":[0,{"top":[0,561],"left":[0,15],"width":[0,400],"height":[0,23]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"ztxhiZ":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,454],"left":[0,0],"width":[0,328],"height":[0,38]}],"content":[0,"Recently Played.."],"desktop":[0,{"top":[0,59.5],"left":[0,0],"width":[0,400],"height":[0,43]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"zw78er":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,508],"left":[0,0],"width":[0,328],"height":[0,54]}],"content":[0,"Missing Song Info? Use Shazam! to identify"],"desktop":[0,{"top":[0,102.5],"left":[0,0],"width":[0,400],"height":[0,30]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"zzH1JW":[0,{"type":[0,"GridForm"],"formId":[0,"Contact form"],"mobile":[0,{"top":[0,109],"left":[0,0],"width":[0,328],"height":[0,503]}],"desktop":[0,{"top":[0,200],"left":[0,309],"width":[0,606],"height":[0,496],"inputTextSize":[0,16],"labelTextSize":[0,16],"submitButtonFontSize":[0,18]}],"settings":[0,{"theme":[0,"light"],"schema":[1,[[0,{"id":[0,"firstName"],"svg":[0,"align-left-short"],"name":[0,"Name"],"type":[0,"GridInput"],"fieldType":[0,"short-answer"],"inputLabel":[0,"Name"],"validation":[1,[[1,[[0,"optional"]]]]],"placeholder":[0,"Your name"],"validation-messages":[0,{"required":[0,"This field is required"]}]}],[0,{"id":[0,"lastName"],"svg":[0,"align-left-short"],"name":[0,"Last name"],"type":[0,"GridInput"],"fieldType":[0,"short-answer"],"inputLabel":[0,"Last name"],"validation":[1,[[1,[[0,"optional"]]]]],"placeholder":[0,"Your last name"],"validation-messages":[0,{"required":[0,"This field is required"]}]}],[0,{"id":[0,"email"],"svg":[0,"align-left-short"],"name":[0,"Short answer email"],"type":[0,"GridInput"],"fieldType":[0,"short-answer"],"inputLabel":[0,"Your email"],"validation":[1,[[1,[[0,"bail"]]],[1,[[0,"email"]]],[1,[[0,"required"]]]]],"placeholder":[0,"Your email address"],"validationType":[0,"email"],"validation-messages":[0,{"email":[0,"Please enter a valid email address"],"required":[0,"This field is required"]}]}],[0,{"id":[0,"message"],"svg":[0,"align-left"],"tag":[0,"textarea"],"name":[0,"Paragraph"],"type":[0,"GridInput"],"inputLabel":[0,"Message"],"validation":[1,[[1,[[0,"required"]]]]],"placeholder":[0,"Enter your message"],"validation-messages":[0,{"required":[0,"This field is required"]}]}]]],"styles":[0,{"justify":[0,"center"],"formSpacing":[0,"22px 10px"],"m-element-margin":[0,"0 0 16px 0"]}],"successMessage":[0,"Thank You!"]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}],"inputFillColor":[0,"rgb(255, 255, 255)"],"inputTextColor":[0,"rgb(26, 26, 26)"],"labelTextColor":[0,"#000000"],"formBorderColor":[0,"#1d1e20"],"innerBackground":[0,{"color":[0,"rgb(255, 255, 255)"],"image":[0,""],"current":[0,""]}],"inputBorderColor":[0,"#B8C0CC"],"inputBorderWidth":[0,1],"submitButtonData":[0,{"type":[0,"GridButton"],"content":[0,"Submit"],"settings":[0,{"type":[0,"primary"],"styles":[0,{"align":[0,"center"],"justify":[0,"center"],"position":[0,"8/8/9/10"]}],"isFormButton":[0,true]}]}],"inputBorderRadius":[0,4],"inputFillColorHover":[0,"rgb(255, 255, 255)"],"inputTextColorHover":[0,"rgb(26, 26, 26)"],"inputBorderColorHover":[0,"rgb(128, 138, 153)"],"submitButtonFontColor":[0,"#FFFFFF"],"submitButtonFontFamily":[0,"Inter"],"submitButtonFontWeight":[0,700],"submitButtonBorderColor":[0,"rgba(0, 0, 0, 0)"],"submitButtonBorderWidth":[0,0],"submitButtonBorderRadius":[0,4],"submitButtonFontColorHover":[0,"#FFFFFF"],"submitButtonBackgroundColor":[0,"#CC6223"],"submitButtonBorderColorHover":[0,"rgba(0, 0, 0, 0)"],"submitButtonBorderWidthHover":[0,0],"submitButtonBackgroundColorHover":[0,"rgb(26, 26, 26)"]}],"hero-title":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,70],"left":[0,0],"width":[0,328],"height":[0,137]}],"content":[0,"Ummah Radio Broadcasting the Message of Islam"],"desktop":[0,{"top":[0,184],"left":[0,15],"width":[0,503],"height":[0,145]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"hero-image-1":[0,{"rel":[0,"nofollow"],"type":[0,"GridImage"],"mobile":[0,{"top":[0,314],"left":[0,0],"width":[0,328],"height":[0,334],"borderRadius":[0,"50%"]}],"desktop":[0,{"top":[0,64],"left":[0,618],"width":[0,606],"height":[0,593],"borderRadius":[0,"50%"]}],"settings":[0,{"alt":[0,"brown wooden framed mirror on white wall"],"rel":[0,""],"href":[0,""],"path":[0,"photo-1630255452925-41c35e9313bf"],"origin":[0,"unsplash"],"styles":[0,{"align":[0,"center"],"justify":[0,"center"],"m-element-margin":[0,"0 0 16px 0"]}],"target":[0,"_self"],"clickAction":[0,"none"]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}],"fullResolutionWidth":[0,3311],"fullResolutionHeight":[0,4966]}],"slogan-title":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,56],"left":[0,0],"width":[0,328],"height":[0,154]}],"content":[0,"Unite through Ummah Radio - Connecting Muslims around the world"],"desktop":[0,{"top":[0,80],"left":[0,103],"width":[0,1018],"height":[0,86]}],"settings":[0,{"styles":[0,{"text":[0,"center"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"contact-title":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,35],"left":[0,0],"width":[0,328],"height":[0,41]}],"content":[0,"Get in Touch"],"desktop":[0,{"top":[0,82],"left":[0,309],"width":[0,606],"height":[0,58]}],"settings":[0,{"styles":[0,{"text":[0,"center"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"hero-subtitle":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,225],"left":[0,0],"width":[0,328],"height":[0,54]}],"content":[0,"Live streaming Quran, Nasheeds, lectures, talks and live shows"],"desktop":[0,{"top":[0,364],"left":[0,15],"width":[0,400],"height":[0,60]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"section1-title":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,89],"left":[0,0],"width":[0,328],"height":[0,77]}],"content":[0,"Welcome to Ummah Radio"],"desktop":[0,{"top":[0,138],"left":[0,721],"width":[0,400],"height":[0,86]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"section1-image-1":[0,{"rel":[0,"nofollow"],"type":[0,"GridImage"],"mobile":[0,{"top":[0,546],"left":[0,0],"width":[0,328],"height":[0,334],"borderRadius":[0,"50%"]}],"desktop":[0,{"top":[0,80],"left":[0,103],"width":[0,503],"height":[0,501],"borderRadius":[0,"50%"]}],"settings":[0,{"alt":[0,"white and red table cloth on table"],"path":[0,"photo-1600814832809-579119f47045"],"origin":[0,"unsplash"],"styles":[0,{"align":[0,"center"],"justify":[0,"center"],"m-element-margin":[0,"0 0 16px 0"]}],"clickAction":[0,"none"]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}],"fullResolutionWidth":[0,2923],"fullResolutionHeight":[0,3939]}],"footer-brand-name":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,70],"left":[0,0],"width":[0,161],"height":[0,29]}],"content":[0,"Ummah Radio"],"desktop":[0,{"top":[0,73],"left":[0,0],"width":[0,194],"height":[0,77]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"section1-description":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,210],"left":[0,0],"width":[0,328],"height":[0,288]}],"content":[0,"Ummah Radio is a leading Islamic Radio Broadcasting Station live streaming across the Internet. Our aim is to spread the message of Islam to the world through Quran recitations, Nasheeds, lectures, talks, and live shows. We strive to provide our listeners with quality content that is informative, educational, and inspirational. Join us on this journey of seeking knowledge and gaining a deeper understanding of Islam. Keep visting this page for more updates! We have just relaunched!"],"desktop":[0,{"top":[0,250],"left":[0,721],"width":[0,400],"height":[0,297]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}]}],"nav":[1,[[0,{"isHidden":[0,false],"linkType":[0,"Page"],"subItems":[1,[]],"navItemId":[0,"home"],"linkedPageId":[0,"home"]}]]],"currentLocale":[0,"system"],"homePageId":[0,"home"],"isNavHidden":[0,false],"cookieBannerAcceptText":[0],"cookieBannerDisclaimer":[0],"cookieBannerDeclineText":[0],"blogReadingTimeText":[0],"metaTitle":[0],"meta":[0,{"version":[0,154],"isLayout":[0,true],"template":[0,"aigenerated"],"metaTitle":[0,"Ummah Radio"],"customMeta":[0,""],"defaultLocale":[0,"system"],"metaHtmlLanguage":[0,"en"],"customBodyElements":[0,""],"customHeadElements":[0,""],"isPrivateModeActive":[0,false],"demoEcommerceStoreId":[0,"demo_01G0E9P2R0CFTNBWEEFCEV8EG5"],"shouldAddWWWPrefixToDomain":[0,false]}],"forms":[0,{"Contact form":[0,{"token":[0,"Aq20N9RgGRtl7XavMLEeAQWp41zYoQ8B"]}]}],"styles":[0,{"h1":[0,{"font-size":[0,"60px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,700],"line-height":[0,"1.2"],"m-font-size":[0,"38px"],"letter-spacing":[0,"0em"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h2":[0,{"font-size":[0,"48px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,700],"line-height":[0,"1.2"],"m-font-size":[0,"34px"],"letter-spacing":[0,"0em"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h3":[0,{"font-size":[0,"36px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,700],"line-height":[0,"1.2"],"m-font-size":[0,"32px"],"letter-spacing":[0,"0em"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h4":[0,{"font-size":[0,"32px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,700],"line-height":[0,"1.2"],"m-font-size":[0,"24px"],"letter-spacing":[0,0],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h5":[0,{"font-size":[0,"32px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,700],"line-height":[0,"1.2"],"m-font-size":[0,"24px"],"letter-spacing":[0,0],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h6":[0,{"font-size":[0,"14px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,700],"line-height":[0,"1.2"],"m-font-size":[0,"14px"],"letter-spacing":[0,0],"text-transform":[0,"uppercase"],"text-decoration":[0,"none"]}],"body":[0,{"font-size":[0,"18px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,400],"line-height":[0,"1.5em"],"m-font-size":[0,"16px"],"letter-spacing":[0,0],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"font":[0,{"primary":[0,"'Nunito', sans-serif"],"secondary":[0,"'Nunito', sans-serif"]}],"nav-link":[0,{"color":[0,"rgb(37, 43, 51)"],"font-size":[0,"18px"],"font-style":[0,"normal"],"color-hover":[0,"rgb(37, 43, 51)"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,400],"line-height":[0,"1.5em"],"m-font-size":[0,"16px"],"letter-spacing":[0,0],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"body-large":[0,{"font-size":[0,"20px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,400],"line-height":[0,"1.5em"],"m-font-size":[0,"18px"],"letter-spacing":[0,0],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"body-small":[0,{"font-size":[0,"14px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,400],"line-height":[0,"1.5em"],"m-font-size":[0,"14px"],"letter-spacing":[0,0],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"grid-button-primary":[0,{"font-size":[0,"16px"],"padding-x":[0,"40px"],"padding-y":[0,"16px"],"font-style":[0,"normal"],"border-null":[0,""],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,400],"line-height":[0,"normal"],"m-font-size":[0,"16px"],"m-padding-x":[0,"36px"],"m-padding-y":[0,"14px"],"box-shadow-x":[0,"0px"],"box-shadow-y":[0,"0px"],"border-radius":[0,8],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"box-shadow-blur":[0,"0px"],"box-shadow-null":[0,""],"text-decoration":[0,"none"],"box-shadow-color":[0,"rgba(0, 0, 0, 0)"],"border-null-hover":[0,""],"box-shadow-spread":[0,"0px"],"box-shadow-x-hover":[0,"0px"],"box-shadow-y-hover":[0,"0px"],"transition-duration":[0,"0.2s"],"background-color-null":[0,""],"box-shadow-blur-hover":[0,"0px"],"box-shadow-null-hover":[0,""],"box-shadow-color-hover":[0,"0px"],"box-shadow-spread-hover":[0,"0px"],"transition-timing-function":[0,"ease"],"background-color-null-hover":[0,""]}],"grid-button-secondary":[0,{"font-size":[0,"16px"],"padding-x":[0,"40px"],"padding-y":[0,"16px"],"font-style":[0,"normal"],"border-null":[0,""],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,400],"line-height":[0,"normal"],"m-font-size":[0,"16px"],"m-padding-x":[0,"36px"],"m-padding-y":[0,"14px"],"box-shadow-x":[0,"0px"],"box-shadow-y":[0,"0px"],"border-radius":[0,8],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"box-shadow-blur":[0,"0px"],"box-shadow-null":[0,""],"text-decoration":[0,"none"],"box-shadow-color":[0,"rgba(0, 0, 0, 0)"],"border-null-hover":[0,""],"box-shadow-spread":[0,"0px"],"box-shadow-x-hover":[0,"0px"],"box-shadow-y-hover":[0,"0px"],"transition-duration":[0,"0.2s"],"background-color-null":[0,""],"box-shadow-blur-hover":[0,"0px"],"box-shadow-null-hover":[0,""],"box-shadow-color-hover":[0,"0px"],"box-shadow-spread-hover":[0,"0px"],"transition-timing-function":[0,"ease"],"background-color-null-hover":[0,""]}]}],"domain":[0,"ummahradio.com"],"siteId":[0,"AE0qvblJaPU3PNrm"],"ecommerceShoppingCart":[0],"blogCategories":[0,{}],"languageSwitcherLanguages":[1,[]],"currentPageId":[0,"home"],"productId":[0],"languageKeys":[1,[[0,"system"]]]}],"data-astro-cid-yzdvavkq":[0,true]}" ssr="" client="load" opts="{"name":"Page","value":true}" await-children="">Ummah Radio Broadcasting the Message of IslamLive streaming Quran, Nasheeds, lectures, talks and live showsLive on Air NowPress Play to start listening!Now Playing....Recently Played..Missing Song Info? Use Shazam! to identifyWant your Song Featured?Contact us using the form Group sizes. One to One Tuition: Focused lessons for those seeking personalised attention and tailored instruction.Comprehensive Music Services: Professional-standard music production, recording, and composition services for any project requiring musical expertise."],"desktop":[0,{"top":[0,185],"left":[0,103],"width":[0,1018],"height":[0,186]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}]}],"zmBrEJ":[0,{"type":[0,"GridForm"],"formId":[0,"Subscribe form"],"mobile":[0,{"top":[0,150],"left":[0,0],"width":[0,328],"height":[0,150]}],"desktop":[0,{"top":[0,104],"left":[0,0],"width":[0,400],"height":[0,148],"submitButtonFontSize":[0,14],"formElementsVerticalSpacing":[0,16]}],"settings":[0,{"theme":[0,"light"],"schema":[1,[[0,{"id":[0,"Qy8CZ_OPIxxZsS8uYC7kf"],"svg":[0,"align-left-short"],"tag":[0,"input"],"name":[0,"zIQq"],"type":[0,"GridInput"],"fieldType":[0,"short-answer"],"inputLabel":[0,"Email address"],"validation":[1,[[1,[[0,"bail"]]],[1,[[0,"email"]]],[1,[[0,"required"]]]]],"placeholder":[0,"Enter your email "],"validationType":[0,"email"],"validation-messages":[0,{"email":[0,"Please enter a valid email address"],"required":[0,"This field is required"]}]}]]],"styles":[0,{"text":[0,"left"],"align":[0,"space-between"],"justify":[0,"center"],"formSpacing":[0,"22px 10px"],"m-element-margin":[0,"0 0 32px 0"]}],"successMessage":[0,"Thanks! We'll be in touch."]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}],"inputFillColor":[0,"#FFFFFF"],"inputTextColor":[0,"#0D0D1A"],"labelTextColor":[0,"#222573"],"formBorderColor":[0,"#0D0D1A"],"innerBackground":[0,{"color":[0,"#FFFFFF"],"image":[0,""],"current":[0,""]}],"initialElementId":[0,"g1g9sIa76"],"inputBorderColor":[0,"rgb(184, 192, 204)"],"inputBorderWidth":[0,0],"submitButtonData":[0,{"type":[0,"GridButton"],"content":[0,"Subscribe"],"settings":[0,{"type":[0,"primary"],"styles":[0,{"align":[0,"start"],"m-align":[0,"center"],"position":[0,"8/8/9/10"]}],"isFormButton":[0,true]}]}],"inputBorderRadius":[0,4],"inputFillColorHover":[0,"#FFFFFF"],"submitButtonFontColor":[0,"#FFFFFF"],"submitButtonBorderColor":[0,"#686DF3"],"submitButtonBorderWidth":[0,0],"submitButtonBorderRadius":[0,50],"submitButtonFontColorHover":[0,"#FFFFFF"],"submitButtonBackgroundColor":[0,"rgb(104, 109, 243)"],"submitButtonBorderColorHover":[0,"#686DF3"],"submitButtonBorderWidthHover":[0,0],"submitButtonBackgroundColorHover":[0,"#686DF3"]}],"zmvMZm":[0,{"rel":[0,""],"href":[0,"/#contact"],"type":[0,"GridButton"],"mobile":[0,{"top":[0,1904],"left":[0,99],"width":[0,130],"height":[0,50]}],"target":[0,"_self"],"content":[0,"Contact"],"desktop":[0,{"top":[0,1075],"left":[0,515],"width":[0,194],"height":[0,50]}],"linkType":[0,"anchored-section"],"settings":[0,{"type":[0,"primary"],"styles":[0,{"align":[0,"center"],"justify":[0,"center"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"slide"],"type":[0,"global"]}],"fontColor":[0,"rgb(255, 255, 255)"],"borderColor":[0,"rgb(0, 0, 0)"],"fontColorHover":[0,"rgb(255, 255, 255)"],"backgroundColor":[0,"rgb(104, 109, 243)"],"borderColorHover":[0,"rgb(0, 0, 0)"],"backgroundColorHover":[0,"rgb(29, 30, 32)"]}],"znGcqf":[0,{"svg":[0,"\n \n"],"type":[0,"GridShape"],"color":[0,"rgb(255, 255, 255)"],"shape":[0,"dotted-horizontal-line"],"mobile":[0,{"top":[0,1452],"left":[0,0],"width":[0,328],"height":[0,38]}],"desktop":[0,{"top":[0,736],"left":[0,34],"width":[0,1190],"height":[0,200]}],"settings":[0,{"styles":[0,{}]}],"animation":[0,{"name":[0,"slide"],"type":[0,"global"]}]}],"znyWqA":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,117],"left":[0,0],"width":[0,183],"height":[0,307]}],"content":[0,"Get in touch for a 100% free, no-obligation consultation and quote. We can provide engaging, life changing music sessions for any group, anywhere."],"desktop":[0,{"top":[0,240],"left":[0,0],"width":[0,606],"height":[0,157]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}],"initialElementId":[0,"zzM5qR"]}],"zpfaAu":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,38],"left":[0,0],"width":[0,328],"height":[0,370]}],"content":[0,"Rap and Beatbox Workshops Use Language as an Instrument..."],"desktop":[0,{"top":[0,38],"left":[0,0],"width":[0,570],"height":[0,250]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"m-text":[0,"left"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}],"initialElementId":[0,"zl3e-Z"]}],"zsSGsD":[0,{"rel":[0,"nofollow"],"type":[0,"GridImage"],"mobile":[0,{"top":[0,304],"left":[0,170],"width":[0,158],"height":[0,154]}],"desktop":[0,{"top":[0,121],"left":[0,1030],"width":[0,194],"height":[0,129]}],"settings":[0,{"alt":[0,"Music workshops"],"path":[0,"national_theatre_0-mxB8V45xO5he5Mb2.jpeg"],"origin":[0,"assets"],"styles":[0,{"align":[0,"center"],"justify":[0,"center"],"m-element-margin":[0,"0 0 16px 0"]}],"clickAction":[0,"none"]}],"animation":[0,{"name":[0,"slide"],"type":[0,"global"]}],"fullResolutionWidth":[0,1080],"fullResolutionHeight":[0,1080]}],"zxeEAK":[0,{"svg":[0,"\n \n"],"type":[0,"GridShape"],"color":[0,"rgb(255, 255, 255)"],"shape":[0,"dotted-horizontal-line"],"mobile":[0,{"top":[0,1388],"left":[0,0],"width":[0,328],"height":[0,68]}],"desktop":[0,{"top":[0,688],"left":[0,17],"width":[0,1190],"height":[0,200]}],"settings":[0,{"styles":[0,{}]}],"animation":[0,{"name":[0,"slide"],"type":[0,"global"]}]}],"zyQFNv":[0,{"rel":[0,"nofollow"],"type":[0,"GridImage"],"mobile":[0,{"top":[0,486],"left":[0,85],"width":[0,158],"height":[0,154]}],"desktop":[0,{"top":[0,120],"left":[0,515],"width":[0,194],"height":[0,130]}],"settings":[0,{"alt":[0,"Workshops"],"path":[0,"nhs_icon-m5Kr0MjVnOcQKpB2.webp"],"origin":[0,"assets"],"styles":[0,{"align":[0,"center"],"justify":[0,"center"],"m-element-margin":[0,"0 0 16px 0"]}],"clickAction":[0,"none"]}],"animation":[0,{"name":[0,"slide"],"type":[0,"global"]}],"fullResolutionWidth":[0,1200],"fullResolutionHeight":[0,1200]}]}],"nav":[1,[[0,{"isHidden":[0,false],"linkType":[0,"Page"],"subItems":[1,[]],"navItemId":[0,"9a4ebfbd-2b07-44c6-ba01-27922c25c036"],"linkedPageId":[0,"ai-gDfkq"]}],[0,{"isHidden":[0,false],"linkType":[0,"Page"],"subItems":[1,[]],"navItemId":[0,"4a43866e-8a15-4a5a-b691-6ecb5852b8ef"],"linkedPageId":[0,"ai-HdddK"]}],[0,{"isHidden":[0,false],"linkType":[0,"Page"],"subItems":[1,[]],"navItemId":[0,"6fc3cb79-f8a7-466a-84cc-afb7f89098c6"],"linkedPageId":[0,"ai-bZXLY"]}],[0,{"isHidden":[0,false],"linkType":[0,"Page"],"subItems":[1,[]],"navItemId":[0,"f9f8984f-5757-4966-a410-edabf6cff607"],"linkedPageId":[0,"ai-nJVMK"]}]]],"currentLocale":[0,"system"],"homePageId":[0,"ai-gDfkq"],"isNavHidden":[0,false],"cookieBannerAcceptText":[0],"cookieBannerDisclaimer":[0],"cookieBannerDeclineText":[0],"blogReadingTimeText":[0],"metaTitle":[0],"meta":[0,{"version":[0,155],"isLayout":[0,true],"template":[0,"aigenerated"],"metaTitle":[0,"Make Mouth Music"],"faviconPath":[0,"picture-1-dOqNo96ovof0rl8y.jpg"],"defaultLocale":[0,"system"],"faviconOrigin":[0,"assets"],"metaHtmlLanguage":[0,"en"],"typographyStylesId":[0,"kirkwood"],"isPrivateModeActive":[0,false],"demoEcommerceStoreId":[0,"demo_01G0E9P2R0CFTNBWEEFCEV8EG5"],"shouldAddWWWPrefixToDomain":[0,false]}],"forms":[0,{"Contact form":[0,{"token":[0,"dJoNK7qezvsMEMnGNQXPm7oJN6rmGWDk"]}],"Subscribe form":[0,{"token":[0,"Yg25VGxLoRhGkkw0JQk9A0ooN2bmO283"]}]}],"styles":[0,{"h1":[0,{"font-size":[0,"112px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"44px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h2":[0,{"font-size":[0,"72px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"36px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h3":[0,{"font-size":[0,"48px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"32px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h4":[0,{"font-size":[0,"32px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"28px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h5":[0,{"font-size":[0,"24px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"24px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h6":[0,{"font-size":[0,"20px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"20px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"body":[0,{"font-size":[0,"16px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,500],"line-height":[0,"1.72"],"m-font-size":[0,"16px"],"letter-spacing":[0,"0.01em"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"font":[0,{"primary":[0,"'Poppins', sans-serif"],"secondary":[0,"'Poppins', sans-serif"]}],"nav-link":[0,{"color":[0,"#FFFFFF"],"font-size":[0,"32px"],"font-style":[0,"normal"],"color-hover":[0,"#FFFFFF"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,600],"line-height":[0,"1.72"],"m-font-size":[0,"16px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"body-large":[0,{"font-size":[0,"18px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,500],"line-height":[0,"1.72"],"m-font-size":[0,"18px"],"letter-spacing":[0,"0.01em"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"body-small":[0,{"font-size":[0,"14px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,500],"line-height":[0,"1.72"],"m-font-size":[0,"14px"],"letter-spacing":[0,"0.01em"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"grid-button-primary":[0,{"font-size":[0,"14px"],"padding-x":[0,"40px"],"padding-y":[0,"16px"],"font-color":[0,"#FFFFFF"],"font-style":[0,"normal"],"border-null":[0,""],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,700],"line-height":[0,"1.72"],"m-font-size":[0,"14px"],"m-padding-x":[0,"36px"],"m-padding-y":[0,"14px"],"box-shadow-x":[0,"0px"],"box-shadow-y":[0,"0px"],"border-radius":[0,999],"letter-spacing":[0,"0.01em"],"text-transform":[0,"none"],"box-shadow-blur":[0,"0px"],"box-shadow-null":[0,""],"text-decoration":[0,"none"],"background-color":[0,"rgb(73, 88, 103)"],"box-shadow-color":[0,"rgba(0, 0, 0, 0)"],"border-null-hover":[0,""],"box-shadow-spread":[0,"0px"],"box-shadow-x-hover":[0,"0px"],"box-shadow-y-hover":[0,"0px"],"transition-duration":[0,"0.2s"],"background-color-null":[0,""],"box-shadow-blur-hover":[0,"0px"],"box-shadow-null-hover":[0,""],"background-color-hover":[0,"rgb(48, 63, 78)"],"box-shadow-color-hover":[0,"0px"],"box-shadow-spread-hover":[0,"0px"],"transition-timing-function":[0,"ease"],"background-color-null-hover":[0,""]}],"grid-button-secondary":[0,{"font-size":[0,"14px"],"padding-x":[0,"40px"],"padding-y":[0,"16px"],"font-style":[0,"normal"],"border-null":[0,""],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,700],"line-height":[0,"1.72"],"m-font-size":[0,"14px"],"m-padding-x":[0,"36px"],"m-padding-y":[0,"14px"],"box-shadow-x":[0,"0px"],"box-shadow-y":[0,"0px"],"border-radius":[0,999],"letter-spacing":[0,"0.01em"],"text-transform":[0,"none"],"box-shadow-blur":[0,"0px"],"box-shadow-null":[0,""],"text-decoration":[0,"none"],"background-color":[0,"white"],"box-shadow-color":[0,"rgba(0, 0, 0, 0)"],"border-null-hover":[0,""],"box-shadow-spread":[0,"0px"],"box-shadow-x-hover":[0,"0px"],"box-shadow-y-hover":[0,"0px"],"transition-duration":[0,"0.2s"],"background-color-null":[0,""],"box-shadow-blur-hover":[0,"0px"],"box-shadow-null-hover":[0,""],"background-color-hover":[0,"rgb(240, 240, 240)"],"box-shadow-color-hover":[0,"0px"],"box-shadow-spread-hover":[0,"0px"],"transition-timing-function":[0,"ease"],"background-color-null-hover":[0,""]}]}],"domain":[0,"makemouthmusic.com"],"siteId":[0,"AwvPoQejXWHp1LBM"],"ecommerceShoppingCart":[0],"blogCategories":[0,{}],"languageSwitcherLanguages":[1,[]],"currentPageId":[0,"ai-gDfkq"],"productId":[0],"languageKeys":[1,[[0,"system"]]]}],"data-astro-cid-yzdvavkq":[0,true]}" ssr="" client="load" opts="{"name":"Page","value":true}" await-children="">Rap and Beatbox Workshops Use Language as an Instrument...We have over 20 years of experience in curating and delivering music workshops to over 50,000 participants, across the UK and beyond.Scientific research has shown that music, with its intricate rhythms and melodies, has a profound impact on brain development, yet it is massively undervalued and therefore underfunded within mainstream education.Our workshops and lessons empower individuals of all ages to express themselves through the universal language of rhythm. We're passionate about helping everyone to unlock their musical potential.Previous ClientsWhat Do We Offer?Rap and Beatbox Workshops: Dive into the world of music with easily accessible, yet highly powerful forms of expression, with sessions that are designed for people of all ages and abilities, and a variety of different group sizes. One to One Tuition: Focused lessons for those seeking personalised attention and tailored instruction.Comprehensive Music Services: Professional-standard music production, recording, and composition services for any project requiring musical expertise.Why

CSS Box Shadow - Top and Bottom Only - Stack Overflow

The second by PHP so that each request should present a completely new page rendering. To further test that, images are randomly pulled from a directory of about 300 images on each site.These sites can also be useful for other testing schemes like general connectivity, load-balancing, etc, and work with both HTTP and HTTPS."],"desktop":[0,{"top":[0,622],"left":[0,599],"width":[0,625],"height":[0,317]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}],"initialElementId":[0,"z4ocVl"]}],"zpfaAu":[0,{"type":[0,"GridTextBox"],"mobile":[0,{"top":[0,40],"left":[0,0],"width":[0,328],"height":[0,111]}],"content":[0,"Safe Content Filter Testing"],"desktop":[0,{"top":[0,186],"left":[0,0],"width":[0,565],"height":[0,182]}],"settings":[0,{"styles":[0,{"text":[0,"left"],"align":[0,"flex-start"],"justify":[0,"flex-start"],"m-element-margin":[0,"0 0 16px 0"]}]}],"animation":[0,{"name":[0,"scale"],"type":[0,"global"]}],"initialElementId":[0,"zl3e-Z"]}],"zunOhR":[0,{"rel":[0,""],"href":[0," Test Site"],"desktop":[0,{"top":[0,504],"left":[0,0],"width":[0,194],"height":[0,56],"fontSize":[0,14]}],"linkType":[0,"external"],"settings":[0,{"type":[0,"primary"],"styles":[0,{"align":[0,"center"],"justify":[0,"center"],"m-element-margin":[0,"0 0 16px 0"]}]}],"fontColor":[0,"#FFFFFF"],"fontFamily":[0,"Noto Sans"],"fontWeight":[0,400],"borderColor":[0,"#0057AE"],"fontColorHover":[0,"#FFFFFF"],"backgroundColor":[0,"#0057AE"],"borderColorHover":[0,"#0057AE"],"initialElementId":[0,"zppRN5"],"backgroundColorHover":[0,"#0057AE"]}]}],"nav":[1,[[0,{"isHidden":[0,false],"linkType":[0,"Page"],"subItems":[1,[]],"navItemId":[0,"05815507-dbcb-4e6c-b644-576a842bff6e"],"linkedPageId":[0,"ai-SFYTh"]}]]],"currentLocale":[0,"system"],"homePageId":[0,"ai-SFYTh"],"isNavHidden":[0,false],"cookieBannerAcceptText":[0],"cookieBannerDisclaimer":[0],"cookieBannerDeclineText":[0],"blogReadingTimeText":[0],"metaTitle":[0],"meta":[0,{"version":[0,146],"isLayout":[0,true],"template":[0,"aigenerated"],"metaTitle":[0,"Content Filter Testing"],"faviconPath":[0,"favicon-32x32-mP4pn5bGGRiezpjq.png"],"defaultLocale":[0,"system"],"faviconOrigin":[0,"assets"],"ecommerceStoreId":[0,null],"metaHtmlLanguage":[0,"en"],"isPrivateModeActive":[0,false],"demoEcommerceStoreId":[0,"demo_01G0E9P2R0CFTNBWEEFCEV8EG5"],"shouldAddWWWPrefixToDomain":[0,false]}],"forms":[0,{"Contact form":[0,{"token":[0,"mv0jyoex0xsgx3Eg4O21YBBxGRRYkj7Q"]}],"Subscribe form":[0,{"token":[0,"dWxlajJMVlSpP6gMwl7Kmk2Mj02YDEv1"]}]}],"styles":[0,{"h1":[0,{"font-size":[0,"72px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"44px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h2":[0,{"font-size":[0,"64px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"36px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h3":[0,{"font-size":[0,"48px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"32px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h4":[0,{"font-size":[0,"32px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"28px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h5":[0,{"font-size":[0,"24px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"24px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"h6":[0,{"font-size":[0,"20px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-primary)"],"font-weight":[0,400],"line-height":[0,"1.2"],"m-font-size":[0,"20px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"body":[0,{"font-size":[0,"16px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,500],"line-height":[0,"1.72"],"m-font-size":[0,"16px"],"letter-spacing":[0,"0.01em"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"font":[0,{"primary":[0,"'Prosto One', sans-serif"],"secondary":[0,"'Catamaran', sans-serif"]}],"nav-link":[0,{"color":[0,"#FFFFFF"],"font-size":[0,"16px"],"font-style":[0,"normal"],"color-hover":[0,"#FFFFFF"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,600],"line-height":[0,"1.72"],"m-font-size":[0,"16px"],"letter-spacing":[0,"normal"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"body-large":[0,{"font-size":[0,"18px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,500],"line-height":[0,"1.72"],"m-font-size":[0,"18px"],"letter-spacing":[0,"0.01em"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"body-small":[0,{"font-size":[0,"12px"],"font-style":[0,"normal"],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,500],"line-height":[0,"1.72"],"m-font-size":[0,"14px"],"letter-spacing":[0,"0.01em"],"text-transform":[0,"none"],"text-decoration":[0,"none"]}],"grid-button-primary":[0,{"font-size":[0,"14px"],"padding-x":[0,"40px"],"padding-y":[0,"16px"],"font-color":[0,"#FFFFFF"],"font-style":[0,"normal"],"border-null":[0,""],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,700],"line-height":[0,"1.72"],"m-font-size":[0,"14px"],"m-padding-x":[0,"36px"],"m-padding-y":[0,"14px"],"box-shadow-x":[0,"0px"],"box-shadow-y":[0,"0px"],"border-radius":[0,999],"letter-spacing":[0,"0.01em"],"text-transform":[0,"none"],"box-shadow-blur":[0,"0px"],"box-shadow-null":[0,""],"text-decoration":[0,"none"],"background-color":[0,"rgb(73, 88, 103)"],"box-shadow-color":[0,"rgba(0, 0, 0, 0)"],"border-null-hover":[0,""],"box-shadow-spread":[0,"0px"],"box-shadow-x-hover":[0,"0px"],"box-shadow-y-hover":[0,"0px"],"transition-duration":[0,"0.2s"],"background-color-null":[0,""],"box-shadow-blur-hover":[0,"0px"],"box-shadow-null-hover":[0,""],"background-color-hover":[0,"rgb(48, 63, 78)"],"box-shadow-color-hover":[0,"0px"],"box-shadow-spread-hover":[0,"0px"],"transition-timing-function":[0,"ease"],"background-color-null-hover":[0,""]}],"grid-button-secondary":[0,{"font-size":[0,"14px"],"padding-x":[0,"40px"],"padding-y":[0,"16px"],"font-style":[0,"normal"],"border-null":[0,""],"font-family":[0,"var(--font-secondary)"],"font-weight":[0,700],"line-height":[0,"1.72"],"m-font-size":[0,"14px"],"m-padding-x":[0,"36px"],"m-padding-y":[0,"14px"],"box-shadow-x":[0,"0px"],"box-shadow-y":[0,"0px"],"border-radius":[0,999],"letter-spacing":[0,"0.01em"],"text-transform":[0,"none"],"box-shadow-blur":[0,"0px"],"box-shadow-null":[0,""],"text-decoration":[0,"none"],"background-color":[0,"white"],"box-shadow-color":[0,"rgba(0, 0, 0, 0)"],"border-null-hover":[0,""],"box-shadow-spread":[0,"0px"],"box-shadow-x-hover":[0,"0px"],"box-shadow-y-hover":[0,"0px"],"transition-duration":[0,"0.2s"],"background-color-null":[0,""],"box-shadow-blur-hover":[0,"0px"],"box-shadow-null-hover":[0,""],"background-color-hover":[0,"rgb(240, 240, 240)"],"box-shadow-color-hover":[0,"0px"],"box-shadow-spread-hover":[0,"0px"],"transition-timing-function":[0,"ease"],"background-color-null-hover":[0,""]}]}],"domain":[0,"contentfiltertesting.com"],"siteId":[0,"AMqnvrKNerUNknq5"],"ecommerceShoppingCart":[0],"blogCategories":[0,{}],"languageSwitcherLanguages":[1,[]],"currentPageId":[0,"ai-SFYTh"],"productId":[0],"languageKeys":[1,[[0,"system"]]],"ecwidPages":[0,{}]}]}" ssr="" client="load" opts="{"name":"Page","value":true}" await-children="">Test URL and internet content categorization safely without using potentially harmful websites.Avoid risky testing methodsThere is danger in testing content filters. It is a common occurrence to add or update content filters, firewalls, proxies, Secure Web Gateways, or other web traffic categorization systems. Or one may turn up new clients on such, or add new users or workstations to the content filtering system. During those occasions it is important to test. Sometimes this testing must occur around other people, in lobbies, at other peoples' desks, or in classrooms and libraries. Often the approach to ensure categorization is working is to attempt access to some well known disallowed site. However, if the filter is not working for some reason, you risk quite a bit when that website loads. It may be embarrassment or complaints, it may be innocent eyes, or it may be your job. We offer safe simulation of an adult content site, but without any of the content.

CSS3 Box Shadow - Top Only - JSFiddle - Code Playground

CSS Box ShadowCSS box-shadow PropertyThe CSS box-shadow property is used to apply one or more shadows to an element.Specify a Horizontal and a Vertical ShadowIn its simplest use, you only specify a horizontal and a vertical shadow. The default color of the shadow is the current text-color.A element with a box-shadowExample Specify a horizontal and a vertical shadow: div{ box-shadow: 10px 10px;}Try it Yourself »Specify a Color for the ShadowThe color parameter defines the color of the shadow.A element with a lightblue box-shadowExample Specify a color for the shadow: div{ box-shadow: 10px 10px lightblue;}Try it Yourself »Add a Blur Effect to the ShadowThe blur parameter defines the blur radius. The higher the number, the more blurred the shadow will be.A element with a 5px blurred, lightblue box-shadowExample Add a blur effect to the shadow: div{ box-shadow: 10px 10px 5px lightblue;}Try it Yourself »Set the Spread Radius of the ShadowThe spread parameter defines the spread radius. A positive value increases the size of the shadow, a negative value decreases the size of the shadow.A element with a blurred, lightblue box-shadow, with a spread radius of 12pxExample Set the spread radius of the shadow: div{ box-shadow: 10px 10px 5px 12px lightblue;}Try it Yourself »Set the inset ParameterThe inset parameter changes the shadow from an outer shadow (outset) to an inner shadow.A element with a blurred, lightblue, inset box-shadowExample Add the inset parameter: div{ box-shadow: 10px 10px 5px lightblue inset;}Try it Yourself »Add Multiple ShadowsAn element can also have multiple shadows:Example div{ box-shadow: 5px 5px blue, 10px 10px red, 15px 15px green;}Try it Yourself »CardsYou can also use the box-shadow property to create paper-like cards: Hardanger, NorwayCSS Shadow PropertiesThe following table lists the CSS shadow properties: Property Description box-shadow Adds one or more shadows to an element text-shadow Adds one or more shadows to a text ★ +1 Track your progress - it's free!. only top box-shadow (same style with another div's box-shadow style but only top) 4. Remove the box shadow from the bottom of a div? 1. Box-shadow - top and left only. 0.

CSS Inner Box Shadow - Top and Bottom Only - CodePen

This element will receive instant changes as you edit the CSS rules on the left. Enjoy! /* ------------------------------------------------------------- CSS3, Please! =================================================== Update: We recommend using Autoprefixer instead of CSS3Please. You can edit the underlined values in this css file, but don't worry about making sure the corresponding values match, that's all done automagically for you. Whenever you want, you can copy the whole or part of this page and paste it into your own stylesheet.------------------------------------------------------------- */ .box_round { border-radius: 12px; background-clip: padding-box; } /* [to clipboard] [toggle rule off] */ .box_round { -moz-border-radius: 8px 8px 0px 0px; /* Firefox 1+ */ -webkit-border-top-left-radius: 8px; /* Safari 3-4 */ -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-radius: 8px 8px 0px 0px; /* Chrome, IE 9+, Opera 10.50+, Safari 5+ */} /* */--> .box_shadow { -webkit-box-shadow: 0px 0px 4px 0px #ffffff; box-shadow: 0px 0px 4px 0px #ffffff; } .box_gradient { background-color: #444444; background-image: -webkit-linear-gradient(top, #444444, #999999); background-image: linear-gradient(to bottom, #444444, #999999); } .box_transition { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .box_textshadow { text-shadow: 1px 1px 3px #888; } .box_opacity { opacity: 0.9; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .box_bgsize { -webkit-background-size: 100% 100%; background-size: 100% 100%; } .box_animation:hover { -webkit-animation: myanim 5s infinite; animation: myanim 5s infinite; }@-webkit-keyframes myanim { 0% { opacity: 0.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; }}@keyframes myanim { 0% { opacity: 0.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; }} Oh hai :) From Peter Nederlof oh noes! Manipulate me, please! rotate scale skew skew move .matrix { } @font-face { font-family: 'WebFont'; src: url('myfont.woff') format('woff'), url('myfont.ttf') format('truetype'); } /* */ --> .box_tabsize { -moz-tab-size: 2; tab-size: 2;} /* */ -->/* __Changelog__ 2013.04.05: Opera 12.10 supports unprefixed CSS animations, gradients, transforms, and transitions. 2013.04.05: Removed