501 lines
8.5 KiB
CSS
501 lines
8.5 KiB
CSS
/*
|
|
Theme Name: Able
|
|
Description: Used to style the TinyMCE editor.
|
|
*/
|
|
|
|
html .mceContentBody {
|
|
border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
|
|
border-bottom: 1px solid rgba( 230, 230, 230, 0.8 );
|
|
/* box-shadow values: #c8c8c8, #000 */
|
|
-webkit-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 );
|
|
-moz-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 );
|
|
-ms-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 );
|
|
-o-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 );
|
|
box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .3 ), 0 0 1px rgba( 0, 0, 0, .2 );
|
|
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
|
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
|
box-sizing: border-box; /* Opera/IE 8+ */
|
|
padding: 26px;
|
|
margin: 26px;
|
|
max-width: 869px;
|
|
}
|
|
|
|
|
|
/* =Reset
|
|
-------------------------------------------------------------- */
|
|
|
|
a,
|
|
abbr,
|
|
acronym,
|
|
address,
|
|
applet,
|
|
article,
|
|
aside,
|
|
audio,
|
|
b,
|
|
bdi,
|
|
bdo,
|
|
big,
|
|
blockquote,
|
|
body,
|
|
button,
|
|
canvas,
|
|
caption,
|
|
center,
|
|
cite,
|
|
code,
|
|
col,
|
|
colgroup,
|
|
command,
|
|
datalist,
|
|
dd,
|
|
del,
|
|
details,
|
|
dfn,
|
|
dir,
|
|
div,
|
|
dl,
|
|
dt,
|
|
em,
|
|
embed,
|
|
fieldset,
|
|
figcaption,
|
|
figure,
|
|
font,
|
|
footer,
|
|
form,
|
|
frame,
|
|
frameset,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
header,
|
|
hgroup,
|
|
hr,
|
|
html,
|
|
i,
|
|
iframe,
|
|
img,
|
|
input,
|
|
ins,
|
|
kbd,
|
|
label,
|
|
legend,
|
|
li,
|
|
map,
|
|
mark,
|
|
menu,
|
|
meter,
|
|
nav,
|
|
noframes,
|
|
noscript,
|
|
object,
|
|
ol,
|
|
optgroup,
|
|
option,
|
|
output,
|
|
p,
|
|
pre,
|
|
progress,
|
|
q,
|
|
rp,
|
|
rt,
|
|
ruby,
|
|
s,
|
|
samp,
|
|
script,
|
|
section,
|
|
select,
|
|
small,
|
|
span,
|
|
strike,
|
|
strong,
|
|
sub,
|
|
summary,
|
|
sup,
|
|
table,
|
|
tbody,
|
|
td,
|
|
textarea,
|
|
tfoot,
|
|
th,
|
|
thead,
|
|
time,
|
|
tr,
|
|
tt,
|
|
u,
|
|
ul,
|
|
var,
|
|
video,
|
|
xmp,
|
|
wbr { /* HTML5 / HTML 4.01 / XHTML 1.0 tags all covered in reset */
|
|
border: 0;
|
|
font: inherit;
|
|
line-height: 26px;
|
|
margin: 0;
|
|
outline: 0;
|
|
padding: 0;
|
|
text-indent: 0;
|
|
vertical-align: baseline;
|
|
}
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
menu,
|
|
nav,
|
|
section { /* HTML5 display-role reset for older browsers */
|
|
display: block;
|
|
}
|
|
body,
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
color: rgb( 50, 50, 50 ); /* #323232 */
|
|
color: rgba( 50, 50, 50, 1 );
|
|
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
|
|
|
|
/* =Links
|
|
-------------------------------------------------------------- */
|
|
|
|
a,
|
|
a:hover,
|
|
a:active,
|
|
a:focus {
|
|
color: rgb( 13, 61, 155 ); /* #0d3d9b */
|
|
color: rgba( 13, 61, 155, 1 );
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
/* =Headings
|
|
-------------------------------------------------------------- */
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
clear: both;
|
|
font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
margin-bottom: 26px;
|
|
}
|
|
h1 a,
|
|
h2 a,
|
|
h3 a,
|
|
h4 a,
|
|
h5 a,
|
|
h6 a {
|
|
color: rgb( 50, 50, 50 ); /* #323232 */
|
|
color: rgba( 50, 50, 50, 1 );
|
|
}
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
line-height: 52px;
|
|
}
|
|
h1 {
|
|
/**
|
|
* Don't compose without a scale
|
|
* See http://www.webtypography.net/Harmony_and_Counterpoint/Size/3.1.1/
|
|
*/
|
|
font-size: 48px;
|
|
}
|
|
h2 {
|
|
font-size: 36px;
|
|
}
|
|
h3 {
|
|
font-size: 28px;
|
|
}
|
|
h4 {
|
|
font-size: 22px;
|
|
}
|
|
h5 {
|
|
font-size: 18px;
|
|
}
|
|
h6 {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/* =Typography
|
|
-------------------------------------------------------------- */
|
|
|
|
p {
|
|
margin-bottom: 26px;
|
|
}
|
|
b,
|
|
strong {
|
|
font-weight: 700;
|
|
}
|
|
del,
|
|
s,
|
|
strike {
|
|
color: rgb( 200, 200, 200 ); /* #c8c8c8 */
|
|
color: rgba( 200, 200, 200, 1 );
|
|
text-decoration: line-through;
|
|
}
|
|
dfn,
|
|
em,
|
|
i {
|
|
font-style: italic;
|
|
}
|
|
abbr,
|
|
acronym {
|
|
border-bottom: 1px dotted; /* Color inherited from body */
|
|
}
|
|
blockquote,
|
|
q {
|
|
quotes: none;
|
|
}
|
|
blockquote:before,
|
|
blockquote:after,
|
|
q:before,
|
|
q:after {
|
|
/**
|
|
* Safari doesn't support the quotes attribute, so the following rules are used
|
|
* See http://www.paulchaplin.com/blog/css-reset-and-quirky-quotes
|
|
*/
|
|
content: ""; /* CSS 2; used to remove quotes in case "none" fails below. */
|
|
content: none; /* CSS 2.1: will remove quotes if supported */
|
|
}
|
|
blockquote {
|
|
margin: 26px;
|
|
}
|
|
cite {
|
|
font-style: italic;
|
|
}
|
|
address {
|
|
background: rgb( 245, 245, 245 ); /* #f5f5f5 */
|
|
background: rgba( 245, 245, 245, 0.8 );
|
|
border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
|
|
border: 1px solid rgba( 230, 230, 230, 0.8 );
|
|
display: inline-block;
|
|
font-style: italic;
|
|
margin: 0 0 26px;
|
|
padding: 25px;
|
|
}
|
|
pre {
|
|
background: rgb( 245, 245, 245 ); /* #f5f5f5 */
|
|
background: rgba( 245, 245, 245, 0.8 );
|
|
border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
|
|
border: 1px solid rgba( 230, 230, 230, 0.8 );
|
|
font-family: "Courier 10 Pitch", Courier, monospace;
|
|
font-size: 13px;
|
|
margin-bottom: 26px;
|
|
padding: 25px;
|
|
overflow: auto;
|
|
max-width: 100%;
|
|
white-space: pre;
|
|
}
|
|
code,
|
|
kbd,
|
|
tt,
|
|
var {
|
|
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
|
|
font-size: 13px;
|
|
}
|
|
mark,
|
|
ins {
|
|
background: rgb( 245, 245, 245 ); /* #f5f5f5 */
|
|
background: rgba( 245, 245, 245, 0.8 );
|
|
color: rgb( 50, 50, 50 ); /* #323232 */
|
|
color: rgba( 50, 50, 50, 1 );
|
|
text-decoration: none;
|
|
}
|
|
sup,
|
|
sub {
|
|
font-size: 11px;
|
|
height: 0;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
sup {
|
|
bottom: 9px;
|
|
}
|
|
sub {
|
|
top: 3px;
|
|
}
|
|
small {
|
|
font-size: 75%;
|
|
}
|
|
big {
|
|
font-size: 125%;
|
|
}
|
|
hr {
|
|
background: rgb( 230, 230, 230 ); /* #e6e6e6 */
|
|
background: rgba( 230, 230, 230, 0.8 );
|
|
border: none;
|
|
color: rgb( 230, 230, 230 ); /* #e6e6e6 */
|
|
color: rgba( 230, 230, 230, 0.8 );
|
|
clear: both;
|
|
float: none;
|
|
margin: 0 0 25px;
|
|
width: 100%;
|
|
height: 1px;
|
|
}
|
|
|
|
|
|
/* =Lists
|
|
-------------------------------------------------------------- */
|
|
|
|
dl {
|
|
margin: 0 0 26px;
|
|
}
|
|
dt {
|
|
font-weight: 700;
|
|
}
|
|
dd {
|
|
margin: 0 0 0 26px;
|
|
}
|
|
ul,
|
|
ol {
|
|
margin: 0 26px 26px 0;
|
|
padding-left: 26px;
|
|
}
|
|
li ul,
|
|
li ol {
|
|
margin: 0;
|
|
}
|
|
ul,
|
|
ul ul ul ul {
|
|
list-style: disc;
|
|
}
|
|
ul ul {
|
|
list-style: circle;
|
|
}
|
|
ul ul ul {
|
|
list-style: square;
|
|
}
|
|
ol,
|
|
ol ol ol ol {
|
|
list-style: decimal;
|
|
}
|
|
ol ol {
|
|
list-style: upper-alpha;
|
|
}
|
|
ol ol ol {
|
|
list-style: lower-roman;
|
|
}
|
|
|
|
|
|
/* =Tables
|
|
-------------------------------------------------------------- */
|
|
|
|
table {
|
|
/**
|
|
* See http://www.the-art-of-web.com/css/bordercollapse/ and http://www.the-art-of-web.com/css/bordercollapse/1/
|
|
* for an illustration of border-collapse: separate; and border-collapse: collapse;
|
|
*/
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
margin-bottom: 26px;
|
|
width: 100%;
|
|
}
|
|
tfoot {
|
|
font-size: 14px;
|
|
}
|
|
th,
|
|
td,
|
|
caption {
|
|
padding: 0 26px;
|
|
}
|
|
th {
|
|
background: rgb( 240, 240, 240 ); /* #f0f0f0 */
|
|
background: rgba( 240, 240, 240, 0.8 );
|
|
border-bottom: 1px solid rgb( 220, 220, 220 ); /* d7d7d7 */
|
|
border-bottom: 1px solid rgba( 220, 220, 220, 0.8 );
|
|
font-size: 16px;
|
|
line-height: 51px;
|
|
text-align: left;
|
|
}
|
|
td {
|
|
border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
|
|
border-bottom: 1px solid rgba( 230, 230, 230, 0.8 );
|
|
line-height: 51px;
|
|
}
|
|
|
|
|
|
/* =Embeds
|
|
-------------------------------------------------------------- */
|
|
|
|
embed,
|
|
iframe,
|
|
object { /* Make sure all embeds fit their containers */
|
|
display: block;
|
|
margin: 0 0 26px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
|
|
/* =Images
|
|
-------------------------------------------------------------- */
|
|
|
|
img {
|
|
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
|
|
max-width: 100%; /* Prevent images from overflowing their boundaries */
|
|
}
|
|
#ie8 img {
|
|
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
|
|
}
|
|
.aligncenter,
|
|
.alignleft,
|
|
.alignright,
|
|
.alignnone {
|
|
display: block;
|
|
}
|
|
.aligncenter { /* Center-aligned images with no captions */
|
|
margin: 26px auto;
|
|
}
|
|
.alignleft { /* Left-aligned images with no captions */
|
|
float: left;
|
|
margin: 26px 26px 26px 0;
|
|
}
|
|
.alignright { /* Right-aligned images with no captions */
|
|
float: right;
|
|
margin: 26px 0 26px 26px;
|
|
}
|
|
.alignnone { /* Images with no alignments and no captions */
|
|
display: inline;
|
|
margin: 0 0 -7px 0;
|
|
}
|
|
div.alignnone { /* Captions with no alignment */
|
|
display: block;
|
|
}
|
|
.wp-caption { /* WordPress Captions */
|
|
background: rgb( 255, 255, 255 );
|
|
border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
|
|
border: 1px solid rgba( 230, 230, 230, 0.8 );
|
|
max-width: 100%; /* Prevent captions from overflowing into sidebars and other adjacent content */
|
|
margin-bottom: 26px; /* Value should match line-height */
|
|
padding: 13px 8px 3px; /* WordPress automatically adds 5 pixels of padding on the right and left sides of captions, add balance */
|
|
}
|
|
.wp-caption img {
|
|
display: block;
|
|
margin: 0 auto 3px auto;
|
|
}
|
|
.wp-caption-text,
|
|
.wp-caption-dd { /* This text is contained within the caption */
|
|
font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
font-size: 14px;
|
|
font-style: italic;
|
|
margin: 0;
|
|
padding: 2px 0 3px 0;
|
|
text-align: center;
|
|
} |