#container { width:320px; margin:0 auto; padding-top:25px; } .paper { position:relative; width:300px; background-color:#faf8e5; border:1px solid #e3e3e3; } .first { margin-left:40px; } ul#lines { margin-top:40px; list-style-type:none; } ul#lines li { line-height:28px; color:#4d84c8; font-family:Georgia; font-style:italic; font-size:12px; width:299px; border-top:1px solid #f2f0df; padding-left:25px; margin-left:0px; } .tape{ position:absolute; top:-15px; right:80px; width: 130px; height: 35px; background-color:#fff; opacity:0.6; border-left: 1px dashed rgba(0, 0, 0, 0.1); border-right: 1px dashed rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 1px 0px #cccccc; -moz-box-shadow: 0px 0px 1px 0px #cccccc; box-shadow: 0px 0px 1px 0px #cccccc; -webkit-transform: rotate(-2deg) skew(0,0) translate(0%,-5px); -moz-transform: rotate(-2deg) skew(0,0) translate(0%,-5px); -o-transform: rotate(-2deg) skew(0,0) translate(0%,-5px); transform: rotate(-2deg) skew(0,0) translate(0%,-5px); } .left-shadow{ width: 140px; height: 140px; bottom:-5px; left:-12px; position:absolute; z-index:-6; display: inline-block; -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.4); box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.4); -moz-transform: scale(1) rotate(274deg) translate(20px, 25px) skew(9deg, 0deg); -webkit-transform: scale(1) rotate(274deg) translate(20px, 25px) skew(9deg, 0deg); -o-transform: scale(1) rotate(274deg) translate(20px, 25px) skew(9deg, 0deg); -ms-transform: scale(1) rotate(274deg) translate(20px, 25px) skew(9deg, 0deg); transform: scale(1) rotate(274deg) translate(20px, 25px) skew(9deg, 0deg); } .right-shadow{ width: 140px; height: 140px; bottom:-13px; right:-4px; position:absolute; z-index:-6; display: inline-block; -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.4); box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.4); -moz-transform: scale(1) rotate(184deg) translate(20px, 25px) skew(9deg, 0deg); -webkit-transform: scale(1) rotate(184deg) translate(20px, 25px) skew(9deg, 0deg); -o-transform: scale(1) rotate(184deg) translate(20px, 25px) skew(9deg, 0deg); -ms-transform: scale(1) rotate(184deg) translate(20px, 25px) skew(9deg, 0deg); transform: scale(1) rotate(184deg) translate(20px, 25px) skew(9deg, 0deg); }