804 lines
13 KiB
CSS
804 lines
13 KiB
CSS
/*
|
|
Theme Name: Twenty Fourteen
|
|
*/
|
|
|
|
body {
|
|
direction: rtl;
|
|
unicode-bidi: embed;
|
|
}
|
|
|
|
/* =Reset
|
|
----------------------------------------------- */
|
|
|
|
caption, th, td {
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
/* =Global
|
|
----------------------------------------------- */
|
|
|
|
/* Text elements */
|
|
|
|
ul, ol {
|
|
margin: 0 22px 24px 0;
|
|
}
|
|
|
|
li > ul,
|
|
li > ol {
|
|
margin-right: 20px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.site-content blockquote.alignright {
|
|
margin: 7px 0 7px 24px;
|
|
}
|
|
|
|
.site-content blockquote.alignleft {
|
|
margin: 7px 24px 7px 0;
|
|
}
|
|
|
|
/* Alignment */
|
|
.alignright {
|
|
float: right;
|
|
margin-left: 24px;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.alignleft {
|
|
float: left;
|
|
margin-right: 24px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.screen-reader-text:focus {
|
|
left: auto;
|
|
right: 5px;
|
|
}
|
|
|
|
/* =Header
|
|
----------------------------------------------- */
|
|
|
|
.search-toggle {
|
|
float: left;
|
|
margin-left: 38px;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.site-title {
|
|
float: right;
|
|
}
|
|
|
|
.menu-toggle {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.search-toggle {
|
|
float: right;
|
|
padding: 25px 0 0 10px;
|
|
}
|
|
|
|
.search-box .search-field {
|
|
float: left;
|
|
}
|
|
|
|
|
|
/* =Menu
|
|
----------------------------------------------- */
|
|
|
|
/* Primary Navigation */
|
|
.primary-navigation ul {
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.primary-navigation ul ul li {
|
|
margin-left: auto;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.primary-navigation ul ul {
|
|
right: -999em;
|
|
left: auto;
|
|
}
|
|
|
|
.primary-navigation ul ul ul {
|
|
right: -999em;
|
|
left: auto;
|
|
}
|
|
|
|
|
|
.primary-navigation ul li:hover > ul,
|
|
.primary-navigation ul li.focus > ul {
|
|
right: auto;
|
|
}
|
|
|
|
.primary-navigation ul ul li:hover > ul,
|
|
.primary-navigation ul ul li.focus > ul {
|
|
left: auto;
|
|
right: 100%;
|
|
}
|
|
|
|
/* Secondary Navigation */
|
|
.secondary-navigation ul ul {
|
|
margin: 0 20px 0 0;
|
|
}
|
|
|
|
/* Mobile Navigations */
|
|
.mobile-navigation ul ul li {
|
|
margin-right: 15px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
|
|
/* =Content
|
|
----------------------------------------------- */
|
|
|
|
.entry-content th,
|
|
.comment-content th {
|
|
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
|
border-right: none;
|
|
}
|
|
|
|
.entry-content td,
|
|
.comment-content td {
|
|
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
|
border-right: none;
|
|
}
|
|
|
|
.more-link .meta-nav,
|
|
..post-format-archive-link .meta-nav {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.more-link:hover .meta-nav,
|
|
..post-format-archive-link:hover .meta-nav {
|
|
right: 5px;
|
|
left: auto;
|
|
}
|
|
|
|
.page-links a,
|
|
.page-links > span {
|
|
margin-left: 1px;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.page-links > span.page-links-title {
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.tag-links a {
|
|
margin: 0 10px 4px 4px;
|
|
}
|
|
|
|
.tag-links a:before {
|
|
border-left: 10px solid #8c8c8c;
|
|
right: -10px;
|
|
left: auto;
|
|
border-right: none;
|
|
}
|
|
|
|
.tag-links a:hover:before,
|
|
.tag-links a:focus:before {
|
|
border-left-color: #2b2b2b;
|
|
}
|
|
|
|
.tag-links a:after {
|
|
right: -2px;
|
|
left: auto;
|
|
}
|
|
|
|
|
|
/* =Post Formatted posts column
|
|
----------------------------------------------- */
|
|
|
|
.widget_twentyfourteen_ephemera .widget-title:before {
|
|
margin-left: 10px;
|
|
margin-right: auto;
|
|
}
|
|
|
|
|
|
/* =Media
|
|
----------------------------------------------- */
|
|
|
|
img.alignright,
|
|
.wp-caption.alignright,
|
|
blockquote.alignright {
|
|
margin: 7px 0 7px 24px;
|
|
}
|
|
|
|
img.alignleft,
|
|
.wp-caption.alignleft,
|
|
blockquote.alignleft {
|
|
margin: 7px 24px 7px 0;
|
|
}
|
|
|
|
.wp-caption-text {
|
|
padding: 0 0 0 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
/* =Navigation
|
|
----------------------------------------------- */
|
|
|
|
.paging-navigation .page-numbers {
|
|
margin-left: 5px;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.post-navigation [rel="prev"],
|
|
.post-navigation [rel="next"],
|
|
.image-navigation .previous-image,
|
|
.image-navigation .next-image {
|
|
text-align: right;
|
|
}
|
|
|
|
.comment-navigation {
|
|
padding-right: 10px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.comment-navigation .nav-previous a {
|
|
margin-left: 10px;
|
|
margin-right: auto;
|
|
}
|
|
|
|
|
|
/* =Comments
|
|
----------------------------------------------- */
|
|
|
|
.comment-author {
|
|
padding-right: 36px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.comment-author .avatar {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.comment-metadata,
|
|
.comment-content {
|
|
padding-right: 36px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.comment-content ul,
|
|
.comment-content ol {
|
|
margin: 0 22px 24px 0;
|
|
}
|
|
|
|
.comment-list .children {
|
|
margin-right: 18px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.comment .comment-respond {
|
|
margin-right: 36px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.comment-edit-link {
|
|
margin-left: 0;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.comment-edit-link:before {
|
|
margin: 3px 0 0 2px;
|
|
}
|
|
|
|
.comment-reply-link:before,
|
|
.comment-reply-login:before {
|
|
margin: 3px 0 0 3px;
|
|
}
|
|
|
|
|
|
/* =Widgets
|
|
----------------------------------------------- */
|
|
|
|
.widget li > ul,
|
|
.widget li > ol {
|
|
margin: 0 10px 0 0;
|
|
}
|
|
|
|
.widget select,
|
|
.widget iframe {
|
|
margin-right: 1px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
/* Caledar widget*/
|
|
.widget_calendar caption {
|
|
text-align: right;
|
|
}
|
|
|
|
.widget_calendar#prev {
|
|
padding-right: 5px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.widget_calendar #next {
|
|
border-left: 1px solid rgba(255, 255, 255, 0.2);
|
|
padding-left: 5px;
|
|
text-align: left;
|
|
padding-right: 0;
|
|
border-right: none;
|
|
}
|
|
|
|
|
|
/* =Content Sidebar
|
|
----------------------------------------------- */
|
|
|
|
.content-sidebar .widget .children,
|
|
.content-sidebar .widget .sub-menu {
|
|
margin: 0 20px 0 0;
|
|
}
|
|
|
|
.content-sidebar .widget .widgets-multi-column-grid li {
|
|
padding: 0 0 6px 8px;
|
|
}
|
|
|
|
|
|
/* =Contributor Page
|
|
----------------------------------------------- */
|
|
|
|
.contributor-avatar {
|
|
float: right;
|
|
margin: 0 0 20px 30px;
|
|
}
|
|
|
|
.contributor-posts-link:before {
|
|
margin: -3px -3px -2px 5px;
|
|
}
|
|
|
|
|
|
/* =Media Queries
|
|
----------------------------------------------- */
|
|
|
|
/* Mobile list style */
|
|
@media screen and (max-width: 400px) {
|
|
.list-view .featured-thumbnail img {
|
|
float: right;
|
|
margin: 0 0 3px 10px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 400px) {
|
|
.content-area .featured-post:before,
|
|
.content-area .post-format a:before,
|
|
.content-area .entry-date a:before,
|
|
.content-area .entry-date a:before,
|
|
.content-area .byline a:before,
|
|
.content-area .comments-link a:before,
|
|
.entry-comment .edit-link a:before,
|
|
.content-area .full-size-link a:before,
|
|
.content-area .parent-post-link a:before {
|
|
margin: 0 0 0 2px;
|
|
}
|
|
|
|
.content-area .entry-meta > span {
|
|
margin-left: 10px;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.content-area .format-video .post-format a:before {
|
|
margin: -1px 0 0 2px;
|
|
}
|
|
|
|
.content-area .format-image .post-format a:before {
|
|
margin: -1px 0 0 2px;
|
|
}
|
|
|
|
.content-area .format-gallery .post-format a:before {
|
|
margin: -1px 0 0 4px;
|
|
}
|
|
|
|
.content-area .featured-post:before {
|
|
margin: -1px 0 0 3px;
|
|
}
|
|
|
|
.content-area .entry-date a:before,
|
|
.attachment span.entry-date:before {
|
|
margin: 0 0 0 1px;
|
|
}
|
|
|
|
.content-area .comments-link a:before {
|
|
margin: -1px 0 0 2px;
|
|
}
|
|
|
|
.entry-comment .edit-link a:before {
|
|
margin: -1px 0 0 2px;
|
|
}
|
|
|
|
.page .entry-comment .edit-link a:before {
|
|
margin: 5px 0 0 2px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 672px) {
|
|
.content-area {
|
|
float: right;
|
|
}
|
|
|
|
.site-content {
|
|
margin: 0 0 0 33.33333333%;
|
|
}
|
|
|
|
.content-sidebar {
|
|
float: left;
|
|
margin: 0 -30.35714285% 0 0;
|
|
padding: 36px 0 24px 10px;
|
|
}
|
|
|
|
.ephemera {
|
|
float: left;
|
|
margin: 0 -30.35714285% 0 0;
|
|
padding: 36px 0 0 10px;
|
|
}
|
|
|
|
.featured-content .hentry {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 740px) {
|
|
.comment-author {
|
|
padding-right: 60px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.comment-metadata,
|
|
.comment-content {
|
|
padding-right: 60px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.comments-title,
|
|
.no-comments,
|
|
.comment-respond,
|
|
.comments-area article,
|
|
.comment-list .trackback,
|
|
.comment-list .pingback,
|
|
.post-navigation [rel="prev"],
|
|
.post-navigation [rel="next"] {
|
|
padding-left: 9.12778904%;
|
|
padding-right: 9.12778904%;
|
|
}
|
|
|
|
.comment-navigation {
|
|
padding-right: 9.12778904%;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.image-navigation .previous-image,
|
|
.image-navigation .next-image,
|
|
.full-width .comment-navigation,
|
|
.full-width .comments-title,
|
|
.full-width .comment-respond,
|
|
.full-width .comments-area article,
|
|
.full-width .comment-list .trackback,
|
|
.full-width .comment-list .pingback {
|
|
padding-left: 6.04307432%;
|
|
padding-right: 6.04307432%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 782px) {
|
|
.header-main {
|
|
padding: 0 27px 0 0;
|
|
}
|
|
|
|
.search-toggle {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 870px) {
|
|
.content-area .entry-header {
|
|
margin-left: 8.03571428%;
|
|
margin-right: 12.5%;
|
|
}
|
|
|
|
.content-area .entry-content,
|
|
.content-area .entry-summary {
|
|
margin-left: 8.03571428%;
|
|
margin-right: 12.5%;
|
|
}
|
|
|
|
.content-area footer.entry-meta {
|
|
margin: 12px 12.5% 24px 8.03571428%;
|
|
}
|
|
|
|
.page .content-area .entry-header,
|
|
.error404 .content-area .entry-header {
|
|
margin: 0 12.5% 0 8.03571428%;
|
|
}
|
|
|
|
.archive-header,
|
|
.page-header {
|
|
margin: 0 12.5% 24px 8.03571428%;
|
|
}
|
|
|
|
.comments-title,
|
|
.no-comments,
|
|
.comment-respond,
|
|
.comments-area article,
|
|
.comment-list .trackback,
|
|
.comment-list .pingback,
|
|
.post-navigation [rel="prev"],
|
|
.post-navigation [rel="next"] {
|
|
padding-left: 12.39493534%;
|
|
padding-right: 17.06896551%;
|
|
}
|
|
|
|
.comment-respond {
|
|
padding-left: 13.8900862%;
|
|
}
|
|
|
|
.comment-list,
|
|
.full-width .comment-list {
|
|
margin-right: -70px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.comment-navigation {
|
|
padding-right: 17.06896551%;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.content-sidebar {
|
|
padding-top: 72px;
|
|
}
|
|
|
|
.image-navigation .previous-image,
|
|
.image-navigation .next-image,
|
|
.full-width .comment-navigation,
|
|
.full-width .comments-title,
|
|
.full-width .comment-respond,
|
|
.full-width .comments-area article,
|
|
.full-width .comment-list .trackback,
|
|
.full-width .comment-list .pingback {
|
|
padding-left: 11.30926724%;
|
|
padding-right: 11.30926724%;
|
|
}
|
|
|
|
.site-content blockquote.alignright {
|
|
margin-right: -20%;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.site-content blockquote.alignleft {
|
|
margin-left: -20%;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.content-area .no-results .entry-header {
|
|
margin-right: 12.5%;
|
|
margin-left: 8.03571428%;
|
|
}
|
|
|
|
.content-area .no-results .entry-content {
|
|
margin-right: 12.5%;
|
|
margin-left: 8.03571428%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1008px) {
|
|
.site:before {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.header-main {
|
|
padding-right: 27px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.search-box-wrapper {
|
|
padding-right: 222px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.site-content {
|
|
margin: 0 222px 0 27.31707317%;
|
|
}
|
|
|
|
#secondary {
|
|
float: right;
|
|
margin: 0 -100% 0 0;
|
|
}
|
|
|
|
.front-page-content-wrapper {
|
|
float: right;
|
|
}
|
|
|
|
.site-content {
|
|
margin: 0 222px 0 27.31707317%;
|
|
}
|
|
|
|
.content-sidebar,
|
|
.ephemera {
|
|
margin: 0 -27.31707317% 0 0;
|
|
}
|
|
|
|
.featured-content {
|
|
padding-right: 222px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.site-footer {
|
|
padding-right: 27px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.secondary-navigation ul ul {
|
|
right: 168px;
|
|
left: auto;
|
|
}
|
|
|
|
.full-width.site-content {
|
|
margin-right: 222px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.comments-title,
|
|
.no-comments,
|
|
.comment-respond,
|
|
.comments-area article,
|
|
.comment-list .trackback,
|
|
.comment-list .pingback,
|
|
.post-navigation [rel="prev"],
|
|
.post-navigation [rel="next"] {
|
|
padding-left: 9.87001616%;
|
|
padding-right: 9.19765166%;
|
|
}
|
|
|
|
.comment-list,
|
|
.full-width .comment-list {
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.comment-navigation {
|
|
padding-right: 9.19765166%;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.image-navigation .previous-image,
|
|
.image-navigation .next-image,
|
|
.full-width .comment-navigation,
|
|
.full-width .comments-title,
|
|
.full-width .comment-respond,
|
|
.full-width .comments-area article,
|
|
.full-width .comment-list .trackback,
|
|
.full-width .comment-list .pingback {
|
|
padding-left: 5.882236%;
|
|
padding-right: 5.882236%;
|
|
}
|
|
|
|
.site-content blockquote.alignright {
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.site-content blockquote.alignleft {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.site-footer {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.site-footer .widget-area {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1150px) {
|
|
.content-area .entry-header {
|
|
margin: -48px 12.5% 0 8.03571428%;
|
|
}
|
|
|
|
.content-area .entry-content,
|
|
.content-area .entry-summary {
|
|
margin: 0 12.5% 0 8.03571428%;
|
|
}
|
|
|
|
.content-area footer.entry-meta {
|
|
margin: 12px 12.5% 24px 8.03571428%;
|
|
}
|
|
|
|
.comments-title,
|
|
.no-comments,
|
|
.comment-respond,
|
|
.comments-area article,
|
|
.comment-list .trackback,
|
|
.comment-list .pingback,
|
|
.post-navigation [rel="prev"],
|
|
.post-navigation [rel="next"] {
|
|
padding-left: 12.44146986%;
|
|
padding-right: 16.77524429%;
|
|
}
|
|
|
|
.comment-respond {
|
|
padding-left: 13.73697916%;
|
|
}
|
|
|
|
.comment-list,
|
|
.full-width .comment-list {
|
|
margin-right: -70px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.comment-navigation {
|
|
padding-right: 16.77524429%;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.archive-header,
|
|
.page-header {
|
|
margin: 0 12.5% 24px 8.03571428%;
|
|
}
|
|
|
|
.page .content-area .entry-header,
|
|
.error404 .content-area .entry-header {
|
|
margin: 0 12.5% 0 8.03571428%;
|
|
}
|
|
|
|
.image-navigation .previous-image,
|
|
.image-navigation .next-image,
|
|
.full-width .comment-navigation,
|
|
.full-width .comments-title,
|
|
.full-width .comment-respond,
|
|
.full-width .comments-area article,
|
|
.full-width .comment-list .trackback,
|
|
.full-width .comment-list .pingback {
|
|
padding-left: 11.21868265%;
|
|
padding-right: 11.21868265%;
|
|
}
|
|
|
|
.content-area .entry-content .wp-caption.alignright .wp-caption-text {
|
|
padding-right: 10px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.site-content blockquote.alignright {
|
|
margin-right: -20%;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.site-content blockquote.alignleft {
|
|
margin-left: -20%;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1230px) {
|
|
.content-sidebar,
|
|
.ephemera {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.content-area .full-width .entry-header,
|
|
.content-area .full-width .entry-content,
|
|
.content-area .full-width footer.entry-meta {
|
|
margin: 0 11.21868265% 0 0;
|
|
}
|
|
|
|
.image-navigation .previous-image,
|
|
.image-navigation .next-image,
|
|
.full-width .comment-navigation,
|
|
.full-width .comments-title,
|
|
.full-width .comment-respond,
|
|
.full-width .comments-area article,
|
|
.full-width .comment-list .trackback,
|
|
.full-width .comment-list .pingback {
|
|
padding-left: 0;
|
|
}
|
|
} |