External+stylesheets

External style-sheets can be also used to style your Run BASIC applications.
The example styles the input widget using a CSS external style-sheet instead of in-line code.

code format="lb" 'stylesheet resides in public folder head ""

html " " input "Continue Y/N ";n$ html " "

if upper$(n$)="Y" then html " " input "1st address line ";n$ html " " html " " input "Postcode ";n$ html " " else cls end if

end code

The CSS style-sheet should be saved in /public folder as 'inputStyle.css'

code format="css" /* inputStyle.css */ div#ip1 input.text  {background-color:lightblue;width:20px;font-size:12pt;} div#ip1 input.submit {background-color:lightblue;height:25px;width:120px;margin-left:5px;font-size:12pt;}

div#ip2 input.text  {background-color:lightgreen;width:150px;} div#ip2 input.submit {background-color:lightgreen;}

div#ip3 input.text  {background-color:yellow;width:70px;} div#ip3 input.submit {background-color:yellow;} code