筆記│note – New Blogger templete CSS reference

In Various Definitions
Variable name – keycolor (主要顏色主題)
Variable name – body.background (主頁背景) defult (預設圖) value (目前設定)

Group description：Page text
Variable name – body font (頁面字體)
Variable name – body.text.color (字體顏色)
Group description：Backgrounds
Variable name – body.background.color (背景顏色)
Variable name – header.background.color (檔頭背景顏色)
Variable name – post.background.color (文章背景顏色)
Group description：Links
Variable name – link.color (連結顏色)
Variable name – link.visited.color (已點閱的連結顏色)
Variable name – link.hover.color (游標停留的連結顏色)
Group description：Blog title
Variable name – header.font (檔頭(部落格)字體)
Variable name – header.text.color (檔頭字體顏色)
Group description：Tabs text
Variable name – tabs.font (標籤字體)
Variable name – tabs.text.color (標籤字體顏色)
Variable name – tabs.selected.text.color (所選文字顏色)
Group description：Tabs background
Variable name – tabs.background.color (標籤背景顏色)
Variable name – tabs.selected.background.color (所選文字的背景顏色)
Variable name – tabs.separator.color (分隔線顏色)
Group description：Post
Variable name – post.title.font (文章標題字體)
Variable name – post.footer.text.color (頁尾文字顏色)
Variable name – post.border.color (邊框顏色)
Group description：Gadgets
Variable name – widget.title.font (小工具標題字體)
Variable name – widget.title.text.color (小工具標題顏色)
Group description：Footer
Variable name – footer.text.color (頁尾文字顏色)
Variable name – footer.widget.title.text.color (頁尾小工具標題文字顏色)
Group description：Footer Links
Variable name – footer.link.color (頁尾連結顏色)
Variable name – footer.link.visited.color (頁尾已點閱的連結顏色)
Variable name – footer.link.hover.color (頁尾游標停留的連結顏色)

---

Variable name – content.margin (內容《半透明部分》與導覽列(上方)之間的距離)  如圖上
Variable name – content.padding (內容與檔頭(上方)之間的距離)
Variable name – content.background (內容背景)
Variable name – content.border.radius (內容邊框的圓角)
Variable name – content.shadow.spread

Variable name – header.padding (檔頭文字跟檔頭(左邊)之間的距離) 如圖上
Variable name – header.background.gradient (檔頭背景漸變)
Variable name – header.border.radius (檔頭邊框的圓角)

---

很多blogger都還是使用著舊的範本，只有少數的剛搬家的像是我，才用新範本，新範本跟舊範本不一樣，舊的有好多教學，新的比較少，blogger的CSS又很特別，不仔細閱讀裡面各個代表的還真不知道要怎麼下手，比如說我想要讓我的側邊欄的標題都有背景顏色，我想要以新的範本去做修改，變成自己的…