0
1
Fork 0
hedera-web-mindshore/web/forms/cms/about/style.css

109 lines
1.4 KiB
CSS
Executable File

.about
{
padding: 1em;
}
.about .cols
{
max-width: 85em;
margin: 0 auto;
}
@media screen and (min-width: 1000px) /* and (max-width: 1399px) */
{
.about .cols
{
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
}/*
@media screen and (min-width: 1400px)
{
.about .cols
{
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}
}
@media screen and (min-width: 2000px)
{
.about .cols
{
column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}
}*/
.about .box
{
margin-bottom: 1em;
padding: 2em;
}
.about h1
{
padding: 0;
margin: 0;
font-weight: normal;
font-size: 1.6em;
}
.about h2
{
text-align: center;
font-size: 1.2em;
font-weight: normal;
margin: 1em;
}
.about h3
{
text-align: center;
font-size: 1.2em;
font-weight: normal;
padding: 1em;
color: #00796B;
}
.about p
{
margin: 1em 0;
}
.about p.summary
{
max-width: 26em;
text-align: center;
background-color: #FF8;
padding: 1em;
border-radius: 0.1em;
box-shadow: 0 0.2em 0.2em #AAA;
margin: 1.5em auto;
}
/* Images */
.about img
{
max-width: 90%;
text-align: center;
padding: 1em;
display: block;
margin: 0 auto;
}
.about img[alt="producers"],
.about img[alt="4_control"],
.about img[alt="dealer"],
.about img[alt="goods_transport"]
{
float: right;
}
.about img[alt="2_control"]
{
float: left;
}
.about img[alt="glass"]
{
display: inline;
padding: 0;
padding-left: 0.9em;
vertical-align: middle;
}