Ticket #37384: options-discussion-alignment.html

<style>
/* Only minimal styling moved over */
body {
    color: #444;
        background: #F1F1F1;
    font-family: "Open Sans",sans-serif;
    line-height: 1.4em;
}
.screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
a {
    color: #0073aa;
    transition-duration: 0.05s;
    transition-property: border, background, color;
    transition-timing-function: ease-in-out;
}
a:active, a:hover {
    color: #00a0d2;
}
a, div {
    outline: 0 none;
}
.form-table, .form-table td, .form-table td p, .form-table th, .form-wrap label {
    font-size: 14px;
}
.color-palette, .form-table, .media-item .describe {
    border-collapse: collapse;
}
fieldset {
    border: 0 none;
}
.checkbox, .post-categories, .zerosize, fieldset {
    margin: 0;
    padding: 0;
}
.form-table th, .form-wrap label {
    color: #23282d;
    font-weight: 400;
    text-shadow: none;
    vertical-align: baseline;
}
.form-table th {
    font-weight: 600;
    line-height: 1.4;
    padding: 20px 10px 20px 0;
    text-align: left;
    vertical-align: top;
    width: 200px;
}
.form-table td {
    line-height: 1.4;
}
.form-table td {
    line-height: 1.4;
    margin-bottom: 9px;
    padding: 15px 10px;
    vertical-align: middle;
}
.form-table, .form-table td, .form-table td p, .form-table th, .form-wrap label {
    font-size: 14px;
}
.form-table td fieldset label, .form-table td fieldset li, .form-table td fieldset p {
    line-height: 1.4em;
}
.form-table td fieldset p:first-child {
        margin-top: -4px;       
}
/* Foliovision Changes */
.form-table td fieldset label {
    display: inline-block;
    margin: 0.3em 0 0.5em; /* changed from 0.25em 0 0.5em, ideally removing !important too */
}
.form-table td fieldset p label { /* Added this to remove top margin if label is inside paragraph tag */
        margin-top: 0;
}
/* Foliovision Changes - END */

.form-table td p {
    margin-bottom: 0;
    margin-top: 4px;
}
#your-profile label + a, fieldset label, label {
    vertical-align: middle;
}
input, textarea {
    box-sizing: border-box;
}
input[type="text"], input[type="password"], input[type="checkbox"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="radio"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], input[type="search"], select, textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
    color: #32373c;
    outline: 0 none;
    transition: border-color 0.05s ease-in-out 0s;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input, select, textarea {
    border-radius: 0;
    font-size: 14px;
}
input.small-text[type="number"] {
    width: 65px;
}
input.small-text {
    padding: 1px 6px;
    width: 50px;
        margin-top: -4px; /* Fix for when places inside regular paragraph text making the line height taller */
}
.wp-admin select {
    height: 28px;
    line-height: 28px;
    padding: 2px;
    vertical-align: middle;
}
input[type="checkbox"], input[type="radio"] {
    background: #fff;
    border: 1px solid #b4b9be;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    clear: none;
    color: #555;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    line-height: 0;
    margin: -4px 4px 0 0;
    min-width: 16px;
    outline: 0 none;
    padding: 0 !important;
    text-align: center;
    transition: border-color 0.05s ease-in-out 0s;
    vertical-align: middle;
    width: 16px;
}
.form-table input.tog, input[type="checkbox"], input[type="radio"] {
    margin-bottom: -1px;
}
input[type="checkbox"]:checked::before, input[type="radio"]:checked::before {
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    float: left;
    font: 400 21px/1 dashicons;
    vertical-align: middle;
    width: 16px;
}
input[type="checkbox"]:checked::before {
    color: #1e8cbe;
    content: "";
    margin: -3px 0 0 -4px;
}

textarea {
    line-height: 1.4;
    padding: 2px 6px;
}
textarea.code {
    line-height: 1.4;
    padding: 4px 6px 1px;
}
.code, code {
    direction: ltr;
    font-family: Consolas,Monaco,monospace;
    unicode-bidi: embed;
}
input.large-text, textarea.large-text {
    width: 99%;
}
.wrapper {
        width: 800px;
        margin: 0 auto;
}

</style>

<div class="wrapper">
<table class="form-table">
<tbody><tr>
<th scope="row">Default article settings</th>
<td><fieldset><legend class="screen-reader-text"><span>Default article settings</span></legend>
<label for="default_pingback_flag">
<input type="checkbox" checked="checked" value="1" id="default_pingback_flag" name="default_pingback_flag" />
Attempt to notify any blogs linked to from the article</label>
<br />
<label for="default_ping_status">
<input type="checkbox" checked="checked" value="open" id="default_ping_status" name="default_ping_status" />
Allow link notifications from other blogs (pingbacks and trackbacks) on new articles</label>
<br />
<label for="default_comment_status">
<input type="checkbox" checked="checked" value="open" id="default_comment_status" name="default_comment_status" />
Allow people to post comments on new articles</label>
<br />
<p class="description">(These settings may be overridden for individual articles.)</p>
</fieldset></td>
</tr>
<tr>
<th scope="row">Other comment settings</th>
<td><fieldset><legend class="screen-reader-text"><span>Other comment settings</span></legend>
<label for="require_name_email"><input type="checkbox" checked="checked" value="1" id="require_name_email" name="require_name_email" /> Comment author must fill out name and e-mail</label>
<br />
<label for="comment_registration">
<input type="checkbox" value="1" id="comment_registration" name="comment_registration" />
Users must be registered and logged in to comment</label>
<br />

<label for="close_comments_for_old_posts">
<input type="checkbox" value="1" id="close_comments_for_old_posts" name="close_comments_for_old_posts" />
Automatically close comments on articles older than </label><label for="close_comments_days_old"><input type="number" class="small-text" value="14" id="close_comments_days_old" step="1" min="0" name="close_comments_days_old" /> days</label>
<br />
<label for="thread_comments">
<input type="checkbox" value="1" id="thread_comments" name="thread_comments" />
Enable threaded (nested) comments </label><label for="thread_comments_depth"><select id="thread_comments_depth" name="thread_comments_depth"><option value="2">2</option><option value="3">3</option><option value="4">4</option><option selected="selected" value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option></select> levels deep</label>
<br />
<label for="page_comments">
<input type="checkbox" value="1" id="page_comments" name="page_comments" />
Break comments into pages with </label><label for="comments_per_page"><input type="number" class="small-text" value="100" id="comments_per_page" min="0" step="1" name="comments_per_page" /> top level comments per page and the </label><label for="default_comments_page"><select id="default_comments_page" name="default_comments_page"><option selected="selected" value="newest">last</option><option value="oldest">first</option></select> page displayed by default</label>
<br />
<label for="comment_order">Comments should be displayed with the <select id="comment_order" name="comment_order"><option selected="selected" value="asc">older</option><option value="desc">newer</option></select> comments at the top of each page</label>
</fieldset></td>
</tr>
<tr>
<th scope="row">E-mail me whenever</th>
<td><fieldset><legend class="screen-reader-text"><span>E-mail me whenever</span></legend>
<label for="comments_notify">
<input type="checkbox" value="1" id="comments_notify" name="comments_notify" />
Anyone posts a comment </label>
<br />
<label for="moderation_notify">
<input type="checkbox" checked="checked" value="1" id="moderation_notify" name="moderation_notify" />
A comment is held for moderation </label>
</fieldset></td>
</tr>
<tr>
<th scope="row">Before a comment appears</th>
<td><fieldset><legend class="screen-reader-text"><span>Before a comment appears</span></legend>
<label for="comment_moderation">
<input type="checkbox" checked="checked" value="1" id="comment_moderation" name="comment_moderation" />
Comment must be manually approved </label>
<br />
<label for="comment_whitelist"><input type="checkbox" checked="checked" value="1" id="comment_whitelist" name="comment_whitelist" /> Comment author must have a previously approved comment</label>
</fieldset></td>
</tr>
<tr>
<th scope="row">Comment Moderation</th>
<td><fieldset><legend class="screen-reader-text"><span>Comment Moderation</span></legend>
<p><label for="comment_max_links">Hold a comment in the queue if it contains <input type="number" class="small-text" value="2" id="comment_max_links" min="0" step="1" name="comment_max_links" /> or more links. (A common characteristic of comment spam is a large number of hyperlinks.)</label></p>

<p><label for="moderation_keys">When a comment contains any of these words in its content, name, URL, e-mail, or IP, it will be held in the <a href="edit-comments.php?comment_status=moderated">moderation queue</a>. One word or IP per line. It will match inside words, so “press” will match “WordPress”.</label></p>
<p>
<textarea class="large-text code" id="moderation_keys" cols="50" rows="10" name="moderation_keys"></textarea>
</p>
</fieldset></td>
</tr>
<tr>
<th scope="row">Comment Blacklist</th>
<td><fieldset><legend class="screen-reader-text"><span>Comment Blacklist</span></legend>
<p><label for="blacklist_keys">When a comment contains any of these words in its content, name, URL, e-mail, or IP, it will be marked as spam. One word or IP per line. It will match inside words, so “press” will match “WordPress”.</label></p>
<p>
<textarea class="large-text code" id="blacklist_keys" cols="50" rows="10" name="blacklist_keys">115.187.32.10
124.123.28.9
95.65.175.6
95.65.160.198
95.65.161.125
95.65.186.137
95.65.182.90
188.3.106.3
61.11.84.140
61.17.177.48
68.193.105.19
121.245.200.142
219.134.64.250
125.40.0.25
88.235.30.151
81.85.224.19
216.70.124.15
220.161.165.37
99.166.177.12
79.74.104.166
71.196.102.230
71.196.102.230
71.196.102.230
87.209.75.180
212.116.219.150
87.202.118.240
173.234.31.188
74.176.157.246
115.186.142.36
91.74.132.46
119.73.35.188
125.163.250.9
173.234.49.21
173.234.2.30
174.133.9.181
92.241.168.209
64.120.41.185
208.100.27.180
173.208.78.48
124.120.43.91
173.234.48.6
174.34.171.33
203.217.77.133
79.161.88.112
116.207.70.60
77.75.105.70
124.168.109.190
84.36.155.10
114.58.254.23
222.165.222.84
114.77.164.132
97.126.57.80
93.172.135.201
173.234.1.5
173.234.94.10
24.14.240.13
173.234.46.58
80.81.159.20
86.10.210.131
93.173.206.230
68.104.81.52
173.165.181.241
71.3.72.206
115.187.35.225
81.25.133.29
66.90.104.57
173.234.188.8
124.176.179.196
180.183.178.102
223.182.9.4
165.231.22.238
180.234.44.187</textarea>
</p>
</fieldset></td>
</tr>
</tbody></table>
</div>