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

Updates to partner page design to add KCSPs (#5336)

Browse Source 
* Updates to partner page design to add KCSPs

* Update index.html

* Update partner-style.css

* Update partner-script.js

* Add files via upload

* Update partner-script.js

* Add files via upload

* Update partner-script.js
This commit is contained in:
Kaitlyn Barnard
2017-09-11 19:01:43 +02:00
committed by Zach Corleissen
parent 51104cb1fc
commit a9208e8a5d
14 changed files with 181 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/partner-style.css
+68 -4
View File
@@ -1,5 +1,65 @@
/* SECTIONS */
.section {
clear: both;
padding: 0px;
margin-bottom: 2em;
}
/* COLUMN SETUP */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
background-color: #f9f9f9;
}
.col:first-child { margin-left: 0; }
/* GROUPING */
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; /* For IE 6/7 */
}
/* GRID OF THREE */
.span_3_of_3 {
width: 32.2%;
background-color: #f9f9f9;
padding: 20px;
}
.span_2_of_3 {
width: 32.2%;
background-color: #f9f9f9;
padding: 20px;
}
.span_1_of_3 {
width: 32.2%;
background-color: #f9f9f9;
padding: 20px;
}
/* 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%; }
}
.button{
max-width: 100%;
line-height: 14px;
padding: 15px;
}
h5 {
font-size: 18px;
font-size: 16px;
line-height: 1.5em;
margin-bottom: 2em;
}
@@ -9,7 +69,7 @@ h5 {
background-color: #f9f9f9;
}
#isvContainer, #servContainer {
#kcspContainer, #isvContainer, #servContainer {
position: relative;
width: 100%;
display: flex;
@@ -21,6 +81,10 @@ h5 {
margin-bottom: 80px;
}
#kcspContainer {
margin-bottom: 80px;
}
.partner-box {
position: relative;
width: 47%;
@@ -58,7 +122,7 @@ h5 {
}
@media screen and (max-width: 568px) {
#isvContainer, #servContainer {
#kcspContainer, #isvContainer, #servContainer {
justify-content: center;
}
@@ -76,7 +140,7 @@ h5 {
}
@media screen and (max-width: 568px) {
#isvContainer, #servContainer {
#kcspContainer, #isvContainer, #servContainer {
justify-content: center;
}