Pure Css Icons

Pure Sozialmedia Css Icons.

Der hier verwendete Code

<!DOCTYPE html> <html> <head> <style> .logo-apple-large { background-color: #ffffff; border: 2px #808080 dotted; width: 300px; height: 300px; position: relative; overflow: hidden; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; border-radius: 150px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-apple-large div { position: absolute; } .logo-apple-large .blue-curve-left { background-color: #009cdc; -webkit-border-radius: 0 0 50% 50%; -moz-border-radius: 0 0 50% 50%; -ms-border-radius: 0 0 50% 50%; -o-border-radius: 0 0 50% 50%; border-radius: 0 0 50% 50%; width: 44px; height: 30px; left: 87px; top: 224px; } .logo-apple-large .blue-curve-right { background-color: #009cdc; -webkit-border-radius: 0 0 50% 50%; -moz-border-radius: 0 0 50% 50%; -ms-border-radius: 0 0 50% 50%; -o-border-radius: 0 0 50% 50%; border-radius: 0 0 50% 50%; width: 44px; height: 30px; left: 164px; top: 224px; } .logo-apple-large .blue { background-color: #009cdc; width: 160px; height: 29px; left: 67px; top: 221px; } .logo-apple-large .blue-none { background-color: #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 53px; height: 23px; left: 121px; top: 244px; } .logo-apple-large .purple { background-color: #963d97; width: 190px; height: 29px; left: 53px; top: 195px; } .logo-apple-large .red { background-color: #e13a3d; width: 200px; height: 30px; left: 46px; top: 166px; } .logo-apple-large .orange { background-color: #f6832c; width: 168px; height: 33px; left: 48px; top: 135px; } .logo-apple-large .orange-curve { background-color: #f6832c; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 6px; height: 40px; left: 45px; top: 131px; } .logo-apple-large .yellow { background-color: #fcb83e; width: 184px; height: 31px; left: 46px; top: 106px; } .logo-apple-large .green-curve-left { background-color: #61bc48; -webkit-border-radius: 50% 50% 0 0; -moz-border-radius: 50% 50% 0 0; -ms-border-radius: 50% 50% 0 0; -o-border-radius: 50% 50% 0 0; border-radius: 50% 50% 0 0; width: 51px; height: 19px; left: 80px; top: 79px; } .logo-apple-large .green-curve-right { background-color: #61bc48; -webkit-border-radius: 50% 50% 0 0; -moz-border-radius: 50% 50% 0 0; -ms-border-radius: 50% 50% 0 0; -o-border-radius: 50% 50% 0 0; border-radius: 50% 50% 0 0; width: 53px; height: 19px; left: 164px; top: 79px; } .logo-apple-large .green { background-color: #61bc48; width: 181px; height: 24px; left: 56px; top: 83px; } .logo-apple-large .green-none { background-color: #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 53px; height: 26px; left: 121px; top: 62px; } .logo-apple-large .green-leaf { -webkit-border-radius: 100% 0 100% 0; -moz-border-radius: 100% 0 100% 0; -ms-border-radius: 100% 0 100% 0; -o-border-radius: 100% 0 100% 0; border-radius: 100% 0 100% 0; background-color: #61bc48; width: 49px; height: 56px; top: 25px; left: 139px; } .logo-apple-large .bottom-left-none { background-color: transparent; background-image: -moz-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -o-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -webkit-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: radial-gradient(at top right, rgba(0,0,0,0) 70%, #ffffff 0); width: 82px; height: 146px; left: 40px; top: 114px; } .logo-apple-large .bottom-right-none { background-color: transparent; background-image: -moz-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -o-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -webkit-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: radial-gradient(at top left, rgba(0,0,0,0) 70%, #ffffff 0); width: 87px; height: 155px; left: 171px; top: 105px; } .logo-apple-large .top-left-none { background-color: transparent; background-image: -moz-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -o-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -webkit-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: radial-gradient(at bottom right, rgba(0,0,0,0) 70%, #ffffff 0); width: 61px; height: 70px; left: 44px; top: 78px; } .logo-apple-large .top-right-none { background-color: transparent; background-image: -moz-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -o-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -webkit-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: radial-gradient(at bottom left, rgba(0,0,0,0) 70%, #ffffff 0); width: 58px; height: 62px; left: 191px; top: 78px; } .logo-apple-large .apple-none { background-color: #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 85px; height: 94px; left: 210px; top: 99px; } .logo-apple-small { background-color: #ffffff; border: 2px #808080 dotted; width: 52px; height: 52px; position: relative; overflow: hidden; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-apple-small div { position: absolute; } .logo-apple-small .blue-curve-left { background-color: #009cdc; -webkit-border-radius: 0 0 50% 50%; -moz-border-radius: 0 0 50% 50%; -ms-border-radius: 0 0 50% 50%; -o-border-radius: 0 0 50% 50%; border-radius: 0 0 50% 50%; width: 7.626666666666667px; height: 5.2px; left: 15.08px; top: 38.82666666666667px; } .logo-apple-small .blue-curve-right { background-color: #009cdc; -webkit-border-radius: 0 0 50% 50%; -moz-border-radius: 0 0 50% 50%; -ms-border-radius: 0 0 50% 50%; -o-border-radius: 0 0 50% 50%; border-radius: 0 0 50% 50%; width: 7.626666666666667px; height: 5.2px; left: 28.42666666666667px; top: 38.82666666666667px; } .logo-apple-small .blue { background-color: #009cdc; width: 27.733333333333334px; height: 5.026666666666667px; left: 11.613333333333333px; top: 38.306666666666665px; } .logo-apple-small .blue-none { background-color: #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 9.186666666666667px; height: 3.986666666666667px; left: 20.973333333333333px; top: 42.29333333333334px; } .logo-apple-small .purple { background-color: #963d97; width: 32.93333333333334px; height: 5.026666666666667px; left: 9.186666666666667px; top: 33.800000000000004px; } .logo-apple-small .red { background-color: #e13a3d; width: 34.66666666666667px; height: 5.2px; left: 7.973333333333334px; top: 28.773333333333333px; } .logo-apple-small .orange { background-color: #f6832c; width: 29.12px; height: 5.720000000000001px; left: 8.32px; top: 23.400000000000002px; } .logo-apple-small .orange-curve { background-color: #f6832c; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 1.04px; height: 6.933333333333334px; left: 7.800000000000001px; top: 22.706666666666667px; } .logo-apple-small .yellow { background-color: #fcb83e; width: 31.893333333333334px; height: 5.373333333333333px; left: 7.973333333333334px; top: 18.373333333333335px; } .logo-apple-small .green-curve-left { background-color: #61bc48; -webkit-border-radius: 50% 50% 0 0; -moz-border-radius: 50% 50% 0 0; -ms-border-radius: 50% 50% 0 0; -o-border-radius: 50% 50% 0 0; border-radius: 50% 50% 0 0; width: 8.84px; height: 3.2933333333333334px; left: 13.866666666666667px; top: 13.693333333333333px; } .logo-apple-small .green-curve-right { background-color: #61bc48; -webkit-border-radius: 50% 50% 0 0; -moz-border-radius: 50% 50% 0 0; -ms-border-radius: 50% 50% 0 0; -o-border-radius: 50% 50% 0 0; border-radius: 50% 50% 0 0; width: 9.186666666666667px; height: 3.2933333333333334px; left: 28.42666666666667px; top: 13.693333333333333px; } .logo-apple-small .green { background-color: #61bc48; width: 31.373333333333335px; height: 4.16px; left: 9.706666666666667px; top: 14.386666666666667px; } .logo-apple-small .green-none { background-color: #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 9.186666666666667px; height: 4.506666666666667px; left: 20.973333333333333px; top: 10.746666666666666px; } .logo-apple-small .green-leaf { -webkit-border-radius: 100% 0 100% 0; -moz-border-radius: 100% 0 100% 0; -ms-border-radius: 100% 0 100% 0; -o-border-radius: 100% 0 100% 0; border-radius: 100% 0 100% 0; background-color: #61bc48; width: 8.493333333333334px; height: 9.706666666666667px; top: 4.333333333333334px; left: 24.093333333333334px; } .logo-apple-small .bottom-left-none { background-color: transparent; background-image: -moz-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -o-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -webkit-radial-gradient(100% 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: radial-gradient(at top right, rgba(0,0,0,0) 70%, #ffffff 0); width: 14.213333333333335px; height: 25.30666666666667px; left: 6.933333333333334px; top: 19.76px; } .logo-apple-small .bottom-right-none { background-color: transparent; background-image: -moz-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -o-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -webkit-radial-gradient(0 0, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: radial-gradient(at top left, rgba(0,0,0,0) 70%, #ffffff 0); width: 15.08px; height: 26.866666666666667px; left: 29.64px; top: 18.2px; } .logo-apple-small .top-left-none { background-color: transparent; background-image: -moz-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -o-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -webkit-radial-gradient(100% 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: radial-gradient(at bottom right, rgba(0,0,0,0) 70%, #ffffff 0); width: 10.573333333333334px; height: 12.133333333333333px; left: 7.626666666666667px; top: 13.52px; } .logo-apple-small .top-right-none { background-color: transparent; background-image: -moz-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -o-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: -webkit-radial-gradient(0 100%, ellipse, rgba(0,0,0,0) 70%, #ffffff 0); background-image: radial-gradient(at bottom left, rgba(0,0,0,0) 70%, #ffffff 0); width: 10.053333333333335px; height: 10.746666666666666px; left: 33.10666666666667px; top: 13.52px; } .logo-apple-small .apple-none { background-color: #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 14.733333333333334px; height: 16.293333333333333px; left: 36.4px; top: 17.16px; } .logo-evernote-large { background-color: #87c441; width: 300px; height: 300px; position: relative; overflow: hidden; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; border-radius: 150px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-evernote-large div { position: absolute; background-color: #ffffff; } .logo-evernote-large div[class*=-none] { background-color: #87c441; } .logo-evernote-large .head { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); -webkit-border-radius: 0 20% 0 11px; -moz-border-radius: 0 20% 0 11px; -ms-border-radius: 0 20% 0 11px; -o-border-radius: 0 20% 0 11px; border-radius: 0 20% 0 11px; width: 71px; height: 103px; left: 153px; top: 75px; } .logo-evernote-large .head-top { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); width: 65px; height: 12px; left: 154px; top: 71px; } .logo-evernote-large .head-right { width: 11px; height: 115px; left: 217px; top: 88px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .logo-evernote-large .head-bottom { -webkit-border-radius: 0 0 0 20px; -moz-border-radius: 0 0 0 20px; -ms-border-radius: 0 0 0 20px; -o-border-radius: 0 0 0 20px; border-radius: 0 0 0 20px; -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); -ms-transform: rotate(7deg); -o-transform: rotate(7deg); transform: rotate(7deg); width: 70px; height: 16px; top: 169px; left: 151px; } .logo-evernote-large .trunk-right { -webkit-border-radius: 0 40% 62% 26px; -moz-border-radius: 0 40% 62% 26px; -ms-border-radius: 0 40% 62% 26px; -o-border-radius: 0 40% 62% 26px; border-radius: 0 40% 62% 26px; width: 45px; height: 110px; left: 181px; top: 133px; -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg); transform: rotate(4deg); } .logo-evernote-large .trunk-bottom { -webkit-border-radius: 7px 0 26% 40%; -moz-border-radius: 7px 0 26% 40%; -ms-border-radius: 7px 0 26% 40%; -o-border-radius: 7px 0 26% 40%; border-radius: 7px 0 26% 40%; width: 56px; height: 30px; top: 214px; left: 152px; } .logo-evernote-large .trunk-left { -webkit-border-radius: 40% 0 0 39%; -moz-border-radius: 40% 0 0 39%; -ms-border-radius: 40% 0 0 39%; -o-border-radius: 40% 0 0 39%; border-radius: 40% 0 0 39%; width: 36px; height: 46px; top: 196px; left: 150px; } .logo-evernote-large .trunk-bottom-none { -webkit-border-radius: 22% 0 9px 26%; -moz-border-radius: 22% 0 9px 26%; -ms-border-radius: 22% 0 9px 26%; -o-border-radius: 22% 0 9px 26%; border-radius: 22% 0 9px 26%; width: 32px; height: 14px; left: 166px; top: 210px; } .logo-evernote-large .trunk-right-none { -webkit-border-radius: 130% 140% 50% 121%; -moz-border-radius: 130% 140% 50% 121%; -ms-border-radius: 130% 140% 50% 121%; -o-border-radius: 130% 140% 50% 121%; border-radius: 130% 140% 50% 121%; width: 19px; height: 32px; top: 187px; left: 179px; } .logo-evernote-large .trunk-left-none { -webkit-border-radius: 0 170% 0 0; -moz-border-radius: 0 170% 0 0; -ms-border-radius: 0 170% 0 0; -o-border-radius: 0 170% 0 0; border-radius: 0 170% 0 0; width: 18px; height: 12px; left: 178px; top: 184px; } .logo-evernote-large .head-none { -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); width: 19px; height: 15px; left: 182px; top: 134px; } .logo-evernote-large .eye { -webkit-border-radius: 100% 150% 0 0; -moz-border-radius: 100% 150% 0 0; -ms-border-radius: 100% 150% 0 0; -o-border-radius: 100% 150% 0 0; border-radius: 100% 150% 0 0; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); width: 22px; height: 5px; left: 180px; top: 145px; } .logo-evernote-large .ear-flap { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 33px; height: 51px; top: 65px; left: 87px; } .logo-evernote-large .ear-flap-left-none { -webkit-border-radius: 16px 0 0 0; -moz-border-radius: 16px 0 0 0; -ms-border-radius: 16px 0 0 0; -o-border-radius: 16px 0 0 0; border-radius: 16px 0 0 0; width: 39px; height: 20px; top: 93px; left: 67px; } .logo-evernote-large .ear-flap-right-none { -webkit-border-radius: 9px 0 0 0; -moz-border-radius: 9px 0 0 0; -ms-border-radius: 9px 0 0 0; -o-border-radius: 9px 0 0 0; border-radius: 9px 0 0 0; width: 25px; height: 32px; top: 58px; left: 107px; } .logo-evernote-large .body-top { -webkit-border-radius: 100% 110% 112% 100%; -moz-border-radius: 100% 110% 112% 100%; -ms-border-radius: 100% 110% 112% 100%; -o-border-radius: 100% 110% 112% 100%; border-radius: 100% 110% 112% 100%; width: 52px; height: 29px; top: 56px; left: 112px; } .logo-evernote-large .body-left { -webkit-border-radius: 40px 0 0 167%; -moz-border-radius: 40px 0 0 167%; -ms-border-radius: 40px 0 0 167%; -o-border-radius: 40px 0 0 167%; border-radius: 40px 0 0 167%; width: 52px; height: 29px; top: 98px; left: 72px; } .logo-evernote-large .body-bottom-right { -webkit-transform: rotate(11deg); -moz-transform: rotate(11deg); -ms-transform: rotate(11deg); -o-transform: rotate(11deg); transform: rotate(11deg); -webkit-border-radius: 100% 100% 75% 0; -moz-border-radius: 100% 100% 75% 0; -ms-border-radius: 100% 100% 75% 0; -o-border-radius: 100% 100% 75% 0; border-radius: 100% 100% 75% 0; width: 18px; height: 42px; top: 149px; left: 132px; } .logo-evernote-large .body-bottom-left { -webkit-transform: rotate(-11deg); -moz-transform: rotate(-11deg); -ms-transform: rotate(-11deg); -o-transform: rotate(-11deg); transform: rotate(-11deg); -webkit-border-radius: 67% 100% 120% 68%; -moz-border-radius: 67% 100% 120% 68%; -ms-border-radius: 67% 100% 120% 68%; -o-border-radius: 67% 100% 120% 68%; border-radius: 67% 100% 120% 68%; height: 78px; width: 21px; left: 76px; top: 102px; } .logo-evernote-large .body-bottom { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); -webkit-border-radius: 171% 120% 24px 100%; -moz-border-radius: 171% 120% 24px 100%; -ms-border-radius: 171% 120% 24px 100%; -o-border-radius: 171% 120% 24px 100%; border-radius: 171% 120% 24px 100%; width: 61px; height: 15px; left: 86px; top: 172px; } .logo-evernote-large .body-middle { width: 50px; height: 88px; left: 112px; top: 71px; } .logo-evernote-large .body { width: 50px; height: 57px; left: 90px; top: 120px; } .logo-evernote-large .ear-curve-none { -webkit-border-radius: 0 0 6px 0; -moz-border-radius: 0 0 6px 0; -ms-border-radius: 0 0 6px 0; -o-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; width: 10px; height: 10px; left: 102px; top: 88px; } .logo-evernote-large .ear-curve { -webkit-border-radius: 0 0 2px 0; -moz-border-radius: 0 0 2px 0; -ms-border-radius: 0 0 2px 0; -o-border-radius: 0 0 2px 0; border-radius: 0 0 2px 0; width: 8px; height: 8px; left: 99px; top: 85px; } .logo-evernote-small { background-color: #87c441; width: 52px; height: 52px; position: relative; overflow: hidden; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-evernote-small div { position: absolute; background-color: #ffffff; } .logo-evernote-small div[class*=-none] { background-color: #87c441; } .logo-evernote-small .head { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); -webkit-border-radius: 0 20% 0 1.9066666666666667px; -moz-border-radius: 0 20% 0 1.9066666666666667px; -ms-border-radius: 0 20% 0 1.9066666666666667px; -o-border-radius: 0 20% 0 1.9066666666666667px; border-radius: 0 20% 0 1.9066666666666667px; width: 12.306666666666667px; height: 17.853333333333335px; left: 26.52px; top: 13px; } .logo-evernote-small .head-top { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); width: 11.266666666666667px; height: 2.08px; left: 26.693333333333335px; top: 12.306666666666667px; } .logo-evernote-small .head-right { width: 1.9066666666666667px; height: 19.933333333333334px; left: 37.61333333333334px; top: 15.253333333333334px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .logo-evernote-small .head-bottom { -webkit-border-radius: 0 0 0 3.466666666666667px; -moz-border-radius: 0 0 0 3.466666666666667px; -ms-border-radius: 0 0 0 3.466666666666667px; -o-border-radius: 0 0 0 3.466666666666667px; border-radius: 0 0 0 3.466666666666667px; -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); -ms-transform: rotate(7deg); -o-transform: rotate(7deg); transform: rotate(7deg); width: 12.133333333333333px; height: 2.7733333333333334px; top: 29.293333333333333px; left: 26.173333333333336px; } .logo-evernote-small .trunk-right { -webkit-border-radius: 0 40% 62% 4.506666666666667px; -moz-border-radius: 0 40% 62% 4.506666666666667px; -ms-border-radius: 0 40% 62% 4.506666666666667px; -o-border-radius: 0 40% 62% 4.506666666666667px; border-radius: 0 40% 62% 4.506666666666667px; width: 7.800000000000001px; height: 19.066666666666666px; left: 31.373333333333335px; top: 23.053333333333335px; -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg); transform: rotate(4deg); } .logo-evernote-small .trunk-bottom { -webkit-border-radius: 1.2133333333333334px 0 26% 40%; -moz-border-radius: 1.2133333333333334px 0 26% 40%; -ms-border-radius: 1.2133333333333334px 0 26% 40%; -o-border-radius: 1.2133333333333334px 0 26% 40%; border-radius: 1.2133333333333334px 0 26% 40%; width: 9.706666666666667px; height: 5.2px; top: 37.093333333333334px; left: 26.346666666666668px; } .logo-evernote-small .trunk-left { -webkit-border-radius: 40% 0 0 39%; -moz-border-radius: 40% 0 0 39%; -ms-border-radius: 40% 0 0 39%; -o-border-radius: 40% 0 0 39%; border-radius: 40% 0 0 39%; width: 6.24px; height: 7.973333333333334px; top: 33.973333333333336px; left: 26px; } .logo-evernote-small .trunk-bottom-none { -webkit-border-radius: 22% 0 1.56px 26%; -moz-border-radius: 22% 0 1.56px 26%; -ms-border-radius: 22% 0 1.56px 26%; -o-border-radius: 22% 0 1.56px 26%; border-radius: 22% 0 1.56px 26%; width: 5.546666666666667px; height: 2.4266666666666667px; left: 28.773333333333333px; top: 36.4px; } .logo-evernote-small .trunk-right-none { -webkit-border-radius: 130% 140% 50% 121%; -moz-border-radius: 130% 140% 50% 121%; -ms-border-radius: 130% 140% 50% 121%; -o-border-radius: 130% 140% 50% 121%; border-radius: 130% 140% 50% 121%; width: 3.2933333333333334px; height: 5.546666666666667px; top: 32.413333333333334px; left: 31.026666666666667px; } .logo-evernote-small .trunk-left-none { -webkit-border-radius: 0 170% 0 0; -moz-border-radius: 0 170% 0 0; -ms-border-radius: 0 170% 0 0; -o-border-radius: 0 170% 0 0; border-radius: 0 170% 0 0; width: 3.12px; height: 2.08px; left: 30.853333333333335px; top: 31.893333333333334px; } .logo-evernote-small .head-none { -webkit-border-radius: 1.7333333333333334px 1.7333333333333334px 0 0; -moz-border-radius: 1.7333333333333334px 1.7333333333333334px 0 0; -ms-border-radius: 1.7333333333333334px 1.7333333333333334px 0 0; -o-border-radius: 1.7333333333333334px 1.7333333333333334px 0 0; border-radius: 1.7333333333333334px 1.7333333333333334px 0 0; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); width: 3.2933333333333334px; height: 2.6px; left: 31.546666666666667px; top: 23.226666666666667px; } .logo-evernote-small .eye { -webkit-border-radius: 100% 150% 0 0; -moz-border-radius: 100% 150% 0 0; -ms-border-radius: 100% 150% 0 0; -o-border-radius: 100% 150% 0 0; border-radius: 100% 150% 0 0; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); width: 3.8133333333333335px; height: 0.8666666666666667px; left: 31.200000000000003px; top: 25.133333333333333px; } .logo-evernote-small .ear-flap { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 5.720000000000001px; height: 8.84px; top: 11.266666666666667px; left: 15.08px; } .logo-evernote-small .ear-flap-left-none { -webkit-border-radius: 2.7733333333333334px 0 0 0; -moz-border-radius: 2.7733333333333334px 0 0 0; -ms-border-radius: 2.7733333333333334px 0 0 0; -o-border-radius: 2.7733333333333334px 0 0 0; border-radius: 2.7733333333333334px 0 0 0; width: 6.76px; height: 3.466666666666667px; top: 16.12px; left: 11.613333333333333px; } .logo-evernote-small .ear-flap-right-none { -webkit-border-radius: 1.56px 0 0 0; -moz-border-radius: 1.56px 0 0 0; -ms-border-radius: 1.56px 0 0 0; -o-border-radius: 1.56px 0 0 0; border-radius: 1.56px 0 0 0; width: 4.333333333333334px; height: 5.546666666666667px; top: 10.053333333333335px; left: 18.546666666666667px; } .logo-evernote-small .body-top { -webkit-border-radius: 100% 110% 112% 100%; -moz-border-radius: 100% 110% 112% 100%; -ms-border-radius: 100% 110% 112% 100%; -o-border-radius: 100% 110% 112% 100%; border-radius: 100% 110% 112% 100%; width: 9.013333333333334px; height: 5.026666666666667px; top: 9.706666666666667px; left: 19.413333333333334px; } .logo-evernote-small .body-left { -webkit-border-radius: 6.933333333333334px 0 0 167%; -moz-border-radius: 6.933333333333334px 0 0 167%; -ms-border-radius: 6.933333333333334px 0 0 167%; -o-border-radius: 6.933333333333334px 0 0 167%; border-radius: 6.933333333333334px 0 0 167%; width: 9.013333333333334px; height: 5.026666666666667px; top: 16.986666666666668px; left: 12.48px; } .logo-evernote-small .body-bottom-right { -webkit-transform: rotate(11deg); -moz-transform: rotate(11deg); -ms-transform: rotate(11deg); -o-transform: rotate(11deg); transform: rotate(11deg); -webkit-border-radius: 100% 100% 75% 0; -moz-border-radius: 100% 100% 75% 0; -ms-border-radius: 100% 100% 75% 0; -o-border-radius: 100% 100% 75% 0; border-radius: 100% 100% 75% 0; width: 3.12px; height: 7.28px; top: 25.826666666666668px; left: 22.880000000000003px; } .logo-evernote-small .body-bottom-left { -webkit-transform: rotate(-11deg); -moz-transform: rotate(-11deg); -ms-transform: rotate(-11deg); -o-transform: rotate(-11deg); transform: rotate(-11deg); -webkit-border-radius: 67% 100% 120% 68%; -moz-border-radius: 67% 100% 120% 68%; -ms-border-radius: 67% 100% 120% 68%; -o-border-radius: 67% 100% 120% 68%; border-radius: 67% 100% 120% 68%; height: 13.52px; width: 3.64px; left: 13.173333333333334px; top: 17.68px; } .logo-evernote-small .body-bottom { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); -webkit-border-radius: 171% 120% 4.16px 100%; -moz-border-radius: 171% 120% 4.16px 100%; -ms-border-radius: 171% 120% 4.16px 100%; -o-border-radius: 171% 120% 4.16px 100%; border-radius: 171% 120% 4.16px 100%; width: 10.573333333333334px; height: 2.6px; left: 14.906666666666666px; top: 29.813333333333333px; } .logo-evernote-small .body-middle { width: 8.666666666666668px; height: 15.253333333333334px; left: 19.413333333333334px; top: 12.306666666666667px; } .logo-evernote-small .body { width: 8.666666666666668px; height: 9.88px; left: 15.600000000000001px; top: 20.8px; } .logo-evernote-small .ear-curve-none { -webkit-border-radius: 0 0 1.04px 0; -moz-border-radius: 0 0 1.04px 0; -ms-border-radius: 0 0 1.04px 0; -o-border-radius: 0 0 1.04px 0; border-radius: 0 0 1.04px 0; width: 1.7333333333333334px; height: 1.7333333333333334px; left: 17.68px; top: 15.253333333333334px; } .logo-evernote-small .ear-curve { -webkit-border-radius: 0 0 0.3466666666666667px 0; -moz-border-radius: 0 0 0.3466666666666667px 0; -ms-border-radius: 0 0 0.3466666666666667px 0; -o-border-radius: 0 0 0.3466666666666667px 0; border-radius: 0 0 0.3466666666666667px 0; width: 1.3866666666666667px; height: 1.3866666666666667px; left: 17.16px; top: 14.733333333333334px; } .logo-dropbox-large { background-color: #2795ee; width: 300px; height: 300px; position: relative; overflow: hidden; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; border-radius: 150px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-dropbox-large div { position: absolute; background-color: #ffffff; } .logo-dropbox-large div[class*=-none] { background-color: #2795ee; } .logo-dropbox-large .base-left { -webkit-transform: skew(0, 31deg); -moz-transform: skew(0, 31deg); -ms-transform: skew(0, 31deg); -o-transform: skew(0, 31deg); transform: skew(0, 31deg); width: 61px; height: 79px; left: 90px; top: 153px; } .logo-dropbox-large .base-right { -webkit-transform: skew(0, -31deg); -moz-transform: skew(0, -31deg); -ms-transform: skew(0, -31deg); -o-transform: skew(0, -31deg); transform: skew(0, -31deg); width: 61px; height: 79px; left: 151px; top: 153px; } .logo-dropbox-large .base-middle { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 8px; height: 76px; left: 147px; top: 171px; } .logo-dropbox-large .cover-left-none { -webkit-transform: skew(-50deg, 34deg); -moz-transform: skew(-50deg, 34deg); -ms-transform: skew(-50deg, 34deg); -o-transform: skew(-50deg, 34deg); transform: skew(-50deg, 34deg); width: 62px; height: 40px; left: 70px; top: 152px; } .logo-dropbox-large .cover-right-none { -webkit-transform: skew(50deg, -34deg); -moz-transform: skew(50deg, -34deg); -ms-transform: skew(50deg, -34deg); -o-transform: skew(50deg, -34deg); transform: skew(50deg, -34deg); width: 62px; height: 40px; left: 170px; top: 152px; } .logo-dropbox-large .cover-top { -webkit-transform: skew(51deg, -33deg); -moz-transform: skew(51deg, -33deg); -ms-transform: skew(51deg, -33deg); -o-transform: skew(51deg, -33deg); transform: skew(51deg, -33deg); width: 60px; height: 37px; left: 71px; top: 79px; } .logo-dropbox-large .cover-bottom { -webkit-transform: skew(51deg, -33deg); -moz-transform: skew(51deg, -33deg); -ms-transform: skew(51deg, -33deg); -o-transform: skew(51deg, -33deg); transform: skew(51deg, -33deg); width: 60px; height: 37px; left: 171px; top: 148px; } .logo-dropbox-large .cover-right { -webkit-transform: skew(-51deg, 33deg); -moz-transform: skew(-51deg, 33deg); -ms-transform: skew(-51deg, 33deg); -o-transform: skew(-51deg, 33deg); transform: skew(-51deg, 33deg); width: 60px; height: 37px; left: 171px; top: 79px; } .logo-dropbox-large .cover-left { -webkit-transform: skew(-51deg, 33deg); -moz-transform: skew(-51deg, 33deg); -ms-transform: skew(-51deg, 33deg); -o-transform: skew(-51deg, 33deg); transform: skew(-51deg, 33deg); width: 60px; height: 37px; left: 71px; top: 148px; } .logo-dropbox-large .box-none { -webkit-transform: skew(-58deg, 32deg); -moz-transform: skew(-58deg, 32deg); -ms-transform: skew(-58deg, 32deg); -o-transform: skew(-58deg, 32deg); transform: skew(-58deg, 32deg); width: 60px; height: 38px; left: 121px; top: 113px; } .logo-dropbox-small { background-color: #2795ee; width: 52px; height: 52px; position: relative; overflow: hidden; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-dropbox-small div { position: absolute; background-color: #ffffff; } .logo-dropbox-small div[class*=-none] { background-color: #2795ee; } .logo-dropbox-small .base-left { -webkit-transform: skew(0, 31deg); -moz-transform: skew(0, 31deg); -ms-transform: skew(0, 31deg); -o-transform: skew(0, 31deg); transform: skew(0, 31deg); width: 10.573333333333334px; height: 13.693333333333333px; left: 15.600000000000001px; top: 26.52px; } .logo-dropbox-small .base-right { -webkit-transform: skew(0, -31deg); -moz-transform: skew(0, -31deg); -ms-transform: skew(0, -31deg); -o-transform: skew(0, -31deg); transform: skew(0, -31deg); width: 10.573333333333334px; height: 13.693333333333333px; left: 26.173333333333336px; top: 26.52px; } .logo-dropbox-small .base-middle { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 1.3866666666666667px; height: 13.173333333333334px; left: 25.48px; top: 29.64px; } .logo-dropbox-small .cover-left-none { -webkit-transform: skew(-50deg, 34deg); -moz-transform: skew(-50deg, 34deg); -ms-transform: skew(-50deg, 34deg); -o-transform: skew(-50deg, 34deg); transform: skew(-50deg, 34deg); width: 10.746666666666666px; height: 6.933333333333334px; left: 12.133333333333333px; top: 26.346666666666668px; } .logo-dropbox-small .cover-right-none { -webkit-transform: skew(50deg, -34deg); -moz-transform: skew(50deg, -34deg); -ms-transform: skew(50deg, -34deg); -o-transform: skew(50deg, -34deg); transform: skew(50deg, -34deg); width: 10.746666666666666px; height: 6.933333333333334px; left: 29.46666666666667px; top: 26.346666666666668px; } .logo-dropbox-small .cover-top { -webkit-transform: skew(51deg, -33deg); -moz-transform: skew(51deg, -33deg); -ms-transform: skew(51deg, -33deg); -o-transform: skew(51deg, -33deg); transform: skew(51deg, -33deg); width: 10.4px; height: 6.413333333333334px; left: 12.306666666666667px; top: 13.693333333333333px; } .logo-dropbox-small .cover-bottom { -webkit-transform: skew(51deg, -33deg); -moz-transform: skew(51deg, -33deg); -ms-transform: skew(51deg, -33deg); -o-transform: skew(51deg, -33deg); transform: skew(51deg, -33deg); width: 10.4px; height: 6.413333333333334px; left: 29.64px; top: 25.653333333333336px; } .logo-dropbox-small .cover-right { -webkit-transform: skew(-51deg, 33deg); -moz-transform: skew(-51deg, 33deg); -ms-transform: skew(-51deg, 33deg); -o-transform: skew(-51deg, 33deg); transform: skew(-51deg, 33deg); width: 10.4px; height: 6.413333333333334px; left: 29.64px; top: 13.693333333333333px; } .logo-dropbox-small .cover-left { -webkit-transform: skew(-51deg, 33deg); -moz-transform: skew(-51deg, 33deg); -ms-transform: skew(-51deg, 33deg); -o-transform: skew(-51deg, 33deg); transform: skew(-51deg, 33deg); width: 10.4px; height: 6.413333333333334px; left: 12.306666666666667px; top: 25.653333333333336px; } .logo-dropbox-small .box-none { -webkit-transform: skew(-58deg, 32deg); -moz-transform: skew(-58deg, 32deg); -ms-transform: skew(-58deg, 32deg); -o-transform: skew(-58deg, 32deg); transform: skew(-58deg, 32deg); width: 10.4px; height: 6.586666666666667px; left: 20.973333333333333px; top: 19.586666666666666px; } .logo-twitter-large { background-color: #00aced; width: 300px; height: 300px; position: relative; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-twitter-large div { position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background-color: #ffffff; } .logo-twitter-large div[class*=-none] { background-color: #00aced; } .logo-twitter-large .body { top: 16px; left: 15px; width: 206px; height: 206px; } .logo-twitter-large .body-none { top: 56px; left: -6px; width: 150px; height: 150px; } .logo-twitter-large .wing-top { top: 65px; left: 68px; width: 88px; height: 77px; } .logo-twitter-large .wing-top-none { top: -77px; left: 53px; width: 200px; height: 200px; } .logo-twitter-large .wing-middle { top: 95px; left: 68px; width: 88px; height: 73px; } .logo-twitter-large .wing-middle-none { top: -25px; left: 20px; width: 160px; height: 160px; } .logo-twitter-large .wing-bottom { top: 121px; left: 80px; width: 70px; height: 70px; } .logo-twitter-large .wing-bottom-none { top: 106px; left: 58px; width: 60px; height: 60px; } .logo-twitter-large .beak-bottom { width: 100px; height: 100px; left: 145px; top: 21px; } .logo-twitter-large .beak-bottom-none { width: 115px; height: 115px; left: 155px; top: -14px; } .logo-twitter-large .beak-top { width: 65px; height: 65px; left: 170px; top: 39px; } .logo-twitter-large .beak-top-none { width: 115px; height: 115px; left: 144px; top: -25px; } .logo-twitter-large .head { width: 72px; height: 72px; left: 148px; top: 78px; } .logo-twitter-small { background-color: #00aced; width: 52px; height: 52px; position: relative; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-twitter-small div { position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background-color: #ffffff; } .logo-twitter-small div[class*=-none] { background-color: #00aced; } .logo-twitter-small .body { top: 2.7733333333333334px; left: 2.6px; width: 35.70666666666667px; height: 35.70666666666667px; } .logo-twitter-small .body-none { top: 9.706666666666667px; left: -1.04px; width: 26px; height: 26px; } .logo-twitter-small .wing-top { top: 11.266666666666667px; left: 11.786666666666667px; width: 15.253333333333334px; height: 13.346666666666668px; } .logo-twitter-small .wing-top-none { top: -13.346666666666668px; left: 9.186666666666667px; width: 34.66666666666667px; height: 34.66666666666667px; } .logo-twitter-small .wing-middle { top: 16.46666666666667px; left: 11.786666666666667px; width: 15.253333333333334px; height: 12.653333333333334px; } .logo-twitter-small .wing-middle-none { top: -4.333333333333334px; left: 3.466666666666667px; width: 27.733333333333334px; height: 27.733333333333334px; } .logo-twitter-small .wing-bottom { top: 20.973333333333333px; left: 13.866666666666667px; width: 12.133333333333333px; height: 12.133333333333333px; } .logo-twitter-small .wing-bottom-none { top: 18.373333333333335px; left: 10.053333333333335px; width: 10.4px; height: 10.4px; } .logo-twitter-small .beak-bottom { width: 17.333333333333336px; height: 17.333333333333336px; left: 25.133333333333333px; top: 3.64px; } .logo-twitter-small .beak-bottom-none { width: 19.933333333333334px; height: 19.933333333333334px; left: 26.866666666666667px; top: -2.4266666666666667px; } .logo-twitter-small .beak-top { width: 11.266666666666667px; height: 11.266666666666667px; left: 29.46666666666667px; top: 6.76px; } .logo-twitter-small .beak-top-none { width: 19.933333333333334px; height: 19.933333333333334px; left: 24.96px; top: -4.333333333333334px; } .logo-twitter-small .head { width: 12.48px; height: 12.48px; left: 25.653333333333336px; top: 13.52px; } .logo-linkedin-large { background-color: #007bb6; width: 300px; height: 300px; position: relative; overflow: hidden; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; border-radius: 150px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-linkedin-large div { position: absolute; background-color: #ffffff; } .logo-linkedin-large div[class*=-none] { background-color: #007bb6; } .logo-linkedin-large .i-dot { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 43px; height: 43px; left: 59px; top: 60px; } .logo-linkedin-large .i-body { width: 37px; height: 118px; left: 62px; top: 119px; } .logo-linkedin-large .n-body { width: 36px; height: 118px; left: 122px; top: 119px; } .logo-linkedin-large .n-curve { -webkit-border-radius: 36px 42px 0 0; -moz-border-radius: 36px 42px 0 0; -ms-border-radius: 36px 42px 0 0; -o-border-radius: 36px 42px 0 0; border-radius: 36px 42px 0 0; width: 84px; height: 121px; left: 154px; top: 116px; } .logo-linkedin-large .n-curve-none { -webkit-border-radius: 31px 23px 0 0; -moz-border-radius: 31px 23px 0 0; -ms-border-radius: 31px 23px 0 0; -o-border-radius: 31px 23px 0 0; border-radius: 31px 23px 0 0; width: 41px; height: 95px; left: 159px; top: 148px; } .logo-linkedin-small { background-color: #007bb6; width: 52px; height: 52px; position: relative; overflow: hidden; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-linkedin-small div { position: absolute; background-color: #ffffff; } .logo-linkedin-small div[class*=-none] { background-color: #007bb6; } .logo-linkedin-small .i-dot { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 7.453333333333333px; height: 7.453333333333333px; left: 10.226666666666667px; top: 10.4px; } .logo-linkedin-small .i-body { width: 6.413333333333334px; height: 20.453333333333333px; left: 10.746666666666666px; top: 20.62666666666667px; } .logo-linkedin-small .n-body { width: 6.24px; height: 20.453333333333333px; left: 21.14666666666667px; top: 20.62666666666667px; } .logo-linkedin-small .n-curve { -webkit-border-radius: 6.24px 7.28px 0 0; -moz-border-radius: 6.24px 7.28px 0 0; -ms-border-radius: 6.24px 7.28px 0 0; -o-border-radius: 6.24px 7.28px 0 0; border-radius: 6.24px 7.28px 0 0; width: 14.56px; height: 20.973333333333333px; left: 26.693333333333335px; top: 20.10666666666667px; } .logo-linkedin-small .n-curve-none { -webkit-border-radius: 5.373333333333333px 3.986666666666667px 0 0; -moz-border-radius: 5.373333333333333px 3.986666666666667px 0 0; -ms-border-radius: 5.373333333333333px 3.986666666666667px 0 0; -o-border-radius: 5.373333333333333px 3.986666666666667px 0 0; border-radius: 5.373333333333333px 3.986666666666667px 0 0; width: 7.106666666666667px; height: 16.46666666666667px; left: 27.560000000000002px; top: 25.653333333333336px; } .logo-github-large { background-color: #171516; width: 300px; height: 300px; position: relative; left: 0; top: 0; overflow: hidden; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; border-radius: 150px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-github-large div { position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background-color: #ffffff; } .logo-github-large div[class*=-none] { background-color: #171516; } .logo-github-large .head { width: 188px; height: 140px; left: 56px; top: 75px; } .logo-github-large .chin-left { width: 125px; height: 136px; left: 54px; top: 82px; } .logo-github-large .chin-right { width: 125px; height: 136px; left: 121px; top: 82px; } .logo-github-large .ear-one-left { width: 70px; height: 90px; left: 67px; top: 42px; } .logo-github-large .ear-one-right { width: 46px; height: 12px; left: 69px; top: 69px; -webkit-transform: rotate(23deg); -moz-transform: rotate(23deg); -ms-transform: rotate(23deg); -o-transform: rotate(23deg); transform: rotate(23deg); } .logo-github-large .ear-one-none { width: 102px; height: 45px; left: 70px; top: 37px; } .logo-github-large .ear-two-left { width: 46px; height: 12px; left: 185px; top: 69px; -webkit-transform: rotate(-23deg); -moz-transform: rotate(-23deg); -ms-transform: rotate(-23deg); -o-transform: rotate(-23deg); transform: rotate(-23deg); } .logo-github-large .ear-two-right { width: 70px; height: 90px; left: 163px; top: 42px; } .logo-github-large .ear-two-none { width: 102px; height: 45px; left: 128px; top: 37px; } .logo-github-large .body-left { -webkit-border-radius: 100% 100% 0 0; -moz-border-radius: 100% 100% 0 0; -ms-border-radius: 100% 100% 0 0; -o-border-radius: 100% 100% 0 0; border-radius: 100% 100% 0 0; width: 56px; height: 88px; left: 112px; top: 209px; } .logo-github-large .body-left-none { width: 8px; height: 40px; left: 104px; top: 254px; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; -ms-border-radius: 4px 0 4px 0; -o-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0; } .logo-github-large .body-right { -webkit-border-radius: 100% 100% 0 0; -moz-border-radius: 100% 100% 0 0; -ms-border-radius: 100% 100% 0 0; -o-border-radius: 100% 100% 0 0; border-radius: 100% 100% 0 0; width: 56px; height: 88px; left: 132px; top: 209px; } .logo-github-large .body-right-none { width: 8px; height: 40px; left: 188px; top: 254px; -webkit-border-radius: 0 4px 0 4px; -moz-border-radius: 0 4px 0 4px; -ms-border-radius: 0 4px 0 4px; -o-border-radius: 0 4px 0 4px; border-radius: 0 4px 0 4px; } .logo-github-large .body-bottom { width: 88px; height: 18px; left: 106px; top: 285px; } .logo-github-large .tail-end { -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); transform: rotate(-35deg); width: 16px; height: 35px; left: 53px; top: 211px; } .logo-github-large .tail-body { width: 78px; height: 48px; left: 63px; top: 213px; } .logo-github-large .tail-body-spots { border: 5px #171516 dotted; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0 0 145px 130px; -moz-border-radius: 0 0 145px 130px; -ms-border-radius: 0 0 145px 130px; -o-border-radius: 0 0 145px 130px; border-radius: 0 0 145px 130px; width: 100px; height: 59px; left: 52px; top: 190px; } .logo-github-large .tail-end-none { -webkit-transform: rotate(-24deg); -moz-transform: rotate(-24deg); -ms-transform: rotate(-24deg); -o-transform: rotate(-24deg); transform: rotate(-24deg); width: 17px; height: 48px; left: 46px; top: 218px; } .logo-github-large .tail-body-none { width: 67px; height: 48px; left: 67px; top: 194px; } .logo-github-large .tail-tip { -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); transform: rotate(12deg); width: 20px; height: 9px; left: 41px; top: 212px; } .logo-github-small { background-color: #171516; width: 52px; height: 52px; position: relative; left: 0; top: 0; overflow: hidden; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-github-small div { position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background-color: #ffffff; } .logo-github-small div[class*=-none] { background-color: #171516; } .logo-github-small .head { width: 32.586666666666666px; height: 24.266666666666666px; left: 9.706666666666667px; top: 13px; } .logo-github-small .chin-left { width: 21.666666666666668px; height: 23.573333333333334px; left: 9.36px; top: 14.213333333333335px; } .logo-github-small .chin-right { width: 21.666666666666668px; height: 23.573333333333334px; left: 20.973333333333333px; top: 14.213333333333335px; } .logo-github-small .ear-one-left { width: 12.133333333333333px; height: 15.600000000000001px; left: 11.613333333333333px; top: 7.28px; } .logo-github-small .ear-one-right { width: 7.973333333333334px; height: 2.08px; left: 11.96px; top: 11.96px; -webkit-transform: rotate(23deg); -moz-transform: rotate(23deg); -ms-transform: rotate(23deg); -o-transform: rotate(23deg); transform: rotate(23deg); } .logo-github-small .ear-one-none { width: 17.68px; height: 7.800000000000001px; left: 12.133333333333333px; top: 6.413333333333334px; } .logo-github-small .ear-two-left { width: 7.973333333333334px; height: 2.08px; left: 32.06666666666667px; top: 11.96px; -webkit-transform: rotate(-23deg); -moz-transform: rotate(-23deg); -ms-transform: rotate(-23deg); -o-transform: rotate(-23deg); transform: rotate(-23deg); } .logo-github-small .ear-two-right { width: 12.133333333333333px; height: 15.600000000000001px; left: 28.253333333333334px; top: 7.28px; } .logo-github-small .ear-two-none { width: 17.68px; height: 7.800000000000001px; left: 22.186666666666667px; top: 6.413333333333334px; } .logo-github-small .body-left { -webkit-border-radius: 100% 100% 0 0; -moz-border-radius: 100% 100% 0 0; -ms-border-radius: 100% 100% 0 0; -o-border-radius: 100% 100% 0 0; border-radius: 100% 100% 0 0; width: 9.706666666666667px; height: 15.253333333333334px; left: 19.413333333333334px; top: 36.22666666666667px; } .logo-github-small .body-left-none { width: 1.3866666666666667px; height: 6.933333333333334px; left: 18.026666666666667px; top: 44.02666666666667px; -webkit-border-radius: 0.6933333333333334px 0 0.6933333333333334px 0; -moz-border-radius: 0.6933333333333334px 0 0.6933333333333334px 0; -ms-border-radius: 0.6933333333333334px 0 0.6933333333333334px 0; -o-border-radius: 0.6933333333333334px 0 0.6933333333333334px 0; border-radius: 0.6933333333333334px 0 0.6933333333333334px 0; } .logo-github-small .body-right { -webkit-border-radius: 100% 100% 0 0; -moz-border-radius: 100% 100% 0 0; -ms-border-radius: 100% 100% 0 0; -o-border-radius: 100% 100% 0 0; border-radius: 100% 100% 0 0; width: 9.706666666666667px; height: 15.253333333333334px; left: 22.880000000000003px; top: 36.22666666666667px; } .logo-github-small .body-right-none { width: 1.3866666666666667px; height: 6.933333333333334px; left: 32.586666666666666px; top: 44.02666666666667px; -webkit-border-radius: 0 0.6933333333333334px 0 0.6933333333333334px; -moz-border-radius: 0 0.6933333333333334px 0 0.6933333333333334px; -ms-border-radius: 0 0.6933333333333334px 0 0.6933333333333334px; -o-border-radius: 0 0.6933333333333334px 0 0.6933333333333334px; border-radius: 0 0.6933333333333334px 0 0.6933333333333334px; } .logo-github-small .body-bottom { width: 15.253333333333334px; height: 3.12px; left: 18.373333333333335px; top: 49.4px; } .logo-github-small .tail-end { -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); transform: rotate(-35deg); width: 2.7733333333333334px; height: 6.066666666666666px; left: 9.186666666666667px; top: 36.57333333333334px; } .logo-github-small .tail-body { width: 13.52px; height: 8.32px; left: 10.92px; top: 36.92px; } .logo-github-small .tail-body-spots { border: 0.8666666666666667px #171516 dotted; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0 0 25.133333333333333px 22.533333333333335px; -moz-border-radius: 0 0 25.133333333333333px 22.533333333333335px; -ms-border-radius: 0 0 25.133333333333333px 22.533333333333335px; -o-border-radius: 0 0 25.133333333333333px 22.533333333333335px; border-radius: 0 0 25.133333333333333px 22.533333333333335px; width: 17.333333333333336px; height: 10.226666666666667px; left: 9.013333333333334px; top: 32.93333333333334px; } .logo-github-small .tail-end-none { -webkit-transform: rotate(-24deg); -moz-transform: rotate(-24deg); -ms-transform: rotate(-24deg); -o-transform: rotate(-24deg); transform: rotate(-24deg); width: 2.9466666666666668px; height: 8.32px; left: 7.973333333333334px; top: 37.78666666666667px; } .logo-github-small .tail-body-none { width: 11.613333333333333px; height: 8.32px; left: 11.613333333333333px; top: 33.626666666666665px; } .logo-github-small .tail-tip { -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); transform: rotate(12deg); width: 3.466666666666667px; height: 1.56px; left: 7.106666666666667px; top: 36.74666666666667px; } .logo-facebook-large { background-color: #3b579d; width: 300px; height: 300px; position: relative; overflow: hidden; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; border-radius: 150px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-facebook-large div { position: absolute; background-color: #ffffff; } .logo-facebook-large div[class*=-none] { background-color: #3b579d; } .logo-facebook-large .longpiece { height: 260px; border: 47px #ffffff solid; -webkit-border-radius: 55px 0 0 0; -moz-border-radius: 55px 0 0 0; -ms-border-radius: 55px 0 0 0; -o-border-radius: 55px 0 0 0; border-radius: 55px 0 0 0; left: 160px; top: 45px; } .logo-facebook-large .longpiece-none { width: 55px; height: 210px; -webkit-border-radius: 21px 0 0 0; -moz-border-radius: 21px 0 0 0; -ms-border-radius: 21px 0 0 0; -o-border-radius: 21px 0 0 0; border-radius: 21px 0 0 0; left: 206px; top: 87px; } .logo-facebook-large .shortpiece { width: 130px; height: 43px; left: 121px; top: 140px; } .logo-facebook-large .shortpiece-none { width: 10px; height: 50px; left: 248px; top: 138px; -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transform: rotate(8deg); transform: rotate(8deg); } .logo-facebook-small { background-color: #3b579d; width: 52px; height: 52px; position: relative; overflow: hidden; -webkit-border-radius: 26px; -moz-border-radius: 26px; -ms-border-radius: 26px; -o-border-radius: 26px; border-radius: 26px; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .logo-facebook-small div { position: absolute; background-color: #ffffff; } .logo-facebook-small div[class*=-none] { background-color: #3b579d; } .logo-facebook-small .longpiece { height: 45.06666666666667px; border: 8.146666666666667px #ffffff solid; -webkit-border-radius: 9.533333333333333px 0 0 0; -moz-border-radius: 9.533333333333333px 0 0 0; -ms-border-radius: 9.533333333333333px 0 0 0; -o-border-radius: 9.533333333333333px 0 0 0; border-radius: 9.533333333333333px 0 0 0; left: 27.733333333333334px; top: 7.800000000000001px; } .logo-facebook-small .longpiece-none { width: 9.533333333333333px; height: 36.4px; -webkit-border-radius: 3.64px 0 0 0; -moz-border-radius: 3.64px 0 0 0; -ms-border-radius: 3.64px 0 0 0; -o-border-radius: 3.64px 0 0 0; border-radius: 3.64px 0 0 0; left: 35.70666666666667px; top: 15.08px; } .logo-facebook-small .shortpiece { width: 22.533333333333335px; height: 7.453333333333333px; left: 20.973333333333333px; top: 24.266666666666666px; } .logo-facebook-small .shortpiece-none { width: 1.7333333333333334px; height: 8.666666666666668px; left: 42.986666666666665px; top: 23.92px; -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transform: rotate(8deg); transform: rotate(8deg); } </style> <style type="text/css">div[class^=logo-] { display: inline-block; }</style> </head> <body> <div class="logo-twitter-large"> <div class="body"></div> <div class="body-none"></div> <div class="beak-bottom"></div> <div class="beak-bottom-none"></div> <div class="wing-bottom"></div> <div class="wing-bottom-none"></div> <div class="wing-middle"></div> <div class="wing-middle-none"></div> <div class="wing-top"></div> <div class="wing-top-none"></div> <div class="beak-top"></div> <div class="beak-top-none"></div> <div class="head"></div> </div> <div class="logo-facebook-large"> <div class="longpiece"></div> <div class="longpiece-none"></div> <div class="shortpiece"></div> <div class="shortpiece-none"></div> </div> <div class="logo-evernote-large"> <div class="head"></div> <div class="head-top"></div> <div class="head-right"></div> <div class="head-bottom"></div> <div class="trunk-right"></div> <div class="trunk-bottom"></div> <div class="trunk-left"></div> <div class="trunk-bottom-none"></div> <div class="trunk-right-none"></div> <div class="trunk-left-none"></div> <div class="head-none"></div> <div class="eye"></div> <div class="ear-flap"></div> <div class="ear-flap-left-none"></div> <div class="ear-flap-right-none"></div> <div class="body-top"></div> <div class="body-left"></div> <div class="body-bottom-right"></div> <div class="body-bottom-left"></div> <div class="body-bottom"></div> <div class="body-middle"></div> <div class="body"></div> <div class="ear-curve-none"></div> <div class="ear-curve"></div> </div> <div class="logo-apple-large"> <div class="blue-curve-left"></div> <div class="blue-curve-right"></div> <div class="blue"></div> <div class="blue-none"></div> <div class="purple"></div> <div class="orange"></div> <div class="orange-curve"></div> <div class="red"></div> <div class="yellow"></div> <div class="green-curve-left"></div> <div class="green-curve-right"></div> <div class="green"></div> <div class="green-none"></div> <div class="green-leaf"></div> <div class="bottom-left-none"></div> <div class="bottom-right-none"></div> <div class="top-left-none"></div> <div class="top-right-none"></div> <div class="apple-none"></div> </div> <div class="logo-linkedin-large"> <div class="i-dot"></div> <div class="i-body"></div> <div class="n-body"></div> <div class="n-curve"></div> <div class="n-curve-none"></div> </div> <div class="logo-github-large"> <div class="ear-one-left"></div> <div class="ear-one-none"></div> <div class="ear-one-right"></div> <div class="ear-two-right"></div> <div class="ear-two-none"></div> <div class="ear-two-left"></div> <div class="body-bottom"></div> <div class="body-left-none"></div> <div class="body-right-none"></div> <div class="tail-end"></div> <div class="tail-body"></div> <div class="tail-body-spots"></div> <div class="tail-end-none"></div> <div class="tail-body-none"></div> <div class="tail-tip"></div> <div class="body-left"></div> <div class="body-right"></div> <div class="head"></div> <div class="chin-left"></div> <div class="chin-right"></div> </div> <div class="logo-dropbox-large"> <div class="base-left"></div> <div class="base-right"></div> <div class="base-middle"></div> <div class="cover-left-none"></div> <div class="cover-right-none"></div> <div class="cover-top"></div> <div class="cover-right"></div> <div class="cover-bottom"></div> <div class="cover-left"></div> <div class="box-none"></div> </div> </body> </html>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!