File Editor

Directories:

.. (Back)

Files:

Create New File

Edit File: twentynineteen.css

/* Infinite scroll */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .pagination,
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

.infinite-loader {
	margin: calc(3 * 1rem) auto;
}

.infinite-loader .spinner {
	margin: 0 auto;
	left: inherit !important;
}

.site-main #infinite-handle {
	margin: calc(2 * 1rem) auto;
}

.site-main #infinite-handle span {
	background: transparent;
	display: block;
	font-size: 0.8888888889em;
	text-align: center;
}

.site-main #infinite-handle span button,
.site-main #infinite-handle span button:hover,
.site-main #infinite-handle span button:focus {
	transition: background 150ms ease-in-out;
	background: #2271b1;
	border: none;
	border-radius: 5px;
	box-sizing: border-box;
	color: white;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 0.8888888889em;
	font-weight: 600;
	line-height: 1.2;
	outline: none;
	padding: 0.66rem 1rem;
}

.site-main #infinite-handle span button:hover {
	cursor: pointer;
}

.site-main #infinite-handle span button:hover,
.site-main #infinite-handle span button:focus {
	background: #111;
}

.site-main #infinite-handle span button:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

.site-main .infinite-wrap .entry:first-of-type {
	margin-top: calc(6 * 1rem);
}

/**
 * Responsive Videos
 */
.entry .jetpack-video-wrapper {
	margin-bottom: 1.75em;
}

/**
 * Sharing
 */

.sd-block {
	line-height: 1;
}

.entry div.sharedaddy h3.sd-title,
.entry h3.sd-title {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 1.125em;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin-bottom: 0.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.entry div.sharedaddy h3.sd-title:before,
.entry h3.sd-title:before {
	background: #767676;
	border-top: none;
	content: "\020";
	display: block;
	height: 2px;
	margin: 1rem 0;
	width: 1em;
	min-width: inherit;
}

.sd-social-icon-text .sd-content ul,
.sd-social-text .sd-content ul {
	margin-bottom: -0.3125em !important;
}

.sd-social-icon .sd-content ul,
.sd-social-official .sd-content ul {
	margin-bottom: 0 !important;
}

/**
 * Related Posts
 */

.entry #jp-relatedposts {
	padding-top: 0;
	margin-top: 32px;
	margin-bottom: 32px;
}

.entry #jp-relatedposts h3.jp-relatedposts-headline {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 1.125em;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin-bottom: 0.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.entry #jp-relatedposts h3.jp-relatedposts-headline:before {
	background: #767676;
	border-top: none;
	content: "\020";
	display: block;
	height: 2px;
	margin: 1rem 0;
	width: 1em;
	min-width: inherit;
}

.entry #jp-relatedposts h3.jp-relatedposts-headline em:before {
	display: none;
}

.entry #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
	opacity: 1;
}

.entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 1em;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin-bottom: 0.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span a {
	font-weight: 700;
}

.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-excerpt {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
.entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-weight: 500;
}

.entry #jp-relatedposts .jp-relatedposts-items p,
.entry #jp-relatedposts .jp-relatedposts-items-visual
.entry h4.jp-relatedposts-post-title {
	letter-spacing: normal;
}

/**
 * Stats
 */

#wpstats {
	display: none;
}

/**
 * Comments
 */

.comments-area .comments-title-wrap + .comment-respond .comment-reply-title {
	display: none;
}

/**
 * Widgets
 */

/* Widget List Resets */
.widget_authors ul,
.widget_author_grid ul,
.widget_jp_blogs_i_follow ul,
.widget_links ul,
.widget_rss_links ul {
	list-style: none;
	padding-left: 0;
	padding-right: 0;
}

.widget_links li,
.widget_jp_blogs_i_follow li,
.widget_rss_links li {
	color: #767676;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: calc(22px * 1.125);
	font-weight: 700;
	line-height: 1.2;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

/* Authors Widget */
.widget.widget_authors ul li > ul {
	list-style-type: disc;
	padding-left: 4.25rem;
}

.rtl .widget.widget_authors ul li > ul {
	padding-left: 0;
	padding-right: 1rem;
}

.widget_authors > ul > li > a {
	display: block;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	position: relative;
}

.widget.widget_authors li a strong {
	line-height: 1.2;
	position: absolute;
	top: 0;
}

.widget.widget_authors .avatar {
	float: left;
	margin-right: 1em;
}

.widget_authors li > ul {
	clear: both;
}

/* Display WordPress Posts */
.widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 {
	font-size: 100%;
	margin: 1rem 0;
}

/* GoodReads */
.widget_goodreads div[class^="gr_custom_container"] {
	border: none;
}

.widget_goodreads div[class^="gr_custom_each_container"] {
	border-bottom: none;
	margin-bottom: 1rem;
	padding-bottom: 0;
}

.widget_goodreads h2[class^="gr_custom_header"],
.widget_goodreads div[class^="gr_custom_author"] {
	font-size: inherit;
	line-height: 1.15;
}

/* EU cookie law */
.widget_eu_cookie_law_widget #eu-cookie-law {
	border-color: #ccc;
	color: #767676;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 0.68182em;
	padding: 0.5rem 1rem;
}

.widget_eu_cookie_law_widget #eu-cookie-law .accept {
	font-size: 1em;
	padding: 10px 12px;
}

/* RSS Feed Widget */
.widget_rss li a.rsswidget {
	display: block;
	margin: 1rem 0 0.5rem;
}

.widget_rss .rssSummary {
	font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
	font-weight: 400;
	font-size: 22px;
}

.widget_rss cite,
.widget_rss .rss-date {
	color: #9c9c9c;
	display: block;
	font-size: 0.71111em;
	font-weight: 500;
	margin: 0.5rem 0;
}

.widget_rss cite {
	font-style: normal;
}

.widget_rss cite:before {
	content: "\2014\00a0";
}

/* Top Posts & Pages Widget */
.widget_top-posts .widgets-list-layout-links {
	float: inherit;
	margin-left: calc(40px + 1rem);
	width: inherit;
}

/* Search widget override */
@media only screen and (min-width: 600px) {
	.widget.widget_search .search-field {
		max-width: calc( 50vw - 20% );
	}
}

/**
 * Content Options
 */
.twentynineteen-customizer .entry .entry-meta > span,
.twentynineteen-customizer .entry .entry-footer > span {
	display: inline;
}

File Editor

Directories:

Files:

Create New File

Edit File: twentynineteen.css

Rename File