whentimeslows/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New Partners Section for Conformance (#6182)

Browse Source 
* New partners section for conformance

* Updates to conformance section

* Removing version numbers and swapping in company logos

* Updating logos
This commit is contained in:
Kaitlyn Barnard
2017-11-13 08:30:47 -08:00
committed by Zach Corleissen
parent f7ca5c7a52
commit 99e14f1fcc
48 changed files with 383 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/partner-style.css
+48 -12
View File
@@ -5,6 +5,12 @@
margin-bottom: 2em;
}
.kcsp_section {
clear: both;
padding: 0px;
margin-bottom: 2em;
}
/* COLUMN SETUP */
.col {
display: block;
@@ -28,28 +34,54 @@
zoom:1; /* For IE 6/7 */
}
/* GRID OF THREE */
.span_3_of_3 {
width: 32.2%;
/* GRID OF FOUR */
.span_4_of_4 {
width: 23%;
background-color: #f9f9f9;
padding: 20px;
}
.span_2_of_3 {
width: 32.2%;
.span_3_of_4 {
width: 23%;
background-color: #f9f9f9;
padding: 20px;
}
.span_1_of_3 {
width: 32.2%;
.span_2_of_4 {
width: 23%;
background-color: #f9f9f9;
padding: 20px;
}
.span_1_of_4 {
width: 23%;
background-color: #f9f9f9;
padding: 20px;
}
.col-container {
display: table; /* Make the container element behave like a table */
width: 100%; /* Set full-width to expand the whole page */
padding-bottom: 80px;
}
.col-nav {
display: table-cell; /* Make elements inside the container behave like table cells */
width: 25%;
background-color: #f9f9f9;
padding: 20px;
border: 5px solid white;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.col { margin: 1% 0 1% 0%;}
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 { width: 100%; }
}
@media only screen and (max-width: 650px) {
.col-nav {
display: block;
width: 100%;
}
}
.button{
@@ -69,7 +101,7 @@ h5 {
background-color: #f9f9f9;
}
#kcspContainer, #isvContainer, #servContainer {
#distContainer, #kcspContainer, #isvContainer, #servContainer {
position: relative;
width: 100%;
display: flex;
@@ -85,6 +117,10 @@ h5 {
margin-bottom: 80px;
}
#distContainer {
margin-bottom: 80px;
}
.partner-box {
position: relative;
width: 47%;
@@ -94,7 +130,7 @@ h5 {
padding: 20px;
flex: 1;
display: flex;
justify-content: space-between;
justify-content: left;
align-items: flex-start;
}
@@ -122,7 +158,7 @@ h5 {
}
@media screen and (max-width: 568px) {
#kcspContainer, #isvContainer, #servContainer {
#distContainter, #kcspContainer, #isvContainer, #servContainer {
justify-content: center;
}
@@ -140,7 +176,7 @@ h5 {
}
@media screen and (max-width: 568px) {
#kcspContainer, #isvContainer, #servContainer {
#distContainer, #kcspContainer, #isvContainer, #servContainer {
justify-content: center;
}