WordPress.org

Make WordPress Core

Changeset 21277


Ignore:
Timestamp:
07/18/12 18:03:38 (3 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.