Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .newsletters-wrapper{
- width: 100%;
- background-image: -webkit-repeating-radial-gradient(64% 85%, ellipse farthest-corner,rgb(123, 121, 126) 0%,rgb(50, 49, 55) 62%,rgb(54, 50, 47) 100%);
- /* IE10+ */
- }
- .newsletters-content{
- color: #fff;
- font-family: "Roboto", sans-serif;
- max-width: 1100px;
- margin: 0 auto;
- outline: 1px red dashed;
- position: relative;
- overflow: hidden;
- }
- .newsletters-frame{
- height: 500px;
- max-width: 800px;
- overflow: hidden;
- right: 0;
- outline: 1px yellow dashed;
- position: relative;
- }
- .newsletters-frame:after{
- display: block;
- position: absolute;
- content: '';
- width: 100%;
- height: 40px;
- bottom: 0;
- left: 0;
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgba(0, 0, 0, 0)),color-stop(0.197, rgba(0, 0, 0, 0)),color-stop(1, rgba(0, 0, 0, 0.21)));
- /* Android 2.3 */
- background-image: -webkit-repeating-linear-gradient(top,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 19.7%,rgba(0, 0, 0, 0.21) 100%);
- /* IE10+ */
- background-image: repeating-linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 19.7%,rgba(0, 0, 0, 0.21) 100%);
- }
- iframe{
- border: 2px #333333 solid;
- height: 600px;
- width: 400px;
- }
- #back{
- left: 0;
- top: 70px
- }
- #middle{
- right: 0%;
- top: 110px
- }
- #front{
- left: 50%;
- transform: translateX(-200px);
- }
- .phonebody{
- background: #222;
- border-radius: 20px;
- padding: 30px 10px 0px 10px;
- position: absolute;
- height: 600px;
- width: 400px;
- box-shadow: 10px 20px 30px rgba(0,0,0,0.2);
- }
Add Comment
Please, Sign In to add comment