replace icon

This commit is contained in:
OVSharova 2022-03-28 02:59:01 +03:00
parent a53a2d1098
commit 51c0fe6650
19 changed files with 368 additions and 26 deletions

View file

@ -121,7 +121,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -130,6 +130,25 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -96,7 +96,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -105,6 +105,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -120,14 +120,31 @@ width: 80%;
}
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
margin: 10px 0;
line-height: 1em;
min-height: 14px;
{ background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
margin: 10px 0;
line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr

View file

@ -121,7 +121,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -130,6 +130,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -121,7 +121,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -130,6 +130,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -100,7 +100,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -109,6 +109,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -121,7 +121,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -130,6 +130,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -90,7 +90,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -99,6 +99,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -90,7 +90,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -99,6 +99,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note
{
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px;
background: #F4F4F4;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px;
}
.note:before {
width: 18px;
height: 18px;
background: #83888D;
font-weight: 900;
content: "!";
text-align: center;
font-size: 16px;
border-radius: 50%;
color: white;
display: inline-block;
line-height: 18px;
float: left;
position: relative;
left: -20px;
top: -3px;
}
hr
{
height: 1px;