679 lines
14 KiB
CSS
679 lines
14 KiB
CSS
/*
|
|
Theme Name: Gazette
|
|
|
|
Adding support for language written in a Right To Left (RTL) direction is easy -
|
|
it's just a matter of overwriting all the horizontal positioning attributes
|
|
of your CSS stylesheet in a separate stylesheet file named rtl.css.
|
|
|
|
http://codex.wordpress.org/Right_to_Left_Language_Support
|
|
*/
|
|
|
|
/*--------------------------------------------------------------
|
|
>>> TABLE OF CONTENTS:
|
|
----------------------------------------------------------------
|
|
# Normalize
|
|
# Typography
|
|
# Elements
|
|
# Navigation
|
|
## Primary Menu
|
|
## Social Menu
|
|
## Paging Navigation
|
|
# Accessibility
|
|
# Widgets
|
|
# Content
|
|
## Grid
|
|
## Header
|
|
## Footer
|
|
## Featured Content
|
|
## Posts & Pages
|
|
## Comments
|
|
# Media
|
|
# Jetpack
|
|
## Infinite Scroll
|
|
## Recipes
|
|
## Widgets
|
|
# Eventbrite
|
|
# Responsive
|
|
## x >= 600px
|
|
## x >= 768px
|
|
## x >= 840px
|
|
## x >= 960px
|
|
## x >= 1080px
|
|
## x >= 1380px
|
|
--------------------------------------------------------------*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Normalize
|
|
--------------------------------------------------------------*/
|
|
body {
|
|
direction: rtl;
|
|
unicode-bidi: embed;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Typography
|
|
--------------------------------------------------------------*/
|
|
blockquote:before {
|
|
float: right;
|
|
}
|
|
blockquote blockquote {
|
|
margin-left: 0;
|
|
margin-right: 30px;
|
|
}
|
|
pre {
|
|
border-left: 0;
|
|
border-right: 2px solid #3863c1;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Elements
|
|
--------------------------------------------------------------*/
|
|
li > ul,
|
|
li > ol {
|
|
margin-left: 0;
|
|
margin-right: 30px;
|
|
}
|
|
table {
|
|
text-align: right;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Navigation
|
|
--------------------------------------------------------------*/
|
|
/*--------------------------------------------------------------
|
|
## Primary Menu
|
|
--------------------------------------------------------------*/
|
|
/* Menu Toggle */
|
|
.menu-toggle {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
/* Dropdown Toggle */
|
|
.dropdown-toggle {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
/* Main Navigation */
|
|
.main-navigation.toggled > div {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.main-navigation ul {
|
|
padding-right: 0;
|
|
}
|
|
.main-navigation ul.toggled {
|
|
padding-left: 0;
|
|
padding-right: 30px;
|
|
}
|
|
.main-navigation .page_item_has_children > a,
|
|
.main-navigation .menu-item-has-children > a {
|
|
padding-left: 45px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Social Menu
|
|
--------------------------------------------------------------*/
|
|
.social-navigation li {
|
|
float: right;
|
|
}
|
|
.social-navigation li:first-child {
|
|
margin-left: 5px;
|
|
margin-right: 0;
|
|
}
|
|
.social-navigation li:last-child {
|
|
margin-left: 0;
|
|
margin-right: 5px;
|
|
}
|
|
.social-navigation .page_item_has_children > a,
|
|
.social-navigation .menu-item-has-children > a {
|
|
padding-left: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Paging Navigation
|
|
--------------------------------------------------------------*/
|
|
.comment-navigation .nav-previous,
|
|
.posts-navigation .nav-previous {
|
|
float: right;
|
|
}
|
|
.comment-navigation .nav-next,
|
|
.posts-navigation .nav-next {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Accessibility
|
|
--------------------------------------------------------------*/
|
|
.screen-reader-text:focus {
|
|
left: auto;
|
|
right: 5px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Widgets
|
|
--------------------------------------------------------------*/
|
|
/* Sidebar Toggle */
|
|
.sidebar-toggle {
|
|
left: auto;
|
|
margin-left: 0;
|
|
margin-right: -22.5px;
|
|
right: 50%;
|
|
}
|
|
|
|
/* Footer Widget */
|
|
.footer-widget-inner .widget:nth-of-type(4n+1) {
|
|
clear: right;
|
|
margin-right: 0;
|
|
}
|
|
.footer-widget-inner .widget:nth-of-type(4n+4) {
|
|
clear: left;
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* Lists */
|
|
.widget_archive ul,
|
|
.widget_categories ul,
|
|
.widget_links ul,
|
|
.widget_meta ul,
|
|
.widget_nav_menu ul,
|
|
.widget_pages ul,
|
|
.widget_recent_comments ul,
|
|
.widget_recent_entries ul,
|
|
.widget_rss ul {
|
|
margin-right: 0;
|
|
}
|
|
.widget_categories .children,
|
|
.widget_nav_menu .sub-menu,
|
|
.widget_pages .children {
|
|
padding-left: 0;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
/* Tag Cloud */
|
|
.widget_tag_cloud a:before {
|
|
margin-left: 0.125em;
|
|
margin-right: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Content
|
|
--------------------------------------------------------------*/
|
|
/*--------------------------------------------------------------
|
|
## Grid
|
|
--------------------------------------------------------------*/
|
|
/* Floats and Other Properties */
|
|
.page .widget-area:before,
|
|
.single .widget-area:before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.site-branding {
|
|
padding-left: 75px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Header
|
|
--------------------------------------------------------------*/
|
|
/* Search Form */
|
|
.search-toggle {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
.search-form .search-submit {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
.search-form:before {
|
|
left: 1px;
|
|
right: auto;
|
|
}
|
|
.search-header .search-form:before,
|
|
.search-header .search-form .search-submit {
|
|
left: 59px;
|
|
right: auto;
|
|
}
|
|
|
|
/* Site Branding */
|
|
.site-branding {
|
|
float: right;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Footer
|
|
--------------------------------------------------------------*/
|
|
.footer-text + .social-navigation + .site-info {
|
|
clear: left;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Featured Content
|
|
--------------------------------------------------------------*/
|
|
.featured-content .hentry {
|
|
float: right;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Posts & Pages
|
|
--------------------------------------------------------------*/
|
|
/* Sticky */
|
|
.sticky-post {
|
|
left: 15px;
|
|
right: auto;
|
|
}
|
|
|
|
/* Entry Meta */
|
|
.cat-links {
|
|
float: right;
|
|
}
|
|
.comments-link {
|
|
float: left;
|
|
}
|
|
.long-meta .comments-link {
|
|
float: right;
|
|
}
|
|
|
|
/* Entry Footer */
|
|
.entry-footer {
|
|
float: right;
|
|
}
|
|
.tags-links a:before {
|
|
margin-left: 0.125em;
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* Page Links */
|
|
.page-links a,
|
|
.page-links > span {
|
|
margin: 0 0 5px 5px;
|
|
}
|
|
.page-links > .page-links-title {
|
|
padding-left: 5px;
|
|
padding-right: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Comments
|
|
--------------------------------------------------------------*/
|
|
.comment-list .comment-respond {
|
|
margin-left: 0;
|
|
margin-right: 30px;
|
|
}
|
|
.comment-author .avatar {
|
|
float: right;
|
|
margin-left: 30px;
|
|
margin-right: 0;
|
|
}
|
|
.comment-list .comment-reply-title small {
|
|
float: left;
|
|
}
|
|
.reply {
|
|
text-align: left;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Media
|
|
--------------------------------------------------------------*/
|
|
.gallery-caption {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Jetpack
|
|
--------------------------------------------------------------*/
|
|
/*--------------------------------------------------------------
|
|
## Infinite Scroll
|
|
--------------------------------------------------------------*/
|
|
.infinite-loader .spinner {
|
|
left: auto !important;
|
|
right: 50% !important;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Recipes
|
|
--------------------------------------------------------------*/
|
|
.site-content .jetpack-recipe blockquote {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Widgets
|
|
--------------------------------------------------------------*/
|
|
/* Gravatar Profile */
|
|
.widget-grofile .grofile-thumbnail {
|
|
float: left;
|
|
}
|
|
|
|
/* RSS Links */
|
|
.widget_rss_links ul {
|
|
margin-right: 0;
|
|
}
|
|
.widget_rss_links p a + a {
|
|
margin-left: 0;
|
|
margin-right: 11px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Eventbrite
|
|
--------------------------------------------------------------*/
|
|
.eventbrite-event .entry-header span {
|
|
padding-left: 12px;
|
|
padding-right: 0;
|
|
}
|
|
.eventbrite-event .entry-header span:last-of-type {
|
|
padding-left: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Responsive
|
|
--------------------------------------------------------------*/
|
|
/*--------------------------------------------------------------
|
|
## x >= 600px
|
|
--------------------------------------------------------------*/
|
|
@media screen and (min-width: 600px) {
|
|
/* Primary Menu */
|
|
.menu-toggle {
|
|
left: 59px;
|
|
right: auto;
|
|
}
|
|
|
|
/* Paging Navigation */
|
|
.comment-navigation .nav-next a:after,
|
|
.comment-navigation .nav-previous a:before,
|
|
.posts-navigation .nav-next a:after,
|
|
.posts-navigation .nav-previous a:before {
|
|
content: '\f430';
|
|
}
|
|
.comment-navigation .nav-previous a:before,
|
|
.posts-navigation .nav-previous a:before {
|
|
content: '\f429';
|
|
}
|
|
|
|
/* Widgets */
|
|
.sidebar-toggle {
|
|
margin-left: 0;
|
|
margin-right: -30px;
|
|
}
|
|
|
|
/* Header */
|
|
.search-header .search-form {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.search-form .search-field {
|
|
border-left: 60px solid transparent;
|
|
border-right: 1px solid #ddd;
|
|
}
|
|
.search-header .search-field {
|
|
border-left-width: 119px;
|
|
border-right-width: 1px;
|
|
}
|
|
.site-branding {
|
|
padding-left: 135px;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## x >= 768px
|
|
--------------------------------------------------------------*/
|
|
@media screen and (min-width: 768px) {
|
|
/* Grid */
|
|
.archive .hentry,
|
|
.author-info .author-heading,
|
|
.blog .hentry,
|
|
.footer-widget-inner .widget,
|
|
.search .hentry {
|
|
float: right;
|
|
}
|
|
.archive .hentry:nth-of-type(even),
|
|
.blog .hentry:nth-of-type(even),
|
|
.footer-widget-inner .widget:nth-of-type(even),
|
|
.search .hentry:nth-of-type(even) {
|
|
margin-left: 0;
|
|
margin-right: 30px;
|
|
}
|
|
.archive .hentry:nth-of-type(odd),
|
|
.blog .hentry:nth-of-type(odd),
|
|
.footer-widget-inner .widget:nth-of-type(odd),
|
|
.search .hentry:nth-of-type(odd) {
|
|
margin-left: 30px;
|
|
margin-right: 0;
|
|
}
|
|
.content-area .hentry:nth-of-type(even) {
|
|
clear: left;
|
|
}
|
|
.content-area .hentry:nth-of-type(odd) {
|
|
clear: right;
|
|
}
|
|
|
|
/* Author Info */
|
|
.author-info .author-avatar {
|
|
float: left;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## x >= 840px
|
|
--------------------------------------------------------------*/
|
|
@media screen and (min-width: 840px) {
|
|
/* Primary Menu */
|
|
.main-navigation {
|
|
float: right;
|
|
padding-left: 60px;
|
|
padding-right: 0;
|
|
}
|
|
body:not(.long-menu) .main-navigation {
|
|
border-left: 0;
|
|
border-right: 1px solid #ddd;
|
|
margin-left: 0;
|
|
margin-right: 15px;
|
|
}
|
|
body.long-menu .main-navigation {
|
|
margin-left: 0;
|
|
margin-right: -15px;
|
|
}
|
|
.main-navigation.toggled > div {
|
|
right: auto;
|
|
}
|
|
.main-navigation ul.toggled {
|
|
padding-right: 0;
|
|
}
|
|
.main-navigation li {
|
|
float: right;
|
|
}
|
|
.main-navigation .nav-menu > li + li {
|
|
border-left: 0;
|
|
border-right: 1px solid #eee;
|
|
}
|
|
.main-navigation .menu-item-has-children {
|
|
padding-left: 38.5px;
|
|
padding-right: 15px;
|
|
}
|
|
.main-navigation .page_item_has_children > a,
|
|
.main-navigation .menu-item-has-children > a {
|
|
padding-left: 0;
|
|
}
|
|
.main-navigation .menu-item-has-children > a:after {
|
|
left: 15px;
|
|
right: auto;
|
|
}
|
|
.main-navigation ul ul .menu-item-has-children > a:after {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
.main-navigation ul ul {
|
|
float: right;
|
|
left: auto;
|
|
right: -999em;
|
|
}
|
|
.main-navigation ul ul ul {
|
|
left: auto;
|
|
right: -999em;
|
|
}
|
|
.main-navigation ul li:hover > ul {
|
|
margin-left: 0;
|
|
margin-right: -16px;
|
|
right: auto;
|
|
}
|
|
.main-navigation ul ul li:hover > ul {
|
|
left: auto;
|
|
right: 100%;
|
|
}
|
|
|
|
/* Grid */
|
|
.site-branding {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## x >= 960px
|
|
--------------------------------------------------------------*/
|
|
@media screen and (min-width: 960px) {
|
|
/* Social Menu */
|
|
.social-navigation {
|
|
float: right;
|
|
}
|
|
.footer-text + .social-navigation {
|
|
float: left;
|
|
}
|
|
.footer-text + .social-navigation:before {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
/* Grid */
|
|
.comments-area {
|
|
margin-left: -60px;
|
|
margin-right: 0;
|
|
padding-left: 60px;
|
|
padding-right: 0;
|
|
}
|
|
.archive .hentry:nth-of-type(even),
|
|
.blog .hentry:nth-of-type(even),
|
|
.footer-widget-inner .widget:nth-of-type(even),
|
|
.search .hentry:nth-of-type(even) {
|
|
margin-left: 30px;
|
|
}
|
|
.archive .hentry:nth-of-type(odd),
|
|
.blog .hentry:nth-of-type(odd),
|
|
.footer-widget-inner .widget:nth-of-type(odd),
|
|
.search .hentry:nth-of-type(odd) {
|
|
margin-right: 30px;
|
|
}
|
|
.content-area .hentry:nth-of-type(even),
|
|
.content-area .hentry:nth-of-type(odd) {
|
|
clear: none;
|
|
}
|
|
.archive .hentry:nth-of-type(3n+1),
|
|
.blog .hentry:nth-of-type(3n+1),
|
|
.footer-widget-inner .widget:nth-of-type(4n+1),
|
|
.search .hentry:nth-of-type(3n+1) {
|
|
margin-left: 30px;
|
|
margin-right: 0;
|
|
}
|
|
.archive .hentry:nth-of-type(3n+3),
|
|
.blog .hentry:nth-of-type(3n+3),
|
|
.footer-widget-inner .widget:nth-of-type(4n+4),
|
|
.search .hentry:nth-of-type(3n+3) {
|
|
margin-left: 0;
|
|
margin-right: 30px;
|
|
}
|
|
.content-area .hentry:nth-of-type(3n+1) {
|
|
clear: right;
|
|
}
|
|
.content-area .hentry:nth-of-type(3n+3) {
|
|
clear: left;
|
|
}
|
|
.page .site-main,
|
|
.single .site-main {
|
|
border-left: 1px solid #ddd;
|
|
border-right: 0;
|
|
float: right;
|
|
padding-left: 60px;
|
|
padding-right: 0;
|
|
}
|
|
.page .widget-area,
|
|
.single .widget-area {
|
|
border-left: 0;
|
|
border-right: 1px solid #ddd;
|
|
float: left;
|
|
margin-left: 0;
|
|
margin-right: -1px;
|
|
padding-left: 0;
|
|
padding-right: 60px;
|
|
}
|
|
|
|
/* Header */
|
|
body:not(.long-menu) .site-branding:before {
|
|
margin-right: 15px;
|
|
right: 100%;
|
|
}
|
|
|
|
/* Footer */
|
|
.site-info {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
.footer-text {
|
|
float: right;
|
|
}
|
|
|
|
/* Posts & Pages */
|
|
.author-info {
|
|
margin-left: 0;
|
|
margin-right: -60px;
|
|
padding-left: 0;
|
|
padding-right: 60px;
|
|
}
|
|
|
|
/* Comments */
|
|
.comment-list:before,
|
|
.comment-navigation + .comment-respond:before {
|
|
left: -60px;
|
|
right: auto;
|
|
}
|
|
|
|
/* Sharedaddy */
|
|
div#jp-relatedposts:before {
|
|
left: -60px;
|
|
right: auto;
|
|
}
|
|
.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:first-of-type {
|
|
margin-left: 15px;
|
|
margin-right: 0;
|
|
}
|
|
.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:last-of-type {
|
|
margin-left: 0;
|
|
margin-right: 15px;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## x >= 1080px
|
|
--------------------------------------------------------------*/
|
|
@media screen and (min-width: 1080px) {
|
|
/* Posts & Pages */
|
|
.author-info .author-heading {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## x >= 1380px
|
|
--------------------------------------------------------------*/
|
|
@media screen and (min-width: 1380px) {
|
|
/* Grid */
|
|
div#jp-relatedposts,
|
|
.comments-area,
|
|
.single .entry-content {
|
|
float: left;
|
|
}
|
|
}
|