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

109 lines
1.4 KiB
CSS
Raw Normal View History

2015-01-31 01:05:12 +00:00
2015-03-06 23:33:54 +00:00
.about
{
2015-02-08 15:38:38 +00:00
padding: 1em;
}
2015-12-10 13:48:43 +00:00
.about .cols
{
2015-12-10 13:48:43 +00:00
max-width: 85em;
2015-01-31 01:05:12 +00:00
margin: 0 auto;
}
2015-12-10 13:48:43 +00:00
@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;
}
2015-03-06 23:33:54 +00:00
.about h2
{
text-align: center;
2015-01-31 01:05:12 +00:00
font-size: 1.2em;
font-weight: normal;
margin: 1em;
}
2015-03-06 23:33:54 +00:00
.about h3
{
text-align: center;
2015-01-31 01:05:12 +00:00
font-size: 1.2em;
font-weight: normal;
2015-12-10 13:48:43 +00:00
padding: 1em;
color: #00796B;
}
2015-03-06 23:33:54 +00:00
.about p
{
2015-12-10 13:48:43 +00:00
margin: 1em 0;
2015-02-08 15:38:38 +00:00
}
2015-12-10 13:48:43 +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 */
2015-03-06 23:33:54 +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"],
.about img[alt="goods_transport"]
{
float: right;
}
2015-03-06 23:33:54 +00:00
.about img[alt="2_control"]
{
float: left;
}
2015-03-06 23:33:54 +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;
}