/** SCLOGIN **/
/* Horizontal layout */
#form-sclogin-remember {
float: left;
clear: none;
}
input#sclogin-remember{
margin: -2px 0 0 0;
}
#form-sclogin-remember label {
margin: 5px 0 0 3px;
}
/* remove gap @ bottom */
.sclogin{
overflow: visible;
margin-bottom: -20px;
margin-top: 3px;
display: inline-block !important;
}
/* remove radius from right edge for
* username/pw in login module
*/
.sclogin input[type="text"], .sclogin input[type="password"]{
border-radius: 10px 0px 0px 10px;
margin-left: 5px;
}
/* try to get the pic to be all inline */
#scprofile-pic{
display: inline;
}
/** END SCLOGIN **/
/* Non-Bootstrap button */
.button , button, input[type="button"], input[type="reset"], input[type="submit"]{
padding: 0px 4px;
background-color: hsl(110, 35%, 18%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#569748", endColorstr="#233d1d");
background-image: -khtml-gradient(linear, left top, left bottom, from(#569748), to(#233d1d));
background-image: -moz-linear-gradient(top, #569748, #233d1d);
background-image: -ms-linear-gradient(top, #569748, #233d1d);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #569748), color-stop(100%, #233d1d));
background-image: -webkit-linear-gradient(top, #569748, #233d1d);
background-image: -o-linear-gradient(top, #569748, #233d1d);
background-image: linear-gradient(#569748, #233d1d);
border-color: #233d1d #233d1d hsl(110, 35%, 11.5%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
-webkit-font-smoothing: antialiased;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
border: 5px solid #000000;
}
.button:hover{
font-size: .846em;
color: #08fa10;
padding: 0px 4px;
background: -moz-linear-gradient(
top,
#6b6b6b 0%,
#000000);
background: -webkit-gradient(
linear, left top, left bottom,
from(#6b6b6b),
to(#000000));
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
border: 5px solid #000000;
}
/* Fancy emerald green css button
* for dropdown menu's since they are dark we
* want the emerald green button also ( reverse )
*/
.btn, .pager a, .btn-group > .dropdown-menu a:hover,.input-append .add-on, .input-prepend .add-on{
background-color: hsl(116, 37%, 19%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d9d48", endColorstr="#20421e");
background-image: -khtml-gradient(linear, left top, left bottom, from(#4d9d48), to(#20421e));
background-image: -moz-linear-gradient(top, #4d9d48, #20421e);
background-image: -ms-linear-gradient(top, #4d9d48, #20421e);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d9d48), color-stop(100%, #20421e));
background-image: -webkit-linear-gradient(top, #4d9d48, #20421e);
background-image: -o-linear-gradient(top, #4d9d48, #20421e);
background-image: linear-gradient(#4d9d48, #20421e);
border-color: #20421e #20421e hsl(116, 37%, 12.5%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
-webkit-font-smoothing: antialiased;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
border: 5px solid #000000;
}
/* change to black raised button on hover */
.btn:hover, .pager a:hover {
background-color: hsl(0, 0%, 9%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959", endColorstr="#161616");
background-image: -khtml-gradient(linear, left top, left bottom, from(#595959), to(#161616));
background-image: -moz-linear-gradient(top, #595959, #161616);
background-image: -ms-linear-gradient(top, #595959, #161616);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #595959), color-stop(100%, #161616));
background-image: -webkit-linear-gradient(top, #595959, #161616);
background-image: -o-linear-gradient(top, #595959, #161616);
background-image: linear-gradient(#595959, #161616);
border-color: #161616 #161616 hsl(0, 0%, 2.5%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
-webkit-font-smoothing: antialiased;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
border: 5px solid #000000;
margin-top: -5px:
}
/* move inputbox right slightly */
.input-append .btn{
margin-left:-5px;
vertical-align:top;
}
.sourcecoast.sclogin .button , .sourcecoast.sclogin button, .sourcecoast.sclogin input[type="button"], .sourcecoast.sclogin input[type="reset"], .sourcecoast.sclogin input[type="submit"]{
Join our newsletter to get alerts for Joomla releases, tips and tricks and extension updates.