Hi,
The solution that you can find in The Cookbook by Stan Bogdanov (I agree
it was very good) to get rounded corners for input boxes can be combined
with Martin's solution to get rounded corners for the divs.
If you want to use it in any HP exercise it would be better to modify
the css than to use a custom setting each time you create an exercise.
You need to open hp7.cs_ with a text editor (Notepad+ etc., but don't
use Microsoft Word)
On the line 186 you'll see four lines beginning with "input, textarea{".
Delete them and replace them with:
div{
/* MH : rounded corners for every div (NavButtonBar,Title,
Instructions, etc.)*/
border-radius: 0.7em;
/* MH : rounded corners for every div (NavButtonBar,Title,
Instructions, etc.) END*/
}
input, textarea{
font-family: var(--strFontFace);
font-size: 120%;
/* Stan_rounded border of input boxes and textarea */
border-radius: 0.7em; /* your custom rounded corners */
border: 1px solid grey; /* your custom borders */
padding: 5px;
/* Stan_rounded border of input boxes and textarea END */
}
input:focus {
/* Stan_custom focus for input boxes */
border: none;/* removes the default css */
outline: 1px solid red;/* emphasises the focus - your custom style */
/* Stan_custom focus for input boxes END */
}
See the attached image to be sure.
If you don't want rounded corners for the divs, delete the part:
div{
/* MH : rounded corners for every div (NavButtonBar,Title,
Instructions, etc.)*/
border-radius: 0.7em;
/* MH : rounded corners for every div (NavButtonBar,Title,
Instructions, etc.) END*/
}
Note that I was wrong. The display of input boxes depends on the
browser: slightly rounded corners with Firefox, no rounded corners with
Chrome.
Cheers.
Agnès.S
http://hpaddons.free.fr/
> <mailto:
hotpotatoesusers%2Bunsu...@googlegroups.com>
> > <mailto:
hotpotatoesuse...@googlegroups.com
> <mailto:
hotpotatoesusers%2Bunsu...@googlegroups.com>>.
> <mailto:
hotpotatoesusers%2Bunsu...@googlegroups.com>.
> To view this discussion on the web, visit
>
www.aeesonline.com <
http://www.aeesonline.com>
>
aeeso...@gmail.com <mailto:
aeeso...@gmail.com>