178 lines
2.6 KiB
CSS
Executable File
178 lines
2.6 KiB
CSS
Executable File
.affcard
|
|
{
|
|
margin: auto;
|
|
max-width: 700px;
|
|
/* height: 200px; */
|
|
border: 1px solid #eee;
|
|
/* width: 100px;
|
|
height: 200px; */
|
|
/* border: 1px solid #bbb; */
|
|
/* background-color: red; */
|
|
box-shadow: 0px 1px 6px #ddd;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
/* margin-right: 20px; */
|
|
}
|
|
|
|
.affcard_head
|
|
{
|
|
font-size: 50px;
|
|
font-weight: bold;
|
|
color: #E37E7B;
|
|
margin-top: 20px;
|
|
/* margin-bottom: 20px; */
|
|
}
|
|
|
|
.ab_row1
|
|
{
|
|
text-align: center;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.affcard_body
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
.abr_left
|
|
{
|
|
width: 30%;
|
|
}
|
|
|
|
.abr_mid
|
|
{
|
|
width: 10%;
|
|
}
|
|
|
|
.step-item
|
|
{
|
|
/* width: 30%; */
|
|
width: 300px;
|
|
}
|
|
|
|
.step-content-wrapper
|
|
{
|
|
/* width: 300px; */
|
|
}
|
|
|
|
.step {
|
|
position:relative;
|
|
list-style:none;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
padding-left:0;
|
|
margin-right:calc(1.5rem / -2);
|
|
margin-left:calc(1.5rem / -2)
|
|
}
|
|
|
|
|
|
dl, ol, ul {
|
|
margin-top: 0;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
*, ::after, ::before {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
ul, menu, dir {
|
|
display: block;
|
|
list-style-type: disc;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
padding-inline-start: 40px;
|
|
}
|
|
|
|
::selection {
|
|
color: #377dff;
|
|
background-color: rgba(55,125,255,.1);
|
|
}
|
|
|
|
li {
|
|
text-align: match-parent;
|
|
}
|
|
|
|
.step-md .step-icon {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.step-icon-lg .step-icon, .step-icon-lg.step-icon {
|
|
font-size: 1.25rem;
|
|
width: 5.5rem;
|
|
height: 5.5rem;
|
|
}
|
|
|
|
.step .step-icon {
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 50%;
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.step-icon-soft-primary {
|
|
color: #E07E7B;
|
|
background-color: #F5DDDB;
|
|
/* font-size: 24rem; */
|
|
}
|
|
|
|
.step-md .step-icon.step-icon-lg::after, .step-md.step-icon-lg .step-icon::after {
|
|
top: 2.75rem;
|
|
left: 7rem;
|
|
width: calc(100% - 7rem);
|
|
}
|
|
|
|
.step-md .step-icon::after {
|
|
top: 1.5625rem;
|
|
left: 4.625rem;
|
|
width: calc(100% - 4.625rem);
|
|
height: 1.625rem;
|
|
border-top: .125rem solid rgba(33,50,91,.1);
|
|
border-left: none;
|
|
}
|
|
|
|
/* .step-icon-lg .step-icon::after, .step-icon-lg.step-icon::after {
|
|
top: 6.25rem;
|
|
left: 2.6875rem;
|
|
width: 1.625rem;
|
|
height: calc(100% - 4.75rem);
|
|
} */
|
|
|
|
/* .step .step-icon::after {
|
|
position: absolute;
|
|
top: 3.875rem;
|
|
left: 1.5625rem;
|
|
height: calc(100% - 2.375rem);
|
|
border-left: .125rem solid rgba(33,50,91,.1);
|
|
content: "";
|
|
} */
|
|
|
|
::selection {
|
|
color: #377dff;
|
|
background-color: rgba(55,125,255,.1);
|
|
}
|
|
|
|
li {
|
|
text-align: match-parent;
|
|
}
|
|
|
|
.step {
|
|
list-style: none;
|
|
}
|
|
|
|
.step .step-content {
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
}
|