mirror of https://github.com/grpc/grpc.io.git
Enlarge the font size to be human readable
This commit is contained in:
parent
ab18a3d847
commit
573fa8fcc7
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue