about:tor UI design improvements
Hello, I've been thinking about making the about:tor page more modern. The main idea was to make small but efficient improvements. Thus, only the css style-sheet has changes. Here are the suggestions :
-
#middle div.container : Add an inner shadow (box-shadow: inset 0px 0px 3px rgba(0,0,0,0.3);) and delete the border. This makes the implantation of the divs smoother without emphasizing them. To give the impression of a band, space between the two divs needed to be reduced. I suggest to pull the inner borders to the center (changing width to 300px, padding from 10px 10px to 10px 20px and moving div.three to left: 480px). Also, align the bottom of the divs (min-height: 13.5em) for the band illusion.
-
Search bar (#sxw) : Same idea as the middle divs of using shadow to delete the border in order to make the page smoother. But in this case, I think the search bar should be emphasized because it's one of the most important piece of the page. So I thought about deleting border-top/left/right/bottom to erase the border line, add a padding of 3px (and wider the .searchbox form to 402px to make it fits) and put a white background to the #sxw.
A screenshot of what it would looks like is attached to this ticket.
What do you think about it ? I look forward to hearing from your reactions.
Trac:
Username: 1941211