diff --git a/static/css/style.css b/static/css/style.css index cdf058f..75d6ba1 100755 --- a/static/css/style.css +++ b/static/css/style.css @@ -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; } -} +} \ No newline at end of file