$\backslash$square

$\backslash$squarehead$>$

$-$

Filename: styles.css

$*/$

$/*$ apply a natural box layout model to all elements $*/$

$\backslash$square$*$

$\{$

$-$moz$-$box$-$sizing: border$-$box;

$-$webkit$-$box$-$sizing: border$-$box;

box$-$sizing: border$-$box;

$\}$

$/*$ reset rules $*/$

html$,$ body, div, span, applet, object, iframe,

h$1,$ h$2,$ h$3,$ h$4,$ h$5,$ h$6,$ p$,$ blockquote, pre,

a$,$ abbr, acronym, address, big, cite, code,

del, dfn$,$ em$,$ img, ins, kbd$,$ q$,$ s$,$ samp,

small, strike, strong, sub, sup, tt$,$ var,

b$,$ u$,$ i$,$ center,

dl$,$ dt$,$ dd$,$ ol$,$ ul$,$ li$,$

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr$,$ th$,$ td$,$

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video $\{$

margin: $0$;

padding: $0$;

border: $0$;

font$-$size: $1008$;

font: inherit;

vertical$-$align: baseline;

$-\}$

$/*$ HTML$5$ display$-$role reset for older browsers $*/$

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section $\{$

display: block;

$-\}$

body $\{$

line$-$height: $1$;

width: $960$px;

background: white;

margin: $0$ auto;

font$-$family: Verdana, Geneva, sans$-$serif;

$-\}$

ol$,$ ul $\{$

list$-$style: none;

$\}$

$/*$ page header $*/$

$\backslash$square header $\{$

background: #$5472$B$2$;

width: $1008$;

color: #FFFFFF;

font$-$size: $48$px;

text$-$align: center;

line$-$height: $1\mathrm{.}5$em; $/*$ main content $*/$

Garticle $\{$

width: $960$px;

height: $560$px;

text$-$align: left;

background: #FFDB$70$;

position: relative;

$\}$

Project Styles

section h$1\{$

font$-$size: $1\mathrm{.}4$em;

margin: $20$px $0$;

$\}$

fieldset $\{$

border: $1$px solid rgb$(192,192,192)$;

background$-$color: #EBE$09$C;

box$-$shadow: $3$px $3$px $20$px gray;

padding: $30$px;

display: block;

width: $600$px;

margin: $0$ auto;

$\}$

fieldset legend $\{$

color: rgb $(80,80,80)$;

width: $300$px;

text$-$align: left;

background: rgba$(255,255,255,0\mathrm{.}3)$;

font$-$size: $1\mathrm{.}05$em;

$\}$

label $\{$

display: block;

width: $200$px;

float: left;

clear: left;

margin$-$bottom: $15$px;

text$-$align: right;

margin$-$right: $20$px;

font$-$size: $1$em;

font$-$family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans$-$serif";

color: rgb $(80,80,80)$;

$-\}$

input $\{$

display: block;

float: left;

font$-$size: $1\mathrm{.}05$em;

color: rgb$(80,80,80)$;

margin$-$bottom: $15$px;

$-\}$

input:invalid $\{$

border$-$color: red;

box$-$shadow: $2$px $2$px $5$px red;

$-\}$Ginput$[$type$=$'submit'$]\{$

clear: left;

display: block;

margin: $0$ auto;

float: none;

font$-$size: $1\mathrm{.}1$em;

background$-$color: #BF$7$E$21$;

color: white;

padding: $3$px;

width: $100$px;

$\}$

section $>$ h$1\{$

margin$-$left: $30$px;

$\}$

table $\{$

margin$-$left: $30$px;

border$-$collapse: collapse;

$\}$

table td $\{$

border: $1$px solid rgb$(150,150,150)$;

padding: $5$px;

$\}$

table tr td:first$-$of$-$type $\{$

background$-$color: #E$3$E$09$B;

$-\}$