hedera-web/forms/cms/about/style.scss

87 lines
1.4 KiB
SCSS
Raw Normal View History

2015-01-31 01:05:12 +00:00
2022-05-26 06:08:31 +00:00
@media screen and (min-width: 1000px) /* and (max-width: 1399px) */ {
2015-12-10 13:48:43 +00:00
.about .cols
{
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
}/*
2022-05-26 06:08:31 +00:00
@media screen and (min-width: 1400px) {
2015-12-10 13:48:43 +00:00
.about .cols
{
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}
}
2022-05-26 06:08:31 +00:00
@media screen and (min-width: 2000px) {
2015-12-10 13:48:43 +00:00
.about .cols
{
column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}
}*/
2022-05-26 06:08:31 +00:00
.about .box {
2022-05-28 00:37:24 +00:00
margin-bottom: 16px;
padding: 32px;
2015-12-10 13:48:43 +00:00
}
2022-05-26 06:08:31 +00:00
.about h1 {
2015-12-10 13:48:43 +00:00
padding: 0;
margin: 0;
font-weight: normal;
2022-11-11 15:17:20 +00:00
font-size: 1.6rem;
2015-12-10 13:48:43 +00:00
}
2022-05-26 06:08:31 +00:00
.about h2 {
text-align: center;
2022-11-11 15:17:20 +00:00
font-size: 1.2rem;
2015-01-31 01:05:12 +00:00
font-weight: normal;
margin: 1em;
}
2022-05-26 06:08:31 +00:00
.about h3 {
text-align: center;
2022-11-11 15:17:20 +00:00
font-size: 1.2rem;
2015-01-31 01:05:12 +00:00
font-weight: normal;
2015-12-10 13:48:43 +00:00
padding: 1em;
color: #00796B;
}
2022-05-26 06:08:31 +00:00
.about p {
2015-12-10 13:48:43 +00:00
margin: 1em 0;
2015-02-08 15:38:38 +00:00
}
2022-05-26 06:08:31 +00:00
.about p.summary {
2015-12-10 13:48:43 +00:00
max-width: 26em;
text-align: center;
background-color: #FF8;
2015-02-08 15:38:38 +00:00
padding: 1em;
2015-01-31 01:05:12 +00:00
border-radius: 0.1em;
box-shadow: 0 0.2em 0.2em #AAA;
2015-12-10 13:48:43 +00:00
margin: 1.5em auto;
}
/* Images */
2022-05-26 06:08:31 +00:00
.about img {
2015-01-31 01:05:12 +00:00
max-width: 90%;
text-align: center;
2015-01-31 01:05:12 +00:00
padding: 1em;
display: block;
2015-01-31 01:05:12 +00:00
margin: 0 auto;
}
2015-03-06 23:33:54 +00:00
.about img[alt="producers"],
.about img[alt="4_control"],
.about img[alt="dealer"],
2022-05-26 06:08:31 +00:00
.about img[alt="goods_transport"] {
float: right;
}
2022-05-26 06:08:31 +00:00
.about img[alt="2_control"] {
float: left;
}
2022-05-26 06:08:31 +00:00
.about img[alt="glass"] {
display: inline;
2015-01-31 01:05:12 +00:00
padding: 0;
padding-left: 0.9em;
vertical-align: middle;
}