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>