/** * WordPress visual editor styles * * @package Auberge * @copyright WebMan Design, Oliver Juhas * * @since 1.0 * @version 2.0 */ /** * Contents: * * 0. Includes * 1. Font icons basics * 2. Typography * 3. Forms * 4. Site content * 100. Visual Editor specific styles */ /** * 0. Includes */ @import url( 'starter.css' ); @import url( 'custom.css' ); /** * 1. Font icons basics */ pre:before { font-family: 'Genericons'; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: inherit; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; speak: none; } .genericon.vertical-align-middle:before { vertical-align: middle; } .genericon.vertical-align-baseline:before { vertical-align: baseline; } .genericon.vertical-align-bottom:before { vertical-align: bottom; } /** * 2. Typography */ /** * Base */ body { font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; } /** * 3. Forms */ /* Buttons */ .button, button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 1em; border: 0; } .button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:active, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { opacity: .75; } .button:active, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { opacity: .9; } /** * 4. Site content */ /** * Main content area */ /** * Media */ /* Images */ a img { -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } a img:hover { -webkit-box-shadow: 0 1rem .62rem -.62rem rgba(0,0,0, .25); box-shadow: 0 1rem .62rem -.62rem rgba(0,0,0, .25); } /** * Content columns */ .column { float: left; margin: 0 6% 0 0; } .column.last { margin-right: 0; } .column-12 { width: 47%; } .column-13 { width: 29.33%; } .column-23 { width: 64.66%; } .column-14 { width: 21%; } .column-34 { width: 73%; } /** * Dropcaps */ .dropcap-text::first-letter { float: left; display: block; padding: 0 0.19em; padding-left: 0; line-height: 1; font-size: 2.6244em; } @media only screen and (min-width: 80em) { .dropcap-text::first-letter { font-size: 4.25153em; } } /** * 100. Visual Editor specific styles */ body { width: 100%; max-width: 632px !important; background: #fff; color: #6a6c6e; } #tinymce { padding: 20px; border-right: 2px dashed #eaecee; } body.wp-autoresize { padding: 20px !important; } /** * Media player */ body .mejs-container, body .wp-playlist { margin: 0 !important; } .wpview-content { margin: 0 0 1.62em; } /** * WP Captions */ .wp-caption-dd { margin-top: 1em; } /** * Tables */ .mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption, thead + tbody tr:first-child td, thead + tbody tr:first-child th { border-width: 1px; border-style: solid; border-color: #eaecee; } /** * Pullquotes */ blockquote.alignleft { margin-left: 0; } blockquote.alignright { margin-right: 0; } /** * Responsive media */ img, embed, iframe, object, video { max-width: 100%; /*height: auto;*/ } embed, iframe, object, video { width: 100% !important; }