/* Theme Name: Beverly Description: Used to style the TinyMCE editor. */ /** * Table of Contents: * * 1.0 - Body * 2.0 - Headings * 3.0 - Text Elements * 4.0 - Links * 5.0 - Alignment * 6.0 - Tables * 7.0 - Images * 8.0 - Post Formats * 9.0 - RTL * ---------------------------------------------------------------------------- */ /** * 1.0 Body * ---------------------------------------------------------------------------- */ html .mceContentBody { font-size: 100%; max-width: 604px; } body { color: #333; font-family: "Source Sans Pro", Helvetica, sans-serif; line-height: 1.2em; text-rendering: optimizeLegibility; vertical-align: baseline; } /** * 2.0 Headings * ---------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { clear: both; font-weight:bold; margin:0px; margin-bottom:15px; line-height:1em; } h1 { font-size: 45px; } h2 { font-size: 40px; } h3 { font-size: 35px; } h4 { font-size: 30px; } h5 { font-size: 25px; } h6 { font-size: 20px; } hr { background-color:#CCC; height:2px; border:none; display:block; } /** * 3.0 Text Elements * ---------------------------------------------------------------------------- */ b, strong { font-weight:bold; } i, em { font-style:italic; } li { list-style-position:inside; } abbr[title], acronym[title] { border-bottom:1px dashed #000; display:inline-block; } del, strike, .caption { color:#999; } address, dfn { font-style: italic; } pre { box-sizing:border-box; -moz-box-sizing:border-box; background-color:#E7E7E7; padding:1.15em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, samp { font-family:monospace,serif; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } blockquote, q { display:block; border-left:4px solid #CCC; font-style:italic; padding:0.8em; background: rgb(247, 247, 247); -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } blockquote:before,q:before,.post-quote:before { font-family:"genericons"; color: #ccc; content: "\e61a"; line-height: 0.1em; margin-right: 0.5em; vertical-align: 0.2em; } blockquote p, q p { display:inline-block; margin-bottom:0; } dt { font-weight:bold; } table, pre, q, blockquote,dl,dd,ul, ol, p { margin-bottom:15px; } dt { font-weight:bold; margin-bottom:7px; } dd { padding-left:20px; } dd:last-of-type { margin-bottom:0; } table, pre, q, blockquote, dl, ul, ol { margin-left:auto; margin-right:auto; width:84%; } /* Forms */ textarea { width:100%; min-height:100px; resize:vertical; box-sizing:border-box; -moz-box-sizing:border-box; } input,input[type=text], input[type=password],input[type=email],input[type=tel],input[type=url],input[type=search], textarea { border:1px solid #ccc; box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); border-radius:2px; outline:0px; font-size:100%; padding:0.5rem; max-width:100%; } input[type=submit],button { color:#CCC; background-color:#262626; border:none; border-radius:2px; padding:0.6em; font-size:0.9em; box-shadow:1px 1px 3px rgba(0,0,0,0.4); cursor:pointer; max-width:100%; } input[type=submit]:hover { background-color:#424242; } input[type=submit]:active { box-shadow:inset 0px 2px 4px rgba(0,0,0,0.4); } input:focus, textarea:focus { border:1px solid; } legend { font-weight:bold; } /** * 4.0 Links * ---------------------------------------------------------------------------- */ a { text-decoration:none; } a:hover { text-decoration:underline; } a:focus { outline-style:solid; outline-width:1px; } a::selection { color:#CCC; } a::-moz-selection { color:#CCC; } /** * 6.0 Tables * ---------------------------------------------------------------------------- */ table { width:100%; border-collapse: collapse; border-spacing: 0; } thead,th { color:#FFF; text-align:center; } caption { font-weight:bold; text-align:left; margin-bottom:0.4em; } td { min-height: 30px; line-height: 30px; height: 1em; vertical-align: middle; padding: 4px; } tr:nth-of-type(odd) { background-color:rgb(247, 247, 247); } tr:nth-of-type(even) { background-color:rgb(210, 210, 210); } /** * 7.0 Images * ---------------------------------------------------------------------------- */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } .post-card .wp-caption { margin:0px 0px 1em 0; width:100% !important; } img.alignright { margin: 5px 0 5px 20px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #220e10; font-weight: bold; margin-bottom:0; margin-top:3px; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .post-format-aside { background-color:#eee; } /** * 9.0 RTL * ---------------------------------------------------------------------------- */ html .mceContentBody.rtl { direction: rtl; unicode-bidi: embed; } .rtl ol, .rtl ul { padding: 0 40px 0 0; } .rtl .wp-caption, .rtl tr th { text-align: right; } .rtl td { padding: 6px 0 6px 10px; text-align: right; } .rtl blockquote blockquote { margin-left: 0; margin-right: 24px; } .rtl.post-format-audio:before, .rtl.post-format-status:before, .rtl.post-format-status > p:first-child:before { background: none; content: none; }