/* 訂閱設定頁(Home/Subscribe)自己的樣式。

   為什麼需要這一份:common.css 把送出鍵的樣式寫在

       .rssMBox .other > a { ... }

   —— 選的是**直接子層的 <a>**。舊站那兩顆送出鍵就是
   <a href="javascript:;" class="submitBtn">(class 是裝飾用的,真正吃到樣式的是
   上面那條選擇器;.submitBtn 在這個情境下根本沒有定義)。

   新站改用 <button>,是對的 —— 那是一個動作而不是一個連結,鍵盤與螢幕報讀
   都吃 <button>,用 href="javascript:;" 假裝成連結是舊站的壞習慣。
   但選擇器選不到 button,結果就是瀏覽器預設的小灰鍵。

   所以這裡把同一組值套到 button 上,外觀跟舊站一致,語意保持正確。
   數值是照 common.css 2684 那條抄的,不是重新設計 —— 兩邊要長一樣。

   ⚠ common.css 是舊站的,cutover 前兩邊共用,不要往裡面加東西(見 _Layout 註解)。
*/

.rssMBox .other > button {
    /* 跟 .rssMBox .other > a 同一組值 */
    display: inline-block;
    width: 60%;
    padding: 20px 0;
    margin: 5px 9px 5px 0;
    color: #fff;
    background: #999;
    text-align: center;
    font-size: 20px;
    border-radius: 3px;

    /* button 自己的預設要收掉 —— <a> 沒有這些 */
    border: none;
    font-family: inherit;
    line-height: normal;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

/* 舊站 .ok 是「可以送出了」的狀態色,hover 才轉紅。
   新站沒有那個狀態機(欄位驗證在送出時做),所以直接給 hover 回饋。 */
.rssMBox .other > button:hover {
    background: #333;
}

.rssMBox .other > button:active {
    background: #c9151e;
}

/* 送出中不要讓人連按 —— 這一頁的送出是寫進資料庫的 */
.rssMBox .other > button:disabled {
    background: #ccc;
    cursor: default;
}

/* 訊息文字。舊站用 p.wrong,但那個 class 在別的情境是 float:right + width:460px,
   套過來版面會歪 —— 所以另開一個。 */
.rssMBox .other .rss-msg {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    color: #c9151e;
    min-height: 1.4em;   /* 訊息出現時不要把按鈕往上頂 */
}

.rssMBox .other .rss-msg.ok {
    color: #1b5e20;
}

/* 取消訂閱的範圍說明。舊站沒有這段 —— 舊站也確實會把報名紀錄一起刪掉。 */
.rssMBox .unRssBox .rss-note {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    padding: 4px 0 12px;
}

.rssMBox .unRssBox .rss-note strong {
    color: #1c1c1c;
}