@import url(http://fonts.googleapis.com/css?family=Patua+One|Roboto:300|Roboto+Slab:400,700|PT+Serif:400,700,400italic,700italic); /*! Inline Editor - v0.1.0 - * 2015-08-28 * * https://github.com/alsofronie/inline-editor * Copyright (c) 2015 Alex Sofronie; * Licensed MIT */ body, td, input, select { -webkit-font-smoothing: antialiased; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ied-content { color: rgba(0, 0, 0, 0.8); font-size: 22px; line-height: 1.5; position: relative; width: 100%; margin: 30px 0; } .ied-content > .ied-article section.col { width: 700px; margin: 0 auto; padding: 20px 0; } .ied-content > .ied-article section.col figure { position: relative; max-width: 100%; clear: both; box-sizing: border-box; outline: none; } .ied-content > .ied-article section.col figure figcaption { position: absolute; left: -172px; width: 150px; top: 0; text-align: right; margin-top: 0; padding-top: 10px; font-weight: 400; font-style: italic; font-size: 14px; line-height: 1.4; color: rgba(0, 0, 0, 0.6); outline: 0; } .ied-content > .ied-article section.col figure figcaption:after { position: absolute; width: 25%; margin-left: 75%; border-top: 1px solid rgba(0, 0, 0, 0.15); display: block; content: ''; top: 0; } .ied-content > .ied-article section.col figure img { max-width: 100%; height: auto; margin: 0 auto; display: block; } .ied-content > .ied-article section.col.wide { width: 900px; } .ied-content > .ied-article section.col.full { width: 100%; } .ied-content > .ied-article section.col.wide figcaption, .ied-content > .ied-article section.col.full figure figcaption { position: relative; left: auto; width: auto; top: auto; text-align: center; } .ied-content > .ied-article section.col.wide figcaption:after, .ied-content > .ied-article section.col.full figure figcaption:after { border: none; } .ied-content > .ied-article section.col.wide img, .ied-content > .ied-article section.col.full figure img { width: 100%; height: auto; } .ied-content > .ied-article section.col.inline-text > figure, .ied-content > .ied-article section.col.inline-text-expand > figure { float: left; margin: 0 30px 10px 0; width: 50%; max-width: 50%; } .ied-content > .ied-article section.col.inline-text > figure > img, .ied-content > .ied-article section.col.inline-text-expand > figure > img { width: 100%; } .ied-content > .ied-article section.col.inline-text > figure > figcaption, .ied-content > .ied-article section.col.inline-text-expand > figure > figcaption { display: block; } .ied-content > .ied-article section.col.inline-text-expand > figure { position: relative; margin-left: -160px; width: 75%; max-width: 75%; } .ied-content > .ied-article section.col.inline-text-expand > figure > figcaption { left: auto; width: auto; top: auto; text-align: center; position: relative; } .ied-content > .ied-article section.col.inline-text-expand > figure > figcaption:after { border: none; } .ied-content > .ied-article section.col.multiple-odd > figure > img { display: inline-block; margin: 0; width: 50%; } .ied-content > .ied-article section.col.multiple-odd > figure > img:nth-last-of-type(1) { width: 100%; display: block; clear: both; margin-left: auto; margin-right: auto; } .ied-content > .ied-article section.col.multiple-odd > figure > figcaption { display: block; clear: both; position: relative; left: auto; width: auto; top: auto; text-align: center; } .ied-content > .ied-article section.col.multiple-odd > figure > figcaption:after { border: none; } .ied-content > .ied-article section.col.multiple-even > figure > img { display: inline-block; clear: none; width: 50%; margin: 0; } .ied-content > .ied-article section.col.multiple-even > figure > figcaption { position: relative; left: auto; width: auto; top: auto; text-align: center; } .ied-content > .ied-article section.col.multiple-even > figure > figcaption:after { border: none; } .ied-content > .ied-article section.col h1, .ied-content > .ied-article section.col h2, .ied-content > .ied-article section.col h3, .ied-content > .ied-article section.col h4, .ied-content > .ied-article section.col h5, .ied-content > .ied-article section.col h6, .ied-content > .ied-article section.col p, .ied-content > .ied-article section.col figure { margin: 0; padding: 0; } .ied-content > .ied-article section.col h1 { font-family: 'Roboto Slab', cursive; font-size: 70px; line-height: 1; padding-bottom: 20px; } .ied-content > .ied-article section.col h2 { font-family: 'Roboto Slab', 'Lucida Grande'; font-size: 60px; line-height: 1.2; font-weight: 400; padding-bottom: 20px; } .ied-content > .ied-article section.col h2 b { font-weight: 700; } .ied-content > .ied-article section.col h3 { font-family: 'PT Serif', cursive; font-size: 48px; line-height: 1.2; font-weight: 400; padding-bottom: 10px; } .ied-content > .ied-article section.col h3 b { font-weight: 700; } .ied-content > .ied-article section.col h4 { font-family: 'Roboto Light'; font-weight: 300; line-height: 1.1; padding-bottom: 10px; } .ied-content > .ied-article section.col h5, .ied-content > .ied-article section.col h6 { padding-bottom: 10px; } .ied-content > .ied-article section.col p { font-family: 'PT Serif'; } .ied-content > .ied-article section.col .text-left { text-align: left !important; } .ied-content > .ied-article section.col .text-right { text-align: right !important; } .ied-content > .ied-article section.col .text-center { text-align: center !important; } .ied-content > .ied-article section.col .text-justify { text-align: justify !important; }