first commit
This commit is contained in:
272
crm/index-quick.css
Normal file
272
crm/index-quick.css
Normal file
@ -0,0 +1,272 @@
|
||||
.index-page > #toc {
|
||||
display: none !important;
|
||||
}
|
||||
.index-page .article {
|
||||
width: 100%;
|
||||
padding-left: 0;
|
||||
}
|
||||
.ui-menu {
|
||||
z-index: 2;
|
||||
}
|
||||
.index-help__wrap h2 {
|
||||
margin: 0 !important;
|
||||
margin-bottom: 16px !important;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
color: #000000;
|
||||
}
|
||||
.index-page .sidebar {
|
||||
display: none;
|
||||
}
|
||||
.index-help ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.index-help li a {
|
||||
text-decoration: none;
|
||||
color: #367EB2;
|
||||
display: inline-block;
|
||||
line-height: 130%;
|
||||
}
|
||||
.main-title {
|
||||
font-family: Inter;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
font-size: 22px;
|
||||
line-height: 30px;
|
||||
color: #0A141E;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.start__video-bg {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.start {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding-top: 44px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.start__left-col {
|
||||
width: 24%;
|
||||
}
|
||||
.start__subtitle {
|
||||
font-family: Inter;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
color: #394149;
|
||||
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
.start__item + .start__item {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.start__center-col {
|
||||
width: 59%;
|
||||
padding-left: 34px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.start__video-bg {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.video__container {
|
||||
margin-bottom: 10px;
|
||||
width: 45%;
|
||||
}
|
||||
.video__container:nth-of-type(odd) {
|
||||
margin-right: 24px;
|
||||
}
|
||||
.start__right-col {
|
||||
padding: 25px 17px 25px 24px;
|
||||
width: 17%;
|
||||
background: #F9F9F9;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.start__item-examples {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
/* */
|
||||
|
||||
.settings {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.settings__list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
max-width: 1328px;
|
||||
}
|
||||
|
||||
.settings__item {
|
||||
width: 30%;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.settings__item:nth-of-type(2),
|
||||
.settings__item:nth-of-type(5) {
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.settings__item:nth-of-type(3),
|
||||
.settings__item:nth-of-type(6) {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
/* */
|
||||
|
||||
.create {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
max-width: 1328px;
|
||||
}
|
||||
|
||||
.create__left-col {
|
||||
margin-right: 10px;
|
||||
width: 64%;
|
||||
}
|
||||
|
||||
.create__list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.create__item {
|
||||
width: 47%;
|
||||
}
|
||||
|
||||
.create__item:nth-of-type(even) {
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.create__right-col {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.create__item-kb {
|
||||
margin-bottom: 25px;
|
||||
padding-left: 36px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.create__item-kb::before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
content: "";
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: url('./scripts.svg') no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.create__item-kb--2::before {
|
||||
background-image: url('./forms.svg');
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.create__item-kb--3::before {
|
||||
background-image: url('./news.svg');
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.create__item-kb--4::before {
|
||||
background-image: url('./glossary.svg');
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
@media (max-width: 1320px) {
|
||||
.create__left-col {
|
||||
margin-right: 0;
|
||||
}
|
||||
.create__item {
|
||||
width: 46%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1200px) {
|
||||
.start {
|
||||
position: relative;
|
||||
padding-bottom: 250px;
|
||||
}
|
||||
.start__left-col {
|
||||
width: 30%;
|
||||
}
|
||||
.start__center-col {
|
||||
width: 70%;
|
||||
}
|
||||
.start__right-col {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
.index-page .sidebar {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.ui-menu {
|
||||
max-width: 70%;
|
||||
}
|
||||
.start {
|
||||
flex-direction: column;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.start__left-col {
|
||||
width: 100%;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.start__center-col {
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
padding-right: 34px;
|
||||
}
|
||||
.start__right-col {
|
||||
display: block;
|
||||
position: static;
|
||||
transform: none;
|
||||
width: 100%;
|
||||
}
|
||||
.video__container {
|
||||
width: 100%;
|
||||
}
|
||||
.start__wrap {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.settings__list {
|
||||
flex-direction: column;
|
||||
}
|
||||
.settings .settings__item {
|
||||
width: 100%;
|
||||
padding-left: 0;
|
||||
}
|
||||
.create {
|
||||
flex-direction: column;
|
||||
}
|
||||
.create__list {
|
||||
flex-direction: column;
|
||||
}
|
||||
.create__item {
|
||||
width: 100%;
|
||||
}
|
||||
.create__item:nth-of-type(even) {
|
||||
padding-left: 0;
|
||||
}
|
||||
.create__right-col {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user