/**
* Table of Contents:
*
* 1.0 - Reset
* 2.0 - Accessibility
* 3.0 - Formatting
* 4.0 - Structure
* 5.0 - Content
* 5.1 - Buttons
* 5.2 - Inputs
* 5.3 - Lists
* 5.4 - Media
* 6.0 - Comments
* 7.0 - Navigation
* 8.0 - Tables
* 9.0 - Typography
* 10.0 - Widgets
* 11.0 - Infinite scroll
* 12.0 - Media queries
**
* -----------------------------------------------------------------------------
*/
/**
* 1.0 Reset
*
* Resetting and rebuilding styles have been helped along thanks to the fine
* work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
* along with Nicolas Gallagher and Jonathan Neal
* http://necolas.github.com/normalize.css/ and Blueprint
* http://www.blueprintcss.org/
*
* -----------------------------------------------------------------------------
*/
caption, th, td {
text-align: right;
}
/**
* 2.0 Accessibility
* -----------------------------------------------------------------------------
*/
/* Text meant only for screen readers */
.screen-reader-text:focus {
right: 5px;
left: auto;
}
/**
* 3.0 Formatting
* -----------------------------------------------------------------------------
*/
.alignright {
float: right;
margin-left: 10px;
margin-right: auto;
}
.alignleft {
float: left;
margin-right: 10px;
margin-left: auto;
}
.center-block{
text-align: right;
}
/**
* 4.0 Structure
* -----------------------------------------------------------------------------
*/
#page:before,
#page:after {
right: 0;
left: 0;
}
/**
* 5.0 Content
* -----------------------------------------------------------------------------
*/
/**
* 5.1 Buttons
* -----------------------------------------------------------------------------
*/
/**
* 5.2 Inputs
* -----------------------------------------------------------------------------
*/
textarea {
padding-right: 2.5px;
padding-left: 0;
}
/**
* 5.3 Lists
* -----------------------------------------------------------------------------
*/
/**
* 5.4 Media
* -----------------------------------------------------------------------------
*/
/* Make sure embeds and iframes fit their containers */
/**
* 6.0 Comments
* -----------------------------------------------------------------------------
*/
ol.comment-list ol.children li .comment-author:before {
float: right;
}
.comment-metadata {
margin-left: 50px;
margin-right: auto;
}
.comment-list .comment-author img.avatar {
float: right;
margin: 0 0 5px 10px;
}
.reply {
left: 0;
right: auto;
}
h3#reply-title small {
float: left;
}
/**
* 7.0 Navigation
* -----------------------------------------------------------------------------
*/
.main-navigation ul ul a {
margin: 0 5px 0 0;
}
.main-navigation ul ul li:before {
float: right;
}
.main-navigation ul ul {
right: 100%;
left: auto;
}
/* Small menu */
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
text-align: left;
}
.button-block {
float: left;
margin: 0 0 0 -40px;
left: 0;
right: auto;
}
.icon-block {
margin: 0 0 0 -40px;
left: 0;
right: auto;
}
/**
* 8.0 Tables
* -----------------------------------------------------------------------------
*/
caption,
th,
td {
text-align: right;
}
/**
* 9.0 Typography
* -----------------------------------------------------------------------------
*/
blockquote p {
margin-right: 80px;
margin-left: auto;
}
blockquote:before {
float: right;
}
/**
* 10.0 Widgets
* -----------------------------------------------------------------------------
*/
/**
* 11.0 Infinite scroll
* -----------------------------------------------------------------------------
*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
span.infinite-loader .spinner {
right: 50% !important;
left: auto;
}
/**
* 12.0 Media queries
* -----------------------------------------------------------------------------
*/
/* Define mobile styles */
@media only screen and (max-width: 40em) {
span.infinite-loader .spinner {
right: 50% !important;
left: auto;
}
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
/* Small menu */
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
text-align: left;
}
.button-block {
float: left;
margin: 0 0 0 -40px;
left: 0;
right: auto;
}
.icon-block {
margin: 0 0 0 -40px;
left: 0;
right: auto;
}
/**
* 8.0 Tables
* -----------------------------------------------------------------------------
*/
caption,
th,
td {
text-align: right;
}
/**
* 9.0 Typography
* -----------------------------------------------------------------------------
*/
blockquote p {
margin-right: 80px;
margin-left: auto;
}
blockquote:before {
float: right;
}
/**
* 10.0 Widgets
* -----------------------------------------------------------------------------
*/
/**
* 11.0 Infinite scroll
* -----------------------------------------------------------------------------
*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
span.infinite-loader .spinner {
right: 50% !important;
left: auto;
}
/**
* 12.0 Media queries
* -----------------------------------------------------------------------------
*/
/* Define mobile styles */
@media only screen and (max-width: 40em) {
span.infinite-loader .spinner {
right: 50% !important;
left: auto;
}
}
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) {
.main-navigation ul ul {
right: 100%;
left: auto;
}
/* Small menu */
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
text-align: left;
}
.button-block {
float: left;
margin: 0 0 0 -40px;
left: 0;
right: auto;
}
.icon-block {
margin: 0 0 0 -40px;
left: 0;
right: auto;
}
/**
* 8.0 Tables
* -----------------------------------------------------------------------------
*/
caption,
th,
td {
text-align: right;
}
/**
* 9.0 Typography
* -----------------------------------------------------------------------------
*/
blockquote p {
margin-right: 80px;
margin-left: auto;
}
blockquote:before {
float: right;
}
/**
* 10.0 Widgets
* -----------------------------------------------------------------------------
*/
/**
* 11.0 Infinite scroll
* -----------------------------------------------------------------------------
*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
span.infinite-loader .spinner {
right: 50% !important;
left: auto;
}
/**
* 12.0 Media queries
* -----------------------------------------------------------------------------
*/
/* Define mobile styles */
@media only screen and (max-width: 40em) {
span.infinite-loader .spinner {
right: 50% !important;
left: auto;
}
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
/* Small menu */
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
text-align: left;
}
.button-block {
float: left;
margin: 0 0 0 -40px;
left: 0;
right: auto;
}
.icon-block {
margin: 0 0 0 -40px;
left: 0;
right: auto;
}
/**
* 8.0 Tables
* -----------------------------------------------------------------------------
*/
caption,
th,
td {
text-align: right;
}
/**
* 9.0 Typography
* -----------------------------------------------------------------------------
*/
blockquote p {
margin-right: 80px;
margin-left: auto;
}
blockquote:before {
float: right;
}
/**
* 10.0 Widgets
* -----------------------------------------------------------------------------
*/
/**
* 11.0 Infinite scroll
* -----------------------------------------------------------------------------
*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
span.infinite-loader .spinner {
right: 50% !important;
left: auto;
}
/**
* 12.0 Media queries
* -----------------------------------------------------------------------------
*/
/* Define mobile styles */
@media only screen and (max-width: 40em) {
span.infinite-loader .spinner {
right: 50% !important;
left: auto;
}
}
}
}
/* min-width 1025px, large screens */
/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
/* min-width 1441px, xlarge screens */
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
/* min-width 1921px, xlarge screens */
/* Generated by the RTLer - http://wordpress.org/extend/plugins/rtler/ */
|