/examples/web/static/css/base.css

  1@import url(/css/ext/ext-all.css);
  2@import url(/css/ext/xtheme-aero.css);
  3
  4/* Main Layout */
  5
  6* {
  7	font-family: "Bitstream Vera Sans", "Verdana", sans-serif;
  8	font-size: 10pt;
  9	margin: 0;
 10	padding: 0;
 11}
 12
 13body {
 14	background: none rgb(240, 255, 240);
 15	min-width: 600px;
 16}
 17
 18h1 {
 19	font-size: 18pt;
 20}
 21
 22h2 {
 23	font-size: 16pt;
 24}
 25
 26h3 {
 27	font-size: 14pt;
 28}
 29
 30h4 {
 31	font-size: 12pt;
 32}
 33
 34h5 {
 35	font-size: 8pt;
 36}
 37
 38a:link, a:visited {
 39	color: #888888;
 40	text-decoration: none;
 41	border-bottom: 1px dashed;
 42}
 43
 44a:focus, a:hover, a:active {
 45	border-bottom: 1px solid;
 46}
 47
 48#window {
 49	position: relative;
 50	width: 600px;
 51	top: 10px;
 52	margin: 0 auto;
 53	border: 2px solid rgb(100, 155, 100);
 54	background: none rgb(255, 255, 255);
 55}
 56
 57#header, #footer {
 58	background: none rgb(34, 170, 34);
 59	color: rgb(255, 255, 255);
 60}
 61
 62#header {
 63	padding: 20px 5px 5px 5px;
 64}
 65
 66#header h1 {
 67	text-align: center;
 68}
 69
 70#footer {
 71	padding: 5px 10px;
 72}
 73
 74/* Content */
 75
 76#main {
 77	margin: 0 auto;
 78	padding: 20px;
 79	height: 300px;
 80	border: none;
 81	background: none rgb(255, 255, 255);
 82}
 83
 84.main h2 {
 85	padding: 6px 0;
 86}
 87
 88.main dt {
 89	padding: 4px 0:
 90}
 91
 92.main dd {
 93	padding: 0 20px;
 94}
 95
 96/* Menu */
 97
 98#menu {
 99	color: rgb(0, 0, 0);
100	background-color: transparent;
101	font-family: arial, helvetica, sans-serif;
102	white-space: nowrap;
103	list-style-type: none;
104	margin-top: 20px;
105}
106
107#menu ul {
108	background: none;
109}
110
111#menu li {
112	display: inline;
113	border: 1px solid rgb(70, 100, 70);
114	background: none rgb(255, 255, 240);
115}
116
117#menu a {
118	padding: 2px;
119	margin: 0px;
120	color: rgb(0, 0, 0);
121	text-decoration: none;
122	border: none;
123}
124
125#menu a:hover {
126	background: rgb(100, 100, 100);
127}
128
129/* validate icons */
130
131#icons {
132	float: right;
133	margin-top: 5px;
134}
135
136#icons img, a:link, a:active, a:focus, a:visited, a:hover {
137	border: none;
138}