Navigation

← Previous Changeset
Next Changeset →

Changeset 233

Timestamp:

10/21/06 01:38:11 (2 years ago)

Author:

d.reszka

Message:

Lots of small css and conceptual improvements.
Began changes to make WYMstyle compatible with IE (not finished)

Files:

trunk/core/layouts/base.css (modified) (3 diffs)
trunk/sites/test/test01.htm (modified) (6 diffs)

Legend:

: Unmodified
: Added
: Removed
: Modified
: Copied
: Moved

trunk/core/layouts/base.css

r232	r233
14	14	* FILE TYPE: WYMstyle example screen css file
15	15	* FILE NAME:
16		* FILE DESCRIPTION: essential WYMstyle styles
	16	* FILE DESCRIPTION: essential WYMstyle layout styles
17	17	* FILE AUTHORS: Daniel Reszka (daniel@pixarea.com - http://daniel.pixarea.com - http://blog.pixarea.com)
18	18	*/
19
20	19	/GRIDS/
21	20	#pg .g { width: 100%; }
22	21	#bd .g { float: left; margin-left: 0;}
23		#main .g,
	22	#main .g,
24	23	#pg .g .g { float: right;}
25		#pg .g>.u { width: 49.5%; float: right; *overflow-x: hidden; margin-left: 1%;}
	24	#pg .g .u { width: 100%; float: right; *overflow-x: hidden; margin-left: 1%;}
	25
	26
	27
26	28	#pg .first,
27		#pg .g>.first { float: left; margin-left: 0;}
28		#pg .g>.g { width: ~~49.5~~%; *overflow-x: hidden;}
	29	#pg .g .first { float: left; margin-left: 0;}
	30	#pg .g>.g { width: 100%; *overflow-x: hidden;}
29	31
30	32	/variants/
31	33	#pg .g1>.u,
32		#pg .g1>.g { }
33		#pg .g1>.first { }
	34	#pg .g1>.g { width: 49.5%; }
	35	#pg .g1>.first { width: 49.5%;}
34	36	#pg .g2>.u,
35	37	#pg .g2>.g { width: 24.5%; }
…	…
39	41	#pg .g3>.first { width: 24.5%; }
40	42
	43
41	44	/PG/
42		~~#pg.t~~1 {}
43		~~#pg.t~~2 { width: 46.875em; max-width: 100%; min-width:750px; margin: auto }
44		~~#pg.t~~3 { width:750px; margin: auto }
	45	.pg1 {}
	46	.pg2 { width: 46.875em; max-width: 100%; min-width:750px; margin: auto }
	47	.pg3 { width:750px; margin: auto }
45	48
46	49	/BD/
47		#~~bd.t1~~ {}
48		#~~bd.t~~2 #main { float: right; width: 75%;}
49		#~~bd.t~~2>.u,
50		#~~bd.t~~2>.g { width: 24.5%; float: left;}
51		#~~bd.t~~3 #main { float: left; width: 75%;}
52		#~~bd.t~~3>.u,
53		#~~bd.t~~3>.g { width: 24.5%; float: right;}
	50	#pg .bd1 {}
	51	#pg .bd2 #main { float: right; width: 75%;}
	52	#pg .bd2>.u,
	53	#pg .bd2>.g { width: 24.5%; float: left;}
	54	#pg .bd3 #main { float: left; width: 75%;}
	55	#pg .bd3>.u,
	56	#pg .bd3>.g { width: 24.5%; float: right;}
54	57
55	58	/TOTOP/
…	…
72	75	.navh li { float: left; margin-right: 5px;}
73	76
74
75	77	/COLS-EQUAL/
76		.g>.u,
77		.g>.g { padding-bottom: 10000px; margin-bottom: -10000px;}
78		#main,
79		.g { overflow: hidden;}
	78	.cols_eq .g .u,
	79	.cols_eq .g .g { padding-bottom: 10000px; margin-bottom: -10000px;}
	80	.cols_eq #main,
	81	.cols_eq .g { overflow: hidden;}
	82	.cols_eq .u,
	83	.cols_eq .g { position: relative;} /bugfix for firefox/

trunk/sites/test/test01.htm

r224	r233
31	31	</head>
32	32
33		<body id="sitename" class="center">
34		<div id="pg" class="t3">
	33	<body id="sitename" class="center cols_eq">
	34	<div id="pg" class="pg3">
35	35	<div id="hd">
36	36	HD
37	37	</div>
38		<div id="bd" class="t2">
39		<div id="main">
	38	<div id="bd" class="bd2 ">
	39	<div id="main" class="">
40	40	<div class="u">
41	41	go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go go
42	42	</div>
43		<div class="g g2">
44		<div class="g">
45		<div class="g">
	43	<div class="g g3">
	44	<div class="g g1">
	45	<div class="g g1">
	46	<div class="g g1">
	47	<div class="u">
	48	glob1 glob1 glob1 glob1 glob1 glob1 glob1 glob1
	49	</div>
	50	<div class="u first">
	51	globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2
	52	</div>
	53
	54	</div>
	55	<div class="g g1 first">
	56	<div class="u">
	57	glob1 glob1 glob1 glob1 glob1 glob1 glob1 glob1
	58	</div>
	59	<div class="u first">
	60	globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2
	61	</div>
	62
	63	</div>
	64	</div>
	65
	66	<div class="g g1 first">
46	67	<div class="g">
47	68	<div class="u">
48		glob1 glob1 glob1 glob1 glob1 glob1 glob1 glob1
49		</div>
50		<div class="u first">
51		globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2
52		</div>
53
54		</div>
55		<div class="g first">
56		<div class="u">
57		glob1 glob1 glob1 glob1 glob1 glob1 glob1 glob1
58		</div>
59		<div class="u first">
60		globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2
61		</div>
62
63		</div>
64		</div>
65
66		<div class="g first">
67		<div class="g">
68		<div class="u">
69		glob1 glob1 glob1 glob1 glob1 glob1 glob1 glob1
70		</div>
71		<div class="u first">
72		globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2
73		</div>
74
75		</div>
76		<div class="g first">
	69	glob1 glob1 glob1 glob1 glob1 glob1 glob1 glob1
	70	</div>
	71	<div class="u first">
	72	globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2
	73	</div>
	74	<div class="g g1">
	75	<div class="u">
	76	AAA AAA AAA
	77	</div>
	78	<div class="u first">
	79	BBB BBB BBB
	80	</div>
	81	</div>
	82	<div class="u">
	83	globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2 globbb2globbb2
	84	</div>
	85
	86	</div>
	87	<div class="g g1 first">
77	88	<div class="u">
78	89	glob1 glob1 glob1 glob1 glob1 glob1 glob1 glob1
…	…
91	102
92	103	</div>
93		<div class="g g2">
	104	<div class="g g3">
94	105
95	106	<div class="u first">
…	…
97	108	</div>
98	109
99		<div class="u" >
	110	<div class="g g0" >
100	111	<div class="u">
101	112	truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc truc
102	113	</div>
103		<div class="g">
104		<div class="g first" >
	114	<div class="g g1">
	115	<div class="g g1 first" >
105	116	<div class="u">
106	117	+++BBB CONTENT1 CONTENT1 CONTENT1 CONTENT1 CONTENT1
…	…
119	130	</div>
120	131
121		<div class="g">
122		<div class="g ">
	132	<div class="g g1">
	133	<div class="g g1">
123	134	<div class="u">
124	135	UUU CONTENT1 CONTENT1 CONTENT1 CONTENT1 CONTENT1
125	136	</div>
126		<div class="g">
	137	<div class="g g1">
127	138	<div class="u ">VVV CONTENT2</div>
128	139	<div class="u first">VVV CONTENT3</div>
…	…
135	146	</div>
136	147
137		<div class="g">
	148	<div class="g g1">
138	149	<div class="u">
139	150	FFF UUU CONTENT1 CONTENT1 CONTENT1 CONTENT1 CONTENT1
…	…
150	161	</div>
151	162
152		<div class="g g2">
	163	<div class="g g1">
153	164	<div class="u first">
154	165	test test test test test test test test test test test test test test
155	166	</div>
156		<div class="g">
	167	<div class="g g2">
157	168	<div class="u">
158	169	test

Navigation

Changeset 233

Legend:

trunk/core/layouts/base.css

trunk/sites/test/test01.htm

Download in other formats: