Re: [-VV-] 求增加 status bar 高度的 CSS script

[mstar (Wayne Su)]

  先修改 resources/vivaldi/browser.html

  在  </head> 前面加入：

    <link rel="stylesheet" href="style/custom.css" />


  然後到 resources/vivaldi/style/ 新增 custom.css

  再把你的自訂 CSS 貼進去。


  每次改版後都要再重弄一次。


※ 引述《drkh (eutatosp)》之銘言：
: 我把 Vivaldi 的 User Interface 縮至 80% 後, 是很合適, 但 status bar 的
: 高度隨之變得很窄.
: 我有用一則 custom JS script 將所有 extension button 移到 status bar.
: 感覺若是 status bar 的高度能增加一點, 會比較利於滑鼠游標瞄準那些
: extension button.
: 我不懂程式, 到 Vivaldi forums 詢問, 沒獲得答案. 但感覺這應該不難才對,
: 就自己上網胡亂找了一段簡單的 CSS code, 想自力救濟一下, 但失敗了. 以下
: 就是那段 CSS code (我想將 status bar 的高度設為 25px):
: #statusbar
:     {
:       padding: 25px; !important;
:     }
: 哪位高手能幫忙一下? 謝謝.

--
 你怎麼這麼綠啊！ ←  藍色黨blahblah..   綠色黨blahblah..  →  你怎麼這麼藍啊！
     \               /                                  \              /
       ○         ○                                      ○        ○
 藍 <<<<<<<<<<<<<<<>>>>>>>>>>>>>>> 綠    藍 <<<<<<<<<<<<<<<>>>>>>>>>>>>>>> 綠
  「政治單細胞生物」的眼光見解：只要光譜不夠近不同邊者，就算再中肯一樣是敵人

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 175.181.157.173
※ 文章網址: https://www.ptt.cc/bbs/Browsers/M.1539998454.A.721.html
推 drkh: 這我知道. 我是需要 css codes.
→ drkh: 我已經用了好幾則 JS 及 CSS script codes 將 Vivaldi 的
→ drkh: 介面改成這樣 -> https://bit.ly/2PgLXro  中間青綠色的部份
→ drkh: 代表 page content area.
→ drkh: 我之前貼出的那段"自力救濟"的 CSS code 不靈光.
→ drkh:
→ drkh: 上面貼出的那張圖剛改過. 新圖是 https://bit.ly/2yvcMi5
推 tch1114: #statusbar改#footer
→ tch1114: 內容改height: 25px;
推 drkh: 多謝樓上
→ drkh: 另外, 我也想將 status bar 內的 16x16 px button 增大至
→ drkh: 20 x 20 px. 在 Vivaldi 的論壇有人提供以下的 CSS script
→ drkh: 但無效 (custom.js 禁用, custom.css 只包含下面的 code):
→ drkh: #footer button svg {height: 20px !important;
→ drkh: width: 20px !important;}
推 tch1114: 這是把原本status bar的icon變大 如果你要變大extensions
推 tch1114: 改成 .extensions-wrapper button img
推 drkh: status bar 的 button, 不論是 Vivaldi 自建, 或是
→ drkh: extension, 都雙雙增大了. 見 https://tinyurl.com/ycjqdqm5
→ drkh: 多謝多謝.
→ drkh:
→ drkh: 乾脆再請問... 能否將 bookmark bar 的文字 text label 顏色
→ drkh: 設為紅色? 可較醒目.
→ drkh: 我曾試用 .bookmark-bar {font-color: red} 但無效.
推 tch1114: .panel-bookmarks .vivaldi-tree { color: red; }
推 drkh: 謝謝. 但您給的 code 是作用於 bookmark panel, 不是
→ drkh: bookmark bar. 已實測.
→ drkh: 我的需求更明確地說, 是要更改 bookmark bar 內, folder 的
→ drkh: text color, 而非 bookmark 的 text color.
推 tch1114: .bookmark-bar button .folder-icon + span
推 drkh: 完成了! 多謝再度支援.
→ drkh: 難得遇到高人, 可否再請幫忙解決一個惱人的問題...
→ drkh: 我將VV的 startup page 設為 about:blank, 另將書籤設為用
→ drkh: 一個 new tab 開啟. 而我每次啟動 VV 後, 第一個動作總是開
→ drkh: 啟 bookmark bar 內的書籤, 所以, 等到那個書籤在一個 new
→ drkh: tab 開啟後, 我須手動把那個 about:blank 的 startup page
→ drkh: 刪除, 不然它不會消失. 刪除的次數多了, 覺得很惱人. 不知
→ drkh: 可否讓它自動消失? 換句話說, 也就是:"每當將一個 URL 用一
→ drkh: 個 new tab 開啟時, 若當時已有一個(或一個以上) blank tab
→ drkh: 就自動用那個(或距離最近的) blank tab 開啟 URL."
→ drkh:
→ drkh: 不知上述的目標是否可行?
推 Belieeve: 第一次知道它可以自訂style 感恩～