/** * Theme Name: delighted * Description: Used to style the TinyMCE editor. */ @import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700|Lora:400,700); * { line-height: 1.8; font-size: 13px; font-family: 'Lora', Georgia, serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } body { color: #404040; } p, ul, ol, pre, dl dd { margin-bottom: 20px; -webkit-margin-before: 0; -webkit-margin-after: 0; } /* Headings */ h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Archivo Narrow', sans-serif; } h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 20px; } /* Text elements */ p { margin-bottom: 20px; } ul, ol { margin: 0 0 20px 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 20px; } dt { font-weight: bold; } dd { margin: 0 20px 20px; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 20px; } address { margin: 0 0 20px; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 20px; width: 100%; } th { font-weight: bold; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ box-sizing:border-box; -moz-box-sizing:border-box; } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ } select { display: inline-block; height: 28px; padding: 4px; font-size: 13px; line-height: 18px; color: #404040; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } button, html input[type="button"], input[type="reset"], input[type="submit"] { border: 0; border-radius: 3px; background: #71616b; color: #fff; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 13px; font-size: 1.3rem; line-height: 1; padding: 1em; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #71616b; } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background: #71616b; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { border: 1px solid #ccc; color: #666; border-radius: 2px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 11px 15px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 8px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /* Links */ a { color: #71616b; } a:visited { color: #71616b; } a:hover, a:focus, a:active { color: #71616b; } a:active { position: relative; top: 1px; } /* WordPress CSS ================================================== */ .aligncenter, div.aligncenter { display: block; margin-right: auto; margin-left: auto; } .aligncenter { margin-top: 5px; margin-bottom: 15px; } div.aligncenter { margin-top: 0; } .alignleft { display: inline; float: left; margin-right: 20px; } .alignright { display: inline; float: right; margin-left: 20px; } .wp-caption { max-width: 100%; margin-bottom: 20px; padding: 0; background: #fff; border: 0; font-size: 12px; text-align: left; } .wp-caption-dd { margin-right: 10px; padding: 5px 10px; background: #eee; font-size: 12px; } .wp-caption.aligncenter, .wp-caption.alignnone { margin-bottom: 30px; } .wp-caption img { float: none; padding: 0px; border: none; }