css
The css
folder has the main.css
file and the following is the sample of the main.css
file.
.example-page,#documentation,#apispage { margin: 0px 20px; } .api-list{ list-style: none; display: grid; grid-template-columns: 50% 50%; padding: 10px; width: 100%; } .api-section { color: #4F868E; margin: 10px 10px 10px 10px; padding: 20px 10px 0 20px; border: 1px solid #BFBFBF; background-color:white; box-shadow: 0 5px 20px 0 #d2d2d2; height: 140px; } .api-section:hover { opacity: 1 !important; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3), 0 6px 20px 0 rgba(0,0,0,0.19) !important; } .api-section-icon { display: block; float: left; margin-right: 25px; } .api-section-title { display: block; font-size: 18px; line-height: 1.4; margin-bottom: 6px; } .api-section-description { display: block; font-size: 14px; line-height: 1.4; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; height: 60px; } .api-section-link { display: block; float:right; color: #09aeef; -moz-transition: color 0.1s ease-in-out; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; cursor: pointer; } .all_apis_button { margin-top: 25px; } a:link, a:visited { color: #4492ff; text-decoration: none; } a:hover { color: #4492ff; text-decoration: underline; } a:active { color: #4492ff; text-decoration: underline; } button { display: inline-block; border: none; padding: 10px 10px; margin: 0; text-decoration: none; background: #4492ff; color: #ffffff; font-family: sans-serif; font-size: 1rem; cursor: pointer; text-align: center; transition: background 250ms ease-in-out, transform 150ms ease; -webkit-appearance: none; -moz-appearance: none; } button:hover, button:focus { background: #0053ba; } button:focus { outline: 1px solid #fff; outline-offset: -4px; } button:active { transform: scale(0.99); }