1720 lines
44 KiB
CSS
1720 lines
44 KiB
CSS
/*
|
||
Theme Name: Able
|
||
Theme URI: http://theme.wordpress.com/themes/able/
|
||
Description: A multipurpose, traditional blog theme which contains up to a large three-column layout that is clean, responsive, and highly readable.
|
||
Version: 1.2
|
||
Author: Automattic
|
||
Author URI: http://automattic.com/
|
||
License: GPL v2 or later
|
||
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
||
*/
|
||
|
||
/* =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;
|
||
}
|
||
html {
|
||
font-size: 62.5%; /* Define base font of 62.5% for convenient rem sizing. See http://snook.ca/archives/html_and_css/font-size-with-rem */
|
||
overflow-y: scroll; /* Eliminate Jumps in Horizontal Centering By Forcing a Scroll Bar: http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/ */
|
||
-webkit-text-size-adjust: 100%; /* Control text size in Safari for iOS without disabling user zoom */
|
||
-ms-text-size-adjust: 100%; /* http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
|
||
}
|
||
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-size: 1.6rem;
|
||
font-weight: 300;
|
||
text-rendering: optimizeLegibility;
|
||
}
|
||
#secondary,
|
||
#secondary button,
|
||
#secondary input,
|
||
#secondary select,
|
||
#secondary textarea,
|
||
#tertiary,
|
||
#tertiary button,
|
||
#tertiary input,
|
||
#tertiary select,
|
||
#tertiary textarea {
|
||
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||
}
|
||
body {
|
||
background-color: rgb( 250, 250, 250 ); /* #fafafa */
|
||
background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 250, 250, 250, 0.8 ) ), to( rgba( 245, 245, 245, 0.8 ) ) ) ; /* Safari 4+, Chrome 1-9 */
|
||
background-image: -webkit-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
|
||
background-image: -moz-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Firefox 3.6+ */
|
||
background-image: -ms-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* IE 10+ */
|
||
background-image: -o-linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Opera 11.10+ */
|
||
background-image: linear-gradient( rgba( 250, 250, 250, 0.8 ), rgba( 245, 245, 245, 0.8 ) ); /* Firefox 16+ */
|
||
}
|
||
|
||
|
||
/* =Accessibility
|
||
-------------------------------------------------------------- */
|
||
|
||
.assistive-text {
|
||
/**
|
||
* Using CSS clip as an Accessible Method of Hiding Content.
|
||
* See: http://adaptivethemes.com/using-css-clip-as-an-accessible-method-of-hiding-content
|
||
*/
|
||
clip: rect( 1px 1px 1px 1px );
|
||
clip: rect( 1px, 1px, 1px, 1px );
|
||
position: absolute !important;
|
||
}
|
||
|
||
|
||
/* =Links
|
||
-------------------------------------------------------------- */
|
||
|
||
a,
|
||
a:hover,
|
||
a:active,
|
||
a:focus {
|
||
color: rgb( 13, 61, 155 ); /* #0d3d9b */
|
||
color: rgba( 13, 61, 155, 1 );
|
||
text-decoration: none;
|
||
}
|
||
a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
a:active,
|
||
a:focus {
|
||
background: rgb( 235, 235, 235 ); /* #ebebeb */
|
||
background: rgba( 50, 50, 50, .1 );
|
||
}
|
||
#page a { /* We're using #page before a so that the WordPress Toolbar isn't interfered with. */
|
||
-webkit-transition: all .1s ease-in; /* Safari 3.2+, Chrome */
|
||
-moz-transition: all .1s ease-in; /* Firefox 4-15 */
|
||
-o-transition: all .1s ease-in; /* Opera 10.5–12.00 */
|
||
transition: all .1s ease-in; /* Firefox 16+, Opera 12.50+ */
|
||
}
|
||
|
||
|
||
/* =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 a:hover,
|
||
h2 a:hover,
|
||
h3 a:hover,
|
||
h4 a:hover,
|
||
h5 a:hover,
|
||
h6 a:hover {
|
||
text-decoration: none;
|
||
}
|
||
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;
|
||
font-size: 4.8rem;
|
||
}
|
||
h2 {
|
||
font-size: 36px;
|
||
font-size: 3.6rem;
|
||
}
|
||
h3 {
|
||
font-size: 28px;
|
||
font-size: 2.8rem;
|
||
}
|
||
h4 {
|
||
font-size: 22px;
|
||
font-size: 2.2rem;
|
||
}
|
||
h5 {
|
||
font-size: 18px;
|
||
font-size: 1.8rem;
|
||
}
|
||
h6 {
|
||
font-size: 16px;
|
||
font-size: 1.6rem;
|
||
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. */
|
||
cursor: help;
|
||
}
|
||
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,
|
||
.quote-caption {
|
||
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;
|
||
font-size: 1.3rem;
|
||
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;
|
||
font-size: 1.3rem;
|
||
}
|
||
mark,
|
||
ins {
|
||
background: rgb( 245, 245, 245 ); /* #f5f5f5 */
|
||
background: rgba( 245, 245, 245, 0.8 );
|
||
text-decoration: none;
|
||
}
|
||
sup,
|
||
sub {
|
||
font-size: 11px;
|
||
font-size: 1.1rem;
|
||
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;
|
||
table-layout: fixed;
|
||
max-width: 100%;
|
||
width: 100%;
|
||
}
|
||
tfoot {
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
}
|
||
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;
|
||
font-size: 1.6rem;
|
||
line-height: 51px;
|
||
text-align: left;
|
||
}
|
||
tr:hover {
|
||
background: rgb( 245, 245, 245 ); /* #f5f5f5 */
|
||
background: rgba( 245, 245, 245, 0.8 );
|
||
}
|
||
td {
|
||
border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
|
||
border-bottom: 1px solid rgba( 230, 230, 230, 0.8 );
|
||
line-height: 51px;
|
||
word-wrap: break-word;
|
||
}
|
||
|
||
|
||
/* =Forms and Inputs
|
||
-------------------------------------------------------------- */
|
||
|
||
form {
|
||
float: left;
|
||
margin: 0 0 26px;
|
||
width: 100%;
|
||
}
|
||
button,
|
||
input,
|
||
select,
|
||
textarea {
|
||
border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
|
||
border: 1px solid rgba( 230, 230, 230, 1 );
|
||
}
|
||
button,
|
||
input[ type="button" ],
|
||
input[ type="reset" ],
|
||
input[ type="submit" ] {
|
||
-webkit-appearance: button; /* Display element using platform-native styling. See http://css-tricks.com/almanac/properties/a/appearance/ */
|
||
background-color: rgb( 247, 247, 247 ); /* #f7f7f7 */
|
||
background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 247, 247, 247, 0.8 ) ), to( rgba( 215, 215, 215, 0.8 ) ) );
|
||
background-image: -webkit-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) );
|
||
background-image: -moz-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) );
|
||
background-image: -ms-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) );
|
||
background-image: -o-linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) );
|
||
background-image: linear-gradient( rgba( 247, 247, 247, 0.8 ), rgba( 215, 215, 215, 0.8 ) );
|
||
filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f7f7f7', endColorstr='#d7d7d7' );
|
||
border-color: rgb( 231, 231, 231 ) rgb( 215, 215, 215 ) rgb( 231, 231, 231 ) rgb( 215, 215, 215 );
|
||
border-color: rgba( 231, 231, 231, 0.8 ) rgba( 215, 215, 215, 0.8 ) rgba( 231, 231, 231, 0.8 ) rgba( 215, 215, 215, 0.8 );
|
||
-webkit-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 );
|
||
-moz-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 );
|
||
-ms-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 );
|
||
-o-box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 );
|
||
box-shadow: inset 0 1px 0 rgba( 231, 231, 231, 0.8 ), inset 0 2px 0 rgba( 255, 255, 255, 0.8 ), inset 0 -1px 0 rgba( 199, 199, 199, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.09 );
|
||
cursor: pointer;
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
margin: 1%;
|
||
padding: 1% 2%;
|
||
}
|
||
button:hover,
|
||
input[ type="button" ]:hover,
|
||
input[ type="reset" ]:hover,
|
||
input[ type="submit" ]:hover {
|
||
background-color: rgb( 231, 231, 231); /* e7e7e7 */
|
||
background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 231, 231, 231, 0.8 ) ), to( rgba( 199, 199, 199, 0.8 ) ) );
|
||
background-image: -webkit-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) );
|
||
background-image: -moz-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) );
|
||
background-image: -ms-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) );
|
||
background-image: -o-linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) );
|
||
background-image: linear-gradient( rgba( 231, 231, 231, 0.8 ), rgba( 199, 199, 199, 0.8 ) );
|
||
filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#e7e7e7', endColorstr='#c7c7c7' );
|
||
border-color: rgb( 215, 215, 215 ) rgb( 199, 199, 199 ) rgb( 215, 215, 215 ) rgb( 199, 199, 199 );
|
||
border-color: rgba( 215, 215, 215, 0.8 ) rgba( 199, 199, 199, 0.8 ) rgba( 215, 215, 215, 0.8 ) rgba( 199, 199, 199, 0.8 );
|
||
-webkit-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 );
|
||
-moz-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 );
|
||
-ms-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 );
|
||
-o-box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 );
|
||
box-shadow: inset 0 1px 0 rgba( 215, 215, 215, 0.8 ), inset 0 2px 0 rgba( 247, 247, 247, 0.8 ), inset 0 -1px 0 rgba( 183, 183, 183, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.14 );
|
||
}
|
||
button:active,
|
||
button:focus,
|
||
input[ type="reset" ]:active,
|
||
input[ type="reset" ]:focus,
|
||
input[ type="button" ]:active,
|
||
input[ type="button" ]:focus,
|
||
input[ type="submit" ]:active,
|
||
input[ type="submit" ]:focus {
|
||
background-color: rgb( 215, 215, 215 ); /* #d7d7d7 */
|
||
background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 215, 215, 215, 0.8 ) ), to( rgba( 183, 183, 183, 0.8 ) ) );
|
||
background-image: -webkit-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) );
|
||
background-image: -moz-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) );
|
||
background-image: -ms-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) );
|
||
background-image: -o-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) );
|
||
background-image: linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 183, 183, 183, 0.8 ) );
|
||
filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#d7d7d7', endColorstr='#b7b7b7' );
|
||
border-color: rgb( 199, 199, 199 ) rgb( 183, 183, 183 ) rgb( 199, 199, 199 ) rgb( 183, 183, 183 );
|
||
border-color: rgba( 199, 199, 199, 0.8 ) rgba( 183, 183, 183, 0.8 ) rgba( 199, 199, 199, 0.8 ) rgba( 183, 183, 183, 0.8 );
|
||
-webkit-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 );
|
||
-moz-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 );
|
||
-ms-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 );
|
||
-o-box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 );
|
||
box-shadow: inset 0 1px 0 rgba( 199, 199, 199, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 167, 167, 167, 0.8 ), 0 0 7px rgba( 0, 0, 0, 0.19 );
|
||
}
|
||
input[ type="text" ],
|
||
input[ type="email" ],
|
||
input[ type="password" ] {
|
||
margin-right: 2%;
|
||
max-width: 55%;
|
||
padding: 1%;
|
||
}
|
||
select {
|
||
max-width: 100%;
|
||
}
|
||
textarea {
|
||
overflow: auto; /* Remove default scrollbars in Internet Explorer. */
|
||
padding: 2%;
|
||
width: 96%;
|
||
}
|
||
input[ type="text" ]:focus,
|
||
input[ type="email" ]:focus,
|
||
input[ type="password" ]:focus,
|
||
textarea:focus {
|
||
border: 1px solid rgb( 200, 200, 200 ); /* #c8c8c8 */
|
||
}
|
||
.comment-form-comment { /* WordPress Comment Form. */
|
||
margin-bottom: 13px;
|
||
}
|
||
.form-allowed-tags { /* Allowed HTML tags in WordPress Comment Form. */
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
margin-bottom: 13px;
|
||
padding: 1%;
|
||
}
|
||
.form-allowed-tags code {
|
||
font-size: 12px;
|
||
font-size: 1.2rem;
|
||
}
|
||
|
||
|
||
/* =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. */
|
||
border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
|
||
border: 1px solid rgba( 230, 230, 230, 0.8 );
|
||
max-width: 96%; /* 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 { /* This text is contained within the caption. */
|
||
font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif;
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
font-style: italic;
|
||
margin: 0;
|
||
padding: 2px 0 3px 0;
|
||
text-align: center;
|
||
}
|
||
|
||
|
||
/* =Responsive Galleries
|
||
-------------------------------------------------------------- */
|
||
|
||
#content .gallery-item img {
|
||
border: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
|
||
border: 1px solid rgba( 230, 230, 230, 0.8 );
|
||
padding: 2%;
|
||
max-width: 90%;
|
||
}
|
||
.gallery-item { /* By default gallery items are set to text-align: center; */
|
||
margin: 0 0 19px !important;
|
||
}
|
||
.gallery-item a {
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
.gallery-caption {
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
margin: 0 auto !important;
|
||
max-width: 90%;
|
||
padding: 0;
|
||
}
|
||
.gallery-columns-1 img { /* Single column gallery images. */
|
||
padding: 1%;
|
||
max-width: 96%;
|
||
}
|
||
.gallery-columns-1 .gallery-caption { /* Single column gallery captions. */
|
||
max-width: 97%;
|
||
}
|
||
|
||
|
||
/* =Page Structure
|
||
-------------------------------------------------------------- */
|
||
|
||
#page {
|
||
padding: 2%;
|
||
width: 96%;
|
||
}
|
||
#page-liner:before,
|
||
#page-liner:after,
|
||
#main:before,
|
||
#main:after,
|
||
#colophon:before,
|
||
#colophon:after,
|
||
.entry-content:before,
|
||
.entry-content:after {
|
||
/**
|
||
* Micro clearfix hack for Main Structure.
|
||
* See: http://nicolasgallagher.com/micro-clearfix-hack/
|
||
*/
|
||
content: '';
|
||
display: table;
|
||
}
|
||
#page-liner:after,
|
||
#main:after,
|
||
#colophon:after,
|
||
.entry-content:after {
|
||
clear: both;
|
||
}
|
||
#page-liner {
|
||
background: rgb( 255, 255, 255 ); /* #fff */
|
||
background: rgba( 255, 255, 255, 1 );
|
||
border-bottom: 3px solid rgb( 235, 235, 235 ); /* #ebebeb */
|
||
border-bottom: 3px solid rgba( 235, 235, 235, 1 );
|
||
-webkit-border-radius: 3px 3px 0 0;
|
||
border-radius: 3px 3px 0 0;
|
||
margin: 0 auto;
|
||
min-width: 320px;
|
||
max-width: 1280px;
|
||
zoom: 1;
|
||
}
|
||
#main {
|
||
clear: both;
|
||
padding: 0 26px;
|
||
zoom: 1;
|
||
}
|
||
#primary,
|
||
#secondary,
|
||
#tertiary {
|
||
float: left;
|
||
margin-right: 2%;
|
||
/**
|
||
* Word wrapping and hyphenation using CSS
|
||
* See http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/
|
||
* @todo Resolve IE8 and FF15 browser bugs with commented out text break rules
|
||
*/
|
||
/* -ms-word-break: break-all; word-break declaration is prefixed in IE8 */
|
||
/* word-break: break-all; specifies line break opportunities within words. */
|
||
/* word-break: break-word; non-standard for WebKit */
|
||
/* -webkit-hyphens: auto; add support for hyphenation in WebKit */
|
||
/* -moz-hyphens: auto; add support for hyphenation in Firefox */
|
||
/* hyphens: auto; split words when line-wrapping */
|
||
word-wrap: break-word; /* Force long, unbroken text to wrap to a new line; useful for long URLs and super-long text within small containers. */
|
||
}
|
||
#primary {
|
||
width: 50%;
|
||
}
|
||
#content {
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
.one-column #primary { /* No widgets are currently active. */
|
||
width: 100%;
|
||
}
|
||
.left-sidebar #primary { /* Left sidebar widget area currently active. */
|
||
margin: 0 0 0 25%;
|
||
}
|
||
.three-columns #primary { /* both left sidebar widget and right sidebar widget are currently active. */
|
||
margin: 0 2% 0 25%;
|
||
}
|
||
.right-sidebar #primary,
|
||
.left-sidebar #primary { /* Only one sidebar widget area is active. */
|
||
width: 75%;
|
||
}
|
||
.page-template-full-width-page-php #primary { /* Full-width page template in use. */
|
||
margin: 0;
|
||
width: 100%;
|
||
}
|
||
#secondary { /* Left sidebar */
|
||
width: 23%;
|
||
}
|
||
.left-sidebar #secondary {
|
||
margin: 0 0 0 -100%;
|
||
}
|
||
.three-columns #secondary {
|
||
margin: 0 0 0 -77%;
|
||
}
|
||
#tertiary { /* Right sidebar */
|
||
margin-right: 0;
|
||
width: 23%;
|
||
}
|
||
#colophon { /* Footer */
|
||
clear: both;
|
||
}
|
||
#primary.image-attachment {
|
||
margin: 0;
|
||
width: 100%;
|
||
}
|
||
|
||
|
||
/* =Header
|
||
-------------------------------------------------------------- */
|
||
|
||
#site-introduction {
|
||
-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: 13px 52px;
|
||
width: 100%;
|
||
}
|
||
#masthead {
|
||
float: left;
|
||
margin: 0 0 26px;
|
||
width: 100%;
|
||
}
|
||
#headimg {
|
||
clear: both;
|
||
}
|
||
#headimg img {
|
||
-webkit-border-radius: 3px 3px 0 0;
|
||
border-radius: 3px 3px 0 0;
|
||
-webkit-box-shadow: 0 0 10px 0 rgba( 0, 0, 0, .2 ); /* #000 */
|
||
box-shadow: 0 0 10px 0 rgba( 0, 0, 0, .2 );
|
||
display: block;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
}
|
||
.site-title,
|
||
.site-description {
|
||
font-weight: 700;
|
||
margin-right: auto;
|
||
margin-left: auto;
|
||
min-width: 320px;
|
||
max-width: 1280px;
|
||
|
||
}
|
||
.site-title {
|
||
margin-bottom: 0;
|
||
}
|
||
.site-description {
|
||
font-size: 16px;
|
||
font-size: 1.6rem;
|
||
font-style: italic;
|
||
font-weight: 300;
|
||
line-height: 26px;
|
||
}
|
||
|
||
|
||
/* =Site Navigation
|
||
-------------------------------------------------------------- */
|
||
|
||
.site-navigation {
|
||
clear: both;
|
||
float: left;
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
margin: 0 0 26px 0;
|
||
width: 100%;
|
||
}
|
||
.site-navigation a {
|
||
color: rgb( 50, 50, 50 ); /* #323232 */
|
||
color: rgba( 50, 50, 50, 1 );
|
||
}
|
||
.nav-previous,
|
||
.nav-next {
|
||
float: left;
|
||
width: 50%;
|
||
}
|
||
.nav-next {
|
||
float: right;
|
||
text-align: right;
|
||
}
|
||
#nav-below {
|
||
border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
|
||
border-bottom: 1px solid rgba( 230, 230, 230, 0.8 );
|
||
padding-bottom: 25px;
|
||
}
|
||
|
||
|
||
/* =Navigation Menu
|
||
-------------------------------------------------------------- */
|
||
|
||
.main-navigation,
|
||
.menu-toggle { /* Small menu */
|
||
background-color: rgb( 240, 240, 240 ); /* #f0f0f0 */
|
||
background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 240, 240, 240, 0.8 ) ), to( rgba( 210, 210, 210, 0.8 ) ) );
|
||
background-image: -webkit-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: -moz-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: -ms-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: -o-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f0f0f0', endColorstr='#d2d2d2' );
|
||
-webkit-border-radius: 3px 3px 0 0;
|
||
border-radius: 3px 3px 0 0;
|
||
/* box-shadow values: #e6e6e6, #fafafa, #c8c8c8, #000 */
|
||
-webkit-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 );
|
||
-moz-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 );
|
||
-ms-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 );
|
||
-o-box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 );
|
||
box-shadow: inset 0 1px 0 rgba( 230, 230, 230, 0.8 ), inset 0 2px 0 rgba( 250, 250, 250, 0.8 ), inset 0 -1px 0 rgba( 200, 200, 200, 0.6 ), 0 0 1px rgba( 0, 0, 0, .1 );
|
||
float: left;
|
||
font-size: 13px;
|
||
font-size: 1.3rem;
|
||
margin: 0;
|
||
}
|
||
.main-navigation ul,
|
||
.main-small-navigation ul {
|
||
list-style: none;
|
||
margin: 0;
|
||
padding: 0 26px;
|
||
}
|
||
.main-navigation li {
|
||
float: left;
|
||
position: relative;
|
||
}
|
||
.main-navigation li li {
|
||
width: 180px;
|
||
}
|
||
.main-navigation a {
|
||
display: block;
|
||
padding: 6px 13px 7px;
|
||
text-decoration: none;
|
||
word-wrap: break-word;
|
||
}
|
||
.main-navigation ul ul {
|
||
background: rgb( 255, 255, 255 ); /* #fff */
|
||
background: rgba( 255, 255, 255, .95 );
|
||
-webkit-box-shadow: 2px 2px 0 0 rgba( 0, 0, 0, .1 ); /* #000 */
|
||
box-shadow: 2px 2px 0 0 rgba( 0, 0, 0, .1 );
|
||
display: none;
|
||
float: left;
|
||
padding: 0;
|
||
position: absolute;
|
||
top: 39px;
|
||
width: 180px;
|
||
z-index: 99999;
|
||
}
|
||
.main-navigation ul ul ul {
|
||
top: 0;
|
||
left: 180px;
|
||
}
|
||
.main-navigation ul li:hover > ul {
|
||
display: block;
|
||
}
|
||
.main-navigation a:focus,
|
||
.main-navigation li:hover > a,
|
||
.main-navigation .current-menu-item > a,
|
||
.main-navigation .current-menu-ancestor > a,
|
||
.main-navigation .current_page_item > a,
|
||
.main-navigation .current_page_ancestor > a {
|
||
background-color: rgb( 215, 215, 215 ); /* #d7d7d7 */
|
||
background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 215, 215, 215, 0.8 ) ), to( rgba( 180, 180, 180, 0.8 ) ) );
|
||
background-image: -webkit-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) );
|
||
background-image: -moz-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) );
|
||
background-image: -ms-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) );
|
||
background-image: -o-linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) );
|
||
background-image: linear-gradient( rgba( 215, 215, 215, 0.8 ), rgba( 180, 180, 180, 0.8 ) );
|
||
filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#d7d7d7', endColorstr='#b4b4b4' );
|
||
/* box-shadow values: #c8c8c8, #f0f0f0, #a5a5a5, #000 */
|
||
-webkit-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 );
|
||
-moz-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 );
|
||
-ms-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 );
|
||
-o-box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 );
|
||
box-shadow: inset 0 1px 0 rgba( 200, 200, 200, 0.8 ), inset 0 2px 0 rgba( 240, 240, 240, 0.8 ), inset 0 -1px 0 rgba( 165, 165, 165, 0.6 ), 0 0 1px rgba( 0, 0, 0, 0.19 );
|
||
}
|
||
.main-navigation li li:hover > a,
|
||
.main-navigation li li a:hover {
|
||
background: rgb( 215, 215, 215 ); /* #d7d7d7 */
|
||
background: rgba( 215, 215, 215, 0.9 );
|
||
box-shadow: none;
|
||
color: rgb( 13, 61, 155 ); /* #0d3d9b */
|
||
color: rgba( 13, 61, 155, 1 );
|
||
}
|
||
.main-navigation li .current-menu-item > a,
|
||
.main-navigation li .current-menu-ancestor > a,
|
||
.main-navigation li .current_page_item > a,
|
||
.main-navigation li .current_page_ancestor > a {
|
||
background: rgb( 230, 230, 230 ); /* #e6e6e6 */
|
||
background: rgba( 230, 230, 230, 0.9 );
|
||
box-shadow: none;
|
||
color: rgb( 13, 61, 155 ); /* #0d3d9b */
|
||
color: rgba( 13, 61, 155, 1 );
|
||
}
|
||
h1.menu-toggle {
|
||
cursor: pointer;
|
||
float: none;
|
||
line-height: 26px;
|
||
padding: 13px 0;
|
||
text-align: center;
|
||
}
|
||
.main-small-navigation {
|
||
margin-bottom: 0;
|
||
}
|
||
.main-small-navigation .menu {
|
||
display: none;
|
||
font-size: 12px;
|
||
font-size: 1.2rem;
|
||
}
|
||
.main-small-navigation ul,
|
||
.main-small-navigation ul ul {
|
||
padding: 0;
|
||
}
|
||
.main-small-navigation li a {
|
||
background: rgb( 220, 220, 220 );
|
||
background: rgba( 220, 220, 220, .8 );
|
||
/* box-shadow values: #c8c8c8, #f0f0f0, #a5a5a5, #000 */
|
||
-webkit-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 );
|
||
-moz-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 );
|
||
-ms-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 );
|
||
-o-box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 );
|
||
box-shadow: inset 0 2px 0 rgba( 240, 240, 240, .8 ), 0 0 1px rgba( 0, 0, 0, .5 );
|
||
display: block;
|
||
padding: 13px 26px;
|
||
}
|
||
.main-small-navigation li li {
|
||
margin: 0 13px;
|
||
}
|
||
.main-small-navigation li li a {
|
||
background: rgb( 240, 240, 240 );
|
||
background: rgba( 240, 240, 240, .8 );
|
||
padding: 13px;
|
||
}
|
||
.main-small-navigation li li li {
|
||
margin: 0 0 0 26px;
|
||
}
|
||
.main-small-navigation li li li a {
|
||
background: rgb( 253, 253, 253 );
|
||
background: rgba( 253, 253, 253, .8 );
|
||
}
|
||
|
||
|
||
/* =Entries
|
||
-------------------------------------------------------------- */
|
||
|
||
.hentry {
|
||
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+ */
|
||
clear: both;
|
||
float: left;
|
||
margin: 0 0 25px;
|
||
padding: 26px 26px 13px;
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
.entry-title {
|
||
font-size: 36px; /* like a default h2 */
|
||
font-size: 3.6rem;
|
||
margin-bottom: 0;
|
||
}
|
||
.logged-in .entry-title {
|
||
width: 93%;
|
||
}
|
||
.page .entry-title,
|
||
.error404 .entry-title,
|
||
.search-no-results .entry-title {
|
||
margin-bottom: 26px;
|
||
}
|
||
.entry-meta {
|
||
font-size: 12px;
|
||
font-size: 1.2rem;
|
||
margin-bottom: 26px;
|
||
}
|
||
.page-links,
|
||
.more-link {
|
||
clear: both;
|
||
font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif;
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
margin: 0 0 26px;
|
||
}
|
||
.page-links a,
|
||
.more-link {
|
||
background-color: rgb( 240, 240, 240 ); /* #f0f0f0 */
|
||
background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 240, 240, 240, 0.8 ) ), to( rgba( 210, 210, 210, 0.8 ) ) );
|
||
background-image: -webkit-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: -moz-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: -ms-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: -o-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f0f0f0', endColorstr='#d2d2d2' );
|
||
-webkit-border-radius: 3px;
|
||
border-radius: 3px;
|
||
border: 1px solid rgb( 220, 220, 220 ); /* #dcdcdc */
|
||
border: 1px solid rgba( 220, 220, 220, 0.8 );
|
||
color: rgb( 50, 50, 50 ); /* #323232 */
|
||
color: rgba( 50, 50, 50, 1 );
|
||
padding: 0 5px;
|
||
text-decoration: none;
|
||
}
|
||
.page-links a:hover,
|
||
.page-links a:active,
|
||
.page-links a:focus {
|
||
color: rgb( 13, 61, 155 ); /* #0d3d9b */
|
||
color: rgba( 13, 61, 155, 1 );
|
||
}
|
||
.page-links a:active,
|
||
.page-links a:focus {
|
||
background: rgb( 235, 235, 235 ); /* #ebebeb */
|
||
background: rgba( 50, 50, 50, .1 );
|
||
}
|
||
.more-link {
|
||
display: inline-block;
|
||
}
|
||
.more-link:hover {
|
||
text-decoration: none;
|
||
}
|
||
.post-edit-link {
|
||
background-color: rgb( 240, 240, 240 ); /* #f0f0f0 */
|
||
background-image: -webkit-gradient( linear, left top, left bottom, from( rgba( 240, 240, 240, 0.8 ) ), to( rgba( 210, 210, 210, 0.8 ) ) );
|
||
background-image: -webkit-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: -moz-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: -ms-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: -o-linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
background-image: linear-gradient( rgba( 240, 240, 240, 0.8 ), rgba( 210, 210, 210, 0.8 ) );
|
||
filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#f0f0f0', endColorstr='#d2d2d2' );
|
||
color: rgb( 50, 50, 50 ); /* #323232 */
|
||
color: rgba( 50, 50, 50, 1 );
|
||
-webkit-border-radius: 3px;
|
||
border-radius: 3px;
|
||
border: 1px solid rgb( 220, 220, 220, 1 ); /* #dcdcdc */
|
||
border: 1px solid rgba( 220, 220, 220, 0.8 );
|
||
display: inline-block;
|
||
font-family: 'Droid Serif', Georgia, Cambria, 'Times New Roman', Times, serif;
|
||
font-size: 13px;
|
||
font-size: 1.3rem;
|
||
padding: 0 5px;
|
||
position: absolute;
|
||
top: 39px;
|
||
right: 26px;
|
||
text-decoration: none;
|
||
}
|
||
.post-edit-link:hover {
|
||
text-decoration: none;
|
||
}
|
||
#nav-above + .hentry .edit-link {
|
||
top: 39px;
|
||
}
|
||
.entry-attachment img {
|
||
display: block;
|
||
margin: 0 auto 26px;
|
||
}
|
||
.entry-attachment {
|
||
clear: both;
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
|
||
|
||
/* =Sticky Posts
|
||
-------------------------------------------------------------- */
|
||
|
||
.sticky {
|
||
background: rgb( 254, 254, 254 ); /* #fefefe */
|
||
background: rgba( 254, 254, 254, 0.8 );
|
||
/* box-shadow values: #c8c8c8, #000 */
|
||
-webkit-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 );
|
||
-moz-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 );
|
||
-ms-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 );
|
||
-o-box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 );
|
||
box-shadow: inset -1px -1px 0 rgba( 200, 200, 200, .6 ), 0 0 1px rgba( 0, 0, 0, .4 );
|
||
}
|
||
|
||
|
||
/* =Comments TODO
|
||
-------------------------------------------------------------- */
|
||
|
||
#comments {
|
||
clear: both;
|
||
}
|
||
.commentlist,
|
||
.commentlist > ul,
|
||
.commentlist > ol,
|
||
.commentlist .children {
|
||
list-style: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.commentlist {
|
||
margin-bottom: 26px;
|
||
}
|
||
.commentlist .children {
|
||
padding-left: 26px;
|
||
}
|
||
article.comment {
|
||
border-bottom: 1px solid rgb( 231, 231, 231 );
|
||
border-bottom: 1px solid rgba( 231, 231, 231, 0.8 );
|
||
clear: both;
|
||
margin-bottom: 12px;
|
||
padding: 13px;
|
||
position: relative;
|
||
}
|
||
.bypostauthor > article.comment {
|
||
background: rgb( 240, 240, 240 ); /* #f0f0f0 */
|
||
background: rgba( 240, 240, 240, 0.8 );
|
||
border-bottom: 1px solid rgb( 215, 215, 215 );
|
||
border-bottom: 1px solid rgba( 215, 215, 215, 0.8 );
|
||
}
|
||
.comment footer {
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
margin-bottom: 26px;
|
||
}
|
||
.commentlist .avatar {
|
||
display: block;
|
||
float: left;
|
||
margin-right: 13px;
|
||
}
|
||
.comment footer cite {
|
||
font-style: normal;
|
||
}
|
||
.comment-content,
|
||
.reply {
|
||
padding-left: 65px;
|
||
}
|
||
.reply {
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
margin: 0 0 13px;
|
||
}
|
||
#respond {
|
||
clear: both;
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
#comments #respond form {
|
||
width: 100% !important;
|
||
}
|
||
#commentform label {
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
font-weight: 700;
|
||
}
|
||
#commentform input[ type="text" ] {
|
||
display: block;
|
||
}
|
||
#commentform input[ type="password" ] {
|
||
display: block;
|
||
}
|
||
#commentform input[ type="checkbox" ] {
|
||
margin-left: 0.5em;
|
||
}
|
||
|
||
#commentform .required {
|
||
color: rgb( 255, 0, 0 ); /* #ff0000 */
|
||
}
|
||
.comments-title,
|
||
#reply-title {
|
||
font-size: 22px; /* Like a default h3. */
|
||
font-size: 2.2rem;
|
||
line-height: 26px;
|
||
}
|
||
|
||
|
||
/* =Archives
|
||
-------------------------------------------------------------- */
|
||
|
||
.page-header {
|
||
border-bottom: 1px solid rgb( 230, 230, 230 ); /* #e6e6e6 */
|
||
border-bottom: 1px solid rgba( 230, 230, 230, 0.8 );
|
||
margin-bottom: 25px;
|
||
}
|
||
.page-title {
|
||
font-size: 22px; /* Like a default h4. */
|
||
font-size: 2.2rem;
|
||
line-height: 26px;
|
||
}
|
||
|
||
|
||
/* =Search
|
||
-------------------------------------------------------------- */
|
||
|
||
.search-results .page .sep {
|
||
display: none;
|
||
}
|
||
|
||
|
||
/* =Sidebars
|
||
-------------------------------------------------------------- */
|
||
|
||
#secondary,
|
||
#tertiary {
|
||
-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;
|
||
}
|
||
|
||
|
||
/* =Widgets
|
||
-------------------------------------------------------------- */
|
||
|
||
.widget-area {
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
}
|
||
.widget-area img {
|
||
-webkit-border-radius: 3px;
|
||
border-radius: 3px;
|
||
box-shadow: 0 0 5px 1px #f1f1f1;
|
||
box-shadow: 0 0 5px 1px rgba( 0, 0, 0, .1 );
|
||
}
|
||
.widget-area .wp-smiley,
|
||
.widget-area .wp-caption img {
|
||
-webkit-border-radius: 0;
|
||
border-radius: 0;
|
||
box-shadow: none;
|
||
}
|
||
.widget-area ul {
|
||
list-style: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.widget-area ul ul {
|
||
padding-left: 26px;
|
||
}
|
||
.widget-area tfoot {
|
||
font-size: 12px;
|
||
font-size: 1.2rem;
|
||
}
|
||
.widget-area th,
|
||
.widget-area td,
|
||
.widget-area caption {
|
||
padding: 0;
|
||
}
|
||
.widget-area th,
|
||
.widget-area td {
|
||
text-align: center;
|
||
}
|
||
.widget-area th {
|
||
font-size: 14px;
|
||
font-size: 1.4rem;
|
||
}
|
||
.widget-area tfoot td {
|
||
text-align: left;
|
||
}
|
||
.widget-area tfoot tr:hover {
|
||
background: none;
|
||
}
|
||
.widget-area tfoot #next {
|
||
text-align: right;
|
||
}
|
||
.widget-area caption {
|
||
line-height: 52px;
|
||
}
|
||
.widget {
|
||
margin: 0 0 39px;
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
.widget-title {
|
||
font-size: 22px; /* like a default h4 */
|
||
font-size: 2.2rem;
|
||
font-style: italic;
|
||
line-height: 26px;
|
||
}
|
||
.widget_calendar .widget-title,
|
||
.widget_calendar table {
|
||
margin-bottom: 0;
|
||
}
|
||
.widget_rss li {
|
||
margin: 0 0 26px;
|
||
}
|
||
.widget_rss li:last-of-type,
|
||
.widget form {
|
||
margin-bottom: 0;
|
||
}
|
||
.widget_recent_comments td,
|
||
td.recentcommentstexttop {
|
||
border-bottom: 0;
|
||
line-height: 1.5;
|
||
padding-bottom: 5px !important;
|
||
text-align: left;
|
||
vertical-align: top;
|
||
}
|
||
|
||
|
||
/* =Footer
|
||
-------------------------------------------------------------- */
|
||
|
||
#colophon {
|
||
font-size: 13px;
|
||
font-size: 1.3rem;
|
||
padding: 0 26px 26px;
|
||
zoom: 1;
|
||
}
|
||
.footer-navigation {
|
||
float: left;
|
||
font-size: 13px;
|
||
font-size: 1.3rem;
|
||
margin: 0 0 13px;
|
||
width: 100%;
|
||
}
|
||
.footer-navigation ul {
|
||
list-style: none;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.footer-navigation li {
|
||
float: left;
|
||
position: relative;
|
||
}
|
||
.footer-navigation a {
|
||
border-right: 1px solid rgb( 200, 200, 200 ); /* #c8c8c8 */
|
||
border-right: 1px solid rgba( 200, 200, 200, .8 );
|
||
display: block;
|
||
padding: 0 8px 0 6px;
|
||
}
|
||
.footer-navigation li:first-child a {
|
||
padding: 0 8px 0 0;
|
||
}
|
||
.footer-navigation li:last-child a {
|
||
border: none;
|
||
padding: 0 0 0 6px;
|
||
}
|
||
.site-info {
|
||
clear: both;
|
||
}
|
||
.site-info .sep {
|
||
color: rgb( 200, 200, 200 ); /* #c8c8c8 */
|
||
color: rgba( 200, 200, 200, .8 );
|
||
}
|
||
|
||
|
||
/* =WordPress.com Twitter Widget
|
||
-------------------------------------------------------------- */
|
||
|
||
.widget_twitter li {
|
||
margin-bottom: 26px;
|
||
}
|
||
.widget_twitter .timesince {
|
||
font-size: 12px;
|
||
font-size: 1.2rem;
|
||
}
|
||
|
||
|
||
/* =WordPress.com Milestone Widget
|
||
-------------------------------------------------------------- */
|
||
|
||
.milestone-widget .milestone-header {
|
||
background-color: rgb( 50, 50, 50 ); /* #323232 */
|
||
}
|
||
.milestone-countdown {
|
||
color: rgb( 50, 50, 50 ) !important; /* #323232 */
|
||
}
|
||
|
||
|
||
/* =WordPress.com Widget Overrides
|
||
-------------------------------------------------------------- */
|
||
|
||
.widget_goodreads img {
|
||
-webkit-border-radius: 0;
|
||
border-radius: 0;
|
||
box-shadow: none;
|
||
}
|
||
|
||
|
||
/* =WordPress.com Stats Smiley
|
||
-------------------------------------------------------------- */
|
||
|
||
#wpstats {
|
||
display: block;
|
||
margin: 0 auto 26px;
|
||
}
|
||
|
||
|
||
/* =WordPress.com Sharing
|
||
-------------------------------------------------------------- */
|
||
|
||
.sharedaddy {
|
||
margin: 0 0 13px;
|
||
}
|
||
.sharedaddy .sharedaddy {
|
||
margin: 0;
|
||
}
|
||
#content div.sharedaddy div.sd-block {
|
||
border-color: rgb( 245, 245, 245 ); /* #f5f5f5 */
|
||
border-color: rgba( 245, 245, 245, 0.8 );
|
||
padding: 16px 0 5px !important;
|
||
}
|
||
#content div.sharedaddy div.wpl-likebox {
|
||
padding-bottom: 12px !important;
|
||
}
|
||
div.sharedaddy .wpl-count {
|
||
padding: 7px 0 0;
|
||
}
|
||
.wpl-count-number {
|
||
line-height: 1;
|
||
}
|
||
div.sharedaddy ul.wpl-avatars {
|
||
padding-bottom: 2px !important;
|
||
}
|
||
.entry-content div.sharedaddy .sd-content ul li.share-google-plus-1 {
|
||
margin-top: 3px !important;
|
||
margin-bottom: -1px !important;
|
||
}
|
||
|
||
|
||
/* =WordPress.com/Polldaddy Polls
|
||
-------------------------------------------------------------- */
|
||
|
||
.PDS_Poll {
|
||
margin: 0 0 26px;
|
||
}
|
||
|
||
|
||
/* =WordPress.com Digg Button
|
||
-------------------------------------------------------------- */
|
||
|
||
.db-wrapper {
|
||
margin: 0 10px 10px 0;
|
||
}
|
||
|
||
|
||
/* =WordPress.com Follow
|
||
-------------------------------------------------------------- */
|
||
|
||
#bit h3 {
|
||
line-height: 26px;
|
||
}
|
||
#bit form {
|
||
float: none;
|
||
margin: 0;
|
||
}
|
||
|
||
|
||
/* =Jetpack Carousel
|
||
-------------------------------------------------------------- */
|
||
|
||
.jp-carousel-image-meta a.jp-carousel-image-download {
|
||
display: inline;
|
||
}
|
||
|
||
|
||
/* =SyntaxHighlighter Styles
|
||
-------------------------------------------------------------- */
|
||
|
||
.syntaxhighlighter table {
|
||
table-layout: auto;
|
||
}
|
||
.syntaxhighlighter .lines td {
|
||
padding: 5px 0 6px !important;
|
||
}
|
||
|
||
|
||
/* =VideoPress Styles
|
||
-------------------------------------------------------------- */
|
||
|
||
.video-player {
|
||
margin: 0 0 26px !important;
|
||
padding: 0 !important;
|
||
}
|
||
|
||
|
||
/* =Tiled Galleries
|
||
-------------------------------------------------------------- */
|
||
|
||
div.tiled-gallery {
|
||
margin: 0 0 26px;
|
||
}
|
||
|
||
|
||
/* =Infinite Scroll
|
||
-------------------------------------------------------------- */
|
||
|
||
/**
|
||
* Globally hidden elements when IS is supported and in use.
|
||
*/
|
||
.infinite-scroll #nav-above, /* Older / Newer Posts Navigation (always hidden). */
|
||
.infinite-scroll #nav-below,
|
||
.infinite-scroll.neverending #colophon { /* Theme Footer (when set to scrolling). */
|
||
display: none;
|
||
}
|
||
|
||
/**
|
||
* When IS has reached its end we need to re-display elements that were hidden (via .neverending) before.
|
||
*/
|
||
.infinity-end.neverending #colophon {
|
||
display: block;
|
||
}
|
||
|
||
/**
|
||
* Global style tweaks when IS is supported and in use.
|
||
*/
|
||
.infinite-scroll .infinite-wrap, /* Each IS loop content wrapper (multiple instances). */
|
||
.infinite-scroll .infinite-loader, /* Each IS loading spinner (multiple instances). */
|
||
.infinite-scroll #infinite-handle /* The Load more posts button. */ {
|
||
clear: both;
|
||
}
|
||
.infinite-scroll .infinite-wrap {
|
||
border-top: none;
|
||
padding: 0;
|
||
}
|
||
.infinite-scroll #infinite-footer .container { /* IS border */
|
||
border-color: #e7e7e7;
|
||
}
|
||
|
||
/**
|
||
* Make sure that clicking Load more posts doesn't cause any jarringness.
|
||
*/
|
||
.infinite-scroll #infinite-handle {
|
||
float: left;
|
||
height: 79px;
|
||
}
|
||
.infinite-scroll #infinite-handle span {
|
||
display: block;
|
||
margin: 13px 0;
|
||
}
|
||
.infinite-scroll .infinite-loader {
|
||
margin: 0 0 51px;
|
||
}
|
||
|
||
|
||
/* =Media Queries
|
||
-------------------------------------------------------------- */
|
||
|
||
@media only screen and (min-width: 320px) and (max-width: 320px) {
|
||
body,
|
||
#wpadminbar {
|
||
width: 372px;
|
||
}
|
||
}
|
||
@media only screen and ( min-width: 320px ) and ( max-width: 480px ) {
|
||
#primary,
|
||
.right-sidebar #primary,
|
||
.left-sidebar #primary,
|
||
#secondary,
|
||
#tertiary {
|
||
width: 100%;
|
||
}
|
||
.left-sidebar #primary,
|
||
.three-columns #primary,
|
||
.left-sidebar #secondary,
|
||
.three-columns #secondary,
|
||
#tertiary {
|
||
margin: 0;
|
||
}
|
||
#site-introduction {
|
||
padding: 13px;
|
||
}
|
||
#main {
|
||
padding: 0 13px;
|
||
}
|
||
.widget_goodreads {
|
||
display: none; /* Flash doesn't work on the iPad */
|
||
}
|
||
}
|
||
@media only screen and ( min-width: 481px ) and ( max-width: 800px ) {
|
||
#primary,
|
||
.right-sidebar #primary,
|
||
.left-sidebar #primary,
|
||
.left-sidebar #secondary,
|
||
.right-sidebar #tertiary {
|
||
width: 100%;
|
||
}
|
||
.left-sidebar #primary,
|
||
.three-columns #primary,
|
||
.left-sidebar #secondary {
|
||
margin: 0;
|
||
}
|
||
#secondary,
|
||
#tertiary {
|
||
width: 48%;
|
||
}
|
||
.three-columns #secondary {
|
||
margin: 0 4% 0 0;
|
||
}
|
||
#site-introduction {
|
||
padding: 13px 26px;
|
||
}
|
||
.main-navigation {
|
||
font-size: 12px;
|
||
font-size: 1.2rem;
|
||
}
|
||
.widget_goodreads {
|
||
display: none; /* Flash doesn't work on the iPad */
|
||
}
|
||
} |