Fixed T Mode

/* Fixed T&7 Mode - Tuding Layout System v2.0 - copyright(c)bubujie.net */
/* n1=200px; n2=200px; wrapping=960px; */
/* ######### ######### ######### BEGIN::Fixed T&7 ######### ######### ######### */
/* Body */
body { height:100%; margin:0; padding:0; }
/* bHead & bBody & bFoot & Wrapping & Filling & Wrap & Fill */
#bhead, #bbody, #bfoot, .wrapping, .filling, .wrap, .fill { position:relative; clear:both; zoom:1; }
#bhead:after, #bbody:after, #bfoot:after, .wrapping:after, .filling:after, .wrap:after, .fill:after { content:""; display:block; clear:both; }
/* Wrapping width */
.wrapping { width:960px; margin-left:auto; margin-right:auto; }
/* Wrapping align */
.lefting .wrapping { margin-left:0; }
.righting .wrapping { margin-right:0; }
/* Ming & Ning & Wing & Ving & Ding */
.ming, .n1, .n2, .wing, .v1, .v2, .ding { position:relative; zoom:1; }
.ming:after, .n1:after, .n2:after, .wing:after, .v1:after, .v2:after, .ding:after { content:""; display:block; clear:both; }
/* bHead li & bFoot li */
#bhead ul, #bfoot ul { position:relative; }
#bhead li, #bfoot li { position:relative; float:left; list-style:none; }
/* Fixed M */
.m .ming {  }
/* Fixed MN */
.mn .n1, .mn .n2 { width:200px; float:right; } /*add(.mn .n2)*/
.mn .ming { width:760px; float:left; }
/* Fixed NM */
.nm .n1, .nm .n2 { width:200px; float:left; } /*add(.nm .n2)*/
.nm .ming { width:760px; float:right; }
/* Fixed MNN */
.mnn .n1 { width:200px; float:left; margin-right:-100%; left:560px; }
.mnn .ming { width:560px; float:left; }
.mnn .n2 { width:200px; float:right; }
/* Fixed NMN */
.nmn .n1 { width:200px; float:left; margin-right:0px; }
.nmn .ming { width:560px; float:left; }
.nmn .n2 { width:200px; float:right; }
/* Fixed NNM */
.nnm .n1 { width:200px; float:left; margin-right:0px; }
.nnm .ming { width:560px; float:right; }
.nnm .n2 { width:200px; float:left; }
/* Width */
.wrapping .w-1     {  }
.wrapping .w-1-2   { width:50%; }
.wrapping .w-1-3   { width:33.33333%; }
.wrapping .w-2-3   { width:66.66666%; }
.wrapping .w-1-4   { width:25%; }
.wrapping .w-3-4   { width:75%; }
.wrapping .w-1-5   { width:20%; }
.wrapping .w-2-5   { width:40%; }
.wrapping .w-3-5   { width:60%; }
.wrapping .w-4-5   { width:80%; }
.wrapping .w-1-6   { width:16.656%; }
.wrapping .w-5-6   { width:83.33%; }
.wrapping .w-1-8   { width:12.5%; }
.wrapping .w-3-8   { width:37.5%; }
.wrapping .w-5-8   { width:62.5%; }
.wrapping .w-7-8   { width:87.5%; }
.wrapping .w-1-12  { width:8.3333%; }
.wrapping .w-5-12  { width:41.6666%; }
.wrapping .w-7-12  { width:58.3333%; }
.wrapping .w-11-12 { width:91.6666%; }
.wrapping .w-1-24  { width:4.1666%; }
.wrapping .w-5-24  { width:20.8333%; }
.wrapping .w-7-24  { width:29.1666%; }
.wrapping .w-11-24 { width:45.8333%; }
.wrapping .w-13-24 { width:54.1666%; }
.wrapping .w-17-24 { width:70.8333%; }
.wrapping .w-19-24 { width:79.1666%; }
.wrapping .w-23-24 { width:95.8333%; }
/* X (Horizontal) */
.xcn { clear:none; }
.xcl { clear:left; }
.xcr { clear:right; }
.xcb { clear:both; }
.xfn { float:none; }
.xfl { float:left; }
.xfr { float:right; }
.xfc { margin-left:auto; margin-right:auto; }
/* ######### ######### ######### END::Fixed T&7 ######### ######### ######### */

Last edited Nov 19, 2012 at 7:48 AM by bubujie, version 7

Comments

No comments yet.