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 .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -130,6 +130,25 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -96,7 +96,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -105,6 +105,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -120,14 +120,31 @@ width: 80%;
} }
.note .note
{ { background: #F4F4F4;
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; font-size: 11px;
font-size: 11px; padding: 10px 20px 10px 37px;
padding: 10px 20px 10px 37px; width: 90%;
width: 90%; margin: 10px 0;
margin: 10px 0; line-height: 1em;
line-height: 1em; min-height: 14px;
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 hr

View file

@ -121,7 +121,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -130,6 +130,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -121,7 +121,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -130,6 +130,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -100,7 +100,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -109,6 +109,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -121,7 +121,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -130,6 +130,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -90,7 +90,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -99,6 +99,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -90,7 +90,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -99,6 +99,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;

View file

@ -111,7 +111,7 @@ width: 80%;
.note .note
{ {
background: #F4F4F4 url(../images/help.png) no-repeat 7px 5px; background: #F4F4F4;
font-size: 11px; font-size: 11px;
padding: 10px 20px 10px 37px; padding: 10px 20px 10px 37px;
width: 90%; width: 90%;
@ -120,6 +120,24 @@ line-height: 1em;
min-height: 14px; 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 hr
{ {
height: 1px; height: 1px;