226 lines
		
	
	
	
		
			3.6 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
		
		
			
		
	
	
			226 lines
		
	
	
	
		
			3.6 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
|  | /* | ||
|  | Theme Name: Twenty Seventeen | ||
|  | Description: IE8 specific style. | ||
|  | */ | ||
|  | 
 | ||
|  | body { | ||
|  | 	font-size: 16px; | ||
|  | } | ||
|  | 
 | ||
|  | h1 { | ||
|  | 	font-size: 30px; | ||
|  | 	font-size: 1.875rem; | ||
|  | } | ||
|  | 
 | ||
|  | h2, | ||
|  | .page .panel-content .recent-posts .entry-title { | ||
|  | 	font-size: 26px; | ||
|  | 	font-size: 1.625rem; | ||
|  | } | ||
|  | 
 | ||
|  | h3 { | ||
|  | 	font-size: 22px; | ||
|  | 	font-size: 1.375rem; | ||
|  | } | ||
|  | 
 | ||
|  | h4 { | ||
|  | 	font-size: 18px; | ||
|  | 	font-size: 1.125rem; | ||
|  | } | ||
|  | 
 | ||
|  | h5 { | ||
|  | 	font-size: 13px; | ||
|  | 	font-size: 0.8125rem; | ||
|  | } | ||
|  | 
 | ||
|  | h6 { | ||
|  | 	font-size: 16px; | ||
|  | 	font-size: 1rem; | ||
|  | } | ||
|  | 
 | ||
|  | img { | ||
|  | 	width: inherit;  /* Make images fill their parent's space. */ | ||
|  | } | ||
|  | 
 | ||
|  | /* Fixes linked images */ | ||
|  | .entry-content a img, | ||
|  | .widget a img { | ||
|  | 	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#ffffff); | ||
|  | } | ||
|  | 
 | ||
|  | /* Layout */ | ||
|  | 
 | ||
|  | .site-content { | ||
|  | 	padding: 6.5em 0 0; | ||
|  | } | ||
|  | 
 | ||
|  | /* Site Branding */ | ||
|  | 
 | ||
|  | .custom-header { | ||
|  | 	overflow: hidden; | ||
|  | } | ||
|  | 
 | ||
|  | .has-header-image.twentyseventeen-front-page .custom-header, | ||
|  | .has-header-image.home.blog .custom-header { | ||
|  | 	display: block; | ||
|  | } | ||
|  | 
 | ||
|  | .custom-header-media { | ||
|  | 	background-position: bottom center; | ||
|  | } | ||
|  | 
 | ||
|  | .site-branding { | ||
|  | 	padding: 45px 0; | ||
|  | } | ||
|  | 
 | ||
|  | .has-header-image.twentyseventeen-front-page .site-branding, | ||
|  | .has-header-image.home.blog .site-branding { | ||
|  | 	bottom: 0; | ||
|  | 	display: block; | ||
|  | 	left: 0; | ||
|  | 	height: auto; | ||
|  | 	padding-top: 0; | ||
|  | 	position: absolute; | ||
|  | 	width: 100%; | ||
|  | } | ||
|  | 
 | ||
|  | .has-header-image .custom-header-media img { | ||
|  | 	left: 0; | ||
|  | 	top: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .site-title { | ||
|  | 	font-size: 36px; | ||
|  | 	font-weight: 700; | ||
|  | } | ||
|  | 
 | ||
|  | .site-description { | ||
|  | 	font-size: 16px; | ||
|  | } | ||
|  | 
 | ||
|  | /* Main Navigation */ | ||
|  | 
 | ||
|  | .navigation-top { | ||
|  | 	background: #fff; | ||
|  | 	position: relative; | ||
|  | 	z-index: 10; | ||
|  | } | ||
|  | 
 | ||
|  | .menu-toggle { | ||
|  | 	width: 150px; | ||
|  | } | ||
|  | 
 | ||
|  | .main-navigation ul#top-menu { | ||
|  | 	margin-bottom: -1px; | ||
|  | 	padding: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .no-svg .dropdown-toggle { | ||
|  | 	padding: 0.25em 0 0; | ||
|  | } | ||
|  | 
 | ||
|  | .no-svg .dropdown-toggle.toggled-on { | ||
|  | 	padding: 0.75em 0 0; | ||
|  | } | ||
|  | 
 | ||
|  | .dropdown-toggle .svg-fallback.icon-angle-down { | ||
|  | 	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')"; | ||
|  | } | ||
|  | 
 | ||
|  | .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { | ||
|  | 	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; | ||
|  | } | ||
|  | 
 | ||
|  | /* Front Page */ | ||
|  | 
 | ||
|  | .twentyseventeen-front-page.has-header-image .custom-header, | ||
|  | .blog.home.has-header-image .custom-header, | ||
|  | .panel-image { | ||
|  | 	height: 800px; | ||
|  | 	max-height: 800px; | ||
|  | 	padding-top: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .twentyseventeen-front-page .custom-header-media, | ||
|  | .blog.home .custom-header-media { | ||
|  | 	background-position: center center; | ||
|  | } | ||
|  | 
 | ||
|  | .twentyseventeen-front-page.has-header-image .site-branding, | ||
|  | .home.blog.has-header-image .site-branding { | ||
|  | 	bottom: 20px; | ||
|  | 	position: absolute; | ||
|  | 	width: 100%; | ||
|  | } | ||
|  | 
 | ||
|  | .page .panel-content .entry-title, | ||
|  | .page-title, | ||
|  | .page .entry-title { | ||
|  | 	font-size: 14px; | ||
|  | 	font-size: 0.875rem; | ||
|  | 	font-weight: 700; | ||
|  | 	letter-spacing: 0.14em; | ||
|  | 	text-transform: uppercase; | ||
|  | } | ||
|  | 
 | ||
|  | /* Posts */ | ||
|  | 
 | ||
|  | .blog .site-main > article, | ||
|  | .archive .site-main > article, | ||
|  | .search .site-main > article { | ||
|  | 	padding-bottom: 4em; | ||
|  | } | ||
|  | 
 | ||
|  | time.updated { | ||
|  | 	display: none; | ||
|  | } | ||
|  | 
 | ||
|  | time.published { | ||
|  | 	display: inline-block; | ||
|  | } | ||
|  | 
 | ||
|  | .blog .entry-title { | ||
|  | 	padding-top: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .single-post .entry-title, | ||
|  | .page .entry-title, | ||
|  | .entry-meta + .entry-title { | ||
|  | 	font-size: 26px; | ||
|  | 	font-weight: 400; | ||
|  | 	letter-spacing: normal; | ||
|  | 	padding-top: 0; | ||
|  | 	text-transform: none; | ||
|  | } | ||
|  | 
 | ||
|  | .entry-footer .cat-links, | ||
|  | .entry-footer .tags-links { | ||
|  | 	padding-left: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .comment-author .avatar { | ||
|  | 	z-index: -1; | ||
|  | } | ||
|  | 
 | ||
|  | ol.children .children { | ||
|  | 	padding-left: 2em; | ||
|  | } | ||
|  | 
 | ||
|  | /* RTL Styles */ | ||
|  | 
 | ||
|  | .rtl .has-header-image.twentyseventeen-front-page .site-branding, | ||
|  | .rtl .has-header-image.home.blog .site-branding { | ||
|  | 	left: auto; | ||
|  | 	right: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .rtl .entry-footer .cat-links, | ||
|  | .rtl .entry-footer .tags-links { | ||
|  | 	padding-right: 0; | ||
|  | } | ||
|  | 
 | ||
|  | .rtl ol.children .children { | ||
|  | 	padding-left: 0; | ||
|  | 	padding-right: 2em; | ||
|  | } |