steve98052 | Greetings! (Reply)

One of my Livejournal friends told me about Dreamwidth, and given the new terms of service at Livejournal, it seems like a good idea to move things over here when I get a chance.

testing some CSS features here

This is a test of how styles work on Dreamwidth. On Livejournal, the mobile view doesn't seem to load CSS from the custom CSS page (but it looks like it does on the Dreamwidth custom CSS page) or from external CSS files, and it strips CSS id selectors altogether. Annoying. I see that Dreamwidth also strips id selectors, so I guess I better not use them.

As a result of the way it works on Livejournal, the log box tables are built with a ridiculous amount of in-line CSS there that should be in a style sheet, and can be in a style sheet here (hooray).

Regular dive log, trying to improve mobile rendering

Date:
_date_time

Location:
_location

Dive Number:

Temperature:

Air
at°F

Water
wt°F

Water:
_water

Conditions:
_conditions

Visibility:
_visibility

Gas:
_gas

Start:
_start

End:
_end

Post Dive Notes:

_notes

This is finally working pretty much as designed. Ideally, it would go to side-scrolling when notes are too wide to go beside the table, but this is good enough.

Dive Time:	_duration
Max Depth:	_max_depth
Bottom Time:	_bottom_time
Average Depth:	_average_depth
Surface Interval:	_interval

Weight: _weight
Exposure Suit: _suit
Equipment Adjustments: _adjust

Buddy, Dive Guide, or Instructor Signature:
_signature

Training dive log, trying to improve mobile rendering

Date:
_date_time

Location:
_location

Temperature:

Air
at°F

Water
wt°F

Water:
_water

Conditions:
_conditions

Visibility:
_visibility

Gas:
_gas

Start:
_start

End:
_end

Weight: _weight
Exposure Suit: _suit
Equipment Adjustments: _adjust

Dive Time:	_duration
Max Depth:	_max_depth
Bottom Time:	_bottom_time
Average Depth:	_average_depth
Surface Interval:	_interval

Skills Learned:

_skills

Dive Notes:

_notes

This is finally working pretty much as designed. Ideally, it would go to side-scrolling when notes are too wide to go beside the table, but this is good enough.

Instructor:
_instructor

Date:
_sign_date

Temperature:

Air
at°F

Water
wt°F

Water:
_water

Conditions:
_conditions

Visibility:
_visibility

Training dive log, using in-line CSS, as currently on my Livejournal

Date:		Location:
_date		_location
Temperature: Air Water		Water:	Conditions:	Visibility:
		_water	_conditions	_visibility
_air_°F _water_°F
Gas:	Start:	End:	Weight: _weight_# Exposure Suit: _suit Equipment Adjustments: _adjust
_gas	_start	_end
Dive Time: Max Depth: Bottom Time: Average Depth: Surface Interval: _duration _max_depth _bottom_time _average_depth _surface_interval			Skills Completed: _skills
			Post Dive Notes: _notes

Training dive log, using style sheet CSS, as supported by Dreamwidth

Date:		Location:
_date		_location
Temperature: Air Water		Water:	Conditions:	Visibility:
		_water	_conditions	_visibility
_air_°F _water_°F
Gas:	Start:	End:	Weight: _weight_# Exposure Suit: _suit Equipment Adjustments: _adjust
_gas	_start	_end
Dive Time: Max Depth: Bottom Time: Average Depth: Surface Interval: _duration _max_depth _bottom_time _average_depth _surface_interval			Skills Completed: _skills
			Post Dive Notes: _notes

Training dive log, using in-line CSS, as required by Livejournal

Date:		Location:
_date		_location
Temperature: Air Water		Water:	Conditions:	Visibility:
		_water	_conditions	_visibility
_air_°F _water_°F
Gas:	Start:	End:	Weight: _weight_# Exposure Suit: _suit Equipment Adjustments: _adjust
_gas	_start	_end
Dive Time: Max Depth: Bottom Time: Average Depth: Surface Interval: _duration _max_depth _bottom_time _average_depth _surface_interval			Skills Completed: _skills
			Post Dive Notes: _notes