Line 63: | Line 63: | ||
line-height: 40px; | line-height: 40px; | ||
color: #355681; | color: #355681; | ||
− | |||
border-bottom: 1px solid rgba(53,86,129, 0.3); | border-bottom: 1px solid rgba(53,86,129, 0.3); | ||
} | } |
Latest revision as of 17:33, 25 October 2017
@import url("demo.css");
.demo-2 body {
background: #fff;
}
.main {
width: 100%; max-width:1600px; padding: 40px; text-shadow: 0 2px 0 rgba(255,255,255,0.7);
}
/* DEMO 2 */
.demo-2 .main h1 {
margin: 1em 0 0.5em 0; font-weight: 600; font-family: 'Titillium Web', sans-serif; position: relative; font-size: 36px; line-height: 40px; padding: 15px 15px 15px 15%; color: #355681; box-shadow: inset 0 0 0 1px rgba(53,86,129, 0.4),
inset 0 0 5px rgba(53,86,129, 0.5), inset -285px 0 35px white;
border-radius: 0 10px 0 10px; background: #fff url(../images/bartoszkosowski.jpg) no-repeat center left;
}
.demo-2 .main h2 {
margin: 1em 0 0.5em 0; font-weight: normal; position: relative; text-shadow: 0 -1px rgba(0,0,0,0.6); font-size: 28px; line-height: 40px; background: #355681; background: rgba(53,86,129, 0.8); border: 1px solid #fff; padding: 5px 15px; color: white; border-radius: 0 10px 0 10px; box-shadow: inset 0 0 5px rgba(53,86,129, 0.5); font-family: 'Muli', sans-serif;
}
.demo-2 .main h3 {
margin: 1em 0 0.5em 0; font-weight: 600; font-family: 'Titillium Web', sans-serif; position: relative; text-shadow: 0 -1px 1px rgba(0,0,0,0.4); font-size: 22px; line-height: 40px; color: #355681; border-bottom: 1px solid rgba(53,86,129, 0.3);
}
.demo-2 .main h4 {
margin: 1em 0 0.5em 0; font-weight: 600; font-family: 'Titillium Web', sans-serif; position: relative; font-size: 18px; line-height: 20px; color: #788699; font-family: 'Muli', sans-serif;
} .demo-2 .main p {
font-size: 1.225em; margin-bottom: 1.500em; line-height: 1.6em; font-weight: 400; text-align:justify; font-family: 'Montserrat', sans-serif;
}