diff --git a/css/animation.css b/css/animation.css new file mode 100644 index 0000000..ac5a956 --- /dev/null +++ b/css/animation.css @@ -0,0 +1,85 @@ +/* + Animation example, for spinners +*/ +.animate-spin { + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; + display: inline-block; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(359deg); + -o-transform: rotate(359deg); + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@-webkit-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(359deg); + -o-transform: rotate(359deg); + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@-o-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(359deg); + -o-transform: rotate(359deg); + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@-ms-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(359deg); + -o-transform: rotate(359deg); + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes spin { + 0% { + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(359deg); + -o-transform: rotate(359deg); + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} diff --git a/css/instagram-feed.css b/css/instagram-feed.css index da7b2e7..18ffd49 100644 --- a/css/instagram-feed.css +++ b/css/instagram-feed.css @@ -19,6 +19,13 @@ body{ text-align:center; } +a i{ + color: #29e; + font-size: 36px; + padding: 3px; + line-height: 3em; +} + .button{ border-radius:1em; padding:1em; @@ -50,6 +57,7 @@ input.hashtag{ box-shadow:none; border:none; border-bottom:1px dotted #555; + max-width:90%; } /***************** Title Banner @@ -157,6 +165,7 @@ Lightbox display: inline-block; position: relative; bottom: .8em; + color: #3E8BE0; } .block-list { padding: 1em; @@ -180,87 +189,8 @@ Lightbox Media Queries *****************/ -@media (max-width: 1200px) { - .title { - font-size:.75em; - letter-spacing:0; - } - .title h2.quote1{ - top:100px; - } - .title h2.quote2{ - top:180px; - } - .title h2.quote3{ - top:350px; - } - h2.quote1.animated { - right: 60px; - } - h2.quote2.animated { - right: -10px; - } - h2.quote3.animated { - right: 15px; - } -} @media (max-width: 767px) { - .title{ - background-image: url('../img/mayor-tall.png'); - min-height: 600px; - } - .bottom{ - top:600px; - } - .title{ - font-size:.9em; - } - .title .top-logo img{ - width: 50%; - margin-right: 10px; - } - .title > h2.quote{ - font-size:1.5em; - letter-spacing:0; - } - .title h2.quote1{ - top:220px; - } - .title h2.quote2{ - top:270px; - } - .title h2.quote3{ - bottom:2em; - top:auto; - } - h2.quote1.animated { - right: 40px; - } - h2.quote2.animated { - right: -30px; - } - h2.quote3.animated { - right: 15px; - } - .instructions div{ - padding: 0; - } -} -@media (max-width: 500px) { - .title h1{ - font-size:1.6em; - } - .title .top-logo img{ - width:75%; - } - .title > h2.quote{ - font-size:1.2em; - letter-spacing:0; - } - h2.quote1.animated { - right: 20px; - } - h2.quote2.animated { - padding-right: 50px; + .title .heading-text{ + font-size:36px; } } diff --git a/css/social-codes.css b/css/social-codes.css new file mode 100644 index 0000000..c36920c --- /dev/null +++ b/css/social-codes.css @@ -0,0 +1,10 @@ + +.icon-spin6:before { content: '\e831'; } /* '' */ +.icon-heart:before { content: '\e800'; } /* '' */ +.icon-cancel-circled:before { content: '\e806'; } /* '' */ +.icon-link:before { content: '\e805'; } /* '' */ +.icon-facebook:before { content: '\e802'; } /* '' */ +.icon-github:before { content: '\e832'; } /* '' */ +.icon-gplus:before { content: '\e803'; } /* '' */ +.icon-instagramm:before { content: '\e801'; } /* '' */ +.icon-twitter:before { content: '\e833'; } /* '' */ \ No newline at end of file diff --git a/css/social-embedded.css b/css/social-embedded.css new file mode 100644 index 0000000..6d236db --- /dev/null +++ b/css/social-embedded.css @@ -0,0 +1,63 @@ +@font-face { + font-family: 'social'; + src: url('../font/social.eot?17961691'); + src: url('../font/social.eot?17961691#iefix') format('embedded-opentype'), + url('../font/social.svg?17961691#social') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'social'; + src: url('data:application/octet-stream;base64,d09GRgABAAAAABFMAA4AAAAAGnwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPihJPWNtYXAAAAGIAAAARwAAAVq4fgG9Y3Z0IAAAAdAAAAAUAAAAHAbj/wZmcGdtAAAB5AAABPkAAAmRigp4O2dhc3AAAAbgAAAACAAAAAgAAAAQZ2x5ZgAABugAAAd4AAAJ0m4EY3VoZWFkAAAOYAAAADUAAAA2Aj6ljWhoZWEAAA6YAAAAIAAAACQHrgNGaG10eAAADrgAAAAcAAAAKCKWAABsb2NhAAAO1AAAABYAAAAWDSkK6G1heHAAAA7sAAAAIAAAACABHgo0bmFtZQAADwwAAAGAAAACtQTZb0Fwb3N0AAAQjAAAAGcAAACBV66LYXByZXAAABD0AAAAVgAAAFaSoZr/eJxjYGQuZZzAwMrAwVTFtIeBgaEHQjM+YDBkZGJgYGJgZWbACgLSXFMYHF4wvDBmDvqfxRDFHMEwDSjMCJIDAOuIC+N4nGNgYGBmgGAZBkYGEAgB8hjBfBYGCyDNxcDBwASEDC+YX7C9MP7/H6ToBcML1heGILYEowSD+DWoXihgZGMY8QAApfIL7gB4nGNgQANGDEbMEf+zQBgAEgwD7XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icrVbNbxvXEX/z3u7b5S61S1LLXYqlaGpJkbRELaXll2zZNEVTlizJok3JH/qAP1RbUWjXjWPVMBzYSdrUNoxECorWyaGwEaAFCgQB4kNQICiKAg2KHvoHFD0UPfSQ9tKLi6ZATXVWloumueTQJbizb957s/N+85uZJUDI9hP2OfOTGEnUeoNAAOoUULQZzl0AYoW7VBKDmKAPinYGMg4rFcsVN06tKrNc05CAw1NN7fxEVwbs6OZte6rqdBu52pHk7c03Oj9Vmgoc15Xi/tnMaw8gMmCHjVQ2Cm///Y3OE4UQYXsb37/EVBIme0ieHCLjtSoRuMQFaZ34CBd8fJlIFIgokUUiEmAiLBMmy6xJGJPniczkyepYqVRKGgWjP6hEBvuDSTNsaJC006ViJRk0zEKfW2bFtK2BWXDL3aViWkravBcMcwzcciVocKnPTleCeLA+16RfzKhTt45e/bHaNHS6oBmP1jYv0vWJqYuPzcBqwNy5Xag5z743VIeaQ28P1cvQTqYnbxx5/3I62XmoGQaMTqyuPlhdBW1Fj4AZWAma5veffXeoBvUcveMJQnawh4/YUTz7mU/CQDjUZz7uO36mFiUU6GUBCAOgBBYJ5+I8EUWFN75RS+xMIhSciHxZ8CJGjqEgcIJ5gZtYrPn6kkG8ApI5CAUpGcRfqYBhG4NwEkHQAXrfDb7+y3Pnzl+90zSjfqA09rhThN89Pre2/kgOKTGCl4D+tdkHGJte4pBL5BrwT5ZBZp6XCno5QaggClRcJ0yVVSavE1lSZWmNiF2CeCyg0y4/KGqXsqj5qEBUJqiLREI3JbKCPvN5PJWKB5r5WEVj1f8xIgLtEmjza1v5P3mzuFhLrK2tXVu79sq3r37ryuX2y+svXbp4dmVhfupIMJTp2TsUDA/2F/PgSJk0YsnCBmaCW6Ws6FDJ5pIRx6woM0Q9DpahMVSIYUPiSdtLnEqVVZCUVVpBRbqCfCsXxHAynCx5ASqE4S9MpAEekaNKVFBC8f3V4Xi2diTVd6CYaIRSo5niKGiRrLOn7E4/nZ3JDkA0lY5AKJ5KxYzmwsO+RqNoh0NHVloDSSoI1AzO34T2sVKRNramtram+lTV8BmaIRvcoCAbCTeZPmAHQIsXqdg323DZbDm6f/9wlDZgfKhnaWRvPZVKmFosGrOz5b7FxlF/ZGA0a+9NFWN+yKckjYcYvbIwdyukbnov2NoihCFvPmXvI69jZB9ZIn+oRUfBJ56coEToVilIrL4wSH0NTiU6/pxKw0RkPkE8j+FAvp/HxCeSjywjBSUQpBVCCaf89G7CywrzWOMliuvtY6Jv3dsoAV3/Gjtro1/ZJBMmymz5q5s5p01CqccOyieRHF2nT1lWNGtFerKGV2qQCWlbsuKwB7CI2A7kgRt7wHQPQRl2JvVdRSXjUExBy/XWlsFAvY3zxUrmucQNLq4zJGtHspy+EXACJsPkTJiypglmd+C6PhRo6Z2b+vVALtAKBDZ0J2gxRYhbPk1jVgieDrece851Z2Rk+F5+I59v5e/mX83vjj600GTIZAGuo8OCIphBR9/Q9RMBwMJ2PaC39ByaRIua5jMTuIJZwc7mYedEfvh6/t7wyAgaueu0nPyGc//5iNDtZ1i/z2GNSJERkq/l4mE/EzCGdSJiMaIiWWbgMbGJggrzRKDCZNgyYkYPf55IlfIuTJkXWEkvELR2YKxgKbcdWgVEjr6pXLqkKAUljlKNK66qolRdJY4SlQXl96/+5vPfXuW3fvH00zt/0rzZXvXFKnz88vid73y2sfHZX70b1jvY/uf2a+wLdob0E73mj/dSUkP1hSAEBvt5KpOmlSq6ayJ4EjYoapkpVGTSKalUFiyTSpydfq/T/uGW9qYcVGK1HgwbV17mL92C0SvHh4YPd/78+OcwOVfcOx/wvaO9/SN465ES4kHJihyI+ZUbnT9eudZ74+zfbjy85cLYg49e7/yrbe7W4SfsA/pr4ic9pIAZNVebWWzNTQpU7kKCM1r3gSRLbQEodkPK1hF5JjIi7jCbeMwWsYM0sYN4TBb55MmFZO9MxQ4Nxro9FiPCDqvSOIj/ebKKWN4kbntVbqeqVQouFi9D0gSkuZDxWqv3d02rXHAtBAZ7rmTCJc12Un4aSLjxEHzzvwZn5satU9nzmZOR+iykyq1p56wz3Rq179jm9EL7lDs4tTI3u787OavHDi4dbC3NHx1bGevVZz80nSxNudmiLQzkIl8aHD7r59x/9vDIVM70Uzmanf3BxsRg1TYE5G4kccCe2HhrcWhkfF8ub4ScAdg3Pjy09Lzv/oPdRzzz5Fht2skNJKiHShQE0QxR7AzYdYW6p2oTURDbRGBCG2Fmba/1tj0D0PTa7oJnbCplmsmgnfWaLZfww4Nl7Ax+Z1Qc2BUHwbQcKFYQ1fTOx5NVrnCpzO73lwZO3fzZhfdud0furI6thLr1SORQK53rz/U0fvWK2J5ulg6WjLEivVrOWEffvXuxRk+wY7RRobxrtU7DtGfu/MD8RWwwM+uwz5+opfi/AaTPkCx4nGNgZGBgAOIjBwQ+x/PbfGXgZn4BFGE4P91XGEKLXP7/838W8w/mCCCXg4EJJAoAgFwN8wAAAHicY2BkYGAO+p/FEMX8goHh/0vm/wxAERTABQCROAX6eJxjfsHAwAzCkQwMjGuA9AIojoSKQ/kAki4GswAAAAAAQAC+AQ4CKgMgA4YD0gR6BOkAAAABAAAACgByAAQAAAAAAAIAIgAvAG4AAAB/CZEAAAAAeJx1kM1OwkAUhc/wG8G4kMT1uDEQY/kJLsQNkQRcacKCxLgwpZS2pHTIdCDhFXwHH8IX8lk8tBODJnYy0++ee+bOnQFwji8I5N8tZ84CFUY5F1DFveUi9QfLJfKj5TLqeLJc4XixXMM13izX0cA7K4jSCaMVPiwLnIqq5QLORMNykfql5RL5xnIZF+LOcoX6s+UaZuLVch1X4nOkNnsdBaGRzVFL9jrdvpzvpaIUJW4s3a0JlU7lUC5VYvw4Vo6n1qnyIjee+sE2dnUe5OvM12mkEtl1Orkw8RNfu8ZfHKqmu6BnzFIutVrLsa0nN1qtfM84oTGbQbt9fA5GUNhgD40IAUIYSDSptvjvoYMu+qQ5HZLO3BUhgYuYiostd4RZJmU85FwySqj6dMRkBx7XNfOKFGU7p8wG3Bsz0r8yxzyj65CNsoqSvTjs6NgxoSPJXG524uKn1xQ7ntCjatjRoSuddSEx/tOf5P0PuRUVj7qTvYKhOkCb45/7fAPTEnw/eJxtyEESgjAMBdB8pIBdeBO33ifEWDKUwrRhvL7OuPUtH3X0E+m/76PDBT0CBoyYcEUMi3L1aKU5p8rbNr1YdN73NaQjn63PVtabcBHNd7EqWZ+hHVYeQzJfznn0t7lrJfoAHeIa3wBLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA') format('woff'), + url('data:application/octet-stream;base64,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') format('truetype'); +} +/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ +/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ +/* +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family: 'social'; + src: url('../font/social.svg?17961691#social') format('svg'); + } +} +*/ + + [class^="icon-"]:before, [class*=" icon-"]:before { + font-family: "social"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + /* opacity: .8; */ + + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ +} +.icon-spin6:before { content: '\e831'; } /* '' */ +.icon-heart:before { content: '\e800'; } /* '' */ +.icon-cancel-circled:before { content: '\e806'; } /* '' */ +.icon-link:before { content: '\e805'; } /* '' */ +.icon-facebook:before { content: '\e802'; } /* '' */ +.icon-github:before { content: '\e832'; } /* '' */ +.icon-gplus:before { content: '\e803'; } /* '' */ +.icon-instagramm:before { content: '\e801'; } /* '' */ +.icon-twitter:before { content: '\e833'; } /* '' */ \ No newline at end of file diff --git a/css/social-ie7-codes.css b/css/social-ie7-codes.css new file mode 100644 index 0000000..216aa43 --- /dev/null +++ b/css/social-ie7-codes.css @@ -0,0 +1,10 @@ + +.icon-spin6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-heart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-link { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-github { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-gplus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-instagramm { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } \ No newline at end of file diff --git a/css/social-ie7.css b/css/social-ie7.css new file mode 100644 index 0000000..07f3f04 --- /dev/null +++ b/css/social-ie7.css @@ -0,0 +1,21 @@ +[class^="icon-"], [class*=" icon-"] { + font-family: 'social'; + font-style: normal; + font-weight: normal; + + /* fix buttons height */ + line-height: 1em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ +} + +.icon-spin6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-heart { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-link { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-github { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-gplus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-instagramm { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } +.icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } \ No newline at end of file diff --git a/css/social.css b/css/social.css new file mode 100644 index 0000000..21a7f3e --- /dev/null +++ b/css/social.css @@ -0,0 +1,61 @@ +@font-face { + font-family: 'social'; + src: url('../font/social.eot?29772394'); + src: url('../font/social.eot?29772394#iefix') format('embedded-opentype'), + url('../font/social.woff?29772394') format('woff'), + url('../font/social.ttf?29772394') format('truetype'), + url('../font/social.svg?29772394#social') format('svg'); + font-weight: normal; + font-style: normal; +} +/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ +/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ +/* +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family: 'social'; + src: url('../font/social.svg?29772394#social') format('svg'); + } +} +*/ + + [class^="icon-"]:before, [class*=" icon-"]:before { + font-family: "social"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + /* opacity: .8; */ + + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ +} + +.icon-spin6:before { content: '\e831'; } /* '' */ +.icon-heart:before { content: '\e800'; } /* '' */ +.icon-cancel-circled:before { content: '\e806'; } /* '' */ +.icon-link:before { content: '\e805'; } /* '' */ +.icon-facebook:before { content: '\e802'; } /* '' */ +.icon-github:before { content: '\e832'; } /* '' */ +.icon-gplus:before { content: '\e803'; } /* '' */ +.icon-instagramm:before { content: '\e801'; } /* '' */ +.icon-twitter:before { content: '\e833'; } /* '' */ \ No newline at end of file diff --git a/font/font/social.eot b/font/font/social.eot new file mode 100644 index 0000000..e67fbe5 Binary files /dev/null and b/font/font/social.eot differ diff --git a/font/font/social.svg b/font/font/social.svg new file mode 100644 index 0000000..b1f1340 --- /dev/null +++ b/font/font/social.svg @@ -0,0 +1,20 @@ + + + +Copyright (C) 2014 by original authors @ fontello.com + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/font/social.ttf b/font/font/social.ttf new file mode 100644 index 0000000..9dc09c0 Binary files /dev/null and b/font/font/social.ttf differ diff --git a/font/font/social.woff b/font/font/social.woff new file mode 100644 index 0000000..e199907 Binary files /dev/null and b/font/font/social.woff differ diff --git a/font/social.eot b/font/social.eot new file mode 100644 index 0000000..e67fbe5 Binary files /dev/null and b/font/social.eot differ diff --git a/font/social.svg b/font/social.svg new file mode 100644 index 0000000..b1f1340 --- /dev/null +++ b/font/social.svg @@ -0,0 +1,20 @@ + + + +Copyright (C) 2014 by original authors @ fontello.com + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/social.ttf b/font/social.ttf new file mode 100644 index 0000000..9dc09c0 Binary files /dev/null and b/font/social.ttf differ diff --git a/font/social.woff b/font/social.woff new file mode 100644 index 0000000..e199907 Binary files /dev/null and b/font/social.woff differ diff --git a/index.html b/index.html index d9b2b44..36b8c6b 100755 --- a/index.html +++ b/index.html @@ -51,12 +51,9 @@ - - - + +