@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i%7COpen+Sans:300,300i,400,400i,600,600i,700,700i');
html {
}
body {
--font-family-sans-serif : 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--font-family-monospace : 'Montserrat', Georgia, 'Times New Roman', Times, serif;
color: #34495e;
line-height: 1.6rem;
letter-spacing: 0;
margin: 0;
overflow-x: hidden;
padding-top: 5rem;
}
.container-fluid {
max-width:1024px;
}
pre {
border: 1px solid #F4F4F4;
background-color: #F8F8F8;
margin: 0.8rem 0;
padding: 0.3rem 0;
border-radius: 2px;
font-family: "Roboto Mono", monospace;
line-height: 1.5em;
font-size: x-small;
}
pre.tip-categ01 {
border-left: 3px solid #399b4c;
padding-left: 0.7em;
}
pre span.tip-categ01 {
color: #148134;
}
pre.tip-categ02 {
border-left: 3px solid #2080dd;
padding-left: 0.7em;
}
pre span.tip-categ02 {
color: #0068c1;
}
pre.tip-categ03 {
border-left: 3px solid #e2b324;
padding-left: 0.7em;
}
pre span.tip-categ03 {
color: #c49800;
}
pre.tip-categ04 {
border-left: 3px solid #00a5b8;
padding-left: 0.7em;
}
pre span.tip-categ04 {
color: #008a9e;
}
pre.tip-categ05 {
border-left: 3px solid #e46853;
padding-left: 0.7em;
}
pre span.tip-categ05 {
color: #c54d3c;
}
pre.tip-categ06 {
border-left: 3px solid #6c757d;
padding-left: 0.7em;
}
pre span.tip-categ06 {
color: #6c757d;
}
pre.tip-cardpre {
text-align: left;
overflow-x: hidden;
}
p.tip-cardtext {
text-align: left;
margin-bottom: 0em;
}
td.tip-coldate {
white-space: nowrap;
}
@media (min-width: 576px) {
.container {
margin-left: 0rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 1rem;
margin-bottom: 1rem;
font-family : 'Montserrat', Georgia, 'Times New Roman', Times, serif;
font-weight : 400;
line-height : 1.2;
cursor: text;
}
h1 {
padding-bottom: .4rem;
font-size: 2.2rem;
line-height: 1.3;
}
h2 {
font-size: 1.75rem;
line-height: 1.225;
padding-bottom: 0.5em;
border-bottom: 1px solid #ddd;
}
h3 {
font-size: 1.4rem;
line-height: 1.43;
margin: 20px 0 7px;
}
h4 {
font-size: 1.2rem;
}
h5 {
font-size: 1rem;
}
h6 {
font-size: 1rem;
color: rgb(202, 196, 196);
}
th {
color: #34495e;
font-family : 'Montserrat', Georgia, 'Times New Roman', Times, serif;
font-weight : 500;
}
td {
color: #34495e;
}
.btn-primary,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
background-color: #2080dd !important;
border-color: #0068c1 !important;
}
.btn-primary:focus {
box-shadow: 0px 0px 0px 3px #7ecdfb !important;
}
.btn-primary:hover {
background-color: #0068c1 !important;
}
.btn-outline-primary {
border-color: #0068c1 !important;
color: #0068c1 !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:visited,
.btn-outline-primary:focus {
background-color: #0068c1 !important;
border-color: #0068c1 !important;
color: #ffffff !important;
}
.btn-outline-primary:focus {
box-shadow: 0px 0px 0px 3px #7ecdfb !important;
}
.btn-warning,
.btn-warning:active,
.btn-warning:visited,
.btn-warning:focus {
background-color: #e2b324 !important;
border-color: #c49800 !important;
color: #ffffff !important;
}
.btn-warning:focus {
box-shadow: 0px 0px 0px 3px #ffce42 !important;
}
.btn-warning:hover {
background-color: #c49800 !important;
}
.btn-outline-warning {
border-color: #c49800 !important;
color: #c49800 !important;
}
.btn-outline-warning:hover,
.btn-outline-warning:active,
.btn-outline-warning:visited,
.btn-outline-warning:focus {
background-color: #c49800 !important;
border-color: #c49800 !important;
color: #ffffff !important;
}
.btn-outline-warning:focus {
box-shadow: 0px 0px 0px 3px #ffce42 !important;
}
.btn-success,
.btn-success:active,
.btn-success:visited,
.btn-success:focus {
background-color: #399b4c !important;
border-color: #148134 !important;
}
.btn-success:focus {
box-shadow: 0px 0px 0px 3px #72d37f !important;
}
.btn-success:hover {
background-color: #148134 !important;
}
.btn-outline-success {
border-color: #148134 !important;
color: #148134 !important;
}
.btn-outline-success:hover,
.btn-outline-success:active,
.btn-outline-success:visited,
.btn-outline-success:focus {
background-color: #148134 !important;
border-color: #148134 !important;
color: #ffffff !important;
}
.btn-outline-success:focus {
box-shadow: 0px 0px 0px 3px #72d37f !important;
}
.btn-danger,
.btn-danger:active,
.btn-danger:visited,
.btn-danger:focus {
background-color: #e46853 !important;
border-color: #c54d3c !important;
}
.btn-danger:focus {
box-shadow: 0px 0px 0px 3px #ff9e85 !important;
}
.btn-danger:hover {
background-color: #c54d3c !important;
}
.btn-outline-danger {
border-color: #c54d3c !important;
color: #c54d3c !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger:visited,
.btn-outline-danger:focus {
background-color: #c54d3c !important;
border-color: #c54d3c !important;
color: #ffffff !important;
}
.btn-outline-danger:focus {
box-shadow: 0px 0px 0px 3px #ff9e85 !important;
}
.btn-info,
.btn-info:active,
.btn-info:visited,
.btn-info:focus {
background-color: #00a5b8 !important;
border-color: #008a9e !important;
}
.btn-info:focus {
box-shadow: 0px 0px 0px 3px #00ddf1 !important;
}
.btn-info:hover {
background-color: #008a9e !important;
}
.btn-outline-info {
border-color: #008a9e !important;
color: #008a9e !important;
}
.btn-outline-info:hover,
.btn-outline-info:active,
.btn-outline-info:visited,
.btn-outline-info:focus {
background-color: #008a9e !important;
border-color: #008a9e !important;
color: #ffffff !important;
}
.btn-outline-info:focus {
box-shadow: 0px 0px 0px 3px #00ddf1 !important;
}
div.tipfooter {
font-size: 0.7rem;
margin: 35px 0 15px;
padding-bottom: 0.5em;
border-top: 1px solid #ddd;
}
a.tipfooter {
color: #34495e;
}
div.tip-cardhide {
visibility: hidden;
}
@media (max-width: 575.98px) {
div.tip-cardhide {
display: none;
}
}
img.tip-boxshot {
max-width: 6rem;
}