.column {
float: left;
padding: 10px;
}
.left {
width: 40%;
margin-left: auto;
margin-right: auto;
}
.middle {
width: 40%;
height: auto;
}
.right {
width: 20%;
}
.column {
float: left;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Responsive layout - makes Style the threecounter columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1300px) {
.column {
width: 100%;
}
}
/* Style the counter cards */
.card {
min-width: 225px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
padding: 16px;
text-align: center;
background-color: #fbfbf9;
font-family: Verdana, sans-serif;
height: auto;
}
* {
box-sizing: border-box;
}
.header_container {
text-align: center;
display: block;
align-items: center;cards */
.card {
min-width: 225px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
padding: 16px;
text-align: center;
background-color: #fbfbf9;
font-family: Verdana, sans-serif;
height: auto;
}
* {
box-sizing: border-box;
}
.header_container {
text-align: center;
display: block;
align-items: center;
}
.header_container {
overflow: hidden;
}
.header_container div {
/*min-height: 200px;*/
}
.header_left {
padding: 20px;
float: left;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.header_containerright {
overflowfloat: hiddenright;
}
.header_container div {
/*min- width: 50% !important;
height: 200pxauto;*/
}
.header_leftright1 div{
padding: 20px;
floattext-align: leftcenter;
widthalign-items: 50%center;
}
/* Use margin-left: auto;
margin-right: auto;
}
.header_right {
float: right;
width: 50% !important;
height: auto;
}
.header_right1 div{
text-align: center;
align-items: center;
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 1200px) {
.header_container {
display: a media query to add a break point at 800px: */
@media screen and (max-width: 1200px) {
.header_container {
display: block;
}
}
@media screen and (max-width: 1200px) {
.header_left,
.header_right {
float: none;
margin: auto;
width: auto;
border: 0;
/*border-bottom: 2px solid #000;*/
}
}
.carousel {
display: block;
max-width: 400px;
min-width: 400px;
padding-top: 0px;
padding-left: 5px;
margin-left: auto;
margin-right: auto;
}
.mySlides {
display: none;
}
.mySlides img{
object-fit: cover;
width: 100%;
height: auto;
}
.mySlide {
width: 100%;
height: 100%;
border-radius: 5%;
}
#main1 {
max-width: 1600px;
}
#main1 {
max-width: 1600px;
} .test .confluenceTd {
padding: 2px 5px !important;
/* CONFDEV-13618: line-height will add up 3 pixels, so we have a 10px top padding for text. Images will remain with 7px top margin though (see thread in Stash) */
vertical-align: top;
text-align: center;
min-width: 8px;
/* CONF-39943: set table cell min-width to which cursor can be focused */
background-color: #FFFFFF !important;
border: 0px none #FFF;
}
.test .confluenceTd td {
padding: 2px0px 5px15px !important;
/* CONFDEV-13618: line-height will add up 3 pixels, so we have a 10px top padding for text. Images will remain with 7px top margin though (see thread in Stash) */
vertical-align: top;
text-align: center;
min-width: 8px;
/* CONF-39943: set table cell min-width to which cursor can be focused */
background-color: #FFFFFF !important;
border: 0px none #FFF;
}
.test .confluenceTd td {
padding: 0px 15px !important;
/* CONFDEV-13618: line-height will add up 3 pixels, so we have a 10px top padding for text. Images will remain with 7px top margin though (see thread in Stash) */
vertical-align: top;
text-align: center;
min-width: 8px;
/* CONF-39943: set table cell min-width to which cursor can be focused */
background-color: #FFFFFF !important;
border: 0px none #FFF; #FFF;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1500px) {
.column {
width: 100%;
}
}
@media screen and (max-width: 1500px) {
.card {
max-width: 250px !important;
margin-left: auto;
margin-right: auto;
}
} | 
ISG Playbook
APIs