Четвертый стиль и последующие
Вставляется почти так же, то есть либо перед ]]></b:skin> либо с тегами
<style> ваш код CSS </style> перед </body>
только надо в настройках ярлыков сделать вот как на скриншоте.
И так червертый стиль выглядит так
Код от него такой:
.Label a{ background: rgb(0,100,180);
background: -moz-linear-gradient(top, rgba(0,100,180,1) 0%, rgba(20,60,100,1) 100%);
background:
-webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(0,100,180,1)), color-stop(100%,rgba(20,60,100,1)));
background: -webkit-linear-gradient(top, rgba(0,100,180,1) 0%,rgba(20,60,100,1) 100%);
background: -o-linear-gradient(top, rgba(0,100,180,1) 0%,rgba(20,60,100,1) 100%);
background: -ms-linear-gradient(top, rgba(0,100,180,1) 0%,rgba(20,60,100,1) 100%);
background: linear-gradient(top, rgba(0,100,180,1) 0%,rgba(20,60,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064b4', endColorstr='#123d60',GradientType=0 );
display:inline-block;border:
1px solid #005ca6;padding:0 8px; color:#fff!important; height:28px;
line-height:28px; text-transform:capitalize;
text-decoration:none;float:left;margin-top:5px;
font-size:14px;-webkit-transition:all .4s
ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s
ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s
ease-in-out;text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2);
}
.Label a:hover{color:#000 !important; background:#123d60;}
Пятый стиль
Его код
.Label a{
padding-left:20px;
background:#000;
padding:0 20px;
color:#fff!important;
border-radius:100px;
-moz-border-radius:100px;
height:32px;
line-height:32px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px; }
.Label a:hover{
color:#000 !important;
background:#ff0; }
Шестой стиль
Код от него
.Label a{float:left;padding:5px 8px;margin:2px 2px 0px 0;background-color:#1295C9;color:white;font-size:14px;text-decoration:none;text-shadow:
0 -1px -1px rgba(0, 0, 0, 0.2);-webkit-transition:all .4s
ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s
ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s
ease-in-out;}
.Label a:hover{background-color:#303030;}
Седьмой стиль вот такого плана
Код такой
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
display:inline-block;float:none;font-family:"Trebuchet
MS","Arial","Helvetica",sans-serif;font-style:normal;font-weight:bold;text-decoration:none;background-color:#1BA1E2;color:#fff
!important;-webkit-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0
1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0
-1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px
-1px;-moz-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0
1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0
-1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px
-1px;-o-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0
1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0
-1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px
-1px;text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0
1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0
-1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px
-1px;-webkit-box-shadow:0 0 1px #999999;-moz-box-shadow:0 0 1px
#999999;-o-box-shadow:0 0 1px #999999;box-shadow:0 0 1px
#999999;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform
0.1s ease-in;-moz-transition:-moz-transform 0.1s
ease-in;-o-transition:-o-transform 0.1s ease-in;transition:transform
0.1s ease-in;
}
.label-size:hover {
color:#fff;background-color:#0c92da;-webkit-box-shadow:0
0 20px rgb(0,0,50);-moz-box-shadow:0 0 20px
rgb(0,0,50);-o-box-shadow:0 0 20px rgb(0,0,50);box-shadow:0 0 10px
rgb(0,0,50);-webkit-transform:rotate(3deg)
scale(1.2);-moz-transform:rotate(3deg)
scale(1.2);-o-transform:rotate(3deg) scale(1.2);transform:rotate(3deg)
scale(1.2);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a {
display:inline-block;float:none;margin:2px
1px;padding:6px 3px;font-family:"Trebuchet
MS","Arial","Helvetica",sans-serif;font-style:normal;font-weight:bold;text-decoration:none;background-color:#252c44;color:#fff
!important;-webkit-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0
1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0
-1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px
-1px;-moz-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0
1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0
-1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px
-1px;-o-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0
1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0
-1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px
-1px;text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0
1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0
-1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px
-1px;-webkit-box-shadow:0 0 1px #999999;-moz-box-shadow:0 0 1px
#999999;-o-box-shadow:0 0 1px #999999;box-shadow:0 0 1px
#999999;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform
0.1s ease-in;-moz-transition:-moz-transform 0.1s
ease-in;-o-transition:-o-transform 0.1s ease-in;transition:transform
0.1s
ease-in;background-color:#252c44;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);background-color:#252c44;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);background-color:#252c44;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
}
.label-size a:hover {
color:#fff;background-color:#0c92da;-webkit-box-shadow:0
0 20px rgb(0,0,50);-moz-box-shadow:0 0 20px
rgb(0,0,50);-o-box-shadow:0 0 20px rgb(0,0,50);box-shadow:0 0 10px
rgb(0,0,50);-webkit-transform:rotate(3deg)
scale(1.2);-moz-transform:rotate(3deg)
scale(1.2);-o-transform:rotate(3deg) scale(1.2);transform:rotate(3deg)
scale(1.2);-webkit-transform:rotate(-3deg)
scale(1.2);-moz-transform:rotate(-3deg)
scale(1.2);-o-transform:rotate(-3deg)
scale(1.2);background-color:#0c92da;transform:rotate(-3deg)
scale(1.2);-webkit-transform:rotate(3deg)
scale(1.2);-moz-transform:rotate(3deg) scale(1.2);transform:rotate(3deg)
scale(1.2);background-color:#0c92da;-webkit-transform:rotate(2deg)
scale(1.2);-moz-transform:rotate(2deg)
scale(1.2);background-color:#0c92da;-o-transform:rotate(2deg)
scale(1.2);transform:rotate(2deg) scale(1.2);
}
0 коммент. :