Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
I despair, how do I get the icon the button. I did everything for me already tried but without success. If I move the button puts padding on the icon. I hope someone can give me a tip
/* Buttons */
.author-pane-fk a {
border: none;
cursor: pointer;
height: 28px;
line-height: 28px;
color: white;
padding: 0 15px;
margin: 0 auto 8px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align:auto;
zoom: 1;
*display:inline;
text-align: center;
background-image:-moz-linear-gradient(63% 0% -90deg,rgb(208,70,70) 0%,rgb(205,54,54) 99%);
background-image:-webkit-gradient(linear,63% 0%,63% 100%,color-stop(0, rgb(208,70,70)),color-stop(0.99, rgb(205,54,54)));
background-image:-webkit-linear-gradient(-90deg,rgb(208,70,70) 0%,rgb(205,54,54) 99%);
background-image:-o-linear-gradient(-90deg,rgb(208,70,70) 0%,rgb(205,54,54) 99%);
background-image:-ms-linear-gradient(-90deg,rgb(208,70,70) 0%,rgb(205,54,54) 99%);
background-image:linear-gradient(-90deg,rgb(208,70,70) 0%,rgb(205,54,54) 99%);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0px 1px 0px rgb(163,41,41) ,0px 2px 2px rgba(0,0,0,0.21);
-webkit-box-shadow:0px 1px 0px rgb(163,41,41) ,0px 2px 2px rgba(0,0,0,0.21);
box-shadow:0px 1px 0px rgb(163,41,41) ,0px 2px 2px rgba(0,0,0,0.21);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd04646,endColorstr=#ffcd3636,GradientType=0)
progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ffa32929,Positive=true)
progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#36000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd04646,endColorstr=#ffcd3636,GradientType=0)
progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ffa32929,Positive=true)
progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#36000000,Positive=true);
}
.author-pane-fk a:hover {
color: white;
background-color: #29acd4;
background-image:-moz-linear-gradient(63% 0% -90deg,rgb(205,54,54) 0%,rgb(192,48,48) 99%);
background-image:-webkit-gradient(linear,63% 0%,63% 100%,color-stop(0, rgb(205,54,54)),color-stop(0.99, rgb(192,48,48)));
background-image:-webkit-linear-gradient(-90deg,rgb(205,54,54) 0%,rgb(192,48,48) 99%);
background-image:-o-linear-gradient(-90deg,rgb(205,54,54) 0%,rgb(192,48,48) 99%);
background-image:-ms-linear-gradient(-90deg,rgb(205,54,54) 0%,rgb(192,48,48) 99%);
background-image:linear-gradient(-90deg,rgb(205,54,54) 0%,rgb(192,48,48) 99%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcd3636,endColorstr=#ffc03030,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcd3636,endColorstr=#ffc03030,GradientType=0);
}
.author-pane-fk a:active {
color: white;
background-image:-moz-linear-gradient(63% 0% -90deg,rgb(192,48,48) 0%,rgb(206,58,58) 98%);
background-image:-webkit-gradient(linear,63% 0%,63% 100%,color-stop(0, rgb(192,48,48)),color-stop(0.98, rgb(206,58,58)));
background-image:-webkit-linear-gradient(-90deg,rgb(192,48,48) 0%,rgb(206,58,58) 98%);
background-image:-o-linear-gradient(-90deg,rgb(192,48,48) 0%,rgb(206,58,58) 98%);
background-image:-ms-linear-gradient(-90deg,rgb(192,48,48) 0%,rgb(206,58,58) 98%);
background-image:linear-gradient(-90deg,rgb(192,48,48) 0%,rgb(206,58,58) 98%);
-moz-box-shadow:0px 1px 0px rgb(163,41,41);
-webkit-box-shadow:0px 1px 0px rgb(163,41,41);
box-shadow:0px 1px 0px rgb(163,41,41);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc03030,endColorstr=#ffce3a3a,GradientType=0)
progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#ffa32929,Positive=true)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc03030,endColorstr=#ffce3a3a,GradientType=0)
progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#ffa32929,Positive=true);
}
Comment | File | Size | Author |
---|---|---|---|
30-10-2013 14-02-06.jpg | 20.48 KB | fugazi |
Comments
Comment #1
Scyther CreditAttribution: Scyther commentedThis issue #1876748: Email icon missing from Advanced Forum contact button. - FIX was fixed now and that should help you with this.
Have a look at Advanced Forum how that module adds a icon next to the button.