529 lines
12 KiB
Plaintext
529 lines
12 KiB
Plaintext
@import "base.less";
|
|
|
|
.InnerPage.HelpCenterMain {
|
|
margin-top: -24px;
|
|
}
|
|
|
|
.InnerPage {
|
|
width: 100%;
|
|
/*&.HelpCenterMain {
|
|
div.description {
|
|
.menuleft {
|
|
margin-top: 4px;
|
|
}
|
|
}
|
|
}*/
|
|
p.spp_text {
|
|
font-size: 15px;
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.spp_link {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.spp_heading {
|
|
&:before {
|
|
content: '';
|
|
position: relative;
|
|
top: -20px;
|
|
display: block;
|
|
width: 82px;
|
|
height: 64px;
|
|
background-image: url(/images/solutions/cloudoffice/cloudsolution_icons_secureservices.png);
|
|
background-repeat: no-repeat;
|
|
margin: 0 auto;
|
|
background-position: -2186px 0;
|
|
}
|
|
}
|
|
|
|
.subscriptionMainContainer.PopupPanel {
|
|
width: 649px;
|
|
height: 633px;
|
|
background: transparent url(/images/mainpage/pop-up-bg.png) 50% 0 no-repeat;
|
|
.shadowFullCustomizable(0, 0, 0, transparent);
|
|
-webkit-animation: fadeIn 0.5s;
|
|
-moz-animation: fadeIn 0.5s;
|
|
-ms-animation: fadeIn 0.5s;
|
|
-o-animation: fadeIn 0.5s;
|
|
animation: fadeIn 0.5s;
|
|
|
|
.PopupPanelCaption {
|
|
padding: 110px 140px 0;
|
|
}
|
|
|
|
.dataForm {
|
|
padding: 0 140px 0;
|
|
|
|
.dataItem {
|
|
position: relative;
|
|
}
|
|
|
|
.dataFormError {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -8px;
|
|
}
|
|
}
|
|
|
|
.success {
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
width: 367px;
|
|
|
|
.captchaDescription {
|
|
color: #666666;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 150%;
|
|
margin: 21px 0;
|
|
}
|
|
}
|
|
|
|
.progressPanel {
|
|
text-align: center;
|
|
|
|
.button {
|
|
padding-left: 25px;
|
|
padding-right: 25px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.integration-buy-link {
|
|
font-size: 15px;
|
|
padding: 10px 0 30px;
|
|
}
|
|
|
|
.selected_pricing_plan {
|
|
.integration-buy-link {
|
|
padding-bottom: 28px;
|
|
}
|
|
}
|
|
|
|
.h2subheading {
|
|
font-size: 30px;
|
|
display: block;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
div.description {
|
|
color: @textColor;
|
|
font-size: 14px;
|
|
margin: -10px 0 20px 304px;
|
|
max-width: 1300px;
|
|
padding: 0 10% 0 24px;
|
|
position: relative;
|
|
width: auto;
|
|
|
|
|
|
ol {
|
|
line-height: 1.5em;
|
|
margin: 10px 0 10px 20px;
|
|
padding: 0;
|
|
}
|
|
|
|
ul {
|
|
line-height: 1.5em;
|
|
margin-left: 20px;
|
|
padding: 0;
|
|
}
|
|
|
|
.changelog-version-block {
|
|
ul {
|
|
padding: 0 0 20px;
|
|
}
|
|
}
|
|
|
|
.menuleft {
|
|
float: left;
|
|
position: relative;
|
|
width: 264px;
|
|
z-index: 100;
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
line-height: 1.3em;
|
|
margin-left: 0;
|
|
|
|
&:first-child {
|
|
margin-left: 0;
|
|
margin-top: -7px;
|
|
}
|
|
|
|
ul {
|
|
border-right: 0;
|
|
}
|
|
}
|
|
|
|
li {
|
|
font-size: 13px;
|
|
margin-left: 0;
|
|
padding: 0;
|
|
|
|
li {
|
|
margin-left: 12px;
|
|
|
|
li {
|
|
li {
|
|
margin-left: 12px;
|
|
}
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: @textColorBlackDark;
|
|
cursor: pointer;
|
|
display: block;
|
|
margin: 2px 0;
|
|
padding: 6px 0;
|
|
position: relative;
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
color: @textColorLinkMain;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
span {
|
|
color: @textColorBlackDark;
|
|
cursor: pointer;
|
|
display: block;
|
|
margin: 2px 0;
|
|
padding: 6px 0;
|
|
position: relative;
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
color: @textColorLinkMain;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
li {
|
|
margin-left: 20px;
|
|
padding: 0;
|
|
}
|
|
|
|
div.description {
|
|
.menuleft {
|
|
li {
|
|
li {
|
|
li {
|
|
margin-left: 12px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
h5 {
|
|
color: @textColor;
|
|
font-size: 22px;
|
|
font-weight: 300;
|
|
margin: 25px 0 5px;
|
|
text-transform: none;
|
|
|
|
a {
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
text-decoration: underline !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
color: @redColor;
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
text-transform: none;
|
|
}
|
|
|
|
.Breads {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
|
|
h5 {
|
|
color: @textColor;
|
|
display: none;
|
|
font-family: 'Open Sans', sans-serif, Arial;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
margin: 0 8px 0 0;
|
|
text-decoration: none;
|
|
text-transform: none;
|
|
|
|
&::before {
|
|
content: "> ";
|
|
}
|
|
|
|
a {
|
|
color: @textColor;
|
|
font-family: 'Open Sans', sans-serif, Arial;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
text-decoration: none;
|
|
text-transform: none;
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
display: inline;
|
|
margin: 0 8px 0 0;
|
|
|
|
&::before {
|
|
content: "> ";
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
color: @textColor;
|
|
display: inline;
|
|
font-family: 'Open Sans', sans-serif, Arial;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
margin: 0 8px 0 0;
|
|
text-decoration: none;
|
|
|
|
a {
|
|
color: @textColorLinkMain;
|
|
font-family: 'Open Sans', sans-serif, Arial;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
p {
|
|
font-size: 14px;
|
|
line-height: 1.5em;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
a {
|
|
color: @textColorLinkMain;
|
|
}
|
|
}
|
|
|
|
.innerblue {
|
|
margin: 0 auto 50px;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.undertop {
|
|
margin: 24px 0 24px 331px;
|
|
width: auto;
|
|
}
|
|
|
|
.InnerPage.HelpCenterMain {
|
|
.Breads {
|
|
h2 {
|
|
a {
|
|
&:hover {
|
|
cursor: text;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.FAQ h6, div.description h4, div.description h2, .errorreport h4, .narrowdesc h4, .InnerPage div.description .menuleft h4, .documenteditorpages .MainHelpCenter h2, .documenteditorpages .MainHelpCenter h3, span.gettingstartedheader a.crm-task-title, .PageGuides ul li h2 a {
|
|
color: @textColor;
|
|
display: block;
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
line-height: 1.2em;
|
|
margin: 10px 0;
|
|
text-transform: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.PageGuides ul li h2 a {
|
|
color: @textColor;
|
|
display: block;
|
|
font-size: 30px;
|
|
font-weight: 300;
|
|
line-height: 1.5em;
|
|
text-transform: none;
|
|
width: 100%;
|
|
}
|
|
|
|
div.description {
|
|
h2 {
|
|
color: @textColor;
|
|
font-family: 'Open Sans', sans-serif, Arial;
|
|
font-size: 30px;
|
|
font-weight: 300;
|
|
line-height: 1.3em;
|
|
margin: 25px 0 10px;
|
|
}
|
|
}
|
|
|
|
.mainpart {
|
|
min-height: 100%;
|
|
padding-bottom: 50px;
|
|
position: relative;
|
|
}
|
|
|
|
.basement {
|
|
bottom: 0;
|
|
height: 50px;
|
|
left: 0;
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
|
|
.BaseFooter {
|
|
div {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
.bottommenu {
|
|
float: left;
|
|
font-size: 13px;
|
|
margin: 0 0 0 24px;
|
|
|
|
ul {
|
|
display: inline-block;
|
|
|
|
li {
|
|
display: inline-block;
|
|
margin-right: 12px;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: @textColorBlackDark;
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
a.learn_more {
|
|
color: @textColorLinkMain;
|
|
text-decoration: none;
|
|
text-transform: none;
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
footer {
|
|
.footercolor {
|
|
background: #fff;
|
|
}
|
|
|
|
.narrowfooter {
|
|
width: auto;
|
|
margin: 0;
|
|
|
|
.bottomlines {
|
|
max-width: 1300px;
|
|
margin: 0 auto;
|
|
padding: 102px 0;
|
|
padding-top: 56px;
|
|
display: grid;
|
|
grid-template-columns: 0.8fr 0.8fr 0.8fr 1fr;
|
|
grid-column-gap: 32px;
|
|
|
|
& > div {
|
|
display: inline-block;
|
|
font-family: 'Open Sans',sans-serif;
|
|
color: #fff;
|
|
margin: 19px 0px 0px 39px;
|
|
font-size: 13px;
|
|
|
|
&:nth-child(1) {
|
|
margin-right: 44px;
|
|
}
|
|
|
|
&:nth-child(2) {
|
|
margin-right: 60px;
|
|
}
|
|
}
|
|
|
|
.copyReserved {
|
|
float: left;
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
}
|
|
}
|
|
|
|
.docsa_logo {
|
|
margin: 0;
|
|
display: block;
|
|
float: none;
|
|
height: 30px;
|
|
width: 162px;
|
|
margin-left: 36px;
|
|
margin-bottom: 10px;
|
|
background-image: url(/images/landing/docsa/logo.svg);
|
|
background-size: cover;
|
|
}
|
|
}
|
|
}
|
|
|
|
.footer_menu_item {
|
|
padding: 0 0 35px;
|
|
color: #333;
|
|
|
|
> div {
|
|
display: block;
|
|
}
|
|
|
|
div {
|
|
font-size: 13px;
|
|
margin: 0 0 7px;
|
|
line-height: 1.4em;
|
|
|
|
a {
|
|
color: #333;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
.transition2(color, .2s);
|
|
|
|
&:hover {
|
|
color: #ff7a4b;
|
|
}
|
|
|
|
&.mail_links {
|
|
text-decoration: underline;
|
|
color: @redColor;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.bottomlines {
|
|
padding-top: 70px;
|
|
margin-bottom: 25px;
|
|
height: auto;
|
|
display: grid;
|
|
grid-template-columns: 0.8fr 0.8fr 0.8fr 1fr;
|
|
grid-column-gap: 32px;
|
|
}
|
|
|
|
|