wp/wp-content/themes/twentythirteen/css/blocks.css
author ymh <ymh.work@gmail.com>
Wed, 16 Oct 2019 11:23:38 +0200
changeset 14 00ac8f60d73f
parent 10 372f2766ea20
permissions -rw-r--r--
remove unused plugins
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
10
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
/*
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
Theme Name: Twenty Thirteen
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
Description: Used to style blocks.
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
     4
*/
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
/*--------------------------------------------------------------
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
>>> TABLE OF CONTENTS:
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
----------------------------------------------------------------
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
1.0 Block Alignments
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    10
2.0 General Block Styles
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
3.0 Blocks - Common Blocks
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
4.0 Blocks - Formatting
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
5.0 Blocks - Layout Elements
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
6.0 Blocks - Widgets
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
7.0 Blocks - Colors
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
--------------------------------------------------------------*/
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    17
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    18
/*--------------------------------------------------------------
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    19
1.0 Block Alignments
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    20
--------------------------------------------------------------*/
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    21
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    22
.content-area {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    23
	overflow-x: hidden; /* prevents side-scrolling caused by use of vw */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    24
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    25
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    26
[class^="wp-block-"].alignleft,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    27
[class^="wp-block-"] .alignleft {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    28
	margin-right: 20px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    29
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    30
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    31
[class^="wp-block-"].alignright,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    32
[class^="wp-block-"] .alignright {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    33
	margin-left: 20px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    34
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    35
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    36
.alignfull,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    37
.alignwide {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    38
	clear: both;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    39
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    40
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    41
body:not(.sidebar) .alignwide {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    42
	margin-left: calc(25% - 25vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    43
	margin-right: calc(25% - 25vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    44
	width: auto;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    45
	max-width: 1600px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    46
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    47
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    48
body:not(.sidebar) .alignfull {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    49
	margin-left: calc(50% - 50vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    50
	margin-right: calc(50% - 50vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    51
	width: auto;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    52
	max-width: 1600px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    53
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    54
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    55
/* Make non image-based blocks a bit narrower, so they don't get cut off. */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    56
body:not(.sidebar) .wp-block-columns.alignfull,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    57
body:not(.sidebar) .wp-block-audio.alignfull,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    58
body:not(.sidebar) .wp-block-table.alignfull,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    59
body:not(.sidebar) .wp-block-latest-comments.alignfull {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    60
	margin-left: calc(50% - 48vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    61
	margin-right: calc(50% - 48vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    62
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    63
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    64
@media (max-width: 999px) {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    65
	body.sidebar .alignwide {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    66
		margin-left: calc(25% - 25vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    67
		margin-right: calc(25% - 25vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    68
		width: auto;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    69
		max-width: 1600px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    70
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    71
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    72
	body.sidebar .alignfull {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    73
		margin-left: calc(50% - 50vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    74
		margin-right: calc(50% - 50vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    75
		width: auto;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    76
		max-width: 1600px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    77
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    78
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    79
	/* Make non image-based blocks a bit narrower, so they don't get cut off. */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    80
	body.sidebar .wp-block-columns.alignfull,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    81
	body.sidebar .wp-block-audio.alignfull,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    82
	body.sidebar .wp-block-table.alignfull,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    83
	body.sidebar .wp-block-latest-comments.alignfull {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    84
		margin-left: calc(50% - 48vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    85
		margin-right: calc(50% - 48vw);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    86
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    87
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    88
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    89
@media (min-width: 1600px) {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    90
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    91
	/* Make sure the full and wide blocks still stay in Twenty Thirteen's wide container */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    92
	body:not(.sidebar) .alignfull {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    93
		margin-left: calc(50% - 800px);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    94
		margin-right: calc(50% - 800px);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    95
		width: auto;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    96
		max-width: 1000%;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    97
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    98
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
    99
	body:not(.sidebar) .wp-block-columns.alignfull,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   100
	body:not(.sidebar) .wp-block-audio.alignfull,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   101
	body:not(.sidebar) .wp-block-table.alignfull,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   102
	body:not(.sidebar) .wp-block-latest-comments.alignfull {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   103
		margin-left: calc(50% - 780px);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   104
		margin-right: calc(50% - 780px);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   105
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   106
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   107
	body:not(.sidebar) .wp-block-gallery.alignfull {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   108
		margin-left: calc(50% - 808px); /* Adjust for gallery margins */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   109
		margin-right: calc(50% - 808px);
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   110
		width: auto;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   111
		max-width: 1000%;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   112
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   113
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   114
	/* Make sure the 'wide' alignment doesn't get too wide. */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   115
	body:not(.sidebar) .alignwide {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   116
		margin-left: -230px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   117
		margin-right: -230px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   118
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   119
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   120
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   121
/*--------------------------------------------------------------
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   122
2.0 General Block Styles
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   123
--------------------------------------------------------------*/
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   124
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   125
/* Captions */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   126
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   127
[class^="wp-block-"] figcaption,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   128
[class^="wp-block-"] figcaption.editor-rich-text__tinymce.mce-content-body {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   129
	color: #220e10;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   130
	font-size: 18px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   131
	font-style: italic;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   132
	font-weight: 300;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   133
	line-height: 1.5;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   134
	margin: 0 0 24px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   135
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   136
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   137
/*--------------------------------------------------------------
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   138
3.0 Blocks - Common Blocks
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   139
--------------------------------------------------------------*/
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   140
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   141
/* Paragraph */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   142
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   143
p.has-drop-cap:not(:focus)::first-letter {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   144
	font-size: 5em;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   145
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   146
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   147
/* Gallery */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   148
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   149
.wp-block-gallery {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   150
	margin-bottom: 24px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   151
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   152
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   153
.wp-block-gallery figcaption {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   154
	margin-bottom: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   155
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   156
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   157
/* Quote */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   158
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   159
.wp-block-quote {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   160
	margin: 24px 40px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   161
	padding: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   162
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   163
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   164
.wp-block-quote:not(.is-large):not(.is-style-large) {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   165
	border-left: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   166
	border-right: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   167
	padding-left: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   168
	padding-right: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   169
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   170
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   171
.wp-block-quote.is-large p,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   172
.wp-block-quote.is-style-large p {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   173
	font-size: 28px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   174
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   175
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   176
.wp-block-quote cite {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   177
	color: inherit;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   178
	font-size: inherit;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   179
	font-style: italic;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   180
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   181
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   182
/* Audio */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   183
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   184
.wp-block-audio audio {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   185
	display: block;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   186
	width: 100%;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   187
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   188
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   189
/* Cover */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   190
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   191
.wp-block-cover-image.aligncenter,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   192
.wp-block-cover.aligncenter {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   193
	clear: both;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   194
	display: flex;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   195
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   196
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   197
/* File */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   198
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   199
.wp-block-file .wp-block-file__button {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   200
	background: #e05d22; /* Old browsers */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   201
	background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   202
	background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   203
	border: none;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   204
	border-radius: 2px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   205
	border-bottom: 3px solid #b93207;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   206
	color: #fff;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   207
	display: inline-block;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   208
	font-size: 16px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   209
	padding: 11px 24px 10px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   210
	text-decoration: none;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   211
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   212
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   213
.wp-block-file .wp-block-file__button:hover,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   214
.wp-block-file .wp-block-file__button:focus {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   215
	background: #ed6a31; /* Old browsers */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   216
	background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   217
	background: linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   218
	color: #fff;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   219
	outline: none;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   220
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   221
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   222
.wp-block-file .wp-block-file__button:active {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   223
	background: #d94412; /* Old browsers */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   224
	background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   225
	background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   226
	border: none;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   227
	border-top: 3px solid #b93207;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   228
	padding: 10px 24px 11px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   229
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   230
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   231
/*--------------------------------------------------------------
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   232
4.0 Blocks - Formatting
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   233
--------------------------------------------------------------*/
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   234
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   235
/* Code */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   236
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   237
.wp-block-code {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   238
	background-color: transparent;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   239
	border: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   240
	padding: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   241
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   242
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   243
/* Pullquote */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   244
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   245
.wp-block-pullquote {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   246
	border: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   247
	color: inherit;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   248
	padding: 0.5em 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   249
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   250
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   251
.wp-block-pullquote__citation,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   252
.wp-block-pullquote cite,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   253
.wp-block-pullquote footer {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   254
	color: inherit;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   255
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   256
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   257
/* Table */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   258
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   259
.wp-block-table {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   260
	border-bottom: 1px solid #ededed;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   261
	border-collapse: collapse;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   262
	border-spacing: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   263
	font-size: 14px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   264
	line-height: 2;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   265
	margin: 0 0 20px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   266
	width: 100%;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   267
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   268
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   269
.wp-block-table th {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   270
	border: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   271
	font-weight: bold;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   272
	text-transform: uppercase;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   273
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   274
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   275
.wp-block-table td {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   276
	border: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   277
	border-top: 1px solid #ededed;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   278
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   279
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   280
body:not(.sidebar) .wp-block-table.alignwide,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   281
body:not(.sidebar) .wp-block-table.alignfull {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   282
	width: 100%;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   283
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   284
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   285
/* Some acrobatics to make sure the table blocks always fill the available space. */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   286
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   287
@media (max-width: 1599px) {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   288
	body:not(.sidebar) .wp-block-table.alignwide {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   289
		width: calc(302px + 50vw); /* Half the content area width plus half the screen width. */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   290
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   291
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   292
	body:not(.sidebar) .wp-block-table.alignfull {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   293
		width: 96vw;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   294
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   295
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   296
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   297
@media (max-width: 999px) {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   298
	body.sidebar .wp-block-table.alignwide {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   299
		width: calc(302px + 50vw); /* Half the content area width plus half the screen width. */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   300
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   301
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   302
	body.sidebar .wp-block-table.alignfull {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   303
		width: 96vw;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   304
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   305
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   306
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   307
@media (max-width: 654px) {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   308
	body:not(.sidebar) .wp-block-table.alignwide,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   309
	body.sidebar .wp-block-table.alignwide {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   310
		width: 96vw;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   311
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   312
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   313
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   314
@media (min-width: 1600px) {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   315
	body:not(.sidebar) .wp-block-table.alignwide {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   316
		width: 1064px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   317
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   318
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   319
	body:not(.sidebar) .wp-block-table.alignfull {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   320
		width: 1560px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   321
	}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   322
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   323
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   324
/*--------------------------------------------------------------
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   325
5.0 Blocks - Layout Elements
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   326
--------------------------------------------------------------*/
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   327
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   328
/* Buttons */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   329
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   330
.wp-block-button.alignleft {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   331
	margin-right: 20px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   332
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   333
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   334
.wp-block-button.alignright {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   335
	margin-left: 20px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   336
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   337
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   338
.wp-block-button .wp-block-button__link {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   339
	border-bottom: 3px solid #b93207;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   340
	display: inline-block;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   341
	font-size: 16px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   342
	padding: 11px 24px 10px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   343
	text-decoration: none;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   344
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   345
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   346
.entry-content .wp-block-button__link {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   347
	background-color: #e05d22;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   348
	color: #fff;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   349
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   350
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   351
.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   352
	background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   353
	background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   354
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   355
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   356
.entry-content .wp-block-button__link:hover,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   357
.entry-content .wp-block-button__link:focus,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   358
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   359
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):focus {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   360
	background: #ed6a31;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   361
	color: #fff;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   362
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   363
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   364
.wp-block-button.is-style-outline .wp-block-button__link {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   365
	background-color: inherit;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   366
	border-color: inherit;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   367
	border-width: 2px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   368
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   369
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   370
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   371
	color: #ed6a31;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   372
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   373
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   374
.entry-content .wp-block-button__link:not(.has-background):hover,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   375
.entry-content .wp-block-button__link:not(.has-background):hover,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   376
.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):hover {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   377
	background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   378
	background: linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   379
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   380
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   381
.entry-content .wp-block-button__link:active {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   382
	background: #d94412;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   383
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   384
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   385
.entry-content .wp-block-button__link:not(.has-background):active {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   386
	background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   387
	background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   388
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   389
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   390
.entry-content .wp-block-button .wp-block-button__link:active {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   391
	border: none;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   392
	border-top: 3px solid #b93207;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   393
	padding: 10px 24px 11px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   394
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   395
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   396
/* Separator */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   397
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   398
.wp-block-separator {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   399
	border: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   400
	max-width: 100px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   401
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   402
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   403
.wp-block-separator.is-style-wide {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   404
	max-width: 100%;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   405
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   406
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   407
/* Media & Text */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   408
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   409
.wp-block-media-text {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   410
	margin-bottom: 24px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   411
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   412
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   413
.wp-block-media-text *:last-child {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   414
	margin-bottom: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   415
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   416
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   417
/*--------------------------------------------------------------
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   418
6.0 Blocks - Widgets
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   419
--------------------------------------------------------------*/
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   420
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   421
/* Archives, Categories & Latest Posts */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   422
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   423
.wp-block-archives.aligncenter,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   424
.wp-block-categories.aligncenter,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   425
.wp-block-latest-posts.aligncenter {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   426
	list-style-position: inside;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   427
	text-align: center;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   428
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   429
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   430
/* Latest Comments */
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   431
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   432
.wp-block-latest-comments {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   433
	margin: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   434
	padding: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   435
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   436
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   437
.wp-block-latest-comments .avatar,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   438
.wp-block-latest-comments__comment-avatar {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   439
	border-radius: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   440
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   441
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   442
.wp-block-latest-comments__comment,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   443
.wp-block-latest-comments__comment-excerpt,
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   444
.wp-block-latest-comments__comment-excerpt p {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   445
	font-size: 16px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   446
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   447
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   448
.wp-block-latest-comments__comment-excerpt p:last-child {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   449
	margin-bottom: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   450
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   451
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   452
.wp-block-latest-comments__comment-date {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   453
	font-size: 16px;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   454
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   455
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   456
.wp-block-latest-comments .wp-block-latest-comments__comment {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   457
	background: url(../images/dotted-line.png) repeat-x left top;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   458
	margin-bottom: 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   459
	padding: 24px 0;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   460
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   461
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   462
/*--------------------------------------------------------------
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   463
7.0 Blocks - Colors
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   464
--------------------------------------------------------------*/
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   465
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   466
.entry-content .has-dark-gray-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   467
	color: #141412;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   468
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   469
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   470
.entry-content .has-dark-gray-background-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   471
	background-color: #141412;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   472
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   473
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   474
.entry-content .has-red-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   475
	color: #bc360a;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   476
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   477
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   478
.entry-content .has-red-background-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   479
	background-color: #bc360a;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   480
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   481
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   482
.entry-content .has-medium-orange-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   483
	color: #db572f;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   484
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   485
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   486
.entry-content .has-medium-orange-background-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   487
	background-color: #db572f;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   488
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   489
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   490
.entry-content .has-light-orange-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   491
	color: #ea9629;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   492
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   493
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   494
.entry-content .has-light-orange-background-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   495
	background-color: #ea9629;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   496
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   497
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   498
.entry-content .has-yellow-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   499
	color: #fbca3c;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   500
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   501
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   502
.entry-content .has-yellow-background-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   503
	background-color: #fbca3c;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   504
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   505
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   506
.entry-content .has-white-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   507
	color: #fff;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   508
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   509
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   510
.entry-content .has-white-background-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   511
	background-color: #fff;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   512
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   513
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   514
.entry-content .has-dark-brown-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   515
	color: #220e10;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   516
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   517
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   518
.entry-content .has-dark-brown-background-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   519
	background-color: #220e10;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   520
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   521
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   522
.entry-content .has-medium-brown-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   523
	color: #722d19;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   524
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   525
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   526
.entry-content .has-medium-brown-background-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   527
	background-color: #722d19;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   528
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   529
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   530
.entry-content .has-light-brown-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   531
	color: #eadaa6;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   532
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   533
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   534
.entry-content .has-light-brown-background-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   535
	background-color: #eadaa6;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   536
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   537
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   538
.entry-content .has-beige-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   539
	color: #e8e5ce;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   540
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   541
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   542
.entry-content .has-beige-background-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   543
	background-color: #e8e5ce;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   544
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   545
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   546
.entry-content .has-off-white-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   547
	color: #f7f5e7;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   548
}
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   549
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   550
.entry-content .has-off-white-background-color {
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   551
	background-color: #f7f5e7;
372f2766ea20 update themes
ymh <ymh.work@gmail.com>
parents:
diff changeset
   552
}