User:Iynque/Sandbox

<div style="width: 150px; height: 150px; padding: 0.25em 0.25em; border-radius: 50%; border: 2px solid #6d695c; position: relative; font: bold 48px/50px Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Insert', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif; color: #eef; text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px; display: table-cell; vertical-align:middle; text-align: center; text-overflow: ellipsis; overflow: hidden; background-color: #6d695c; background-image: repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px), repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px), linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)), linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)); background-size: 70px 120px; box-shadow: rgba(0,0,0,0.25) 0px 10px 16px;"> YES YES Y'ALL  <div style="width: 150px; height: 150px; padding: 0.25em 0.25em; border-radius: 50%; border: 2px solid #6d695c; position: relative; font: bold 40px/42px Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Insert', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif; color: #eef; text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px; display: table-cell; vertical-align:middle; text-align: center; text-overflow: ellipsis; overflow: hidden; background: linear-gradient(45deg, #92baac 45px, transparent 45px)64px 64px, linear-gradient(45deg, #92baac 45px, transparent 45px,transparent 91px, #e1ebbd 91px, #e1ebbd 135px, transparent 135px), linear-gradient(-45deg, #92baac 23px, transparent 23px, transparent 68px,#92baac 68px,#92baac 113px,transparent 113px,transparent 158px,#92baac 158px); background-color:#e1ebbd; background-size: 128px 128px; box-shadow: rgba(0,0,0,0.25) 0px 10px 16px;"> TO THE BEAT Y'ALL   <div style="width: 150px; height: 150px; padding: 0.25em 0.25em; border-radius: 50%; border: 2px solid #6d695c; position: relative; font: bold 40px/42px Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Insert', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif; color: #eef; text-transform:uppercase; text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px; display: table-cell; vertical-align:middle; text-align: center; text-overflow: ellipsis; overflow: hidden; background:  radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187,0,51,0) 27%), radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187,0,51,0) 27%), radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221,51,85,0) 46%), radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221,51,85,0) 46%), radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221,51,85,0) 31%), radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187,0,51,0) 27%) 50px 50px, radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187,0,51,0) 27%) 50px 50px, radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221,51,85,0) 46%) 50px 50px, radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221,51,85,0) 46%) 50px 50px, radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221,51,85,0) 31%) 50px 50px; background-color:#b03; background-size:100px 100px; box-shadow: rgba(0,0,0,0.25) 0px 10px 16px;"> and ya don't stop

<div style="width: 150px; height: 150px; padding: 0.25em 0.25em; border-radius: 50%; border: 2px solid #6d695c; position: relative; font: bold 40px/42px Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Insert', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif; color: #eef; text-transform:uppercase; text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px; display: table-cell; vertical-align:middle; text-align: center; text-overflow: ellipsis; overflow: hidden; background:  radial-gradient(circle, transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, slategray 20%, slategray 80%, transparent 80%, transparent) 50px 50px, linear-gradient(#A8B1BB 8px, transparent 8px) 0 -4px, linear-gradient(90deg, #A8B1BB 8px, transparent 8px) -4px 0; background-color: slategray; background-size:100px 100px, 100px 100px, 50px 50px, 50px 50px; box-shadow: rgba(0,0,0,0.25) 0px 10px 16px;"> Ask Me About CSS