Make WordPress Core

Changeset 21277


Ignore:
Timestamp:
07/18/2012 06:03:38 PM (13 years ago)
Author:
lancewillett
Message:

Twenty Twelve: add styles for common HTML elements in comment content, and also style up password protected form. Props drewstrojny, fixes #21242.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-content/themes/twentytwelve/style.css

    r21265 r21277  
    146146.menu-toggle,
    147147input#searchsubmit,
     148article.post-password-required input[type=submit],
    148149li.bypostauthor cite span,
    149150.featured-post {
     
    174175
    175176.menu-toggle,
    176 input#searchsubmit {
     177input#searchsubmit,
     178article.post-password-required input[type=submit] {
    177179    cursor: pointer;
    178180}
    179181.menu-toggle:hover,
    180 input#searchsubmit:hover {
     182input#searchsubmit:hover,
     183article.post-password-required input[type=submit]:hover {
    181184    color: #5e5e5e;
    182185    background-color: #ebebeb;
     
    192195.menu-toggle:active, .menu-toggle.toggled-on,
    193196input#searchsubmit:active,
     197article.post-password-required input[type=submit]:active,
    194198input#searchsubmit.toggled-on {
    195199    color: #777;
     
    223227}
    224228
     229/* Form fields */
     230.widget_search input[type="text"],
     231article.post-password-required form input[type="password"] {
     232    padding: 6px;
     233    padding: 0.428571429rem;
     234    font-family: inherit;
     235    border: 1px solid #ccc;
     236    -webkit-border-radius: 3px;
     237    -moz-border-radius: 3px;
     238    border-radius: 3px;
     239}
     240
    225241/* Responsive images */
    226242.entry-content img,
     
    795811}
    796812.entry-content h1,
     813.comment-content h1,
    797814.entry-content h2,
     815.comment-content h2,
    798816.entry-content h3,
     817.comment-content h3,
    799818.entry-content h4,
     819.comment-content h4,
    800820.entry-content h5,
    801 .entry-content h6 {
     821.comment-content h5,
     822.entry-content h6,
     823.comment-content h6 {
    802824    margin: 24px 0;
    803825    margin: 1.714285714rem 0;
    804826    line-height: 1.714285714;
    805827}
    806 .entry-content h1 {
     828.entry-content h1,
     829.comment-content h1 {
    807830    font-size: 21px;
    808831    font-size: 1.5rem;
    809832    line-height: 1.5;
    810833}
    811 .entry-content h2 {
     834.entry-content h2,
     835.comment-content h2 {
    812836    font-size: 18px;
    813837    font-size: 1.285714286rem;
    814838    line-height: 1.6;
    815839}
    816 .entry-content h3 {
     840.entry-content h3,
     841.comment-content h3 {
    817842    font-size: 16px;
    818843    font-size: 1.142857143rem;
    819844    line-height: 1.846153846;
    820845}
    821 .entry-content h4 {
     846.entry-content h4,
     847.comment-content h4 {
    822848    font-size: 14px;
    823849    font-size: 1rem;
    824850    line-height: 1.846153846;
    825851}
    826 .entry-content h5 {
     852.entry-content h5,
     853.comment-content h5 {
    827854    font-size: 13px;
    828855    font-size: 0.928571429rem;
    829856    line-height: 1.846153846;
    830857}
    831 .entry-content h6 {
     858.entry-content h6,
     859.comment-content h6 {
    832860    font-size: 12px;
    833861    font-size: 0.857142857rem;
    834862    line-height: 1.846153846;
    835863}
    836 .entry-content p {
     864.entry-content p,
     865.comment-content p {
    837866    margin: 0 0 24px;
    838867    margin: 0 0 1.714285714rem;
     
    840869}
    841870.entry-content ol,
    842 .entry-content ul {
     871.comment-content ol,
     872.entry-content ul,
     873.comment-content ul {
    843874    margin: 0 0 24px;
    844875    margin: 0 0 1.714285714rem;
     
    846877}
    847878.entry-content ul ul,
     879.comment-content ul ul,
    848880.entry-content ol ol,
     881.comment-content ol ol,
    849882.entry-content ul ol,
    850 .entry-content ol ul {
     883.comment-content ul ol,
     884.entry-content ol ul,
     885.comment-content ol ul {
    851886    margin-bottom: 0;
    852887}
    853 .entry-content ul {
     888.entry-content ul,
     889.comment-content ul {
    854890    list-style: disc outside;
    855891}
    856 .entry-content ol {
     892.entry-content ol,
     893.comment-content ol {
    857894    list-style: decimal outside;
    858895}
    859 .entry-content li {
     896.entry-content li,
     897.comment-content li {
    860898    margin: 0 0 0 24px;
    861899    margin: 0 0 0 1.714285714rem;
    862900}
    863 .entry-content blockquote {
     901.entry-content blockquote,
     902.comment-content blockquote {
    864903    padding: 24px;
    865904    padding: 1.714285714rem;
    866905    font-style: italic;
    867906}
    868 .entry-content code {
     907.entry-content code,
     908.comment-content code {
    869909    font-family: Consolas, Monaco, Lucida Console, monospace;
    870910    font-size: 12px;
     
    872912    line-height: 2;
    873913}
    874 .entry-content pre {
     914.entry-content pre,
     915.comment-content pre {
    875916    margin: 24px 0;
    876917    margin: 1.714285714rem 0;
     
    884925    overflow: auto;
    885926}
    886 .entry-content pre code {
     927.entry-content pre code,
     928.comment-content pre code {
    887929    display: block;
    888930}
    889931.entry-content abbr,
    890 .entry-content dfn {
     932.comment-content abbr,
     933.entry-content dfn,
     934.comment-content dfn {
    891935    border-bottom: 1px dotted #666;
    892936    cursor: help;
    893937}
    894 .entry-content address {
     938.entry-content address,
     939.comment-content address {
    895940    display: block;
    896941    margin: 0 0 24px;
     
    915960    margin-bottom: 1.714285714rem;
    916961}
    917 .entry-content dl {
     962.entry-content dl,
     963.comment-content dl {
    918964    margin: 0 24px;
    919965    margin: 0 1.714285714rem;
    920966}
    921 .entry-content dt {
     967.entry-content dt,
     968.comment-content dt {
    922969    font-weight: bold;
    923970}
    924 .entry-content dd {
     971.entry-content dd,
     972.comment-content dd {
    925973    margin-bottom: 24px;
    926974    margin-bottom: 1.714285714rem;
    927975}
    928 .entry-content table {
     976.entry-content table,
     977.comment-content table {
    929978    border-bottom: 1px solid #ededed;
    930979    margin: 0 0 24px;
     
    932981    width: 100%;
    933982}
    934 .entry-content th {
     983.entry-content th,
     984.comment-content th {
    935985    color: #666;
    936986    font-size: 10px;
     
    941991    text-transform: uppercase;
    942992}
    943 .entry-content td {
     993.entry-content td,
     994.comment-content td {
    944995    border-top: 1px solid #ededed;
    945996    padding: 6px 10px 6px 0;
     
    14591510    line-height: 1.846153846;
    14601511}
    1461 .widget_search input[type="text"] {
    1462     padding: 6px;
    1463     padding: 0.428571429rem;
    1464     font-family: inherit;
    1465     border: 1px solid #ccc;
    1466     -webkit-border-radius: 3px;
    1467     -moz-border-radius: 3px;
    1468     border-radius: 3px;
    1469 }
    14701512.widget_rss li {
    14711513    margin: 12px 0;
Note: See TracChangeset for help on using the changeset viewer.