@@ -330,9 +330,9 @@
-
-
+
+
+
@@ -380,7 +380,7 @@
-
+
diff --git a/wordpress/wp-content/themes/backer/style.css b/wordpress/wp-content/themes/backer/style.css
index 4f1a04f22284d70c1275be65e29bf96382799a01..df8b4cabf6bea64ca0562e782910a716b2c3befc 100644
--- a/wordpress/wp-content/themes/backer/style.css
+++ b/wordpress/wp-content/themes/backer/style.css
@@ -4492,13 +4492,6 @@ html.ie8 .rev_slider .krown-button {
line-height: 24px;
}
- .id-full .progress-wrapper {
- -webkit-transform: scale(.9);
- -ms-transform: scale(.9);
- transform: scale(.9);
- margin-left: -4px;
- }
-
#project-p-author .comment-avatar {
display: none;
}
@@ -4538,12 +4531,7 @@ html.ie8 .rev_slider .krown-button {
@media all and (max-width: 879px) {
- .wrapper {
- width: 740px;
- }
- #sidebar {
- width: 22%;
- }
+ .wrapper { width: 740px; }
.posts-grid .item, .krown-id-item {
width: 170px;
@@ -4640,9 +4628,6 @@ html.ie8 .rev_slider .krown-button {
.id-full .product-wrapper {
margin: -10px 0 0 -3px;
}
- .id-full .progress-wrapper {
- margin-left: -2px;
- }
.flex-direction-nav a {
width: 33px;
@@ -4700,10 +4685,6 @@ html.ie8 .rev_slider .krown-button {
}
@media all and (max-width: 779px) {
-
- .wrapper, .single-ignition_product #page-title, .single-ignition_product .normal-content, .rtitle, #project-sidebar .id-widget-wrap {
- width: 640px;
- }
.single-ignition_product #page-title, .single-ignition_product .normal-content {
margin-left: auto;
margin-right: auto;
@@ -4711,11 +4692,6 @@ html.ie8 .rev_slider .krown-button {
#content.layout-right-sidebar .sidebar-content, #content.layout-left-sidebar .sidebar-content {
width: 100%;
}
- #sidebar {
- float: left !important;
- margin-top: 50px;
- width: 60%;
- }
.krown-column-container {
width: 100%;
margin: 25px 0 0 0;
@@ -4830,15 +4806,6 @@ html.ie8 .rev_slider .krown-button {
.id-full .pledge {
display: none;
}
- .id-full .progress-wrapper {
- left: -34px;
- margin: 0;
- position: absolute;
- top: -21px;
- -webkit-transform: scale(0.5);
- -ms-transform: scale(0.5);
- transform: scale(0.5);
- }
.id-full .product-wrapper {
margin: 0;
}
diff --git a/wordpress/wp-content/themes/backer/style1.css b/wordpress/wp-content/themes/backer/style1.css
index d56f9950990305dd5ac49f52d61cf89a7d7c8274..45ed87aa884c2d62b3985bea92e99380dc8fbf0e 100644
--- a/wordpress/wp-content/themes/backer/style1.css
+++ b/wordpress/wp-content/themes/backer/style1.css
@@ -1,20 +1,3 @@
-@charset "utf-8";
-/* CSS Document */
-* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
-
-header, nav, footer, aside, section, article {margin: 0; padding: 0; display: block;}
-figure, figcation, video, audio, hgroup {display: inline-block; margin: 0; padding: 0;}
-
-::-webkit-input-placeholder {color:inherit;}
-:-moz-placeholder {color:inherit;}
-::-moz-placeholder {color:inherit;}
-:-ms-input-placeholder {color:inherit;}
-
-
-a img{ border:0;}
-
-img{ max-width:100% !important; height:auto;}
-
.main-wrapper{margin-bottom:150px;}
@@ -66,50 +49,23 @@ section#banner {
#main-content .content-wrap .why-invest h2{margin-bottom:30px;}
-.sidebar_wrap{
- margin:0 auto;
- display:inline;
- top:0;
- z-index:100;
- vertical-align:top;
- pointer-events: none;
-}
-.sticky .sidebar_wrap {
- position:fixed;
- display:block;
- width: 1140px;
-}
-.at-bottom .sidebar_wrap {
- position:absolute;
- bottom:0;
- top:inherit;
-}
-.sticky #sidebar {
- margin-left: 66.66666667%;
-}
+
.sticky-stop {clear:both;}
-#sidebar{
- position:relative;
- z-index:99;
- margin: 20px 0;
- width:33.3333% !important;
- pointer-events: all;
-}
#sidebar .howitwork{text-align:center; padding:0 30px;}
-.sticky #sidebar .contribute { margin: 0; }
+
#sidebar .right-side-box {
border: 1px solid #dfdfdf;
border-radius: 5px;
background:#fff;
}
-#sidebar .right-side-box .top-bar{padding:25px;}
+
#sidebar .right-side-box .button-wrapper{ border-top: 1px solid #dfdfdf; padding:25px; background:#efefef;}
#sidebar .right-side-box .button-wrapper .btn {background: #2f9c79 none repeat scroll 0 0;border-radius: 25px; color: #fff; margin: 0 auto;width: 100%; text-align:center; padding:15px 0;}
#sidebar .right-side-box .button-wrapper .btn:focus,.button-wrapper .btn:hover{color:#fff;}
#sidebar .right-side-box .supporters{margin-top:40px;}
-#sidebar .right-side-box .supporters > p {float: left;width: 50%;}
+
#sidebar .right-side-box .supporters > p span {font-size: 28px; margin-right: 5px;}
#sidebar .right-side-box .precent-img {margin-top: -98px; float: right; text-align:center;}
#sidebar .right-side-box .button-wrapper .main-btn.krown-button.medium{ background:#2f9c79; border-radius:25px; font-size:14px; width:100%; text-decoration:none;}
@@ -117,25 +73,44 @@ section#banner {
background: rgba(47, 156, 121, 0.5);
}
-#main-content{ margin-top: -95px; }
-#story{
- padding-top: 95px;
-}
+
#main-content .content-wrap .project-time{margin:40px 0;}
#main-content .content-wrap .why-invest {margin: 45px 0 0;}
#main-content .content-wrap .invest{position:relative;}
#main-content .content-wrap .invest .invest-img{ margin:110px auto; width:60%;}
-#main-content .content-wrap .invest .top{position:absolute; left:48%; top:0; text-align:center;}
-#main-content .content-wrap .invest .right{position:absolute; top:45%; right:0;}
-#main-content .content-wrap .invest .bottom{position:absolute; left:46%; bottom:0%; text-align:center;}
-#main-content .content-wrap .invest .left{position:absolute; top:45%; left:10%;}
+#main-content .content-wrap .invest .top{
+ position:absolute;
+ text-align:center;
+ top:0;
+ left: 0;
+ right: 0;
+}
+#main-content .content-wrap .invest .right{
+ position:absolute;
+ text-align:center;
+ top: 45%;
+ right: 0;
+}
+#main-content .content-wrap .invest .bottom{
+ position:absolute;
+ text-align:center;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+#main-content .content-wrap .invest .left{
+ position:absolute;
+ text-align:center;
+ top: 45%;
+ left: 0;
+}
.icons {
background: url("images/icons-sprite.png"),no-repeat;
background-size: 100px 100px;
height: 50px;
- margin-bottom: 5px;
+ margin: 0 auto 5px;
width: 50px;
}
.icons.health {
@@ -206,72 +181,108 @@ section#banner {
#comment .comment-avatar{width:60px; height:60px;}
/** End adding css for comments **/
-
-
+@media all and (max-width: 767px) {
+ #sidebar {
+ margin: 20px 0;
+ width: 100% !important;
+ pointer-events: all;
+ }
+ #sidebar .right-side-box .top-bar{ padding:20px 10px; }
+}
+@media all and (min-width: 768px) {
+ .wrapper { width: 740px; }
+ #main-content{ margin-top: -95px; }
+ #story{ padding-top: 95px; }
+ .sidebar_wrap{
+ margin:0 auto;
+ display:inline;
+ top:0;
+ z-index: 100;
+ vertical-align:top;
+ pointer-events: none;
+ }
+ #sidebar{
+ position:relative;
+ z-index: 99;
+ margin: 20px 0;
+ width: 33.3333% !important;
+ pointer-events: all;
+ }
+ .sticky #sidebar { margin-left: 66.66666667%; }
+ .sticky #sidebar .contribute { margin: 0; }
+ .sticky .sidebar_wrap {
+ position:fixed;
+ display:block;
+ width: 740px;
+ }
+ .at-bottom .sidebar_wrap {
+ position:absolute;
+ bottom:0;
+ top:inherit;
+ }
+ #sidebar h1{ font-size: 1.75rem }
+ #sidebar .right-side-box .top-bar{ padding:20px 10px; }
+}
+@media all and (min-width: 879px) and (max-width: 979px){
+ .wrapper,
+ .sticky .sidebar_wrap {
+ width: 840px;
+ }
+}
+@media all and (min-width: 979px){
+ #sidebar h1{ font-size: 2.75rem }
+ #sidebar .right-side-box .supporters > p {float: left; width: 50%;}
+ #sidebar .right-side-box .top-bar{padding:25px;}
+}
+@media all and (min-width: 979px) and (max-width: 1179px){
+ .wrapper,
+ .sticky .sidebar_wrap {
+ width: 940px;
+ }
+}
+@media all and (min-width: 1180px) {
+ .wrapper,
+ .sticky .sidebar_wrap {
+ width: 1140px;
+ }
+}
+/* need to clean up below */
@media screen and (max-width:1024px){
.invest .invest-img{ width:63%;}
- #main-content .content-wrap .invest .right{ right:20%;}
- #main-content .content-wrap .invest .top{ left:37%; }
- #main-content .content-wrap .invest .bottom{left:37%; }
-
}
-
@media screen and (max-width:991px){
- #nav ul li a{padding:30px 25px;}
- #main-content .content-wrap .invest .right{right:-5%;}
- #main-content .content-wrap .invest .top,#main-content .content-wrap .invest .bottom{left:0; right:0;}
- #main-content .content-wrap .about-box .entry-title,#main-content .content-wrap .box-1 .entry-title{font-size:30px;}
+ #nav ul li a{padding:30px 25px; }
+ #main-content .content-wrap .about-box .entry-title,
+ #main-content .content-wrap .box-1 .entry-title{font-size:30px;}
#main-content .content-wrap .box-1 .list > li{margin-right:5px;}
}
@media screen and (max-width:767px){
-#sidebar .right-side-box{margin-top:0;}
-#header .navbar-toggle{background:#6b6b6b; margin-top:-50px;}
-#header .navbar-toggle .icon-bar{background:#fff;}
-header .container, #main-content .container{padding:0 15px;}
-#nav ul li{float:none; border:none;}
-#nav ul li a{padding:15px 0;}
-#nav ul li:last-child{float:left;}
-#main-content .content-wrap .what-we-box .insulation ul li{width:100%;}
-#main-content .content-wrap .what-we-box h4{margin-bottom:30px;}
-#main-content .content-wrap .invest .top, #main-content .content-wrap .invest .bottom{ left:-25%;}
-#main-content .content-wrap .invest .right{right:30%;}
-.project-time h4{margin-bottom:30px;}
-}
-.project-time h5{
- margin-bottom:0px;
+ #sidebar .right-side-box{margin-top:0;}
+ #header .navbar-toggle{background:#6b6b6b; margin-top:-50px;}
+ #header .navbar-toggle .icon-bar{background:#fff;}
+ header .container, #main-content .container{padding:0 15px;}
+
+ #nav ul li{float:none; border:none;}
+ #nav ul li a{padding:15px 0;}
+ #nav ul li:last-child{float:left;}
+
+ #main-content .content-wrap .what-we-box .insulation ul li{width:100%;}
+ #main-content .content-wrap .what-we-box h4{margin-bottom:30px;}
+ .project-time h4{margin-bottom:30px;}
+
+ .project-time h5{
+ margin-bottom:0px;
+ }
}
-@media screen and (max-width:599px){
- #main-content .content-wrap .invest .right{right:5%;}
- #main-content .content-wrap .invest .top, #main-content .content-wrap .invest .bottom{ left:-4%;}
- #main-content .content-wrap .invest .right.tooltips .tooltipstext{left:-75%;}
- #main-content .content-wrap .invest .left.tooltips .tooltipstext{left:200%; margin-left:-60px;}
- #main-content .content-wrap .invest .right.tooltips .tooltipstext::after{left:90%;}
-
-
-
-}
-@media screen and (max-width:568px){
- #main-content .content-wrap .invest .top, #main-content .content-wrap .invest .bottom{ left:-15%;}
-}
@media screen and (max-width:479px){
#main-content .content-wrap .box-1 .list > li a{display:block;}
#main-content .content-wrap .box-1 .list > li{margin:0 0 15px 0; width:100%;}
- #main-content .content-wrap .invest .top, #main-content .content-wrap .invest .bottom{left:-15%;}
#main-content .content-wrap .invest .invest-img{margin:110px 35px;}
- #main-content .content-wrap .invest .left{left:2%;}
- #main-content .content-wrap .invest .right{right:2%;}
-
-
-
}
@media screen and (max-width:414px){
-
- #main-content .content-wrap .invest .top, #main-content .content-wrap .invest .bottom{left:-15%;}
#main-content .content-wrap .invest .invest-img{margin:110px 45px;}
- #main-content .content-wrap .invest .left{left:2%;}
- #main-content .content-wrap .invest .right{right:2%;}
}
@media screen and (max-width:375px){