| ||||||||||||||||
Numarasız listedeki varsayılan madde işaretleri mavi (hydradark kaplamasındaki #00528c). Bu, ul seçici tarafından yönetilir.
Numarasız listelerde madde işaretleri için varsayılan hydradark CSS aşağıdaki gibidir:
ul {
list-style-type: disc;
list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
Yukarıda size mavi madde işaretleri:
• Örnek
Bu dataURL daha yakından incelendiğinde, bu dizeye gömülü renk kodu gösterilir:
ul {
list-style-type: disc;
list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
Madde işaretlerinin rengini değiştirmek için, yalnızca tercih ettiğiniz rengin onaltılı kodunu değiştirmeniz gerekir. Aşağıdaki örneklere bakın.
Örnekler[]
Beyaz madde işaretleri[]
ul {
list-style-type: disc;
list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
Yukarıdakiler size beyaz mermiler verir:
• Örnek
Turuncu madde işaretleri[]
ul {
list-style-type: disc;
list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23F37F20%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
Yukarıdakiler size turuncu mermiler verir:
• Örnek
Notlar[]
- Temel hydra css bir görüntü dosyası kullanır, ancak aynı css farklı renkli bir madde işareti belirtmek için kullanılabilir.