2013-09-28 20:57:19 +02:00
/ *
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 ;
}
2013-10-10 22:05:49 +02:00
# commentform input [ type = "password" ] {
display : block ;
}
2013-10-10 22:09:01 +02:00
# commentform input [ type = "checkbox" ] {
margin-left : 0 . 5em ;
}
2013-09-28 20:57:19 +02:00
# 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 */
}
}