From c57d9aff36983af6ff16014ba8f76c06478ce346 Mon Sep 17 00:00:00 2001 From: Matei Radu Date: Fri, 14 Apr 2017 14:39:26 +0200 Subject: [PATCH] Minor tweaks for social buttons. --- css/buttons.css | 1 - css/buttons.min.css | 2 +- css/new-age.css | 2 ++ css/new-age.min.css | 6 +++++- index.html | 2 +- 5 files changed, 9 insertions(+), 4 deletions(-) diff --git a/css/buttons.css b/css/buttons.css index ea86e7a..fb81b7c 100644 --- a/css/buttons.css +++ b/css/buttons.css @@ -2,7 +2,6 @@ .btn-si { margin-left: 3px; margin-right: 3px; - width: 218px; background-position: 1em; background-repeat: no-repeat; background-size: 2em; diff --git a/css/buttons.min.css b/css/buttons.min.css index 32ffeaa..e0d753d 100644 --- a/css/buttons.min.css +++ b/css/buttons.min.css @@ -1 +1 @@ -.btn-si{margin-left:3px;margin-right:3px;width:218px;background-position:1em;background-repeat:no-repeat;background-size:2em;border-radius:0;border:none;color:#fff;cursor:pointer;font-size:1em;height:4em;line-height:1em;padding:0 2em 0 4em;text-decoration:none;transition:all .5s}.btn-si-a{padding:25px 15px 25px 65px!important;font-family:arial}.smaller .btn-si-a{padding-left:40px!important;font-size:12px}.btn-facebook{background-color:#3b5998;background-image:url(../img/buttons/facebook.svg)}.btn-facebook:hover{background-color:#4c70ba}.btn-facebook:active{background-color:#2d4373}.btn-twitter{background-color:#00aced;background-image:url(../img/buttons/twitter.svg)}.btn-twitter:hover{background-color:#21c2ff}.btn-twitter:active{background-color:#0087ba}.btn-microsoft{background-color:#e3b30d;background-image:url(../img/buttons/microsoft.svg)}.btn-microsoft:hover{background-color:#f3c730}.btn-microsoft:active{background-color:#b38d0a}.btn-github{background-color:#222;background-image:url(../img/buttons/github.svg)}.btn-github:hover{background-color:#444}.btn-github:active{background-color:#101010}.btn-unigram{background-color:#08c;background-image:url(../img/buttons/unigram.png)}.btn-unigram:hover{background-color:#00aced}.btn-unigram:active{background-color:#769a26} \ No newline at end of file +.btn-si{margin-left:3px;margin-right:3px;background-position:1em;background-repeat:no-repeat;background-size:2em;border-radius:0;border:none;color:#fff;cursor:pointer;font-size:1em;height:4em;line-height:1em;padding:0 2em 0 4em;text-decoration:none;transition:all .5s}.btn-si-a{padding:25px 15px 25px 65px!important;font-family:arial}.smaller .btn-si-a{padding-left:40px!important;font-size:12px}.btn-facebook{background-color:#3b5998;background-image:url(../img/buttons/facebook.svg)}.btn-facebook:hover{background-color:#4c70ba}.btn-facebook:active{background-color:#2d4373}.btn-twitter{background-color:#00aced;background-image:url(../img/buttons/twitter.svg)}.btn-twitter:hover{background-color:#21c2ff}.btn-twitter:active{background-color:#0087ba}.btn-microsoft{background-color:#e3b30d;background-image:url(../img/buttons/microsoft.svg)}.btn-microsoft:hover{background-color:#f3c730}.btn-microsoft:active{background-color:#b38d0a}.btn-github{background-color:#222;background-image:url(../img/buttons/github.svg)}.btn-github:hover{background-color:#444}.btn-github:active{background-color:#101010}.btn-unigram{background-color:#08c;background-image:url(../img/buttons/unigram.png)}.btn-unigram:hover{background-color:#00aced}.btn-unigram:active{background-color:#769a26} \ No newline at end of file diff --git a/css/new-age.css b/css/new-age.css index 3ce0c73..fdc4843 100644 --- a/css/new-age.css +++ b/css/new-age.css @@ -330,6 +330,8 @@ section.contact { margin-bottom: 12px; } .list-inline-item:not(:last-child) { margin-right: 0px; } + .list-inline-item .btn-si { + width: 230px; } /* Other components */ diff --git a/css/new-age.min.css b/css/new-age.min.css index ae09e4c..be3f1e1 100644 --- a/css/new-age.min.css +++ b/css/new-age.min.css @@ -1 +1,5 @@ -a,a:focus,a:hover{color:#0078d7}.team-member .fa,footer ul li a.active,footer ul li a:active,footer ul li a:focus,footer ul li a:hover{text-decoration:none}body,html{height:100%;width:100%}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}#mainNav,#mainNav .navbar-brand,h1,h2,h3,h4,h5,h6{font-family:Catamaran,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px}a{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}hr{max-width:100px;margin:25px auto 0;border-width:1px;border-color:rgba(34,34,34,.1)}hr.light{border-color:#fff}p{font-size:18px;line-height:1.5;margin-bottom:20px}section{padding:100px 0}section h2{font-size:50px}::-moz-selection{color:#fff;text-shadow:none;background:#222}::selection{color:#fff;text-shadow:none;background:#222}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}.bg-primary{background:#333;background:-webkit-linear-gradient(#333,#333);background:linear-gradient(#333,#333);color:#fff}#mainNav{background-color:#0078d7;border-color:rgba(34,34,34,.05);-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li>a,.btn{font-family:Lato,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-toggler{font-size:12px;color:#fff;padding:8px 10px;margin-top:4px;border-color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li>a{font-size:11px}#mainNav .navbar-nav>li>a.active{color:#fff!important;background-color:transparent}#mainNav .navbar-nav>li>a.active:hover{background-color:transparent}#mainNav .navbar-nav>li>a,#mainNav .navbar-nav>li>a:focus{color:#fff}#mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{color:rgba(255,255,255,.7)}#mainNav .navbar-nav .nav-item a{font-size:.9em}@media (min-width:992px){#mainNav{background-color:transparent;border-color:transparent}#mainNav .navbar-brand{color:fade(#0078d7,70%)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li>a,#mainNav .navbar-nav>li>a:focus{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{color:#fff}#mainNav.navbar-shrink{background-color:#0078d7;border-color:rgba(34,34,34,.1)}#mainNav.navbar-shrink .navbar-brand{color:rgba(255,255,255,.7)}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#fff}#mainNav.navbar-shrink .navbar-nav>li>a,#mainNav.navbar-shrink .navbar-nav>li>a:focus{color:#222}#mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,#mainNav.navbar-shrink .navbar-nav>li>a:hover{color:#fff}#mainNav .navbar-nav .nav-item a{font-size:.8em}}.navbar-toggler{z-index:1}@media (max-width:576px){nav>.container{width:100%}}header.masthead{position:relative;width:100%;min-height:auto;overflow-y:hidden;background:url(../img/bg-pattern.png),#0078d7;background:url(../img/bg-pattern.png),-webkit-linear-gradient(to left,#0078d7,#0078d7);background:url(../img/bg-pattern.png),linear-gradient(to left,#0078d7,#0078d7);color:#fff}header.masthead .header-content{text-align:center;padding:150px 0 50px;position:relative}header.masthead .header-content .header-content-inner{position:relative;max-width:500px;margin:0 auto}header.masthead .header-content .header-content-inner h1{margin-top:0;margin-bottom:30px;font-size:30px}header.masthead .header-content .header-content-inner .list-badges{margin-bottom:25px}header.masthead .header-content .header-content-inner .list-badges img{height:50px;margin-bottom:25px}header.masthead .device-container{max-width:300px;margin:0 auto 100px}@media (min-width:768px){header.masthead{min-height:100%}header.masthead .header-content{text-align:left;padding:0;height:100vh;min-height:600px}header.masthead .header-content .header-content-inner{max-width:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}header.masthead .header-content .header-content-inner h1{font-size:35px}header.masthead .device-container{max-width:none;max-height:calc(100vh - 100px);margin:100px auto 0}}.team-member,.team-member .fa,footer,section.contact{text-align:center}section.features .section-heading{margin-bottom:100px}section.features .section-heading h2{margin-top:0}section.features .section-heading p{margin-bottom:0}section.features .device-container,section.features .feature-item{max-width:300px;margin:0 auto}section.features .device-container{margin-bottom:100px}@media (min-width:992px){header.masthead .header-content .header-content-inner h1{font-size:50px}section.features .device-container{margin-bottom:0}section.features .device-container,section.features .feature-item{max-width:none}}section.features .feature-item{text-align:center;margin-bottom:100px}section.features .feature-item h3{font-size:30px}section.features .feature-item i{font-size:80px;background:-webkit-linear-gradient(to left,#7b4397,#dc2430);background:linear-gradient(to left,#7b4397,#dc2430);-webkit-background-clip:text;-webkit-text-fill-color:transparent}section.download{padding:150px 0;position:relative}section.download h2{margin-top:0;font-size:50px}section.download .badges .badge-link{display:block;margin-bottom:25px}section.download .badges .badge-link:last-child{margin-bottom:0}section.download .badges .badge-link img{height:60px}@media (min-width:768px){section.download .badges .badge-link{display:inline-block;margin-bottom:0}section.download h2{font-size:70px}}section.team{background:#d3d3d3}.team-member{margin-bottom:40px}.team-member img{margin-bottom:16px;width:128px;height:128px}.team-member p{margin-bottom:0}.team-member .fa{padding:5px;font-size:20px;width:32px;height:32px;margin:5px 2px}footer p,footer ul li a{font-size:12px}.team-member .fa:hover{opacity:.7}.team-member a:hover,.team-member a:visited{color:#fff}section.contact h2{margin-top:0;margin-bottom:25px}section.contact h2 i{color:#dd4b39}footer,footer ul li a{color:rgba(255,255,255,.3)}section.contact ul.list-social{margin-bottom:0}.list-inline li{margin-bottom:12px}.list-inline-item:not(:last-child){margin-right:0}footer{background-color:#222;padding:25px 0}footer p{margin:0}footer ul{margin-bottom:0}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.btn-outline{color:#fff;border:1px solid}.btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{color:#0078d7;background-color:#fff;border-color:#fff}.btn{border-radius:300px}.btn-xl{padding:15px 45px;font-size:11px}.active,.carousel,.carousel-inner,.carousel-item,.slide{height:100%}.fa-facebook{background:#3B5998;color:#fff}.fa-twitter{background:#55ACEE;color:#fff}.fa-github{background:#24292e;color:#fff}.fa-behance{background:#0057ff;color:#fff}.fa-linkedin{background:#007bb5;color:#fff} \ No newline at end of file +/*! + * Start Bootstrap - New Age v4.0.0-alpha (http://startbootstrap.com/template-overviews/new-age) + * Copyright 2013-2017 Start Bootstrap + * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE) + */a,a:focus,a:hover{color:#0f7dc7}.team-member .fa,footer ul li a.active,footer ul li a:active,footer ul li a:focus,footer ul li a:hover{text-decoration:none}body,html{height:100%;width:100%}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}#mainNav,#mainNav .navbar-brand,h1,h2,h3,h4,h5,h6{font-family:Catamaran,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px}a{-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}hr{max-width:100px;margin:25px auto 0;border-width:1px;border-color:rgba(34,34,34,.1)}hr.light{border-color:#fff}p{font-size:18px;line-height:1.5;margin-bottom:20px}section{padding:100px 0}section h2{font-size:50px}::-moz-selection{color:#fff;text-shadow:none;background:#222}::selection{color:#fff;text-shadow:none;background:#222}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}.bg-primary{background:#333;background:-webkit-linear-gradient(#333,#333);background:linear-gradient(#333,#333);color:#fff}#mainNav{background-color:#0f7dc7;border-color:rgba(34,34,34,.05);-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s}#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li>a,.btn{font-family:Lato,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-toggler{font-size:12px;color:#fff;padding:8px 10px;margin-top:4px;border-color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li>a{font-size:11px}#mainNav .navbar-nav>li>a.active{color:#fff!important;background-color:transparent}#mainNav .navbar-nav>li>a.active:hover{background-color:transparent}#mainNav .navbar-nav>li>a,#mainNav .navbar-nav>li>a:focus{color:#fff}#mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{color:rgba(255,255,255,.7)}#mainNav .navbar-nav .nav-item a{font-size:.9em}@media (min-width:992px){#mainNav{background-color:transparent;border-color:transparent}#mainNav .navbar-brand{color:fade(#0f7dc7,70%)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li>a,#mainNav .navbar-nav>li>a:focus{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{color:#fff}#mainNav.navbar-shrink{background-color:#0f7dc7;border-color:rgba(34,34,34,.1)}#mainNav.navbar-shrink .navbar-brand{color:rgba(255,255,255,.7)}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#fff}#mainNav.navbar-shrink .navbar-nav>li>a,#mainNav.navbar-shrink .navbar-nav>li>a:focus{color:#222}#mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,#mainNav.navbar-shrink .navbar-nav>li>a:hover{color:#fff}#mainNav .navbar-nav .nav-item a{font-size:.8em}}.navbar-toggler{z-index:1}@media (max-width:576px){nav>.container{width:100%}}header.masthead{position:relative;width:100%;min-height:auto;overflow-y:hidden;background:url(../img/bg-pattern.png),#0f7dc7;background:url(../img/bg-pattern.png),-webkit-linear-gradient(to left,#0f7dc7,#0f7dc7);background:url(../img/bg-pattern.png),linear-gradient(to left,#0f7dc7,#0f7dc7);color:#fff}header.masthead .header-content{text-align:center;padding:150px 0 50px;position:relative}header.masthead .header-content .header-content-inner{position:relative;max-width:500px;margin:0 auto}header.masthead .header-content .header-content-inner h1{margin-top:0;margin-bottom:30px;font-size:30px}header.masthead .header-content .header-content-inner .list-badges{margin-bottom:25px}header.masthead .header-content .header-content-inner .list-badges img{height:50px;margin-bottom:25px}header.masthead .device-container{max-width:300px;margin:0 auto 100px}@media (min-width:768px){header.masthead{min-height:100%}header.masthead .header-content{text-align:left;padding:0;height:100vh;min-height:600px}header.masthead .header-content .header-content-inner{max-width:none;margin:0;position:absolute;top:50%;transform:translateY(-50%)}header.masthead .header-content .header-content-inner h1{font-size:35px}header.masthead .device-container{max-width:none;max-height:calc(100vh - 100px);margin:100px auto 0}}.team-member,.team-member .fa,footer,section.contact{text-align:center}section.features .section-heading{margin-bottom:100px}section.features .section-heading h2{margin-top:0}section.features .section-heading p{margin-bottom:0}section.features .device-container,section.features .feature-item{max-width:300px;margin:0 auto}section.features .device-container{margin-bottom:100px}@media (min-width:992px){header.masthead .header-content .header-content-inner h1{font-size:50px}section.features .device-container{margin-bottom:0}section.features .device-container,section.features .feature-item{max-width:none}}section.features .feature-item{text-align:center;margin-bottom:100px}section.features .feature-item h3{font-size:30px}section.features .feature-item i{font-size:80px;background:-webkit-linear-gradient(to left,#7b4397,#dc2430);background:linear-gradient(to left,#7b4397,#dc2430);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bg-rocket{position:absolute;padding-left:0;padding-right:24px;height:100%;width:100%}@media (min-width:992px){.bg-rocket{position:absolute;padding-left:64px;padding-right:86px;height:100%;width:100%}}section.download{padding:150px 0;position:relative}section.download h2{margin-top:0;font-size:50px}section.download .badges .badge-link{display:block;margin-bottom:25px}section.download .badges .badge-link:last-child{margin-bottom:0}section.download .badges .badge-link img{height:60px}@media (min-width:768px){section.download .badges .badge-link{display:inline-block;margin-bottom:0}section.download h2{font-size:70px}}section.team{background:#d3d3d3}.team-member{margin-bottom:40px}.team-member img{margin-bottom:16px;width:128px;height:128px}.team-member p{margin-bottom:9px;margin-top:0}.team-member h3{margin-bottom:0}.team-member .fa{padding:5px;font-size:20px;width:32px;height:32px;margin:5px 2px}footer p,footer ul li a{font-size:12px}.team-member .fa:hover{opacity:.7}.team-member a:hover,.team-member a:visited{color:#fff}section.contact h2{margin-top:0;margin-bottom:25px}section.contact h2 i{color:#dd4b39}footer,footer ul li a{color:rgba(255,255,255,.3)}section.contact ul.list-social{margin-bottom:0}.list-inline li{margin-bottom:12px}.list-inline-item:not(:last-child){margin-right:0}.list-inline-item .btn-si{width:230px}footer{background-color:#222;padding:25px 0}footer p{margin:0}footer ul{margin-bottom:0}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.btn-outline{color:#fff;border:1px solid}.btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{color:#0f7dc7;background-color:#fff;border-color:#fff}.btn{border-radius:300px}.btn-xl{padding:15px 45px;font-size:11px}.active,.carousel,.carousel-inner,.carousel-item,.slide{height:100%}.fa-facebook{background:#3B5998;color:#fff}.fa-twitter{background:#55ACEE;color:#fff}.fa-github{background:#24292e;color:#fff}.fa-behance{background:#0057ff;color:#fff}.fa-linkedin{background:#007bb5;color:#fff} \ No newline at end of file diff --git a/index.html b/index.html index 85a49b8..9d0c0cf 100644 --- a/index.html +++ b/index.html @@ -48,7 +48,7 @@ - +