web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updated the contact page with the new design

Browse Source
This commit is contained in:
CatalinScr
2017-08-31 16:26:20 +03:00
parent 83be769bb3
commit 0ceb4cbbcb
3 changed files with 54 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
customize.dist/src/less2/pages/page-contact.less
View File

@@ -13,18 +13,35 @@
.cp-container {
background: #fff;
.cp-iconCont{
h4 {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
div {
.card {
padding: 3.5em 1em 1em 1em;
padding: 4em 1em 0.5em 1em;
box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
border-color: #fff;
text-align: center;
margin-bottom: 1em;
&:hover, &:focus {
text-decoration: none;
box-shadow: 0 2px 4px rgba(69, 145, 196, 0.6);
transform: scale(1.05);
}
@media (max-width: 1200px) and (min-width: 769px) {
min-height: 139px;
}
@media (max-width: 768px) and (min-width: 576px){
min-height: 164px;
}
@media (max-width: 496px) {
min-height: 140px;
}
@media (max-width: 335px) {
min-height: 162px;
}
}
&:nth-child(3) {
&:nth-child(2) {
.card {
background-image: url(/customize/images/twitter.svg);
background-repeat: no-repeat;
@@ -32,7 +49,7 @@
background-size: 3rem;
}
}
&:nth-child(4) {
&:nth-child(3) {
.card {
background-image: url(/customize/images/issue.svg);
background-repeat: no-repeat;
@@ -40,6 +57,22 @@
background-size: 3rem;
}
}
&:nth-child(4) {
.card {
background-image: url(/customize/images/sayhi.svg);
background-repeat: no-repeat;
background-position: 50% 10%;
background-size: 3rem;
}
}
&:nth-child(5) {
.card {
background-image: url(/customize/images/email.svg);
background-repeat: no-repeat;
background-position: 50% 10%;
background-size: 3rem;
}
}
}
}
}