Starsector CSS Demo

by jn_xyp

---

Available Components

• Title Text
• Header Text
• Table
• Button
• Checkbox
• Range
• Textarea
• Scrollbar
• List Group
• Horizontal Line

ss-text-display[-[1~4]]

---

Starsector Chinese Forum

Starsector Chinese Forum

Starsector Chinese Forum

Starsector Chinese Forum

远行星号中文论坛

远行星号中文论坛

远行星号中文论坛

远行星号中文论坛

ss-text-header[-(1~6)]

---

Title 标题

Title 标题

Title 标题

Title 标题

Title 标题

Title 标题

ss-table

---

.ss-table-codex

后勤信息				战斗信息
船员容量	20 / 20	货舱容量	40	最高航速	100
峰值时间	100	最大载员	150	护盾角度	105

ss-button-*

---

ss-button-menu[-(big|small)]

ss-button-tab[-(big|small)]

ss-button-regular[-(big|small)]

ss-checkbox-*

ℹ Checkbox label element must be right after the checkbox element, with property "for" set

---

.ss-checkbox

.ss-checkbox-button

ss-range-*

⚠ Known browser compatibility issues (available for webkit, partially supported by firefox)

---

.ss-range

ss-textarea

---

.ss-textarea

(with .ss-scrollbar and .ss-text-shadow)
"霸主以忠诚，传统和荣誉作为伪装，" Baird轻笑道，"它内部可是有数不清的派系和部委，为了不同的目标而无止境地进行着权力斗争。他们的斗争一般都是按部就班地按剧本来的。但是这剧本，正如我们的卢德朋友所证明的那样，根据不同的读者，会讲不同的故事。"

ss-scrollbar

⚠ Known browser compatibility issues (available for webkit only)

---

.ss-scrollbar

(with .ss-textarea)
"霸主以忠诚，传统和荣誉作为伪装，" Baird轻笑道，"它内部可是有数不清的派系和部委，为了不同的目标而无止境地进行着权力斗争。他们的斗争一般都是按部就班地按剧本来的。但是这剧本，正如我们的卢德朋友所证明的那样，根据不同的读者，会讲不同的故事。"
"霸主以忠诚， 传统和荣誉作为伪装，" Baird轻笑道，"它内部可是有数不清的派系和部委， 为了不同的目标而无止境地进行着权力斗争。 他们的斗争一般都是按部就班地按剧本来的。 但是这剧本，正如我们的卢德朋友所证明的那样， 根据不同的读者，会讲不同的故事。"
"霸主以忠诚，传统和荣誉作为伪装，" Baird轻笑道，"它内部可是有数不清的派系和部委，为了不同的目标而无止境地进行着权力斗争。 他们的斗争一般都是按部就班地按剧本来的。但是这剧本，正如我们的卢德朋友所证明的那样，根据不同的读者，会讲不同的故事。" "我就直说了，舰长。霸主的大部分人员知道了我们所做的事情，一定巴不得把我们 - 我和你 - 关进牢里，甚至是就地处决了。 卢德教会的强硬派祈祷着把我们杀鸡儆猴，而且霸主统治阶层里信仰卢德的人太多了，很难对卢德教会守住秘密。Kallichore犯了个错误，那就是给了敌人一个借口: 现在有很多敌视的眼光盯着Galatia学院，就等着我们下一次失误。"

ss-list-group

---

.ss-list-group with .ss-list-group-item inside

...with .ss-list-group-item-action and .ss-list-group-item[-(active|disabled)]

ss-hr

Yep, this line below ↓

---

Some extra spaces below