New templates & stylesheet

Author: effone

build/buttonstyle/isango.css

@@ -69,8 +69,8 @@ a {
 		line-height: normal;
 		color: white !important;
 		text-align: center;
+		min-height: 18px;
 		transition: all 0.5s;
-		min-width: 100px;
 
 		&:hover {
 			text-decoration: none;
@@ -83,15 +83,32 @@ a {
 
 		span {
 			background: none;
-			padding-left: 30px;
 
 			&:before {
 				transition: all 0.5s;
 				position: absolute;
-				margin-left: -32px;
 				margin-top: -3px;
 			}
 		}
+		&.isango_button_min {
+			min-width: 18px;
+			span{
+				padding-left: 0;
+				&:before {
+					margin-left: -12px;
+				}
+			}
+		}
+
+		&.isango_button_max {
+			min-width: 100px;
+			span{
+				padding-left: 30px;
+				&:before {
+					margin-left: -32px;
+				}
+			}
+		}
 	}
 
 	@each $name,
@@ -112,5 +129,6 @@ a {
 }
 
 .usercp_nav_item.usercp_nav_connections {
-	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAh1JREFUeNqckz1rVEEUhs/sRlYMEXRDQgolKKiI1RpiozYRBAtdxDKNKIiCEBU/kmqJEFDShFQ2oohKREURBAXzA0SJWBgiksLg+rWLF0l2537MjM+4ZpNwUznw8M7cOec9Z+69o5xz4sfR2ROybGSduONW7GkjpgumEkluxhI/0aINz+X1lhd/A1skPTKwl6AyiWcgT/IOGOTZSfaOQLQY3DTwnSil/HQ/SeegBzpI/AFvmF9DC5gM0V1pebWGgXWe3sQlt6EMZ2GfV+OMX49CFRJtdGuqg7hGV1k1SKVh26hcYr4ZPjO/D8NwhfVl/5yU6ZUG9WgTPcyyuRH6Cb6OfoRtzC+ht9Bn6DGOMZA6gg70bh3UJ6EII2Ggd8Hjf+rXxSgIX8VBuBNVqSPUKwudTuxbI7aDCh+odBUOwQOY4FjtqP8yrVZckjb4viAYdJN8D5O76B2Ct6Kf0A3oN0wi9CcGOm1Qnn/PRgmTG+hTTLqdmFMkPGLdiz6HAu9p2uVcLWVQm5ufYvMhwf1oF8Ff/RrDKlpkfQEdYn/Cf/WUQVjR2obmF0HjUIF22AOHiT6P9oGotsxLlWu+wyUD/YWurJtxxo2QkKcIZjKJXkT70AOSlQGpLP3GfqjFy7Rue5u42EpcjdbzR3b6CwUFOCj+rWdUKZPPzqk1jerRjF79MpH822nLH+uoKjkYUy3qnVrLFVxlNDv43/FHgAEAe3mcL7UMjX0AAAAASUVORK5CYII=");
+	background-repeat: no-repeat;
+	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT9JREFUeNpi/P//PwMlgImBQkCxAYy1tbW+jIyMUqRqBHr9WVNT02aWHz9+yHR2dk77//8fKfYyVFRUZIG98OXLF+afP38wODo6gfHHjx+JYH9gAOkDGcAClAC64ieDn58f2OyPHz8RxQbpAxvw4cMHlv//mRiSknIZ/v37z/D163uGmJhMkB8Zvn37wBAVlQHW9P07KhukD+wZeXn5GFZWVmksgcT6/v17A0FBwQvAQP6NLv/79++nDx48WMIIZLMBsSAQM6OpEQbi+UCcCMRv0eT+AvEHoCU/cQf0MtGZDEFcZ8A07qhkAPlDBIjVgdgYilXBrlr2hSFwXqTx+qTlILVnoHqeQ9lHgfgyEL+EeYETiHmhmBMc0dlcMQyijLYMr/8fZpj6bQnUgF9A/BkUEUD8FeiCX4xDPzMBBBgAugGetiI0VJEAAAAASUVORK5CYII=");
 }

build/buttonstyle/isango.css.map

@@ -0,0 +1 @@
+<a class="isango_button isango_button_{$button_size} isango_{$gateway}" href="member.php?action=login&gateway={$gateway}"><span>{$gateway_name}</span></a>

build/buttonstyle/isango.scss

@@ -0,0 +1,2 @@
+<br>
+<div style='text-align: center;'>{$isango_inputbits}</div>

upload/inc/plugins/isango/global_isango_button.htm

@@ -7,9 +7,9 @@ a.isango_button {
 	line-height: normal;
 	color: white !important;
 	text-align: center;
+	min-height: 18px;
 	-webkit-transition: all 0.5s;
 	transition: all 0.5s;
-	min-width: 100px;
 }
 
 a.isango_button:hover {
@@ -25,17 +25,39 @@ a.isango_button:hover span:before {
 
 a.isango_button span {
 	background: none;
-	padding-left: 30px;
 }
 
 a.isango_button span:before {
 	-webkit-transition: all 0.5s;
 	transition: all 0.5s;
 	position: absolute;
-	margin-left: -32px;
 	margin-top: -3px;
 }
 
+a.isango_button.isango_button_min {
+	min-width: 18px;
+}
+
+a.isango_button.isango_button_min span {
+	padding-left: 0;
+}
+
+a.isango_button.isango_button_min span:before {
+	margin-left: -12px;
+}
+
+a.isango_button.isango_button_max {
+	min-width: 100px;
+}
+
+a.isango_button.isango_button_max span {
+	padding-left: 30px;
+}
+
+a.isango_button.isango_button_max span:before {
+	margin-left: -32px;
+}
+
 a.isango_amazon {
 	background: #FFA723 !important;
 	border: 1px solid #ef8f00 !important;
@@ -206,5 +228,6 @@ a.isango_yahoo:hover {
 }
 
 .usercp_nav_item.usercp_nav_connections {
-	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAh1JREFUeNqckz1rVEEUhs/sRlYMEXRDQgolKKiI1RpiozYRBAtdxDKNKIiCEBU/kmqJEFDShFQ2oohKREURBAXzA0SJWBgiksLg+rWLF0l2537MjM+4ZpNwUznw8M7cOec9Z+69o5xz4sfR2ROybGSduONW7GkjpgumEkluxhI/0aINz+X1lhd/A1skPTKwl6AyiWcgT/IOGOTZSfaOQLQY3DTwnSil/HQ/SeegBzpI/AFvmF9DC5gM0V1pebWGgXWe3sQlt6EMZ2GfV+OMX49CFRJtdGuqg7hGV1k1SKVh26hcYr4ZPjO/D8NwhfVl/5yU6ZUG9WgTPcyyuRH6Cb6OfoRtzC+ht9Bn6DGOMZA6gg70bh3UJ6EII2Ggd8Hjf+rXxSgIX8VBuBNVqSPUKwudTuxbI7aDCh+odBUOwQOY4FjtqP8yrVZckjb4viAYdJN8D5O76B2Ct6Kf0A3oN0wi9CcGOm1Qnn/PRgmTG+hTTLqdmFMkPGLdiz6HAu9p2uVcLWVQm5ufYvMhwf1oF8Ff/RrDKlpkfQEdYn/Cf/WUQVjR2obmF0HjUIF22AOHiT6P9oGotsxLlWu+wyUD/YWurJtxxo2QkKcIZjKJXkT70AOSlQGpLP3GfqjFy7Rue5u42EpcjdbzR3b6CwUFOCj+rWdUKZPPzqk1jerRjF79MpH822nLH+uoKjkYUy3qnVrLFVxlNDv43/FHgAEAe3mcL7UMjX0AAAAASUVORK5CYII=");
+	background-repeat: no-repeat;
+	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT9JREFUeNpi/P//PwMlgImBQkCxAYy1tbW+jIyMUqRqBHr9WVNT02aWHz9+yHR2dk77//8fKfYyVFRUZIG98OXLF+afP38wODo6gfHHjx+JYH9gAOkDGcAClAC64ieDn58f2OyPHz8RxQbpAxvw4cMHlv//mRiSknIZ/v37z/D163uGmJhMkB8Zvn37wBAVlQHW9P07KhukD+wZeXn5GFZWVmksgcT6/v17A0FBwQvAQP6NLv/79++nDx48WMIIZLMBsSAQM6OpEQbi+UCcCMRv0eT+AvEHoCU/cQf0MtGZDEFcZ8A07qhkAPlDBIjVgdgYilXBrlr2hSFwXqTx+qTlILVnoHqeQ9lHgfgyEL+EeYETiHmhmBMc0dlcMQyijLYMr/8fZpj6bQnUgF9A/BkUEUD8FeiCX4xDPzMBBBgAugGetiI0VJEAAAAASUVORK5CYII=");
 }