media/css/demo_page.css


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page setup
 */
#dt_example {
        font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        color: #333;
        background-color: #fff;
}


#dt_example #container {
        width: 800px;
        margin: 30px auto;
        padding: 0;
}


#dt_example #footer {
        margin: 50px auto 0 auto;
        padding: 0;
}

#dt_example #demo {
        margin: 30px auto 0 auto;
}

#dt_example .demo_jui {
        margin: 30px auto 0 auto;
}

#dt_example .big {
        font-size: 1.3em;
        font-weight: bold;
        line-height: 1.6em;
        color: #4E6CA3;
}

#dt_example .spacer {
        height: 20px;
        clear: both;
}

#dt_example .clear {
        clear: both;
}

#dt_example pre {
        padding: 15px;
        background-color: #F5F5F5;
        border: 1px solid #CCCCCC;
}

#dt_example h1 {
        margin-top: 2em;
        font-size: 1.3em;
        font-weight: normal;
        line-height: 1.6em;
        color: #4E6CA3;
        border-bottom: 1px solid #B0BED9;
        clear: both;
}

#dt_example h2 {
        font-size: 1.2em;
        font-weight: normal;
        line-height: 1.6em;
        color: #4E6CA3;
        clear: both;
}

#dt_example a {
        color: #0063DC;
        text-decoration: none;
}

#dt_example a:hover {
        text-decoration: underline;
}

#dt_example ul {
        color: #4E6CA3;
}

.css_right {
        float: right;
}

.css_left {
        float: left;
}

.demo_links {
        float: left;
        width: 50%;
        margin-bottom: 1em;
}

#demo_info {
        padding: 5px;
        border: 1px solid #B0BED9;
        height: 100px;
        width: 100%;
        overflow: auto;
}

#dt_example code {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
        padding: 2px 4px !important;
        white-space: nowrap;
        font-size: 0.9em;

        color: #D14;
        background-color: #F7F7F9;

        border: 1px solid #E1E1E8;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
}
1
2	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
3	* General page setup
4	*/
5	#dt_example {
6	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
7	margin: 0;
8	padding: 0;
9	color: #333;
10	background-color: #fff;
11	}
12
13
14	#dt_example #container {
15	width: 800px;
16	margin: 30px auto;
17	padding: 0;
18	}
19
20
21	#dt_example #footer {
22	margin: 50px auto 0 auto;
23	padding: 0;
24	}
25
26	#dt_example #demo {
27	margin: 30px auto 0 auto;
28	}
29
30	#dt_example .demo_jui {
31	margin: 30px auto 0 auto;
32	}
33
34	#dt_example .big {
35	font-size: 1.3em;
36	font-weight: bold;
37	line-height: 1.6em;
38	color: #4E6CA3;
39	}
40
41	#dt_example .spacer {
42	height: 20px;
43	clear: both;
44	}
45
46	#dt_example .clear {
47	clear: both;
48	}
49
50	#dt_example pre {
51	padding: 15px;
52	background-color: #F5F5F5;
53	border: 1px solid #CCCCCC;
54	}
55
56	#dt_example h1 {
57	margin-top: 2em;
58	font-size: 1.3em;
59	font-weight: normal;
60	line-height: 1.6em;
61	color: #4E6CA3;
62	border-bottom: 1px solid #B0BED9;
63	clear: both;
64	}
65
66	#dt_example h2 {
67	font-size: 1.2em;
68	font-weight: normal;
69	line-height: 1.6em;
70	color: #4E6CA3;
71	clear: both;
72	}
73
74	#dt_example a {
75	color: #0063DC;
76	text-decoration: none;
77	}
78
79	#dt_example a:hover {
80	text-decoration: underline;
81	}
82
83	#dt_example ul {
84	color: #4E6CA3;
85	}
86
87	.css_right {
88	float: right;
89	}
90
91	.css_left {
92	float: left;
93	}
94
95	.demo_links {
96	float: left;
97	width: 50%;
98	margin-bottom: 1em;
99	}
100
101	#demo_info {
102	padding: 5px;
103	border: 1px solid #B0BED9;
104	height: 100px;
105	width: 100%;
106	overflow: auto;
107	}
108
109	#dt_example code {
110	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
111	padding: 2px 4px !important;
112	white-space: nowrap;
113	font-size: 0.9em;
114
115	color: #D14;
116	background-color: #F7F7F9;
117
118	border: 1px solid #E1E1E8;
119	-webkit-border-radius: 3px;
120	-moz-border-radius: 3px;
121	border-radius: 3px;
122	}