Twenty Twelve: add styles for common HTML elements in comment content, and also style up password protected form. Props drewstrojny, fixes #21242.
git-svn-id: http://core.svn.wordpress.org/trunk@21277 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
lancewillett
parent
f368144a7c
commit
ceebd16dc3
114
style.css
114
style.css
|
|
@ -145,6 +145,7 @@ article.format-link footer.entry-meta {
|
||||||
/* Buttons */
|
/* Buttons */
|
||||||
.menu-toggle,
|
.menu-toggle,
|
||||||
input#searchsubmit,
|
input#searchsubmit,
|
||||||
|
article.post-password-required input[type=submit],
|
||||||
li.bypostauthor cite span,
|
li.bypostauthor cite span,
|
||||||
.featured-post {
|
.featured-post {
|
||||||
padding: 1px 10px;
|
padding: 1px 10px;
|
||||||
|
|
@ -173,11 +174,13 @@ li.bypostauthor cite span,
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-toggle,
|
.menu-toggle,
|
||||||
input#searchsubmit {
|
input#searchsubmit,
|
||||||
|
article.post-password-required input[type=submit] {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.menu-toggle:hover,
|
.menu-toggle:hover,
|
||||||
input#searchsubmit:hover {
|
input#searchsubmit:hover,
|
||||||
|
article.post-password-required input[type=submit]:hover {
|
||||||
color: #5e5e5e;
|
color: #5e5e5e;
|
||||||
background-color: #ebebeb;
|
background-color: #ebebeb;
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
|
|
@ -191,6 +194,7 @@ input#searchsubmit:hover {
|
||||||
}
|
}
|
||||||
.menu-toggle:active, .menu-toggle.toggled-on,
|
.menu-toggle:active, .menu-toggle.toggled-on,
|
||||||
input#searchsubmit:active,
|
input#searchsubmit:active,
|
||||||
|
article.post-password-required input[type=submit]:active,
|
||||||
input#searchsubmit.toggled-on {
|
input#searchsubmit.toggled-on {
|
||||||
color: #777;
|
color: #777;
|
||||||
background-color: #e1e1e1;
|
background-color: #e1e1e1;
|
||||||
|
|
@ -222,6 +226,18 @@ li.bypostauthor cite span,
|
||||||
border: 1px solid #1f6f93;
|
border: 1px solid #1f6f93;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Form fields */
|
||||||
|
.widget_search input[type="text"],
|
||||||
|
article.post-password-required form input[type="password"] {
|
||||||
|
padding: 6px;
|
||||||
|
padding: 0.428571429rem;
|
||||||
|
font-family: inherit;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Responsive images */
|
/* Responsive images */
|
||||||
.entry-content img,
|
.entry-content img,
|
||||||
.comment-content img,
|
.comment-content img,
|
||||||
|
|
@ -794,84 +810,109 @@ article.sticky .featured-post {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.entry-content h1,
|
.entry-content h1,
|
||||||
|
.comment-content h1,
|
||||||
.entry-content h2,
|
.entry-content h2,
|
||||||
|
.comment-content h2,
|
||||||
.entry-content h3,
|
.entry-content h3,
|
||||||
|
.comment-content h3,
|
||||||
.entry-content h4,
|
.entry-content h4,
|
||||||
|
.comment-content h4,
|
||||||
.entry-content h5,
|
.entry-content h5,
|
||||||
.entry-content h6 {
|
.comment-content h5,
|
||||||
|
.entry-content h6,
|
||||||
|
.comment-content h6 {
|
||||||
margin: 24px 0;
|
margin: 24px 0;
|
||||||
margin: 1.714285714rem 0;
|
margin: 1.714285714rem 0;
|
||||||
line-height: 1.714285714;
|
line-height: 1.714285714;
|
||||||
}
|
}
|
||||||
.entry-content h1 {
|
.entry-content h1,
|
||||||
|
.comment-content h1 {
|
||||||
font-size: 21px;
|
font-size: 21px;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
.entry-content h2 {
|
.entry-content h2,
|
||||||
|
.comment-content h2 {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-size: 1.285714286rem;
|
font-size: 1.285714286rem;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
.entry-content h3 {
|
.entry-content h3,
|
||||||
|
.comment-content h3 {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-size: 1.142857143rem;
|
font-size: 1.142857143rem;
|
||||||
line-height: 1.846153846;
|
line-height: 1.846153846;
|
||||||
}
|
}
|
||||||
.entry-content h4 {
|
.entry-content h4,
|
||||||
|
.comment-content h4 {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.846153846;
|
line-height: 1.846153846;
|
||||||
}
|
}
|
||||||
.entry-content h5 {
|
.entry-content h5,
|
||||||
|
.comment-content h5 {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-size: 0.928571429rem;
|
font-size: 0.928571429rem;
|
||||||
line-height: 1.846153846;
|
line-height: 1.846153846;
|
||||||
}
|
}
|
||||||
.entry-content h6 {
|
.entry-content h6,
|
||||||
|
.comment-content h6 {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-size: 0.857142857rem;
|
font-size: 0.857142857rem;
|
||||||
line-height: 1.846153846;
|
line-height: 1.846153846;
|
||||||
}
|
}
|
||||||
.entry-content p {
|
.entry-content p,
|
||||||
|
.comment-content p {
|
||||||
margin: 0 0 24px;
|
margin: 0 0 24px;
|
||||||
margin: 0 0 1.714285714rem;
|
margin: 0 0 1.714285714rem;
|
||||||
line-height: 1.714285714;
|
line-height: 1.714285714;
|
||||||
}
|
}
|
||||||
.entry-content ol,
|
.entry-content ol,
|
||||||
.entry-content ul {
|
.comment-content ol,
|
||||||
|
.entry-content ul,
|
||||||
|
.comment-content ul {
|
||||||
margin: 0 0 24px;
|
margin: 0 0 24px;
|
||||||
margin: 0 0 1.714285714rem;
|
margin: 0 0 1.714285714rem;
|
||||||
line-height: 1.714285714;
|
line-height: 1.714285714;
|
||||||
}
|
}
|
||||||
.entry-content ul ul,
|
.entry-content ul ul,
|
||||||
|
.comment-content ul ul,
|
||||||
.entry-content ol ol,
|
.entry-content ol ol,
|
||||||
|
.comment-content ol ol,
|
||||||
.entry-content ul ol,
|
.entry-content ul ol,
|
||||||
.entry-content ol ul {
|
.comment-content ul ol,
|
||||||
|
.entry-content ol ul,
|
||||||
|
.comment-content ol ul {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.entry-content ul {
|
.entry-content ul,
|
||||||
|
.comment-content ul {
|
||||||
list-style: disc outside;
|
list-style: disc outside;
|
||||||
}
|
}
|
||||||
.entry-content ol {
|
.entry-content ol,
|
||||||
|
.comment-content ol {
|
||||||
list-style: decimal outside;
|
list-style: decimal outside;
|
||||||
}
|
}
|
||||||
.entry-content li {
|
.entry-content li,
|
||||||
|
.comment-content li {
|
||||||
margin: 0 0 0 24px;
|
margin: 0 0 0 24px;
|
||||||
margin: 0 0 0 1.714285714rem;
|
margin: 0 0 0 1.714285714rem;
|
||||||
}
|
}
|
||||||
.entry-content blockquote {
|
.entry-content blockquote,
|
||||||
|
.comment-content blockquote {
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
padding: 1.714285714rem;
|
padding: 1.714285714rem;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
.entry-content code {
|
.entry-content code,
|
||||||
|
.comment-content code {
|
||||||
font-family: Consolas, Monaco, Lucida Console, monospace;
|
font-family: Consolas, Monaco, Lucida Console, monospace;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-size: 0.857142857rem;
|
font-size: 0.857142857rem;
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
}
|
}
|
||||||
.entry-content pre {
|
.entry-content pre,
|
||||||
|
.comment-content pre {
|
||||||
margin: 24px 0;
|
margin: 24px 0;
|
||||||
margin: 1.714285714rem 0;
|
margin: 1.714285714rem 0;
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
|
|
@ -883,15 +924,19 @@ article.sticky .featured-post {
|
||||||
line-height: 2;
|
line-height: 2;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
.entry-content pre code {
|
.entry-content pre code,
|
||||||
|
.comment-content pre code {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.entry-content abbr,
|
.entry-content abbr,
|
||||||
.entry-content dfn {
|
.comment-content abbr,
|
||||||
|
.entry-content dfn,
|
||||||
|
.comment-content dfn {
|
||||||
border-bottom: 1px dotted #666;
|
border-bottom: 1px dotted #666;
|
||||||
cursor: help;
|
cursor: help;
|
||||||
}
|
}
|
||||||
.entry-content address {
|
.entry-content address,
|
||||||
|
.comment-content address {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 0 24px;
|
margin: 0 0 24px;
|
||||||
margin: 0 0 1.714285714rem;
|
margin: 0 0 1.714285714rem;
|
||||||
|
|
@ -914,24 +959,29 @@ article.sticky .featured-post {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
margin-bottom: 1.714285714rem;
|
margin-bottom: 1.714285714rem;
|
||||||
}
|
}
|
||||||
.entry-content dl {
|
.entry-content dl,
|
||||||
|
.comment-content dl {
|
||||||
margin: 0 24px;
|
margin: 0 24px;
|
||||||
margin: 0 1.714285714rem;
|
margin: 0 1.714285714rem;
|
||||||
}
|
}
|
||||||
.entry-content dt {
|
.entry-content dt,
|
||||||
|
.comment-content dt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
.entry-content dd {
|
.entry-content dd,
|
||||||
|
.comment-content dd {
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
margin-bottom: 1.714285714rem;
|
margin-bottom: 1.714285714rem;
|
||||||
}
|
}
|
||||||
.entry-content table {
|
.entry-content table,
|
||||||
|
.comment-content table {
|
||||||
border-bottom: 1px solid #ededed;
|
border-bottom: 1px solid #ededed;
|
||||||
margin: 0 0 24px;
|
margin: 0 0 24px;
|
||||||
margin: 0 0 1.714285714rem;
|
margin: 0 0 1.714285714rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.entry-content th {
|
.entry-content th,
|
||||||
|
.comment-content th {
|
||||||
color: #666;
|
color: #666;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-size: 0.714285714rem;
|
font-size: 0.714285714rem;
|
||||||
|
|
@ -940,7 +990,8 @@ article.sticky .featured-post {
|
||||||
line-height: 1.846153846;
|
line-height: 1.846153846;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
.entry-content td {
|
.entry-content td,
|
||||||
|
.comment-content td {
|
||||||
border-top: 1px solid #ededed;
|
border-top: 1px solid #ededed;
|
||||||
padding: 6px 10px 6px 0;
|
padding: 6px 10px 6px 0;
|
||||||
}
|
}
|
||||||
|
|
@ -1458,15 +1509,6 @@ div.home-top {
|
||||||
font-size: 0.928571429rem;
|
font-size: 0.928571429rem;
|
||||||
line-height: 1.846153846;
|
line-height: 1.846153846;
|
||||||
}
|
}
|
||||||
.widget_search input[type="text"] {
|
|
||||||
padding: 6px;
|
|
||||||
padding: 0.428571429rem;
|
|
||||||
font-family: inherit;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
-webkit-border-radius: 3px;
|
|
||||||
-moz-border-radius: 3px;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
.widget_rss li {
|
.widget_rss li {
|
||||||
margin: 12px 0;
|
margin: 12px 0;
|
||||||
margin: 0.857142857rem 0;
|
margin: 0.857142857rem 0;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue