Enlarge the font size to be human readable

This commit is contained in:
Lidi Zheng 2019-08-23 15:37:36 -07:00
parent ab18a3d847
commit 573fa8fcc7
1 changed files with 50 additions and 135 deletions

View File

@ -87,6 +87,7 @@ th {
html {
overflow-x: hidden;
font-size: 20px;
}
p img {
@ -97,7 +98,6 @@ p img {
padding: 1rem;
}
.btn {
margin-top: 2%;
margin-left: 0%;
@ -116,7 +116,6 @@ p img {
width: 100% !important;
}
.page-item.active .page-link {
background-color: #0CC1C8 !important;
border-color: #0CC1C8;
@ -135,12 +134,11 @@ p img {
padding-right: 4%;
font-size: 0.8em;
line-height: 1.5em;
color :#333333 !important;
color: #333333 !important;
font-style: italic;
padding-top: 2%;
}
.testimonialrow {
vertical-align: top;
display: inline-block;
@ -150,11 +148,9 @@ p img {
padding-top: 2%;
}
.testimonialsection img {
display: inline-block;
width: 60%;
padding-bottom: 6%;
vertical-align: top;
}
@ -165,7 +161,6 @@ p img {
vertical-align: top;
}
.testimonialquote {
float: left;
font-size: 3em;
@ -184,7 +179,6 @@ p img {
margin-right: 2%;
}
.plusmain {
color: #333333;
display: inline;
@ -195,10 +189,9 @@ p img {
}
.dropdown-item {
font-size: 0.8em;
font-size: 0.8em;
}
.arrow {
animation: bouncing 1s infinite ease-in-out;
bottom: 0;
@ -210,8 +203,6 @@ p img {
width: 50px;
}
body {
margin: 0 auto;
}
@ -227,9 +218,8 @@ body {
font-size: 1.3em;
background-image: url('../img/graphic-04.svg');
background-repeat: repeat;
position:relative;
background-size: 100%;
position: relative;
background-size: 100%;
}
.topbannersub {
@ -240,18 +230,17 @@ body {
float: center;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 18pt;
font-size: 0.9rem;
background-image: url('../img/graphic-04.svg');
background-repeat: repeat;
position: relative;
background-size: 100%;
}
.topnav {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 10pt;
font-size: 0.8rem;
letter-spacing: 0.05em;
margin-right: 5%;
color: white;
@ -270,7 +259,7 @@ body {
.logonav {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 10pt;
font-size: 0.8rem;
float: left;
position: absolute;
letter-spacing: 0.05em;
@ -283,14 +272,14 @@ body {
text-transform: uppercase;
}
.logonav img{
.logonav img {
width: 100% !important;
}
.subnav {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 10pt;
font-size: 0.8rem;
letter-spacing: 0.05em;
background-color: #EBF2F2;
color: #505050;
@ -313,7 +302,7 @@ body {
color: #0CC1C8;
}
.subnav.selected a:selected:link, a:selected:active{
.subnav.selected a:selected:link, a:selected:active {
color: #0CC1C8;
}
@ -334,12 +323,12 @@ col-md-9 faq-container {
*/
.headertext {
font-size: 30pt;
font-size: 1.5rem;
padding-top: 6%;
text-align: center;
}
.topbannertext{
.topbannertext {
width: 35%;
margin-left: 32.5%;
padding-top: 0.5%;
@ -359,12 +348,10 @@ col-md-9 faq-container {
width: 100%;
}
.bannerlogo img{
.bannerlogo img {
width: 50%;
}
button {
font-family: 'Open Sans', sans-serif;
background-color: white;
@ -377,7 +364,7 @@ button {
padding-bottom: 1.5%;
margin: 2%;
letter-spacing: 0.07em;
font-size: 13pt;
font-size: 1.1rem;
cursor: pointer;
}
@ -394,18 +381,17 @@ button {
}
.docssection2 {
padding-top:1%;
padding-top: 1%;
font-family: 'Open Sans', sans-serif;
width:100%;
font-weight:100;
font-size:1em;
color:#606060;
line-height:1.7em;
padding-left:0%;
text-align:center;
width: 100%;
font-weight: 100;
font-size: 1em;
color: #606060;
line-height: 1.7em;
padding-left: 0%;
text-align: center;
}
.section3 {
font-family: 'Open Sans', sans-serif;
width: 100%;
@ -445,11 +431,12 @@ button {
.docusecasesection {
font-family: 'Open Sans', sans-serif;
width:100%;
width: 100%;
margin-top: 2%;
font-weight: 100;
float: left;
}
.docusecasesection h4 {
font-size: 2.3em !important;
padding-top: 3%;
@ -465,6 +452,7 @@ button {
background-color: #EBF2F2;
float: left;
}
.doclangsection h4 {
font-size: 2.3em !important;
padding-top: 3%;
@ -472,7 +460,6 @@ button {
padding-right: 5%;
}
.docprojectsection {
font-family: 'Open Sans', sans-serif;
width: 100%;
@ -520,19 +507,17 @@ a {
float: left;
}
.quickstartcols {
margin-bottom: 17%;
font-family: 'Open Sans', sans-serif;
margin-left: 10%;
width: 100%;
font-weight: 100;
font-size: 11pt;
font-size: 0.6 rem;
padding-left: 5%;
float: left;
}
.quickstartcol1 {
float: left;
line-height: 1em !important;
@ -545,7 +530,6 @@ a {
padding-top: 5%;
}
.quickstartcol2 {
float: left;
text-align: left;
@ -556,15 +540,13 @@ a {
border-left: 0.5px solid #cccccc;
}
.quickstartcol1 h8{
.quickstartcol1 h8 {
font-size: 1.2em;
display: block;
line-height: 1.3em;
margin-bottom: 10%;
}
.quickstartcol1 a {
line-height: 1.5em;
margin-bottom: 10%;
@ -594,7 +576,7 @@ a {
width: 70%;
margin-left: 15%;
font-weight: 100;
font-size: 11pt;
font-size: 0.6rem;
margin-top: 4%;
float: left;
}
@ -648,7 +630,6 @@ a {
padding-bottom: 3%;
}
.docscol1 {
float: left;
width: 28%;
@ -677,15 +658,14 @@ a {
font-family: 'Open Sans', sans-serif;
width: 90%;
float: left;
font-size: 12pt;
padding-bottom:1%;
font-size: 0.6rem;
padding-bottom: 1%;
color: #707070;
line-height: 1.5em;
padding-right: 5%;
margin-bottom: 5%;
}
.col1 {
float: left;
width: 40%;
@ -703,7 +683,7 @@ a {
padding-bottom: 2%;
}
.col1image{
.col1image {
float: left;
display: block;
width: 25%;
@ -713,7 +693,7 @@ a {
display: block;
}
.col2image{
.col2image {
float: left;
width: 25%;
margin-right: 5%;
@ -749,14 +729,12 @@ a {
background-color: white;
}
.section4 {
font-family: 'Open Sans', sans-serif;
width: 100%;
background-size: 100%;
float: left;
font-size: 14pt;
font-size: 1rem;
text-align: center;
background-image: url('../img/graphic-04.svg');
background-repeat: no-repeat;
@ -771,7 +749,6 @@ a {
margin-top: 2%;
}
h1 {
font-family: 'Open Sans', sans-serif;
font-size: 2.5em;
@ -794,7 +771,6 @@ h2 {
font-size: 1em !important;
}
h3 {
font-family: 'Open Sans', sans-serif;
color: #266B6B;
@ -817,7 +793,7 @@ h4 {
h5 {
font-family: 'Open Sans', sans-serif;
font-size: 9pt;
font-size: 1rem;
font-weight: 300;
}
@ -839,27 +815,23 @@ h8 {
padding-bottom: 1%;
}
@media screen and (max-width: 1100px) {
table {
margin-top: 4%;
margin-bottom: 4%;
width: 100% !important;
}
tr {
padding:5% !important;
padding: 5% !important;
line-height: 1.2em;
border: 0.5px solid #cccccc;
}
td {
font-size: 0.9em;
text-align: left;
border: 0.5px solid #cccccc;
padding: 2%;
}
th {
line-height: 2em;
background-color: #efefef;
@ -868,12 +840,10 @@ h8 {
border: 0.5px solid #cccccc;
padding: 5% !important;
}
.refsection {
width: 90%;
padding-left: 10%;
}
.col1image {
padding-bottom: 0%;
padding-top: 0%;
@ -881,51 +851,41 @@ h8 {
margin-right: 5%;
width: 20%;
}
.col1 {
width: 80%;
padding-bottom: 0%;
margin-bottom: 0%;
}
.col2 {
width: 80%;
padding-bottom: 0%;
margin-bottom: 0%;
}
.cols {
padding-bottom: 5%;
padding-left: 15%;
}
.col1 h3 {
font-size: 0.5em !important;
}
.col2 h3 {
font-size: 0.5em !important;
}
.section4 {
background-repeat: repeat;
}
.col1image {
padding-bottom: 3%;
margin-bottom: 0%;
margin-right: 5%;
}
.colpart1 {
padding-bottom: 0%;
}
.colpart2 {
padding-top: 0%;
padding-bottom: 0%;
}
.section2 {
padding-top: 3%;
font-family: 'Open Sans', sans-serif;
@ -937,7 +897,6 @@ h8 {
padding-left: 10%;
text-align: center;
}
.bannerlogo img {
width: 35% !important;
}
@ -948,7 +907,6 @@ h8 {
width: 100%;
background-image: url('../img/graphic-04-mobile.svg');
}
.topbannersub {
width: 100%;
background-image: url('../img/graphic-04-mobile.svg');
@ -956,30 +914,26 @@ h8 {
position: relative;
background-size: 100%;
}
.bannerlogo img {
width:60% !important;
width: 60% !important;
}
.topbannertext {
.topbannertext {
width: 70% !important;
margin-left: 15% !important;
padding-top: 2%;
font-size: 1em !important;
padding-bottom: 0% !important;
}
.singleblog {
margin-bottom: 10%;
font-family: 'Open Sans', sans-serif;
width: 90%;
margin-left: 5%;
font-weight: 100;
font-size: 11pt;
font-size: 0.6rem;
margin-top: 4%;
float: left;
}
.blogcols {
margin-bottom: 17%;
font-family: 'Open Sans', sans-serif;
@ -989,7 +943,6 @@ h8 {
font-size: 0.8em;
float: left;
}
.blogcol1 {
float: left;
text-align: left;
@ -1001,46 +954,38 @@ h8 {
padding-top: 2%;
font-size: 0.8em;
}
.col1image {
padding-bottom: 3%;
margin-bottom: 5%;
margin-right: 5%;
}
h2 {
font-size: 1.5em !important;
padding-top: 2%;
padding-bottom: 2%;
}
.quickstartcols {
margin-bottom: 17%;
font-family: 'Open Sans', sans-serif;
width: 100% !important;
margin-left: 4%;
font-weight: 100;
font-size: 11pt;
font-size: 0.6rem;
padding-left: 5%;
float: left;
}
.quickstartcols img {
width: 100% !important;
}
.quickstartcol2 h3 {
font-size: 2.3em !important;
}
.quickstartcol2 h1 {
font-size: 2em !important;
}
.blogcol2 {
display: none;
}
.quickstartcol1 {
float: left;
text-align: left;
@ -1051,7 +996,6 @@ h8 {
padding-right: 0%;
padding-top: 5%;
}
.quickstartcol2 {
float: left;
text-align: left;
@ -1064,12 +1008,10 @@ h8 {
}
}
@media screen and (max-width: 700px) {
.headertext {
padding-top: 15%;
}
.subnav {
font-size: 1em;
padding-top: 3%;
@ -1077,7 +1019,6 @@ h8 {
padding-left: 2%;
padding-right: 2%;
}
.docscol1 {
float: left;
width: 90%;
@ -1086,7 +1027,6 @@ h8 {
padding-bottom: 3%;
text-align: center;
}
.docscol2 {
float: left;
width: 90% !important;
@ -1095,7 +1035,6 @@ h8 {
padding-bottom: 3%;
text-align: center;
}
.docscol3 {
float: left;
width: 90%;
@ -1104,7 +1043,6 @@ h8 {
padding-bottom: 3%;
text-align: center;
}
.doccols {
margin-bottom: 3%;
margin-top: 0%;
@ -1117,7 +1055,6 @@ h8 {
padding-left: 5%;
float: left;
}
.docstext {
width: 95%;
font-size: 0.9em;
@ -1125,74 +1062,59 @@ h8 {
padding-bottom: 5%;
text-align: center;
}
.dropdown-menu {
opacity: 0.9;
float: right !important;
width: 50%;
}
.topbannertext {
margin-bottom: 5%;
width: 80%;
margin-left: 10%;
font-size: 1em;
}
.section4 {
background-image: url('../img/graphic-04-mobile.svg');
}
.button {
padding-bottom: 5%;
}
.col1 {
width: 90%;
}
.col2 {
width: 90%;
}
.cols {
padding-bottom: 8%;
}
.section4 {
background-repeat: repeat;
}
.col1image {
margin-right: 5%;
margin-bottom: 10% !important;
}
h2 {
font-size: 1.5em;
padding-top: 4%;
padding-bottom: 4%;
}
h1 {
font-size:2.2em;
padding-top:4%;
padding-bottom:4%;
font-size: 2.2em;
padding-top: 4%;
padding-bottom: 4%;
}
.companybox img {
width:20%;
width: 20%;
}
.section2 {
padding-bottom:4%;
padding-bottom: 4%;
}
.section3 {
width:100%;
margin-bottom:7%;
width: 100%;
margin-bottom: 7%;
}
button {
font-family: 'Open Sans', sans-serif;
background-color: white;
@ -1206,39 +1128,32 @@ h8 {
margin: 1%;
margin-bottom: 10%;
letter-spacing: 0.07em;
font-size: 13pt;
font-size: 0.7rem;
}
.colpart1 {
padding-bottom: 5%;
text-align: left;
}
.colpart2 {
padding-top: 0%;
padding-bottom: 0%;
}
.coltext1 {
text-align: left;
display: block;
}
.cols {
padding-bottom: 14%;
padding-top: 5%;
font-size: 0.9em !important;
padding-left: 8%;
}
h3 {
font-size: 1.8em;
}
.companybox {
margin-left: 10%;
}
.videosection {
padding-top: 3%;
padding-bottom: 3%;
@ -1253,7 +1168,7 @@ h8 {
}
}
@media screen and (max-width:450px){
@media screen and (max-width:450px) {
.col1image {
padding-bottom: 5%;
margin-bottom: 20% !important;
@ -1261,4 +1176,4 @@ h8 {
width: 30%;
display: block;
}
}
}