Garść poprawek:
1). Na stronie z listą postaci - tabelka o klasie "page". Komórka z imieniem postaci na szerokośc 20%. Powinno być chociaż 30%. To trzeba zrobić w HTMLu albo dodać te ustawienia w CSS.
2). Znacznik "CENTER TABLE, .page" w CSS ma warunek "justify". Tekst niepotrzebnie jest justyfikowany w tabelkach. Zmienić powinno się wartośc na text-align: left. Usuwa to niepotrzebne rozstrzelenie tekstu.
3). Przycisk "mów do wszystkich" trzeba odsunąć od pola tekstowego z wypowiedzią. W CSS w klasie "messageFieldNode" trzeba dodać ustawienie "padding-right: 8px;".
4). Ściśnięta lista z surowcami. Trzeba do CSS dodać klasę "ul.plain li" i nadać jej komendę np. "padding-bottom: 4pt;". Będzie troche luzu. Uwaga, to działa również na inne wypunktowania. Może przydałyby się różne klasy/identyfiaktory na różne wypunktowania.
5). Napis z pogodą (locationDescriptionTerrain) trzeba odsunąć w dół. Proponuję "margin-top: 16px;"
6). W HTMLu na stronie "miejsce" jest część nazwana komentarzem "Sailing ship information". Napis o trasie i prędkości statku oraz przycisk "kontynuuj" (zmiana steru) jest strasznie blisko informacji pogodowych. Normalnie te informacje nie mają żadnego identyfikatora w CSS, ale można je odsunąć od pogodowych, dodając do klasy "locationDescriptionTerrain" warunek "margin-bottom: 16px". U mnie pomogło.
7). Polowanie na zwierzęta. Trzeba odsunąć element "navigationSubpanel" od tekstu. Do CSS można dodać mu polecenie np. "margin-bottom: 8px;"
Odsuwamy listę zwierząt od nagłówka "zwierzęta" - dodajemy do CSS klasę "animalList" z parametrem "padding-top: 8px;"
Napis "Siła jaką chcesz użyć (0 - 100%):" jest oddzielany poleceniami "BR" w htmlu. To raczej nie powinno tak być. Trzeba dodać w HTMLu osobną klasę CSS i ustalić tam marginesy zewnętrzne albo wewnętrzne.
Menu "lista postaci, interfejs..." w ustawieniach też nie da się poprawić za pomocą CSS, trzeba dodać niezbędne atrybuty w HTML.
Jeśli kogoś świerzbi, to do skinu "classic" można dodać na sam dół:
Code: Select all
#messageFieldNode
{
padding-right: 8px;
}
CENTER TABLE, .page {
text-align: left;
}
ul.plain li {
padding-bottom: 4pt;
}
.animalList
{
padding-top: 8px;
}
.locationDescriptionTerrain
{
margin-top: 16px;
margin-bottom: 16px;
}
#navigationSubpanel {
margin-bottom: 8px;
}