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);
}