1. Zero Piraeus
  2. csx

Commits

Zero Piraeus  committed eb78ccf

Update test output.

  • Participants
  • Parent commits 9b8eeb2
  • Branches default

Comments (0)

Files changed (16)

File examples/zp-old-project/bare/l.css

View file
+#l{width:1104px}#l *{font-size:14px;line-height:30px}#l p.feed,#l #etiol{height:2.143em}#l p.feed{background:#eee url(../decor/foot.png) no-repeat bottom left;width:432px}#l p.feed a{background:url(../decor/icon-rss.png) no-repeat left center;margin-left:18px;padding-bottom:1px;padding-left:24px}#l p.feed a:focus,#l p.feed a:hover{background:url(../decor/icon-rss-focus.png) no-repeat left center}#l p.navigation a.next{background:url(../decor/icon-next.gif) no-repeat center center}#l p.navigation a.next:focus,#l p.navigation a.next:hover{background:#fff url(../decor/icon-next-focus.gif) no-repeat center center}#l p.navigation a.next:active{background:#ccc url(../decor/icon-next-active.gif) no-repeat center center}#l p.navigation a.previous{background:url(../decor/icon-previous.gif) no-repeat center center}#l p.navigation a.previous:focus,#l p.navigation a.previous:hover{background:#fff url(../decor/icon-previous-focus.gif) no-repeat center center}#l p.navigation a.previous:active{background:#ccc url(../decor/icon-previous-active.gif) no-repeat center center}#l p.navigation del.next{background:url(../decor/icon-next-disabled.gif) no-repeat center center}#l p.navigation del.previous{background:url(../decor/icon-previous-disabled.gif) no-repeat center center}#l #branding{background:url(../decor/slogan.png) no-repeat 432px 0;height:78px}#l #branding dt a,#l #branding dt img{line-height:78px}#l #branding dt a{height:78px;width:420px}#l #branding dt img{font-size:29px;height:102px;margin:-12px}#l #branding dd{height:78px;line-height:14px;width:420px}#l #etiol{width:672px}#l #etiol small{padding-right:18px}#l #menu{margin-top:90px}#l #menu ul li a{background:#ddd url(../decor/head.png) no-repeat center top;padding:0 6px}#l #menu ul li a:focus,#l #menu ul li a:hover{background:#bbb url(../decor/menu-selected.png) repeat-x top}#l #menu ul li strong{background:#eee url(../decor/menu-focus.png) repeat-x top}#l #menu ul li strong a{background:#eee url(../decor/menu-focus.png) repeat-x top;padding:0 6px}#l #menu ul li strong a:focus,#l #menu ul li strong a:hover{background:#bbb url(../decor/menu-selected.png) repeat-x top}#l #menu ul li.here strong{padding:0 6px}#l #menu #sections h2{background:url(../decor/head.png) no-repeat right top;padding:0 18px 0 12px}#l #menu #subsections{width:432px}#l #menu #subsections h2{background:url(../decor/head.png) no-repeat left top;padding:0 12px 0 18px}#l #menu #subsections ul li strong{padding:0 6px}#l #primary,#l #secondary{padding-bottom:2.143em}#l #primary.photo dl dd{line-height:22px;margin:72px 42px;padding:16px 18px;width:612px}#l #primary.photo dl dd a{margin:-5px;padding:4px}#l #primary.photo p.navigation{background:#eee url(../decor/foot.png) no-repeat bottom right;padding-right:14px;width:658px}#l #primary.text,#l #secondary.text{height:384px;padding:18px}#l #primary.text{width:636px}#l #primary.text form{margin-top:8px}#l #primary.text form table tr.message td textarea{height:14.25em;line-height:22px;margin:2px 0;padding:4px;width:626px}#l #primary.text form table tr.submit td input,#l #primary.text form table tr.textbox td input{padding:4px}#l #primary.text form table tr.submit td input{margin-top:4px}#l #primary.text form table tr.textbox th{width:156px}#l #primary.text form table tr.textbox td input{margin:2px 0;width:470px}#l #primary.text h1,#l #primary.text p{line-height:22px}#l #primary.text h1{font-size:22px}#l #primary.text p{margin-top:14px}#l #primary.text p a{line-height:14px}#l #primary.text .winner h3,#l #primary.text #finalist h3{font-size:22px;line-height:29px;margin-left:6px}#l #primary.text .winner ul li,#l #primary.text #finalist ul li{margin-left:6px}#l #primary.text .winner{margin-bottom:12px;width:546px}#l #primary.text .winner h3{margin-bottom:12px}#l #primary.text .winner img{height:84px;margin-left:-96px}#l #primary.text .winner ul li{line-height:17px}#l #primary.text .winner ul li a{line-height:17px}#l #primary.text #colsa{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -114px}#l #primary.text #finalist{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -18px -318px;height:84px;margin-top:12px;width:456px}#l #primary.text #finalist h3{margin-bottom:16px}#l #primary.text #finalist h3 a#catwalk-star{right:108px}#l #primary.text #finalist h3 a#no-life{right:18px}#l #primary.text #finalist img{height:84px}#l #primary.text #finalist ul li{line-height:17px}#l #primary.text #nikon_ae{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -18px}#l #primary.text #times_tabasco{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -210px}#l #secondary{background:#b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top;height:420px}#l #secondary dl.subject{margin-top:-2.143em;padding:0 12px}#l #secondary dl.subject dd{margin-left:-12px;margin-top:-4.286em;padding-left:12px}#l #secondary dl.subject dd a,#l #secondary dl.subject dd strong{margin-left:-12px;padding:0 12px}#l #secondary p.thumbnails{background:#b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left;height:420px;width:432px}#l #secondary p.thumbnails img{font-size:12px;height:84px;line-height:14px;width:84px}#l #secondary.photo dt img{height:420px}#l #secondary.photo dd{background:#eee url(../decor/foot.png) no-repeat bottom left;padding-left:18px;width:1086px}#l #secondary.text{padding-right:30px;width:384px}#l #secondary.text h2,#l #secondary.text p.description{line-height:22px}#l #secondary.text h2{font-size:22px;margin-bottom:12px;margin-top:14px}#l #secondary.text h2.first{margin-top:0}#l #secondary.text p.newsflash{background:#a4a4a4 url(../decor/background-secondary-emphasis.jpg) -18px -18px;line-height:22px;padding:2px 6px}#l #secondary.text p.newsflash strong{line-height:22px}#l #secondary.text #recent{background:url(../decor/background-secondary.jpg) -18px 100%}#l #secondary.text #recent a img,#l #secondary.text #recent a.index-2 img,#l #secondary.text #recent a.index-3 img,#l #secondary.text #recent a.index-4 img,#l #secondary.text #recent a.index-5 img,#l #secondary.text #recent a.more img{height:84px}#l #secondary.text #recent a{bottom:18px}#l #secondary.text #recent a.index-2 img,#l #secondary.text #recent a.index-3 img,#l #secondary.text #recent a.index-4 img,#l #secondary.text #recent a.index-5 img,#l #secondary.text #recent a.more img{font-size:12px;line-height:14px}#l #secondary.text #recent a.index-2 img,#l #secondary.text #recent a.index-3 img,#l #secondary.text #recent a.index-4 img,#l #secondary.text #recent a.index-5 img{width:84px}#l #secondary.text #recent a.index-3{left:90px}#l #secondary.text #recent a.index-4{left:180px}#l #secondary.text #recent a.index-5{left:270px}#l #secondary.text #recent a.more{background:url(../decor/background-secondary-emphasis.jpg) -378px -318px;left:360px}#l #secondary.text #recent a.more:focus,#l #secondary.text #recent a.more:hover{background:url(../decor/icon-more-focus.png) no-repeat top left}#l #secondary.text #recent a.more:active{background:url(../decor/icon-more-active.png) no-repeat top left}#l #secondary.text #recent h2{margin-bottom:114px;padding-top:6px;width:384px}#l #secondary.thumbnails p.navigation{background:#eee url(../decor/foot.png) no-repeat bottom left;padding-left:14px;width:574px}#l #vc1{width:1104px}#l.about #menu #sections,#l.category #menu #sections{width:1104px}#l.awards #etiol,#l.contact #etiol,#l.error #etiol{background:#eee url(../decor/foot.png) no-repeat bottom right}#l.awards #primary.text,#l.contact #primary.text,#l.error #primary.text{padding-left:450px}#l.awards #etiol{width:1104px}#l.awards #menu #sections{width:1104px}#l.awards #primary .winner img,#l.awards #primary #finalist img{font-size:12px;height:84px;line-height:14px;width:84px}#l.awards #primary.text{background:#b4b4b4 url(../decor/background-photo-tabasco.jpg) no-repeat left top}#l.bono #primary.photo dl dd,#l.classroom #primary.photo dl dd,#l.event-horizon #primary.photo dl dd,#l.gordon-brown-2-moving-in #primary.photo dl dd,#l.horseplay #primary.photo dl dd,#l.napoli-and-coastguard #primary.photo dl dd,#l.napoli-tanker #primary.photo dl dd,#l.phil-bardsley-and-eddie-hutchinson #primary.photo dl dd,#l.samir-durrani-2-freefall #primary.photo dl dd{bottom:auto;top:-30px}#l.category #primary.text *{line-height:29px}#l.category #primary.text h2{font-size:22px;line-height:22px;margin-bottom:11px}#l.category #primary.text li strong{margin:-4px -6px;padding:2px 5px}#l.category #primary.text p.a-z,#l.category #primary.text ul{margin-bottom:18px}#l.category #primary.text p.a-z{font-size:22px;line-height:22px;margin-top:0px}#l.category #primary.text p.a-z a{font-size:22px;line-height:22px}#l.category #primary.text ul li{margin-right:12px}#l.category #secondary.thumbnails h1{left:18px;top:90px}#l.category #secondary.thumbnails p.navigation{width:1090px}#l.contact #etiol,#l.error #etiol{width:1104px}#l.contact #primary.text{background:#b4b4b4 url(../decor/background-photo-soldier.jpg) no-repeat left top}#l.error #primary.text{background:#b4b4b4 url(../decor/background-exclaim.jpg) no-repeat left top}#l.tall p.feed,#l.tall #branding,#l.tall #menu,#l.tall #secondary{width:588px}#l.tall p.feed{background-image:url(../decor/foot-secondary.png)}#l.tall #contact,#l.tall #primary{width:504px}#l.tall #contact{background:#ddd url(../decor/head-primary.png) no-repeat center top;height:2.143em}#l.tall #contact address.email{padding-left:18px}#l.tall #contact address.telephone{padding-right:18px}#l.tall #menu{background:#ddd url(../decor/head-secondary.png) no-repeat center top}#l.tall #menu #sections{left:432px;width:156px}#l.tall #menu #sections ul li a,#l.tall #menu #sections ul li strong{width:132px}#l.tall #menu #sections ul li a{padding-right:18px}#l.tall #menu #sections ul li strong{padding-right:18px}#l.tall #menu #sections ul li strong a{padding-right:18px}#l.tall #primary{background:#b4b4b4 url(../decor/background-primary.jpg) 100% 90px;height:510px;margin-top:2.143em}#l.tall #primary.photo dl{height:510px}#l.tall #primary.photo h1{padding-left:18px}#l.tall #primary.photo p.navigation{background:#eee url(../decor/foot-primary.png) no-repeat bottom right;width:490px}#l.tall #secondary dl.subject{padding-right:168px}#l.tall #secondary p.thumbnails{margin-right:-156px;padding-right:156px}#l.tall #secondary.thumbnails p.navigation{background:#eee url(../decor/foot-secondary.png) no-repeat bottom left}#l.tall.root #menu #sections ul{background:#ccc url(../decor/background-secondary.jpg) no-repeat right bottom;height:419px}#l.wide #branding{width:576px}#l.wide #contact{background:#999 url(../decor/slogan-extend.png) repeat-x;height:78px;width:528px}#l.wide #contact address{line-height:14px;padding-right:18px}#l.wide #contact address.email{bottom:17px}#l.wide #contact address.email a{line-height:14px}#l.wide #contact address.telephone{background:url(../decor/slogan-extend-cap.png) no-repeat right top;height:62px;padding-top:16px}#l.wide #menu{background:#ddd url(../decor/head.png) no-repeat center top;width:1104px}#l.wide #menu #sections{width:672px}#l.wide #primary{background:#b4b4b4 url(../decor/background-primary.jpg) right top;height:420px;width:672px}#l.wide #secondary{width:432px}

File examples/zp-old-project/bare/m.css

View file
+#m{width:920px}#m *{font-size:12px;line-height:25px}#m p.feed,#m #etiol{height:2.083em}#m p.feed{background:#eee url(../decor/foot.png) no-repeat bottom left;width:360px}#m p.feed a{background:url(../decor/icon-rss.png) no-repeat left center;margin-left:15px;padding-bottom:1px;padding-left:20px}#m p.feed a:focus,#m p.feed a:hover{background:url(../decor/icon-rss-focus.png) no-repeat left center}#m p.navigation a.next{background:url(../decor/icon-next.gif) no-repeat center center}#m p.navigation a.next:focus,#m p.navigation a.next:hover{background:#fff url(../decor/icon-next-focus.gif) no-repeat center center}#m p.navigation a.next:active{background:#ccc url(../decor/icon-next-active.gif) no-repeat center center}#m p.navigation a.previous{background:url(../decor/icon-previous.gif) no-repeat center center}#m p.navigation a.previous:focus,#m p.navigation a.previous:hover{background:#fff url(../decor/icon-previous-focus.gif) no-repeat center center}#m p.navigation a.previous:active{background:#ccc url(../decor/icon-previous-active.gif) no-repeat center center}#m p.navigation del.next{background:url(../decor/icon-next-disabled.gif) no-repeat center center}#m p.navigation del.previous{background:url(../decor/icon-previous-disabled.gif) no-repeat center center}#m #branding{background:url(../decor/slogan.png) no-repeat 360px 0;height:65px}#m #branding dt a,#m #branding dt img{line-height:65px}#m #branding dt a{height:65px;width:350px}#m #branding dt img{font-size:24px;height:85px;margin:-10px}#m #branding dd{height:65px;line-height:12px;width:350px}#m #etiol{width:560px}#m #etiol small{padding-right:15px}#m #menu{margin-top:75px}#m #menu ul li a{background:#ddd url(../decor/head.png) no-repeat center top;padding:0 5px}#m #menu ul li a:focus,#m #menu ul li a:hover{background:#bbb url(../decor/menu-selected.png) repeat-x top}#m #menu ul li strong{background:#eee url(../decor/menu-focus.png) repeat-x top}#m #menu ul li strong a{background:#eee url(../decor/menu-focus.png) repeat-x top;padding:0 5px}#m #menu ul li strong a:focus,#m #menu ul li strong a:hover{background:#bbb url(../decor/menu-selected.png) repeat-x top}#m #menu ul li.here strong{padding:0 5px}#m #menu #sections h2{background:url(../decor/head.png) no-repeat right top;padding:0 15px 0 10px}#m #menu #subsections{width:360px}#m #menu #subsections h2{background:url(../decor/head.png) no-repeat left top;padding:0 10px 0 15px}#m #menu #subsections ul li strong{padding:0 5px}#m #primary,#m #secondary{padding-bottom:2.083em}#m #primary.photo dl dd{line-height:18px;margin:60px 35px;padding:13px 15px;width:510px}#m #primary.photo dl dd a{margin:-4px;padding:3px}#m #primary.photo p.navigation{background:#eee url(../decor/foot.png) no-repeat bottom right;padding-right:12px;width:548px}#m #primary.text,#m #secondary.text{height:320px;padding:15px}#m #primary.text{width:530px}#m #primary.text form{margin-top:7px}#m #primary.text form table tr.message td textarea{height:13.5em;line-height:18px;margin:2px 0;padding:3px;width:522px}#m #primary.text form table tr.submit td input,#m #primary.text form table tr.textbox td input{padding:3px}#m #primary.text form table tr.submit td input{margin-top:3px}#m #primary.text form table tr.textbox th{width:130px}#m #primary.text form table tr.textbox td input{margin:2px 0;width:392px}#m #primary.text h1,#m #primary.text p{line-height:18px}#m #primary.text h1{font-size:18px}#m #primary.text p{margin-top:12px}#m #primary.text p a{line-height:12px}#m #primary.text .winner h3,#m #primary.text #finalist h3{font-size:18px;line-height:24px;margin-left:5px}#m #primary.text .winner ul li,#m #primary.text #finalist ul li{margin-left:5px}#m #primary.text .winner{margin-bottom:10px;width:455px}#m #primary.text .winner h3{margin-bottom:10px}#m #primary.text .winner img{height:70px;margin-left:-80px}#m #primary.text .winner ul li{line-height:14px}#m #primary.text .winner ul li a{line-height:14px}#m #primary.text #colsa{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -95px}#m #primary.text #finalist{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -15px -265px;height:70px;margin-top:10px;width:380px}#m #primary.text #finalist h3{margin-bottom:13px}#m #primary.text #finalist h3 a#catwalk-star{right:90px}#m #primary.text #finalist h3 a#no-life{right:15px}#m #primary.text #finalist img{height:70px}#m #primary.text #finalist ul li{line-height:14px}#m #primary.text #nikon_ae{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -15px}#m #primary.text #times_tabasco{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -175px}#m #secondary{background:#b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top;height:350px}#m #secondary dl.subject{margin-top:-2.083em;padding:0 10px}#m #secondary dl.subject dd{margin-left:-10px;margin-top:-4.16em;padding-left:10px}#m #secondary dl.subject dd a,#m #secondary dl.subject dd strong{margin-left:-10px;padding:0 10px}#m #secondary p.thumbnails{background:#b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left;height:350px;width:360px}#m #secondary p.thumbnails img{font-size:10px;height:70px;line-height:12px;width:70px}#m #secondary.photo dt img{height:350px}#m #secondary.photo dd{background:#eee url(../decor/foot.png) no-repeat bottom left;padding-left:15px;width:905px}#m #secondary.text{padding-right:25px;width:320px}#m #secondary.text h2,#m #secondary.text p.description{line-height:18px}#m #secondary.text h2{font-size:18px;margin-bottom:10px;margin-top:12px}#m #secondary.text h2.first{margin-top:0}#m #secondary.text p.newsflash{background:#a4a4a4 url(../decor/background-secondary-emphasis.jpg) -15px -15px;line-height:18px;padding:2px 5px}#m #secondary.text p.newsflash strong{line-height:18px}#m #secondary.text #recent{background:url(../decor/background-secondary.jpg) -15px 100%}#m #secondary.text #recent a img,#m #secondary.text #recent a.index-2 img,#m #secondary.text #recent a.index-3 img,#m #secondary.text #recent a.index-4 img,#m #secondary.text #recent a.index-5 img,#m #secondary.text #recent a.more img{height:70px}#m #secondary.text #recent a{bottom:15px}#m #secondary.text #recent a.index-2 img,#m #secondary.text #recent a.index-3 img,#m #secondary.text #recent a.index-4 img,#m #secondary.text #recent a.index-5 img,#m #secondary.text #recent a.more img{font-size:10px;line-height:12px}#m #secondary.text #recent a.index-2 img,#m #secondary.text #recent a.index-3 img,#m #secondary.text #recent a.index-4 img,#m #secondary.text #recent a.index-5 img{width:70px}#m #secondary.text #recent a.index-3{left:75px}#m #secondary.text #recent a.index-4{left:150px}#m #secondary.text #recent a.index-5{left:225px}#m #secondary.text #recent a.more{background:url(../decor/background-secondary-emphasis.jpg) -315px -265px;left:300px}#m #secondary.text #recent a.more:focus,#m #secondary.text #recent a.more:hover{background:url(../decor/icon-more-focus.png) no-repeat top left}#m #secondary.text #recent a.more:active{background:url(../decor/icon-more-active.png) no-repeat top left}#m #secondary.text #recent h2{margin-bottom:95px;padding-top:5px;width:320px}#m #secondary.thumbnails p.navigation{background:#eee url(../decor/foot.png) no-repeat bottom left;padding-left:12px;width:478px}#m #vc1{width:920px}#m.about #menu #sections,#m.category #menu #sections{width:920px}#m.awards #etiol,#m.contact #etiol,#m.error #etiol{background:#eee url(../decor/foot.png) no-repeat bottom right}#m.awards #primary.text,#m.contact #primary.text,#m.error #primary.text{padding-left:375px}#m.awards #etiol{width:920px}#m.awards #menu #sections{width:920px}#m.awards #primary .winner img,#m.awards #primary #finalist img{font-size:10px;height:70px;line-height:12px;width:70px}#m.awards #primary.text{background:#b4b4b4 url(../decor/background-photo-tabasco.jpg) no-repeat left top}#m.bono #primary.photo dl dd,#m.classroom #primary.photo dl dd,#m.event-horizon #primary.photo dl dd,#m.gordon-brown-2-moving-in #primary.photo dl dd,#m.horseplay #primary.photo dl dd,#m.napoli-and-coastguard #primary.photo dl dd,#m.napoli-tanker #primary.photo dl dd,#m.phil-bardsley-and-eddie-hutchinson #primary.photo dl dd,#m.samir-durrani-2-freefall #primary.photo dl dd{bottom:auto;top:-25px}#m.category #primary.text *{line-height:24px}#m.category #primary.text h2{font-size:18px;line-height:18px;margin-bottom:9px}#m.category #primary.text li strong{margin:-3px -5px;padding:2px 4px}#m.category #primary.text p.a-z,#m.category #primary.text ul{margin-bottom:15px}#m.category #primary.text p.a-z{font-size:18px;line-height:18px;margin-top:0px}#m.category #primary.text p.a-z a{font-size:18px;line-height:18px}#m.category #primary.text ul li{margin-right:10px}#m.category #secondary.thumbnails h1{left:15px;top:75px}#m.category #secondary.thumbnails p.navigation{width:908px}#m.contact #etiol,#m.error #etiol{width:920px}#m.contact #primary.text{background:#b4b4b4 url(../decor/background-photo-soldier.jpg) no-repeat left top}#m.error #primary.text{background:#b4b4b4 url(../decor/background-exclaim.jpg) no-repeat left top}#m.tall p.feed,#m.tall #branding,#m.tall #menu,#m.tall #secondary{width:490px}#m.tall p.feed{background-image:url(../decor/foot-secondary.png)}#m.tall #contact,#m.tall #primary{width:420px}#m.tall #contact{background:#ddd url(../decor/head-primary.png) no-repeat center top;height:2.083em}#m.tall #contact address.email{padding-left:15px}#m.tall #contact address.telephone{padding-right:15px}#m.tall #menu{background:#ddd url(../decor/head-secondary.png) no-repeat center top}#m.tall #menu #sections{left:360px;width:130px}#m.tall #menu #sections ul li a,#m.tall #menu #sections ul li strong{width:110px}#m.tall #menu #sections ul li a{padding-right:15px}#m.tall #menu #sections ul li strong{padding-right:15px}#m.tall #menu #sections ul li strong a{padding-right:15px}#m.tall #primary{background:#b4b4b4 url(../decor/background-primary.jpg) 100% 75px;height:425px;margin-top:2.083em}#m.tall #primary.photo dl{height:425px}#m.tall #primary.photo h1{padding-left:15px}#m.tall #primary.photo p.navigation{background:#eee url(../decor/foot-primary.png) no-repeat bottom right;width:408px}#m.tall #secondary dl.subject{padding-right:140px}#m.tall #secondary p.thumbnails{margin-right:-130px;padding-right:130px}#m.tall #secondary.thumbnails p.navigation{background:#eee url(../decor/foot-secondary.png) no-repeat bottom left}#m.tall.root #menu #sections ul{background:#ccc url(../decor/background-secondary.jpg) no-repeat right bottom;height:349px}#m.wide #branding{width:480px}#m.wide #contact{background:#999 url(../decor/slogan-extend.png) repeat-x;height:65px;width:440px}#m.wide #contact address{line-height:12px;padding-right:15px}#m.wide #contact address.email{bottom:14px}#m.wide #contact address.email a{line-height:12px}#m.wide #contact address.telephone{background:url(../decor/slogan-extend-cap.png) no-repeat right top;height:52px;padding-top:13px}#m.wide #menu{background:#ddd url(../decor/head.png) no-repeat center top;width:920px}#m.wide #menu #sections{width:560px}#m.wide #primary{background:#b4b4b4 url(../decor/background-primary.jpg) right top;height:350px;width:560px}#m.wide #secondary{width:360px}

File examples/zp-old-project/bare/s.css

View file
+#s{width:736px}#s *{font-size:10px;line-height:20px}#s p.feed,#s #etiol{height:2.0em}#s p.feed{background:#eee url(../decor/foot.png) no-repeat bottom left;width:288px}#s p.feed a{background:url(../decor/icon-rss.png) no-repeat left center;margin-left:12px;padding-left:16px}#s p.feed a:focus,#s p.feed a:hover{background:url(../decor/icon-rss-focus.png) no-repeat left center}#s p.navigation a.next{background:url(../decor/icon-next.gif) no-repeat center center}#s p.navigation a.next:focus,#s p.navigation a.next:hover{background:#fff url(../decor/icon-next-focus.gif) no-repeat center center}#s p.navigation a.next:active{background:#ccc url(../decor/icon-next-active.gif) no-repeat center center}#s p.navigation a.previous{background:url(../decor/icon-previous.gif) no-repeat center center}#s p.navigation a.previous:focus,#s p.navigation a.previous:hover{background:#fff url(../decor/icon-previous-focus.gif) no-repeat center center}#s p.navigation a.previous:active{background:#ccc url(../decor/icon-previous-active.gif) no-repeat center center}#s p.navigation del.next{background:url(../decor/icon-next-disabled.gif) no-repeat center center}#s p.navigation del.previous{background:url(../decor/icon-previous-disabled.gif) no-repeat center center}#s #branding{background:url(../decor/slogan.png) no-repeat 288px 0;height:52px}#s #branding dt a,#s #branding dt img{line-height:52px}#s #branding dt a{height:52px;width:280px}#s #branding dt img{font-size:20px;height:68px;margin:-8px}#s #branding dd{height:52px;line-height:10px;width:280px}#s #etiol{width:448px}#s #etiol small{padding-right:12px}#s #menu{margin-top:60px}#s #menu ul li a{background:#ddd url(../decor/head.png) no-repeat center top;padding:0 4px}#s #menu ul li a:focus,#s #menu ul li a:hover{background:#bbb url(../decor/menu-selected.png) repeat-x top}#s #menu ul li strong{background:#eee url(../decor/menu-focus.png) repeat-x top}#s #menu ul li strong a{background:#eee url(../decor/menu-focus.png) repeat-x top;padding:0 4px}#s #menu ul li strong a:focus,#s #menu ul li strong a:hover{background:#bbb url(../decor/menu-selected.png) repeat-x top}#s #menu ul li.here strong{padding:0 4px}#s #menu #sections h2{background:url(../decor/head.png) no-repeat right top;padding:0 12px 0 8px}#s #menu #subsections{width:288px}#s #menu #subsections h2{background:url(../decor/head.png) no-repeat left top;padding:0 8px 0 12px}#s #menu #subsections ul li strong{padding:0 4px}#s #primary,#s #secondary{padding-bottom:2.0em}#s #primary.photo dl dd{line-height:14px;margin:48px 28px;padding:10px 12px;width:408px}#s #primary.photo dl dd a{margin:-4px;padding:2px}#s #primary.photo p.navigation{background:#eee url(../decor/foot.png) no-repeat bottom right;padding-right:10px;width:438px}#s #primary.text,#s #secondary.text{height:256px;padding:12px}#s #primary.text{width:424px}#s #primary.text form{margin-top:6px}#s #primary.text form table tr.message td textarea{height:12.5em;line-height:14px;margin:2px 0;padding:2px;width:418px}#s #primary.text form table tr.submit td input,#s #primary.text form table tr.textbox td input{padding:2px}#s #primary.text form table tr.submit td input{margin-top:2px}#s #primary.text form table tr.textbox th{width:104px}#s #primary.text form table tr.textbox td input{margin:2px 0;width:314px}#s #primary.text h1,#s #primary.text p{line-height:14px}#s #primary.text h1{font-size:14px}#s #primary.text p{margin-top:10px}#s #primary.text p a{line-height:10px}#s #primary.text .winner h3,#s #primary.text #finalist h3{font-size:14px;line-height:19px;margin-left:4px}#s #primary.text .winner ul li,#s #primary.text #finalist ul li{margin-left:4px}#s #primary.text .winner{margin-bottom:8px;width:364px}#s #primary.text .winner h3{margin-bottom:8px}#s #primary.text .winner img{height:56px;margin-left:-64px}#s #primary.text .winner ul li{line-height:11px}#s #primary.text .winner ul li a{line-height:11px}#s #primary.text #colsa{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -76px}#s #primary.text #finalist{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -12px -212px;height:56px;margin-top:8px;width:304px}#s #primary.text #finalist h3{margin-bottom:10px}#s #primary.text #finalist h3 a#catwalk-star{right:72px}#s #primary.text #finalist h3 a#no-life{right:12px}#s #primary.text #finalist img{height:56px}#s #primary.text #finalist ul li{line-height:11px}#s #primary.text #nikon_ae{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -12px}#s #primary.text #times_tabasco{background:#a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -140px}#s #secondary{background:#b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top;height:280px}#s #secondary dl.subject{margin-top:-2.0em;padding:0 8px}#s #secondary dl.subject dd{margin-left:-8px;margin-top:-4.0em;padding-left:8px}#s #secondary dl.subject dd a,#s #secondary dl.subject dd strong{margin-left:-8px;padding:0 8px}#s #secondary p.thumbnails{background:#b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left;height:280px;width:288px}#s #secondary p.thumbnails img{font-size:8px;height:56px;line-height:10px;width:56px}#s #secondary.photo dt img{height:280px}#s #secondary.photo dd{background:#eee url(../decor/foot.png) no-repeat bottom left;padding-left:12px;width:724px}#s #secondary.text{padding-right:20px;width:256px}#s #secondary.text h2,#s #secondary.text p.description{line-height:14px}#s #secondary.text h2{font-size:14px;margin-bottom:8px;margin-top:10px}#s #secondary.text h2.first{margin-top:0}#s #secondary.text p.newsflash{background:#a4a4a4 url(../decor/background-secondary-emphasis.jpg) -12px -12px;line-height:14px;padding:2px 4px}#s #secondary.text p.newsflash strong{line-height:14px}#s #secondary.text #recent{background:url(../decor/background-secondary.jpg) -12px 100%}#s #secondary.text #recent a img,#s #secondary.text #recent a.index-2 img,#s #secondary.text #recent a.index-3 img,#s #secondary.text #recent a.index-4 img,#s #secondary.text #recent a.index-5 img,#s #secondary.text #recent a.more img{height:56px}#s #secondary.text #recent a{bottom:12px}#s #secondary.text #recent a.index-2 img,#s #secondary.text #recent a.index-3 img,#s #secondary.text #recent a.index-4 img,#s #secondary.text #recent a.index-5 img,#s #secondary.text #recent a.more img{font-size:8px;line-height:10px}#s #secondary.text #recent a.index-2 img,#s #secondary.text #recent a.index-3 img,#s #secondary.text #recent a.index-4 img,#s #secondary.text #recent a.index-5 img{width:56px}#s #secondary.text #recent a.index-3{left:60px}#s #secondary.text #recent a.index-4{left:120px}#s #secondary.text #recent a.index-5{left:180px}#s #secondary.text #recent a.more{background:url(../decor/background-secondary-emphasis.jpg) -252px -212px;left:240px}#s #secondary.text #recent a.more:focus,#s #secondary.text #recent a.more:hover{background:url(../decor/icon-more-focus.png) no-repeat top left}#s #secondary.text #recent a.more:active{background:url(../decor/icon-more-active.png) no-repeat top left}#s #secondary.text #recent h2{margin-bottom:76px;padding-top:4px;width:256px}#s #secondary.thumbnails p.navigation{background:#eee url(../decor/foot.png) no-repeat bottom left;padding-left:10px;width:382px}#s #vc1{width:736px}#s.about #menu #sections,#s.category #menu #sections{width:736px}#s.awards #etiol,#s.contact #etiol,#s.error #etiol{background:#eee url(../decor/foot.png) no-repeat bottom right}#s.awards #primary.text,#s.contact #primary.text,#s.error #primary.text{padding-left:300px}#s.awards #etiol{width:736px}#s.awards #menu #sections{width:736px}#s.awards #primary .winner img,#s.awards #primary #finalist img{font-size:8px;height:56px;line-height:10px;width:56px}#s.awards #primary.text{background:url(../decor/background-photo-tabasco.jpg) no-repeat left top}#s.bono #primary.photo dl dd,#s.classroom #primary.photo dl dd,#s.event-horizon #primary.photo dl dd,#s.gordon-brown-2-moving-in #primary.photo dl dd,#s.horseplay #primary.photo dl dd,#s.napoli-and-coastguard #primary.photo dl dd,#s.napoli-tanker #primary.photo dl dd,#s.phil-bardsley-and-eddie-hutchinson #primary.photo dl dd,#s.samir-durrani-2-freefall #primary.photo dl dd{bottom:auto;top:-20px}#s.category #primary.text *{line-height:19px}#s.category #primary.text h2{font-size:14px;line-height:14px;margin-bottom:7px}#s.category #primary.text li strong{margin:-2px -4px;padding:2px 3px}#s.category #primary.text p.a-z,#s.category #primary.text ul{margin-bottom:12px}#s.category #primary.text p.a-z{font-size:14px;line-height:14px;margin-top:0px}#s.category #primary.text p.a-z a{font-size:14px;line-height:14px}#s.category #primary.text ul li{margin-right:8px}#s.category #secondary.thumbnails h1{left:12px;top:60px}#s.category #secondary.thumbnails p.navigation{width:726px}#s.contact #etiol,#s.error #etiol{width:736px}#s.contact #primary.text{background:#b4b4b4 url(../decor/background-photo-soldier.jpg) no-repeat left top}#s.error #primary.text{background:#b4b4b4 url(../decor/background-exclaim.jpg) no-repeat left top}#s.tall p.feed,#s.tall #branding,#s.tall #menu,#s.tall #secondary{width:392px}#s.tall p.feed{background-image:url(../decor/foot-secondary.png)}#s.tall #contact,#s.tall #primary{width:336px}#s.tall #contact{background:#ddd url(../decor/head-primary.png) no-repeat center top;height:2.0em}#s.tall #contact address.email{padding-left:12px}#s.tall #contact address.telephone{padding-right:12px}#s.tall #menu{background:#ddd url(../decor/head-secondary.png) no-repeat center top}#s.tall #menu #sections{left:288px;width:104px}#s.tall #menu #sections ul li a,#s.tall #menu #sections ul li strong{width:88px}#s.tall #menu #sections ul li a{padding-right:12px}#s.tall #menu #sections ul li strong{padding-right:12px}#s.tall #menu #sections ul li strong a{padding-right:12px}#s.tall #primary{background:#b4b4b4 url(../decor/background-primary.jpg) 100% 60px;height:340px;margin-top:2.0em}#s.tall #primary.photo dl{height:340px}#s.tall #primary.photo h1{padding-left:12px}#s.tall #primary.photo p.navigation{background:#eee url(../decor/foot-primary.png) no-repeat bottom right;width:326px}#s.tall #secondary dl.subject{padding-right:112px}#s.tall #secondary p.thumbnails{margin-right:-104px;padding-right:104px}#s.tall #secondary.thumbnails p.navigation{background:#eee url(../decor/foot-secondary.png) no-repeat bottom left}#s.tall.root #menu #sections ul{background:#ccc url(../decor/background-secondary.jpg) no-repeat right bottom;height:279px}#s.wide #branding{width:384px}#s.wide #contact{background:#999 url(../decor/slogan-extend.png) repeat-x;height:52px;width:352px}#s.wide #contact address{line-height:10px;padding-right:12px}#s.wide #contact address.email{bottom:11px}#s.wide #contact address.email a{line-height:10px}#s.wide #contact address.telephone{background:url(../decor/slogan-extend-cap.png) no-repeat right top;height:42px;padding-top:10px}#s.wide #menu{background:#ddd url(../decor/head.png) no-repeat center top;width:736px}#s.wide #menu #sections{width:448px}#s.wide #primary{background:#b4b4b4 url(../decor/background-primary.jpg) right top;height:280px;width:448px}#s.wide #secondary{width:288px}

File examples/zp-old-project/bare/x.css

View file
+*{border:none;font-family:Verdana, "Bitstream Vera Sans", sans-serif;margin:0;padding:0}html,body,#vc1{height:100%}html,body{background:#555;margin:auto}body.category #secondary.thumbnails h1{color:#555;display:block;position:absolute}del{text-decoration:none}div#secondary.text div#recent h2{border-top:1px solid #999;margin-top:0}p.feed a,p.navigation a,#etiol a{text-decoration:none}p.feed a:focus,p.feed a:hover,#etiol a:focus,#etiol a:hover{color:#333;text-decoration:underline}p.feed a:active,#etiol a:active{color:#111}p.feed,#secondary{float:left}p.feed a{color:#777;font-weight:normal}p.feed a img{display:none}p.navigation a img,p.navigation del img{visibility:hidden}p.navigation a:focus,p.navigation a:hover{outline:#ccc 1px solid}p.navigation a:active{outline:#aaa 1px solid}table{border-collapse:collapse}ul{list-style:none}.awards #primary h1{display:none}.awards #primary.text a:focus img,.awards #primary.text a:hover img{background:#bbb;opacity:0.8}.category #primary.text h2{color:#555;font-weight:normal}.category #primary.text li{display:inline}.category #primary.text li strong{background:#ddd;border:1px #888 solid;color:#333;font-weight:normal}.category #primary.text p.a-z a{color:#12a;text-decoration:none}.category #primary.text p.a-z a:focus,.category #primary.text p.a-z a:hover{text-decoration:underline}.tall #contact address.email{left:0}.tall #contact address.email a:focus,.tall #contact address.email a:hover{text-decoration:underline}.tall #contact address.email a:active{color:#000}.tall #contact address.telephone{right:0}.tall #menu #sections{margin:0;padding:0;position:absolute}.tall #menu #sections h2{border:none}.tall #menu #sections ul{border-bottom:1px solid #bbb;float:right}.tall #menu #sections ul li a,.tall #menu #sections ul li strong{background:#ddd;border-left:none;border-top:1px solid #bbb;text-align:right}.tall #menu #sections ul li a:focus,.tall #menu #sections ul li a:hover{background:#bbb}.tall #menu #sections ul li strong{background:#eee;border:none}.tall #menu #sections ul li strong a{background:#eee}.tall #menu #sections ul li strong a:focus,.tall #menu #sections ul li strong a:hover{background:#bbb}.tall.root #menu #sections ul{border-bottom:none;border-top:1px solid #bbb}.wide #contact address{right:0}.wide #contact address.email a:focus,.wide #contact address.email a:hover{color:#ddd}.wide #contact address.email a:active{color:#fff}.wide #contact address.telephone{color:#111}.wide #menu #sections{float:right}#branding{left:0;overflow:hidden;position:absolute;top:0}#branding dt a{color:#fff;left:0;letter-spacing:1px;position:absolute;text-align:center;text-decoration:none;top:0}#branding dt a img{display:block;z-index:1}#branding dt a:focus img,#branding dt a:hover img{background:#666}#branding dd{color:#919191;left:0;overflow:hidden;position:absolute;top:0;z-index:-1}#contact,#secondary.text{overflow:hidden}#contact{position:absolute;right:0;top:0}#contact address{font-style:normal;position:absolute}#contact address.email a{color:#111;text-decoration:none}#etiol,#primary{float:right}#etiol a,#etiol small{color:#777}#etiol small{display:block;text-align:right}#menu{color:#333;float:left}#menu h2{color:#555;font-weight:bolder}#menu ul li{display:inline}#menu ul li a,#menu ul li strong{float:left}#menu ul li a{color:#333;text-decoration:none}#menu ul li a:focus,#menu ul li a:hover{color:#111}#menu ul li strong{font-weight:normal}#menu #sections h2,#menu #sections ul{float:right}#menu #sections h2{border-left:1px solid #bbb}#menu #sections ul li a,#menu #sections ul li strong{border-left:1px solid #bbb}#menu #sections ul li strong a{border:none}#menu #subsections{float:left}#menu #subsections h2,#menu #subsections ul{float:left}#menu #subsections h2{border-right:1px solid #bbb}#menu #subsections h2 a{color:#555;text-decoration:none}#menu #subsections h2 a:focus,#menu #subsections h2 a:hover{color:#333;text-decoration:underline}#menu #subsections h2 a:active{color:#111}#menu #subsections ul li a,#menu #subsections ul li strong{border-right:1px solid #bbb}#primary,#secondary.text,#vc2,#vc3{position:relative}#primary.photo dl{display:block}#primary.photo dl dt{text-align:center}#primary.photo dl dt a,#primary.photo dl dt img{display:block}#primary.photo dl dd{background:#eee;bottom:0;color:#000;opacity:0.9;position:absolute;text-align:justify;visibility:hidden}#primary.photo dl dd a{border:1px #eee solid;color:#555;font-weight:bolder;text-decoration:underline}#primary.photo dl dd a:focus,#primary.photo dl dd a:hover{background:#fff;border:1px #ccc solid;color:#333}#primary.photo dl dd a:active{border:1px #aaa solid;color:#111;opacity:1.0}#primary.photo dl:hover dd{visibility:visible}#primary.photo h1{bottom:0;color:#555;font-weight:bolder;position:absolute}#primary.photo h1 small{color:#777;font-weight:normal;text-decoration:none}#primary.photo h1 small a{color:#777;font-weight:normal;text-decoration:none}#primary.photo h1 small a:focus,#primary.photo h1 small a:hover{color:#333;text-decoration:underline}#primary.photo h1 small a:active{color:#111}#primary.photo h1 small strong{font-weight:bolder}#primary.photo p.navigation{display:block;float:right;text-align:right}#primary.text{overflow:auto;padding-bottom:0}#primary.text a{color:#12a;text-decoration:underline}#primary.text a:visited{color:#346}#primary.text a:focus,#primary.text a:hover{color:#24b}#primary.text a:active{color:#36e}#primary.text form table tr.message td textarea{background:#eee;border:1px #888 solid;color:#000;opacity:0.7}#primary.text form table tr.message td textarea:focus{background:#fff;opacity:0.8}#primary.text form table tr.submit td input,#primary.text form table tr.submit td input:focus,#primary.text form table tr.submit td input:hover{color:#111}#primary.text form table tr.submit td input{background:#aaa;border:1px #555 solid;font-weight:bolder}#primary.text form table tr.submit td input:focus,#primary.text form table tr.submit td input:hover{background:#ccc}#primary.text form table tr.submit td input:active{background:#888;color:#fff}#primary.text form table tr.textbox th{color:#333;font-weight:normal}#primary.text form table tr.textbox th label{font-weight:bold}#primary.text form table tr.textbox td input{background:#eee;border:1px #888 solid;color:#000;opacity:0.7}#primary.text form table tr.textbox td input:focus{background:#fff;opacity:0.8}#primary.text h1{color:#555;font-weight:normal}#primary.text p{color:#111;text-align:justify}#primary.text .winner h3,#primary.text #finalist h3{color:#555;font-weight:normal}#primary.text .winner ul li,#primary.text #finalist ul li{color:#111}#primary.text .winner{float:right}#primary.text .winner img{float:left}#primary.text .winner ul li a{text-decoration:none}#primary.text .winner ul li a:focus,#primary.text .winner ul li a:hover{text-decoration:underline}#primary.text #finalist{float:left}#primary.text #finalist h3 a{position:absolute}#secondary.photo dd{color:#777}#secondary.photo dd a{color:#777;text-decoration:none}#secondary.photo dd a:focus,#secondary.photo dd a:hover{color:#333;text-decoration:underline}#secondary.photo dd a:active{color:#111}#secondary.photo img{display:block}#secondary.text h2{color:#555;font-weight:normal}#secondary.text p.description{text-align:justify}#secondary.text p.newsflash a{line-height:1em}#secondary.text #recent{bottom:0;position:absolute}#secondary.text #recent a{display:block;position:absolute}#secondary.text #recent a img{display:block}#secondary.text #recent a.index-2{left:0}#secondary.text #recent a.index-2:focus,#secondary.text #recent a.index-2:hover,#secondary.text #recent a.index-3:focus,#secondary.text #recent a.index-3:hover,#secondary.text #recent a.index-4:focus,#secondary.text #recent a.index-4:hover,#secondary.text #recent a.index-5:focus,#secondary.text #recent a.index-5:hover{background:#bbb;opacity:0.8}#secondary.text #recent a.more:focus img,#secondary.text #recent a.more:hover img,#secondary.text #recent a.more:active img{visibility:hidden}#secondary.thumbnails dl.subject{bottom:0;color:#777;float:right;right:0;top:auto}#secondary.thumbnails dl.subject dt strong,#secondary.thumbnails dl.subject dd strong{font-weight:bolder}#secondary.thumbnails dl.subject dt{color:#777;font-weight:normal;text-align:right;text-decoration:none}#secondary.thumbnails dl.subject dt a{color:#777;font-weight:normal;text-decoration:none}#secondary.thumbnails dl.subject dt a:focus,#secondary.thumbnails dl.subject dt a:hover{color:#333;text-decoration:underline}#secondary.thumbnails dl.subject dt a:active{color:#111}#secondary.thumbnails dl.subject dt strong{color:#999}#secondary.thumbnails dl.subject dd{background:#eee;opacity:0.8;visibility:hidden}#secondary.thumbnails dl.subject dd a,#secondary.thumbnails dl.subject dd a:focus,#secondary.thumbnails dl.subject dd a:hover{color:#000}#secondary.thumbnails dl.subject dd a,#secondary.thumbnails dl.subject dd strong{display:block}#secondary.thumbnails dl.subject dd a{text-decoration:none}#secondary.thumbnails dl.subject dd a:focus,#secondary.thumbnails dl.subject dd a:hover{background:#fff}#secondary.thumbnails dl.subject dd a:active{background:#ddd}#secondary.thumbnails dl.subject dd strong{color:#555}#secondary.thumbnails dl.subject:hover dd{visibility:visible}#secondary.thumbnails h1,#secondary.thumbnails h2{display:none}#secondary.thumbnails p.navigation{display:block;float:left}#secondary.thumbnails p.thumbnails{float:left}#secondary.thumbnails p.thumbnails a:focus img,#secondary.thumbnails p.thumbnails a:hover img{background:#bbb;opacity:0.8}#secondary.thumbnails p.thumbnails img{float:left;text-align:center}#vc1{display:table;overflow:visible}#vc2{display:table-cell;vertical-align:middle}

File examples/zp-old-project/compact/l.css

View file
+#l { width: 1104px }
 #l * { font-size: 14px; line-height: 30px }
 #l p.feed, #l #etiol { height: 2.143em }
 #l p.feed { background: #eee url(../decor/foot.png) no-repeat bottom left; width: 432px }
 #l p.navigation a.previous:active { background: #ccc url(../decor/icon-previous-active.gif) no-repeat center center }
 #l p.navigation del.next { background: url(../decor/icon-next-disabled.gif) no-repeat center center }
 #l p.navigation del.previous { background: url(../decor/icon-previous-disabled.gif) no-repeat center center }
-#l #branding { background: url(../decor/slogan.png) no-repeat 432px 0 }
+#l #branding { background: url(../decor/slogan.png) no-repeat 432px 0; height: 78px }
 #l #branding dt a, #l #branding dt img { line-height: 78px }
 #l #branding dt a { height: 78px; width: 420px }
 #l #branding dt img { font-size: 29px; height: 102px; margin: -12px }
 #l #menu { margin-top: 90px }
 #l #menu ul li a { background: #ddd url(../decor/head.png) no-repeat center top; padding: 0 6px }
 #l #menu ul li a:focus, #l #menu ul li a:hover { background: #bbb url(../decor/menu-selected.png) repeat-x top }
+#l #menu ul li strong { background: #eee url(../decor/menu-focus.png) repeat-x top }
 #l #menu ul li strong a { background: #eee url(../decor/menu-focus.png) repeat-x top; padding: 0 6px }
 #l #menu ul li strong a:focus, #l #menu ul li strong a:hover { background: #bbb url(../decor/menu-selected.png) repeat-x top }
 #l #menu ul li.here strong { padding: 0 6px }
 #l #primary.text h1 { font-size: 22px }
 #l #primary.text p { margin-top: 14px }
 #l #primary.text p a { line-height: 14px }
-#l #primary.text .winner h3, #l #primary.text #finalist h3 { font-size: 22px; line-height: 29px; margin-bottom: 12px; margin-left: 6px }
-#l #primary.text .winner img, #l #primary.text #finalist img { height: 84px }
+#l #primary.text .winner h3, #l #primary.text #finalist h3 { font-size: 22px; line-height: 29px; margin-left: 6px }
 #l #primary.text .winner ul li, #l #primary.text #finalist ul li { margin-left: 6px }
-#l #primary.text .winner { width: 546px }
-#l #primary.text .winner img { margin-left: -96px }
+#l #primary.text .winner { margin-bottom: 12px; width: 546px }
+#l #primary.text .winner h3 { margin-bottom: 12px }
+#l #primary.text .winner img { height: 84px; margin-left: -96px }
+#l #primary.text .winner ul li { line-height: 17px }
 #l #primary.text .winner ul li a { line-height: 17px }
 #l #primary.text #colsa { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -114px }
-#l #primary.text #finalist { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -18px -318px; margin-top: 12px; width: 456px }
+#l #primary.text #finalist { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -18px -318px; height: 84px; margin-top: 12px; width: 456px }
 #l #primary.text #finalist h3 { margin-bottom: 16px }
 #l #primary.text #finalist h3 a#catwalk-star { right: 108px }
 #l #primary.text #finalist h3 a#no-life { right: 18px }
+#l #primary.text #finalist img { height: 84px }
 #l #primary.text #finalist ul li { line-height: 17px }
 #l #primary.text #nikon_ae { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -18px }
 #l #primary.text #times_tabasco { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -210px }
-#l #secondary { background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top }
-#l #secondary dl.subject { margin-top: -2.143em }
-#l #secondary dl.subject dd { margin-top: -4.286em; padding-left: 12px }
+#l #secondary { background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top; height: 420px }
+#l #secondary dl.subject { margin-top: -2.143em; padding: 0 12px }
+#l #secondary dl.subject dd { margin-left: -12px; margin-top: -4.286em; padding-left: 12px }
 #l #secondary dl.subject dd a, #l #secondary dl.subject dd strong { margin-left: -12px; padding: 0 12px }
 #l #secondary p.thumbnails { background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left; height: 420px; width: 432px }
 #l #secondary p.thumbnails img { font-size: 12px; height: 84px; line-height: 14px; width: 84px }
 #l #secondary.photo dt img { height: 420px }
 #l #secondary.photo dd { background: #eee url(../decor/foot.png) no-repeat bottom left; padding-left: 18px; width: 1086px }
-#l #secondary.text { padding-right: 30px }
+#l #secondary.text { padding-right: 30px; width: 384px }
 #l #secondary.text h2, #l #secondary.text p.description { line-height: 22px }
 #l #secondary.text h2 { font-size: 22px; margin-bottom: 12px; margin-top: 14px }
 #l #secondary.text h2.first { margin-top: 0 }
-#l #secondary.text p.newsflash { background: #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -18px -18px; padding: 2px 6px }
+#l #secondary.text p.newsflash { background: #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -18px -18px; line-height: 22px; padding: 2px 6px }
 #l #secondary.text p.newsflash strong { line-height: 22px }
 #l #secondary.text #recent { background: url(../decor/background-secondary.jpg) -18px 100% }
 #l #secondary.text #recent a img, #l #secondary.text #recent a.index-2 img, #l #secondary.text #recent a.index-3 img, #l #secondary.text #recent a.index-4 img, #l #secondary.text #recent a.index-5 img, #l #secondary.text #recent a.more img { height: 84px }
 #l.category #primary.text h2 { font-size: 22px; line-height: 22px; margin-bottom: 11px }
 #l.category #primary.text li strong { margin: -4px -6px; padding: 2px 5px }
 #l.category #primary.text p.a-z, #l.category #primary.text ul { margin-bottom: 18px }
-#l.category #primary.text p.a-z { margin-top: 0px }
+#l.category #primary.text p.a-z { font-size: 22px; line-height: 22px; margin-top: 0px }
 #l.category #primary.text p.a-z a { font-size: 22px; line-height: 22px }
 #l.category #primary.text ul li { margin-right: 12px }
 #l.category #secondary.thumbnails h1 { left: 18px; top: 90px }
 #l.tall #menu #sections { left: 432px; width: 156px }
 #l.tall #menu #sections ul li a, #l.tall #menu #sections ul li strong { width: 132px }
 #l.tall #menu #sections ul li a { padding-right: 18px }
+#l.tall #menu #sections ul li strong { padding-right: 18px }
 #l.tall #menu #sections ul li strong a { padding-right: 18px }
 #l.tall #primary { background: #b4b4b4 url(../decor/background-primary.jpg) 100% 90px; height: 510px; margin-top: 2.143em }
 #l.tall #primary.photo dl { height: 510px }

File examples/zp-old-project/compact/m.css

View file
+#m { width: 920px }
 #m * { font-size: 12px; line-height: 25px }
 #m p.feed, #m #etiol { height: 2.083em }
 #m p.feed { background: #eee url(../decor/foot.png) no-repeat bottom left; width: 360px }
 #m p.navigation a.previous:active { background: #ccc url(../decor/icon-previous-active.gif) no-repeat center center }
 #m p.navigation del.next { background: url(../decor/icon-next-disabled.gif) no-repeat center center }
 #m p.navigation del.previous { background: url(../decor/icon-previous-disabled.gif) no-repeat center center }
-#m #branding { background: url(../decor/slogan.png) no-repeat 360px 0 }
+#m #branding { background: url(../decor/slogan.png) no-repeat 360px 0; height: 65px }
 #m #branding dt a, #m #branding dt img { line-height: 65px }
 #m #branding dt a { height: 65px; width: 350px }
 #m #branding dt img { font-size: 24px; height: 85px; margin: -10px }
 #m #menu { margin-top: 75px }
 #m #menu ul li a { background: #ddd url(../decor/head.png) no-repeat center top; padding: 0 5px }
 #m #menu ul li a:focus, #m #menu ul li a:hover { background: #bbb url(../decor/menu-selected.png) repeat-x top }
+#m #menu ul li strong { background: #eee url(../decor/menu-focus.png) repeat-x top }
 #m #menu ul li strong a { background: #eee url(../decor/menu-focus.png) repeat-x top; padding: 0 5px }
 #m #menu ul li strong a:focus, #m #menu ul li strong a:hover { background: #bbb url(../decor/menu-selected.png) repeat-x top }
 #m #menu ul li.here strong { padding: 0 5px }
 #m #primary.text h1 { font-size: 18px }
 #m #primary.text p { margin-top: 12px }
 #m #primary.text p a { line-height: 12px }
-#m #primary.text .winner h3, #m #primary.text #finalist h3 { font-size: 18px; line-height: 24px; margin-bottom: 10px; margin-left: 5px }
-#m #primary.text .winner img, #m #primary.text #finalist img { height: 70px }
+#m #primary.text .winner h3, #m #primary.text #finalist h3 { font-size: 18px; line-height: 24px; margin-left: 5px }
 #m #primary.text .winner ul li, #m #primary.text #finalist ul li { margin-left: 5px }
-#m #primary.text .winner { width: 455px }
-#m #primary.text .winner img { margin-left: -80px }
+#m #primary.text .winner { margin-bottom: 10px; width: 455px }
+#m #primary.text .winner h3 { margin-bottom: 10px }
+#m #primary.text .winner img { height: 70px; margin-left: -80px }
+#m #primary.text .winner ul li { line-height: 14px }
 #m #primary.text .winner ul li a { line-height: 14px }
 #m #primary.text #colsa { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -95px }
-#m #primary.text #finalist { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -15px -265px; margin-top: 10px; width: 380px }
+#m #primary.text #finalist { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -15px -265px; height: 70px; margin-top: 10px; width: 380px }
 #m #primary.text #finalist h3 { margin-bottom: 13px }
 #m #primary.text #finalist h3 a#catwalk-star { right: 90px }
 #m #primary.text #finalist h3 a#no-life { right: 15px }
+#m #primary.text #finalist img { height: 70px }
 #m #primary.text #finalist ul li { line-height: 14px }
 #m #primary.text #nikon_ae { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -15px }
 #m #primary.text #times_tabasco { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -175px }
-#m #secondary { background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top }
-#m #secondary dl.subject { margin-top: -2.083em }
-#m #secondary dl.subject dd { margin-top: -4.16em; padding-left: 10px }
+#m #secondary { background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top; height: 350px }
+#m #secondary dl.subject { margin-top: -2.083em; padding: 0 10px }
+#m #secondary dl.subject dd { margin-left: -10px; margin-top: -4.16em; padding-left: 10px }
 #m #secondary dl.subject dd a, #m #secondary dl.subject dd strong { margin-left: -10px; padding: 0 10px }
 #m #secondary p.thumbnails { background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left; height: 350px; width: 360px }
 #m #secondary p.thumbnails img { font-size: 10px; height: 70px; line-height: 12px; width: 70px }
 #m #secondary.photo dt img { height: 350px }
 #m #secondary.photo dd { background: #eee url(../decor/foot.png) no-repeat bottom left; padding-left: 15px; width: 905px }
-#m #secondary.text { padding-right: 25px }
+#m #secondary.text { padding-right: 25px; width: 320px }
 #m #secondary.text h2, #m #secondary.text p.description { line-height: 18px }
 #m #secondary.text h2 { font-size: 18px; margin-bottom: 10px; margin-top: 12px }
 #m #secondary.text h2.first { margin-top: 0 }
-#m #secondary.text p.newsflash { background: #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -15px -15px; padding: 2px 5px }
+#m #secondary.text p.newsflash { background: #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -15px -15px; line-height: 18px; padding: 2px 5px }
 #m #secondary.text p.newsflash strong { line-height: 18px }
 #m #secondary.text #recent { background: url(../decor/background-secondary.jpg) -15px 100% }
 #m #secondary.text #recent a img, #m #secondary.text #recent a.index-2 img, #m #secondary.text #recent a.index-3 img, #m #secondary.text #recent a.index-4 img, #m #secondary.text #recent a.index-5 img, #m #secondary.text #recent a.more img { height: 70px }
 #m.category #primary.text h2 { font-size: 18px; line-height: 18px; margin-bottom: 9px }
 #m.category #primary.text li strong { margin: -3px -5px; padding: 2px 4px }
 #m.category #primary.text p.a-z, #m.category #primary.text ul { margin-bottom: 15px }
-#m.category #primary.text p.a-z { margin-top: 0px }
+#m.category #primary.text p.a-z { font-size: 18px; line-height: 18px; margin-top: 0px }
 #m.category #primary.text p.a-z a { font-size: 18px; line-height: 18px }
 #m.category #primary.text ul li { margin-right: 10px }
 #m.category #secondary.thumbnails h1 { left: 15px; top: 75px }
 #m.tall #menu #sections { left: 360px; width: 130px }
 #m.tall #menu #sections ul li a, #m.tall #menu #sections ul li strong { width: 110px }
 #m.tall #menu #sections ul li a { padding-right: 15px }
+#m.tall #menu #sections ul li strong { padding-right: 15px }
 #m.tall #menu #sections ul li strong a { padding-right: 15px }
 #m.tall #primary { background: #b4b4b4 url(../decor/background-primary.jpg) 100% 75px; height: 425px; margin-top: 2.083em }
 #m.tall #primary.photo dl { height: 425px }

File examples/zp-old-project/compact/s.css

View file
+#s { width: 736px }
 #s * { font-size: 10px; line-height: 20px }
 #s p.feed, #s #etiol { height: 2.0em }
 #s p.feed { background: #eee url(../decor/foot.png) no-repeat bottom left; width: 288px }
 #s p.navigation a.previous:active { background: #ccc url(../decor/icon-previous-active.gif) no-repeat center center }
 #s p.navigation del.next { background: url(../decor/icon-next-disabled.gif) no-repeat center center }
 #s p.navigation del.previous { background: url(../decor/icon-previous-disabled.gif) no-repeat center center }
-#s #branding { background: url(../decor/slogan.png) no-repeat 288px 0 }
+#s #branding { background: url(../decor/slogan.png) no-repeat 288px 0; height: 52px }
 #s #branding dt a, #s #branding dt img { line-height: 52px }
 #s #branding dt a { height: 52px; width: 280px }
 #s #branding dt img { font-size: 20px; height: 68px; margin: -8px }
 #s #menu { margin-top: 60px }
 #s #menu ul li a { background: #ddd url(../decor/head.png) no-repeat center top; padding: 0 4px }
 #s #menu ul li a:focus, #s #menu ul li a:hover { background: #bbb url(../decor/menu-selected.png) repeat-x top }
+#s #menu ul li strong { background: #eee url(../decor/menu-focus.png) repeat-x top }
 #s #menu ul li strong a { background: #eee url(../decor/menu-focus.png) repeat-x top; padding: 0 4px }
 #s #menu ul li strong a:focus, #s #menu ul li strong a:hover { background: #bbb url(../decor/menu-selected.png) repeat-x top }
 #s #menu ul li.here strong { padding: 0 4px }
 #s #primary.text h1 { font-size: 14px }
 #s #primary.text p { margin-top: 10px }
 #s #primary.text p a { line-height: 10px }
-#s #primary.text .winner h3, #s #primary.text #finalist h3 { font-size: 14px; line-height: 19px; margin-bottom: 8px; margin-left: 4px }
-#s #primary.text .winner img, #s #primary.text #finalist img { height: 56px }
+#s #primary.text .winner h3, #s #primary.text #finalist h3 { font-size: 14px; line-height: 19px; margin-left: 4px }
 #s #primary.text .winner ul li, #s #primary.text #finalist ul li { margin-left: 4px }
-#s #primary.text .winner { width: 364px }
-#s #primary.text .winner img { margin-left: -64px }
+#s #primary.text .winner { margin-bottom: 8px; width: 364px }
+#s #primary.text .winner h3 { margin-bottom: 8px }
+#s #primary.text .winner img { height: 56px; margin-left: -64px }
+#s #primary.text .winner ul li { line-height: 11px }
 #s #primary.text .winner ul li a { line-height: 11px }
 #s #primary.text #colsa { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -76px }
-#s #primary.text #finalist { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -12px -212px; margin-top: 8px; width: 304px }
+#s #primary.text #finalist { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -12px -212px; height: 56px; margin-top: 8px; width: 304px }
 #s #primary.text #finalist h3 { margin-bottom: 10px }
 #s #primary.text #finalist h3 a#catwalk-star { right: 72px }
 #s #primary.text #finalist h3 a#no-life { right: 12px }
+#s #primary.text #finalist img { height: 56px }
 #s #primary.text #finalist ul li { line-height: 11px }
 #s #primary.text #nikon_ae { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -12px }
 #s #primary.text #times_tabasco { background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -140px }
-#s #secondary { background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top }
-#s #secondary dl.subject { margin-top: -2.0em }
-#s #secondary dl.subject dd { margin-top: -4.0em; padding-left: 8px }
+#s #secondary { background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top; height: 280px }
+#s #secondary dl.subject { margin-top: -2.0em; padding: 0 8px }
+#s #secondary dl.subject dd { margin-left: -8px; margin-top: -4.0em; padding-left: 8px }
 #s #secondary dl.subject dd a, #s #secondary dl.subject dd strong { margin-left: -8px; padding: 0 8px }
 #s #secondary p.thumbnails { background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left; height: 280px; width: 288px }
 #s #secondary p.thumbnails img { font-size: 8px; height: 56px; line-height: 10px; width: 56px }
 #s #secondary.photo dt img { height: 280px }
 #s #secondary.photo dd { background: #eee url(../decor/foot.png) no-repeat bottom left; padding-left: 12px; width: 724px }
-#s #secondary.text { padding-right: 20px }
+#s #secondary.text { padding-right: 20px; width: 256px }
 #s #secondary.text h2, #s #secondary.text p.description { line-height: 14px }
 #s #secondary.text h2 { font-size: 14px; margin-bottom: 8px; margin-top: 10px }
 #s #secondary.text h2.first { margin-top: 0 }
-#s #secondary.text p.newsflash { background: #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -12px -12px; padding: 2px 4px }
+#s #secondary.text p.newsflash { background: #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -12px -12px; line-height: 14px; padding: 2px 4px }
 #s #secondary.text p.newsflash strong { line-height: 14px }
 #s #secondary.text #recent { background: url(../decor/background-secondary.jpg) -12px 100% }
 #s #secondary.text #recent a img, #s #secondary.text #recent a.index-2 img, #s #secondary.text #recent a.index-3 img, #s #secondary.text #recent a.index-4 img, #s #secondary.text #recent a.index-5 img, #s #secondary.text #recent a.more img { height: 56px }
 #s.category #primary.text h2 { font-size: 14px; line-height: 14px; margin-bottom: 7px }
 #s.category #primary.text li strong { margin: -2px -4px; padding: 2px 3px }
 #s.category #primary.text p.a-z, #s.category #primary.text ul { margin-bottom: 12px }
-#s.category #primary.text p.a-z { margin-top: 0px }
+#s.category #primary.text p.a-z { font-size: 14px; line-height: 14px; margin-top: 0px }
 #s.category #primary.text p.a-z a { font-size: 14px; line-height: 14px }
 #s.category #primary.text ul li { margin-right: 8px }
 #s.category #secondary.thumbnails h1 { left: 12px; top: 60px }
 #s.tall #menu #sections { left: 288px; width: 104px }
 #s.tall #menu #sections ul li a, #s.tall #menu #sections ul li strong { width: 88px }
 #s.tall #menu #sections ul li a { padding-right: 12px }
+#s.tall #menu #sections ul li strong { padding-right: 12px }
 #s.tall #menu #sections ul li strong a { padding-right: 12px }
 #s.tall #primary { background: #b4b4b4 url(../decor/background-primary.jpg) 100% 60px; height: 340px; margin-top: 2.0em }
 #s.tall #primary.photo dl { height: 340px }

File examples/zp-old-project/compact/x.css

View file
 .tall #menu #sections ul { border-bottom: 1px solid #bbb; float: right }
 .tall #menu #sections ul li a, .tall #menu #sections ul li strong { background: #ddd; border-left: none; border-top: 1px solid #bbb; text-align: right }
 .tall #menu #sections ul li a:focus, .tall #menu #sections ul li a:hover { background: #bbb }
-.tall #menu #sections ul li strong { border: none }
+.tall #menu #sections ul li strong { background: #eee; border: none }
 .tall #menu #sections ul li strong a { background: #eee }
 .tall #menu #sections ul li strong a:focus, .tall #menu #sections ul li strong a:hover { background: #bbb }
 .tall.root #menu #sections ul { border-bottom: none; border-top: 1px solid #bbb }
 .wide #contact address.email a:active { color: #fff }
 .wide #contact address.telephone { color: #111 }
 .wide #menu #sections { float: right }
+#branding { left: 0; overflow: hidden; position: absolute; top: 0 }
 #branding dt a { color: #fff; left: 0; letter-spacing: 1px; position: absolute; text-align: center; text-decoration: none; top: 0 }
 #branding dt a img { display: block; z-index: 1 }
 #branding dt a:focus img, #branding dt a:hover img { background: #666 }
 #branding dd { color: #919191; left: 0; overflow: hidden; position: absolute; top: 0; z-index: -1 }
 #contact, #secondary.text { overflow: hidden }
-#contact { right: 0; top: 0 }
+#contact { position: absolute; right: 0; top: 0 }
 #contact address { font-style: normal; position: absolute }
 #contact address.email a { color: #111; text-decoration: none }
 #etiol, #primary { float: right }
 #etiol a, #etiol small { color: #777 }
 #etiol small { display: block; text-align: right }
+#menu { color: #333; float: left }
 #menu h2 { color: #555; font-weight: bolder }
 #menu ul li { display: inline }
 #menu ul li a, #menu ul li strong { float: left }
 #menu #sections h2 { border-left: 1px solid #bbb }
 #menu #sections ul li a, #menu #sections ul li strong { border-left: 1px solid #bbb }
 #menu #sections ul li strong a { border: none }
+#menu #subsections { float: left }
 #menu #subsections h2, #menu #subsections ul { float: left }
 #menu #subsections h2 { border-right: 1px solid #bbb }
 #menu #subsections h2 a { color: #555; text-decoration: none }
 #menu #subsections h2 a:active { color: #111 }
 #menu #subsections ul li a, #menu #subsections ul li strong { border-right: 1px solid #bbb }
 #primary, #secondary.text, #vc2, #vc3 { position: relative }
+#primary.photo dl { display: block }
 #primary.photo dl dt { text-align: center }
 #primary.photo dl dt a, #primary.photo dl dt img { display: block }
 #primary.photo dl dd { background: #eee; bottom: 0; color: #000; opacity: 0.9; position: absolute; text-align: justify; visibility: hidden }
 #primary.photo dl dd a:focus, #primary.photo dl dd a:hover { background: #fff; border: 1px #ccc solid; color: #333 }
 #primary.photo dl dd a:active { border: 1px #aaa solid; color: #111; opacity: 1.0 }
 #primary.photo dl:hover dd { visibility: visible }
-#primary.photo h1 { bottom: 0; color: #555; position: absolute }
+#primary.photo h1 { bottom: 0; color: #555; font-weight: bolder; position: absolute }
+#primary.photo h1 small { color: #777; font-weight: normal; text-decoration: none }
 #primary.photo h1 small a { color: #777; font-weight: normal; text-decoration: none }
 #primary.photo h1 small a:focus, #primary.photo h1 small a:hover { color: #333; text-decoration: underline }
 #primary.photo h1 small a:active { color: #111 }
 #primary.text .winner ul li a:focus, #primary.text .winner ul li a:hover { text-decoration: underline }
 #primary.text #finalist { float: left }
 #primary.text #finalist h3 a { position: absolute }
+#secondary.photo dd { color: #777 }
 #secondary.photo dd a { color: #777; text-decoration: none }
 #secondary.photo dd a:focus, #secondary.photo dd a:hover { color: #333; text-decoration: underline }
 #secondary.photo dd a:active { color: #111 }
 #secondary.text h2 { color: #555; font-weight: normal }
 #secondary.text p.description { text-align: justify }
 #secondary.text p.newsflash a { line-height: 1em }
-#secondary.text #recent { bottom: 0 }
-#secondary.text #recent a { position: absolute }
+#secondary.text #recent { bottom: 0; position: absolute }
+#secondary.text #recent a { display: block; position: absolute }
 #secondary.text #recent a img { display: block }
 #secondary.text #recent a.index-2 { left: 0 }
 #secondary.text #recent a.index-2:focus, #secondary.text #recent a.index-2:hover, #secondary.text #recent a.index-3:focus, #secondary.text #recent a.index-3:hover, #secondary.text #recent a.index-4:focus, #secondary.text #recent a.index-4:hover, #secondary.text #recent a.index-5:focus, #secondary.text #recent a.index-5:hover { background: #bbb; opacity: 0.8 }
 #secondary.text #recent a.more:focus img, #secondary.text #recent a.more:hover img, #secondary.text #recent a.more:active img { visibility: hidden }
-#secondary.thumbnails dl.subject { bottom: 0; float: right; right: 0; top: auto }
-#secondary.thumbnails dl.subject dt a, #secondary.thumbnails dl.subject dd a { text-decoration: none }
+#secondary.thumbnails dl.subject { bottom: 0; color: #777; float: right; right: 0; top: auto }
 #secondary.thumbnails dl.subject dt strong, #secondary.thumbnails dl.subject dd strong { font-weight: bolder }
-#secondary.thumbnails dl.subject dt { text-align: right }
-#secondary.thumbnails dl.subject dt a { color: #777; font-weight: normal }
+#secondary.thumbnails dl.subject dt { color: #777; font-weight: normal; text-align: right; text-decoration: none }
+#secondary.thumbnails dl.subject dt a { color: #777; font-weight: normal; text-decoration: none }
 #secondary.thumbnails dl.subject dt a:focus, #secondary.thumbnails dl.subject dt a:hover { color: #333; text-decoration: underline }
 #secondary.thumbnails dl.subject dt a:active { color: #111 }
 #secondary.thumbnails dl.subject dt strong { color: #999 }
 #secondary.thumbnails dl.subject dd { background: #eee; opacity: 0.8; visibility: hidden }
 #secondary.thumbnails dl.subject dd a, #secondary.thumbnails dl.subject dd a:focus, #secondary.thumbnails dl.subject dd a:hover { color: #000 }
 #secondary.thumbnails dl.subject dd a, #secondary.thumbnails dl.subject dd strong { display: block }
+#secondary.thumbnails dl.subject dd a { text-decoration: none }
 #secondary.thumbnails dl.subject dd a:focus, #secondary.thumbnails dl.subject dd a:hover { background: #fff }
 #secondary.thumbnails dl.subject dd a:active { background: #ddd }
 #secondary.thumbnails dl.subject dd strong { color: #555 }
 #secondary.thumbnails dl.subject:hover dd { visibility: visible }
 #secondary.thumbnails h1, #secondary.thumbnails h2 { display: none }
 #secondary.thumbnails p.navigation { display: block; float: left }
+#secondary.thumbnails p.thumbnails { float: left }
 #secondary.thumbnails p.thumbnails a:focus img, #secondary.thumbnails p.thumbnails a:hover img { background: #bbb; opacity: 0.8 }
 #secondary.thumbnails p.thumbnails img { float: left; text-align: center }
 #vc1 { display: table; overflow: visible }

File examples/zp-old-project/csx/l.csx

View file
 #l {
+    width: 1104px;
     * {
         font-size: 14px;
         line-height: 30px;
             padding-left: 24px;
         }
         a:focus, a:hover {
-            background:
-                url(../decor/icon-rss-focus.png) no-repeat left center;
+            background: url(../decor/icon-rss-focus.png) no-repeat left center;
         }
     }
     p.navigation {
             background: url(../decor/icon-next.gif) no-repeat center center;
         }
         a.next:focus, a.next:hover {
-            background:
-                #fff url(../decor/icon-next-focus.gif) no-repeat center center;
+            background: #fff url(../decor/icon-next-focus.gif) no-repeat center center;
         }
         a.next:active {
-            background:
-                #ccc url(../decor/icon-next-active.gif) no-repeat center center;
+            background: #ccc url(../decor/icon-next-active.gif) no-repeat center center;
         }
         a.previous {
-            background:
-                url(../decor/icon-previous.gif) no-repeat center center;
+            background: url(../decor/icon-previous.gif) no-repeat center center;
         }
         a.previous:focus, a.previous:hover {
-            background:
-                #fff url(../decor/icon-previous-focus.gif) no-repeat center center;
+            background: #fff url(../decor/icon-previous-focus.gif) no-repeat center center;
         }
         a.previous:active {
-            background:
-                #ccc url(../decor/icon-previous-active.gif) no-repeat center center;
+            background: #ccc url(../decor/icon-previous-active.gif) no-repeat center center;
         }
         del.next {
-            background:
-                url(../decor/icon-next-disabled.gif) no-repeat center center;
+            background: url(../decor/icon-next-disabled.gif) no-repeat center center;
         }
         del.previous {
-            background:
-                url(../decor/icon-previous-disabled.gif) no-repeat center center;
+            background: url(../decor/icon-previous-disabled.gif) no-repeat center center;
         }
     }
     #branding {
         background: url(../decor/slogan.png) no-repeat 432px 0;
+        height: 78px;
         dt {
             a, img {
                 line-height: 78px;
         ul {
             li {
                 a {
-                    background:
-                        #ddd url(../decor/head.png) no-repeat center top;
+                    background: #ddd url(../decor/head.png) no-repeat center top;
                     padding: 0 6px;
                 }
                 a:focus, a:hover {
-                    background:
-                        #bbb url(../decor/menu-selected.png) repeat-x top;
+                    background: #bbb url(../decor/menu-selected.png) repeat-x top;
                 }
                 strong {
+                    background: #eee url(../decor/menu-focus.png) repeat-x top;
                     a {
-                        background:
-                            #eee url(../decor/menu-focus.png) repeat-x top;
+                        background: #eee url(../decor/menu-focus.png) repeat-x top;
                         padding: 0 6px;
                     }
                     a:focus, a:hover {
-                        background:
-                            #bbb url(../decor/menu-selected.png) repeat-x top;
+                        background: #bbb url(../decor/menu-selected.png) repeat-x top;
                     }
                 }
             }
             h3 {
                 font-size: 22px;
                 line-height: 29px;
-                margin-bottom: 12px;
                 margin-left: 6px;
             }
-            img {
-                height: 84px;
-            }
             ul li {
                 margin-left: 6px;
             }
         }
         .winner {
+            margin-bottom: 12px;
             width: 546px;
+            h3 {
+                margin-bottom: 12px;
+            }
             img {
+                height: 84px;
                 margin-left: -96px;
             }
-            ul li a {
+            ul li {
                 line-height: 17px;
+                a {
+                    line-height: 17px;
+                }
             }
         }
         #colsa {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -114px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -114px;
         }
         #finalist {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -18px -318px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -18px -318px;
+            height: 84px;
             margin-top: 12px;
             width: 456px;
             h3 {
                     right: 18px;
                 }
             }
+            img {
+                height: 84px;
+            }
             ul li {
                 line-height: 17px;
             }
         }
         #nikon_ae {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -18px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -18px;
         }
         #times_tabasco {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -210px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -108px -210px;
         }
     }
     #secondary {
-        background:
-            #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top;
+        background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top;
+        height: 420px;
         dl.subject {
             margin-top: -2.143em;
+            padding: 0 12px;
             dd {
+                margin-left: -12px;
                 margin-top: -4.286em;
                 padding-left: 12px;
                 a, strong {
             }
         }
         p.thumbnails {
-            background:
-                #b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left;
+            background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left;
             height: 420px;
             width: 432px;
             img {
     }
     #secondary.text {
         padding-right: 30px;
+        width: 384px;
         h2, p.description {
             line-height: 22px;
         }
             margin-top: 0;
         }
         p.newsflash {
-            background:
-                #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -18px -18px;
+            background: #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -18px -18px;
+            line-height: 22px;
             padding: 2px 6px;
             strong {
                 line-height: 22px;
                 left: 270px;
             }
             a.more {
-                background:
-                    url(../decor/background-secondary-emphasis.jpg) -378px -318px;
+                background: url(../decor/background-secondary-emphasis.jpg) -378px -318px;
                 left: 360px;
             }
             a.more:focus, a.more:hover {
-                background:
-                    url(../decor/icon-more-focus.png) no-repeat top left;
+                background: url(../decor/icon-more-focus.png) no-repeat top left;
             }
             a.more:active {
-                background:
-                    url(../decor/icon-more-active.png) no-repeat top left;
+                background: url(../decor/icon-more-active.png) no-repeat top left;
             }
             h2 {
                 margin-bottom: 114px;
         }
     }
     #primary.text {
-        background:
-            #b4b4b4 url(../decor/background-photo-tabasco.jpg) no-repeat left top;
+        background: #b4b4b4 url(../decor/background-photo-tabasco.jpg) no-repeat left top;
     }
 }
 
             margin-bottom: 18px;
         }
         p.a-z {
+            font-size: 22px;
+            line-height: 22px;
             margin-top: 0px;
             a {
                 font-size: 22px;
 }
 
 #l.contact #primary.text {
-    background:
-        #b4b4b4 url(../decor/background-photo-soldier.jpg) no-repeat left top;
+    background: #b4b4b4 url(../decor/background-photo-soldier.jpg) no-repeat left top;
 }
 
 #l.error #primary.text {
-    background:
-        #b4b4b4 url(../decor/background-exclaim.jpg) no-repeat left top;
+    background: #b4b4b4 url(../decor/background-exclaim.jpg) no-repeat left top;
 }
 
 #l.tall {
         }
     }
     #menu {
-        background:
-            #ddd url(../decor/head-secondary.png) no-repeat center top;
+        background: #ddd url(../decor/head-secondary.png) no-repeat center top;
         #sections {
             left: 432px;
             width: 156px;
                 a {
                     padding-right: 18px;
                 }
-                strong a {
+                strong {
                     padding-right: 18px;
+                    a {
+                        padding-right: 18px;
+                    }
                 }
             }
         }
             padding-left: 18px;
         }
         p.navigation {
-            background:
-                #eee url(../decor/foot-primary.png) no-repeat bottom right;
+            background: #eee url(../decor/foot-primary.png) no-repeat bottom right;
             width: 490px;
         }
     }
         }
     }
     #secondary.thumbnails p.navigation {
-        background:
-            #eee url(../decor/foot-secondary.png) no-repeat bottom left;
+        background: #eee url(../decor/foot-secondary.png) no-repeat bottom left;
     }
 }
 
 #l.tall.root #menu #sections ul {
-    background:
-        #ccc url(../decor/background-secondary.jpg) no-repeat right bottom;
+    background: #ccc url(../decor/background-secondary.jpg) no-repeat right bottom;
     height: 419px;
 }
 
             }
         }
         address.telephone {
-            background:
-                url(../decor/slogan-extend-cap.png) no-repeat right top;
+            background: url(../decor/slogan-extend-cap.png) no-repeat right top;
             height: 62px;
             padding-top: 16px;
         }

File examples/zp-old-project/csx/m.csx

View file
 #m {
+    width: 920px;
     * {
         font-size: 12px;
         line-height: 25px;
             padding-left: 20px;
         }
         a:focus, a:hover {
-            background:
-                url(../decor/icon-rss-focus.png) no-repeat left center;
+            background: url(../decor/icon-rss-focus.png) no-repeat left center;
         }
     }
     p.navigation {
             background: url(../decor/icon-next.gif) no-repeat center center;
         }
         a.next:focus, a.next:hover {
-            background:
-                #fff url(../decor/icon-next-focus.gif) no-repeat center center;
+            background: #fff url(../decor/icon-next-focus.gif) no-repeat center center;
         }
         a.next:active {
-            background:
-                #ccc url(../decor/icon-next-active.gif) no-repeat center center;
+            background: #ccc url(../decor/icon-next-active.gif) no-repeat center center;
         }
         a.previous {
-            background:
-                url(../decor/icon-previous.gif) no-repeat center center;
+            background: url(../decor/icon-previous.gif) no-repeat center center;
         }
         a.previous:focus, a.previous:hover {
-            background:
-                #fff url(../decor/icon-previous-focus.gif) no-repeat center center;
+            background: #fff url(../decor/icon-previous-focus.gif) no-repeat center center;
         }
         a.previous:active {
-            background:
-                #ccc url(../decor/icon-previous-active.gif) no-repeat center center;
+            background: #ccc url(../decor/icon-previous-active.gif) no-repeat center center;
         }
         del.next {
-            background:
-                url(../decor/icon-next-disabled.gif) no-repeat center center;
+            background: url(../decor/icon-next-disabled.gif) no-repeat center center;
         }
         del.previous {
-            background:
-                url(../decor/icon-previous-disabled.gif) no-repeat center center;
+            background: url(../decor/icon-previous-disabled.gif) no-repeat center center;
         }
     }
     #branding {
         background: url(../decor/slogan.png) no-repeat 360px 0;
+        height: 65px;
         dt {
             a, img {
                 line-height: 65px;
         ul {
             li {
                 a {
-                    background:
-                        #ddd url(../decor/head.png) no-repeat center top;
+                    background: #ddd url(../decor/head.png) no-repeat center top;
                     padding: 0 5px;
                 }
                 a:focus, a:hover {
-                    background:
-                        #bbb url(../decor/menu-selected.png) repeat-x top;
+                    background: #bbb url(../decor/menu-selected.png) repeat-x top;
                 }
                 strong {
+                    background: #eee url(../decor/menu-focus.png) repeat-x top;
                     a {
-                        background:
-                            #eee url(../decor/menu-focus.png) repeat-x top;
+                        background: #eee url(../decor/menu-focus.png) repeat-x top;
                         padding: 0 5px;
                     }
                     a:focus, a:hover {
-                        background:
-                            #bbb url(../decor/menu-selected.png) repeat-x top;
+                        background: #bbb url(../decor/menu-selected.png) repeat-x top;
                     }
                 }
             }
             h3 {
                 font-size: 18px;
                 line-height: 24px;
-                margin-bottom: 10px;
                 margin-left: 5px;
             }
-            img {
-                height: 70px;
-            }
             ul li {
                 margin-left: 5px;
             }
         }
         .winner {
+            margin-bottom: 10px;
             width: 455px;
+            h3 {
+                margin-bottom: 10px;
+            }
             img {
+                height: 70px;
                 margin-left: -80px;
             }
-            ul li a {
+            ul li {
                 line-height: 14px;
+                a {
+                    line-height: 14px;
+                }
             }
         }
         #colsa {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -95px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -95px;
         }
         #finalist {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -15px -265px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -15px -265px;
+            height: 70px;
             margin-top: 10px;
             width: 380px;
             h3 {
                     right: 15px;
                 }
             }
+            img {
+                height: 70px;
+            }
             ul li {
                 line-height: 14px;
             }
         }
         #nikon_ae {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -15px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -15px;
         }
         #times_tabasco {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -175px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -90px -175px;
         }
     }
     #secondary {
-        background:
-            #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top;
+        background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top;
+        height: 350px;
         dl.subject {
             margin-top: -2.083em;
+            padding: 0 10px;
             dd {
+                margin-left: -10px;
                 margin-top: -4.16em;
                 padding-left: 10px;
                 a, strong {
             }
         }
         p.thumbnails {
-            background:
-                #b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left;
+            background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left;
             height: 350px;
             width: 360px;
             img {
     }
     #secondary.text {
         padding-right: 25px;
+        width: 320px;
         h2, p.description {
             line-height: 18px;
         }
             margin-top: 0;
         }
         p.newsflash {
-            background:
-                #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -15px -15px;
+            background: #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -15px -15px;
+            line-height: 18px;
             padding: 2px 5px;
             strong {
                 line-height: 18px;
                 left: 225px;
             }
             a.more {
-                background:
-                    url(../decor/background-secondary-emphasis.jpg) -315px -265px;
+                background: url(../decor/background-secondary-emphasis.jpg) -315px -265px;
                 left: 300px;
             }
             a.more:focus, a.more:hover {
-                background:
-                    url(../decor/icon-more-focus.png) no-repeat top left;
+                background: url(../decor/icon-more-focus.png) no-repeat top left;
             }
             a.more:active {
-                background:
-                    url(../decor/icon-more-active.png) no-repeat top left;
+                background: url(../decor/icon-more-active.png) no-repeat top left;
             }
             h2 {
                 margin-bottom: 95px;
         }
     }
     #primary.text {
-        background:
-            #b4b4b4 url(../decor/background-photo-tabasco.jpg) no-repeat left top;
+        background: #b4b4b4 url(../decor/background-photo-tabasco.jpg) no-repeat left top;
     }
 }
 
             margin-bottom: 15px;
         }
         p.a-z {
+            font-size: 18px;
+            line-height: 18px;
             margin-top: 0px;
             a {
                 font-size: 18px;
 }
 
 #m.contact #primary.text {
-    background:
-        #b4b4b4 url(../decor/background-photo-soldier.jpg) no-repeat left top;
+    background: #b4b4b4 url(../decor/background-photo-soldier.jpg) no-repeat left top;
 }
 
 #m.error #primary.text {
-    background:
-        #b4b4b4 url(../decor/background-exclaim.jpg) no-repeat left top;
+    background: #b4b4b4 url(../decor/background-exclaim.jpg) no-repeat left top;
 }
 
 #m.tall {
         }
     }
     #menu {
-        background:
-            #ddd url(../decor/head-secondary.png) no-repeat center top;
+        background: #ddd url(../decor/head-secondary.png) no-repeat center top;
         #sections {
             left: 360px;
             width: 130px;
                 a {
                     padding-right: 15px;
                 }
-                strong a {
+                strong {
                     padding-right: 15px;
+                    a {
+                        padding-right: 15px;
+                    }
                 }
             }
         }
             padding-left: 15px;
         }
         p.navigation {
-            background:
-                #eee url(../decor/foot-primary.png) no-repeat bottom right;
+            background: #eee url(../decor/foot-primary.png) no-repeat bottom right;
             width: 408px;
         }
     }
         }
     }
     #secondary.thumbnails p.navigation {
-        background:
-            #eee url(../decor/foot-secondary.png) no-repeat bottom left;
+        background: #eee url(../decor/foot-secondary.png) no-repeat bottom left;
     }
 }
 
 #m.tall.root #menu #sections ul {
-    background:
-        #ccc url(../decor/background-secondary.jpg) no-repeat right bottom;
+    background: #ccc url(../decor/background-secondary.jpg) no-repeat right bottom;
     height: 349px;
 }
 
             }
         }
         address.telephone {
-            background:
-                url(../decor/slogan-extend-cap.png) no-repeat right top;
+            background: url(../decor/slogan-extend-cap.png) no-repeat right top;
             height: 52px;
             padding-top: 13px;
         }

File examples/zp-old-project/csx/s.csx

View file
 #s {
+    width: 736px;
     * {
         font-size: 10px;
         line-height: 20px;
             padding-left: 16px;
         }
         a:focus, a:hover {
-            background:
-                url(../decor/icon-rss-focus.png) no-repeat left center;
+            background: url(../decor/icon-rss-focus.png) no-repeat left center;
         }
     }
     p.navigation {
             background: url(../decor/icon-next.gif) no-repeat center center;
         }
         a.next:focus, a.next:hover {
-            background:
-                #fff url(../decor/icon-next-focus.gif) no-repeat center center;
+            background: #fff url(../decor/icon-next-focus.gif) no-repeat center center;
         }
         a.next:active {
-            background:
-                #ccc url(../decor/icon-next-active.gif) no-repeat center center;
+            background: #ccc url(../decor/icon-next-active.gif) no-repeat center center;
         }
         a.previous {
-            background:
-                url(../decor/icon-previous.gif) no-repeat center center;
+            background: url(../decor/icon-previous.gif) no-repeat center center;
         }
         a.previous:focus, a.previous:hover {
-            background:
-                #fff url(../decor/icon-previous-focus.gif) no-repeat center center;
+            background: #fff url(../decor/icon-previous-focus.gif) no-repeat center center;
         }
         a.previous:active {
-            background:
-                #ccc url(../decor/icon-previous-active.gif) no-repeat center center;
+            background: #ccc url(../decor/icon-previous-active.gif) no-repeat center center;
         }
         del.next {
-            background:
-                url(../decor/icon-next-disabled.gif) no-repeat center center;
+            background: url(../decor/icon-next-disabled.gif) no-repeat center center;
         }
         del.previous {
-            background:
-                url(../decor/icon-previous-disabled.gif) no-repeat center center;
+            background: url(../decor/icon-previous-disabled.gif) no-repeat center center;
         }
     }
     #branding {
         background: url(../decor/slogan.png) no-repeat 288px 0;
+        height: 52px;
         dt {
             a, img {
                 line-height: 52px;
         ul {
             li {
                 a {
-                    background:
-                        #ddd url(../decor/head.png) no-repeat center top;
+                    background: #ddd url(../decor/head.png) no-repeat center top;
                     padding: 0 4px;
                 }
                 a:focus, a:hover {
-                    background:
-                        #bbb url(../decor/menu-selected.png) repeat-x top;
+                    background: #bbb url(../decor/menu-selected.png) repeat-x top;
                 }
                 strong {
+                    background: #eee url(../decor/menu-focus.png) repeat-x top;
                     a {
-                        background:
-                            #eee url(../decor/menu-focus.png) repeat-x top;
+                        background: #eee url(../decor/menu-focus.png) repeat-x top;
                         padding: 0 4px;
                     }
                     a:focus, a:hover {
-                        background:
-                            #bbb url(../decor/menu-selected.png) repeat-x top;
+                        background: #bbb url(../decor/menu-selected.png) repeat-x top;
                     }
                 }
             }
             h3 {
                 font-size: 14px;
                 line-height: 19px;
-                margin-bottom: 8px;
                 margin-left: 4px;
             }
-            img {
-                height: 56px;
-            }
             ul li {
                 margin-left: 4px;
             }
         }
         .winner {
+            margin-bottom: 8px;
             width: 364px;
+            h3 {
+                margin-bottom: 8px;
+            }
             img {
+                height: 56px;
                 margin-left: -64px;
             }
-            ul li a {
+            ul li {
                 line-height: 11px;
+                a {
+                    line-height: 11px;
+                }
             }
         }
         #colsa {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -76px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -76px;
         }
         #finalist {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -12px -212px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -12px -212px;
+            height: 56px;
             margin-top: 8px;
             width: 304px;
             h3 {
                     right: 12px;
                 }
             }
+            img {
+                height: 56px;
+            }
             ul li {
                 line-height: 11px;
             }
         }
         #nikon_ae {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -12px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -12px;
         }
         #times_tabasco {
-            background:
-                #a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -140px;
+            background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -72px -140px;
         }
     }
     #secondary {
-        background:
-            #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top;
+        background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top;
+        height: 280px;
         dl.subject {
             margin-top: -2.0em;
+            padding: 0 8px;
             dd {
+                margin-left: -8px;
                 margin-top: -4.0em;
                 padding-left: 8px;
                 a, strong {
             }
         }
         p.thumbnails {
-            background:
-                #b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left;
+            background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y top left;
             height: 280px;
             width: 288px;
             img {
     }
     #secondary.text {
         padding-right: 20px;
+        width: 256px;
         h2, p.description {
             line-height: 14px;
         }
             margin-top: 0;
         }
         p.newsflash {
-            background:
-                #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -12px -12px;
+            background: #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -12px -12px;
+            line-height: 14px;
             padding: 2px 4px;
             strong {
                 line-height: 14px;
                 left: 180px;
             }
             a.more {
-                background:
-                    url(../decor/background-secondary-emphasis.jpg) -252px -212px;
+                background: url(../decor/background-secondary-emphasis.jpg) -252px -212px;
                 left: 240px;
             }
             a.more:focus, a.more:hover {
-                background:
-                    url(../decor/icon-more-focus.png) no-repeat top left;
+                background: url(../decor/icon-more-focus.png) no-repeat top left;
             }
             a.more:active {
-                background:
-                    url(../decor/icon-more-active.png) no-repeat top left;
+                background: url(../decor/icon-more-active.png) no-repeat top left;
             }
             h2 {
                 margin-bottom: 76px;
         }
     }
     #primary.text {
-        background:
-            url(../decor/background-photo-tabasco.jpg) no-repeat left top;
+        background: url(../decor/background-photo-tabasco.jpg) no-repeat left top;
     }
 }
 
             margin-bottom: 12px;
         }
         p.a-z {
+            font-size: 14px;
+            line-height: 14px;
             margin-top: 0px;
             a {
                 font-size: 14px;
 }
 
 #s.contact #primary.text {
-    background:
-        #b4b4b4 url(../decor/background-photo-soldier.jpg) no-repeat left top;
+    background: #b4b4b4 url(../decor/background-photo-soldier.jpg) no-repeat left top;
 }
 
 #s.error #primary.text {
-    background:
-        #b4b4b4 url(../decor/background-exclaim.jpg) no-repeat left top;
+    background: #b4b4b4 url(../decor/background-exclaim.jpg) no-repeat left top;
 }
 
 #s.tall {
         }
     }
     #menu {
-        background:
-            #ddd url(../decor/head-secondary.png) no-repeat center top;
+        background: #ddd url(../decor/head-secondary.png) no-repeat center top;
         #sections {
             left: 288px;
             width: 104px;
                 a {
                     padding-right: 12px;
                 }
-                strong a {
+                strong {
                     padding-right: 12px;
+                    a {
+                        padding-right: 12px;
+                    }
                 }
             }
         }
             padding-left: 12px;
         }
         p.navigation {
-            background:
-                #eee url(../decor/foot-primary.png) no-repeat bottom right;
+            background: #eee url(../decor/foot-primary.png) no-repeat bottom right;
             width: 326px;
         }
     }
         }
     }
     #secondary.thumbnails p.navigation {
-        background:
-            #eee url(../decor/foot-secondary.png) no-repeat bottom left;
+        background: #eee url(../decor/foot-secondary.png) no-repeat bottom left;
     }
 }
 
 #s.tall.root #menu #sections ul {
-    background:
-        #ccc url(../decor/background-secondary.jpg) no-repeat right bottom;
+    background: #ccc url(../decor/background-secondary.jpg) no-repeat right bottom;
     height: 279px;
 }
 
             }
         }
         address.telephone {
-            background:
-                url(../decor/slogan-extend-cap.png) no-repeat right top;
+            background: url(../decor/slogan-extend-cap.png) no-repeat right top;
             height: 42px;
             padding-top: 10px;
         }

File examples/zp-old-project/csx/x.csx

View file
                     background: #bbb;
                 }
                 strong {
+                    background: #eee;
                     border: none;
                     a {
                         background: #eee;
 }
 
 #branding {
+    left: 0;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
     dt {
         a {
             color: #fff;
 }
 
 #contact {
+    position: absolute;
     right: 0;
     top: 0;
     address {
 }
 
 #menu {
+    color: #333;
+    float: left;
     h2 {
         color: #555;
         font-weight: bolder;
         }
     }
     #subsections {
+        float: left;
         h2, ul {
             float: left;
         }
 
 #primary.photo {
     dl {
+        display: block;
         dt {
             text-align: center;
             a, img {
     h1 {
         bottom: 0;
         color: #555;
+        font-weight: bolder;
         position: absolute;
         small {
+            color: #777;
+            font-weight: normal;
+            text-decoration: none;
             a {
                 color: #777;
                 font-weight: normal;
 
 #secondary.photo {
     dd {
+        color: #777;
         a {
             color: #777;
             text-decoration: none;
     }
     #recent {
         bottom: 0;
+        position: absolute;
         a {
+            display: block;
             position: absolute;
             img {
                 display: block;
 #secondary.thumbnails {
     dl.subject {
         bottom: 0;
+        color: #777;
         float: right;
         right: 0;
         top: auto;
         dt, dd {
-            a {
-                text-decoration: none;
-            }
             strong {
                 font-weight: bolder;
             }
         }
         dt {
+            color: #777;
+            font-weight: normal;
             text-align: right;
+            text-decoration: none;
             a {
                 color: #777;
                 font-weight: normal;
+                text-decoration: none;
             }
             a:focus, a:hover {
                 color: #333;
             a, strong {
                 display: block;
             }
+            a {
+                text-decoration: none;
+            }
             a:focus, a:hover {
                 background: #fff;
             }
         float: left;
     }
     p.thumbnails {
+        float: left;
         a:focus, a:hover {
             img {
                 background: #bbb;

File examples/zp-old-project/pretty/l.css

View file
+#l {
+    width: 1104px;
+}
+
 #l * {
     font-size: 14px;
     line-height: 30px;
 }
 
-#l p.feed,
-#l #etiol {
+#l p.feed, #l #etiol {
     height: 2.143em;
 }
 
     padding-left: 24px;
 }
 
-#l p.feed a:focus,
-#l p.feed a:hover {
+#l p.feed a:focus, #l p.feed a:hover {
     background: url(../decor/icon-rss-focus.png) no-repeat left center;
 }
 
     background: url(../decor/icon-next.gif) no-repeat center center;
 }
 
-#l p.navigation a.next:focus,
-#l p.navigation a.next:hover {
+#l p.navigation a.next:focus, #l p.navigation a.next:hover {
     background: #fff url(../decor/icon-next-focus.gif) no-repeat center center;
 }
 
     background: url(../decor/icon-previous.gif) no-repeat center center;
 }
 
-#l p.navigation a.previous:focus,
-#l p.navigation a.previous:hover {
+#l p.navigation a.previous:focus, #l p.navigation a.previous:hover {
     background: #fff url(../decor/icon-previous-focus.gif) no-repeat center center;
 }
 
 
 #l #branding {
     background: url(../decor/slogan.png) no-repeat 432px 0;
+    height: 78px;
 }
 
-#l #branding dt a,
-#l #branding dt img {
+#l #branding dt a, #l #branding dt img {
     line-height: 78px;
 }
 
     padding: 0 6px;
 }
 
-#l #menu ul li a:focus,
-#l #menu ul li a:hover {
+#l #menu ul li a:focus, #l #menu ul li a:hover {
     background: #bbb url(../decor/menu-selected.png) repeat-x top;
 }
 
+#l #menu ul li strong {
+    background: #eee url(../decor/menu-focus.png) repeat-x top;
+}
+
 #l #menu ul li strong a {
     background: #eee url(../decor/menu-focus.png) repeat-x top;
     padding: 0 6px;
 }
 
-#l #menu ul li strong a:focus,
-#l #menu ul li strong a:hover {
+#l #menu ul li strong a:focus, #l #menu ul li strong a:hover {
     background: #bbb url(../decor/menu-selected.png) repeat-x top;
 }
 
     padding: 0 6px;
 }
 
-#l #primary,
-#l #secondary {
+#l #primary, #l #secondary {
     padding-bottom: 2.143em;
 }
 
     width: 658px;
 }
 
-#l #primary.text,
-#l #secondary.text {
+#l #primary.text, #l #secondary.text {
     height: 384px;
     padding: 18px;
 }
     width: 470px;
 }
 
-#l #primary.text h1,
-#l #primary.text p {
+#l #primary.text h1, #l #primary.text p {
     line-height: 22px;
 }
 
     line-height: 14px;
 }
 
-#l #primary.text .winner h3,
-#l #primary.text #finalist h3 {
+#l #primary.text .winner h3, #l #primary.text #finalist h3 {
     font-size: 22px;
     line-height: 29px;
-    margin-bottom: 12px;
     margin-left: 6px;
 }
 
-#l #primary.text .winner img,
-#l #primary.text #finalist img {
-    height: 84px;
-}
-
-#l #primary.text .winner ul li,
-#l #primary.text #finalist ul li {
+#l #primary.text .winner ul li, #l #primary.text #finalist ul li {
     margin-left: 6px;
 }
 
 #l #primary.text .winner {
+    margin-bottom: 12px;
     width: 546px;
 }
 
+#l #primary.text .winner h3 {
+    margin-bottom: 12px;
+}
+
 #l #primary.text .winner img {
+    height: 84px;
     margin-left: -96px;
 }
 
+#l #primary.text .winner ul li {
+    line-height: 17px;
+}
+
 #l #primary.text .winner ul li a {
     line-height: 17px;
 }
 
 #l #primary.text #finalist {
     background: #a4a4a4 url(../decor/background-primary-emphasis.jpg) -18px -318px;
+    height: 84px;
     margin-top: 12px;
     width: 456px;
 }
     right: 18px;
 }
 
+#l #primary.text #finalist img {
+    height: 84px;
+}
+
 #l #primary.text #finalist ul li {
     line-height: 17px;
 }
 
 #l #secondary {
     background: #b4b4b4 url(../decor/background-secondary.jpg) repeat-y left top;
+    height: 420px;
 }
 
 #l #secondary dl.subject {
     margin-top: -2.143em;
+    padding: 0 12px;
 }
 
 #l #secondary dl.subject dd {
+    margin-left: -12px;
     margin-top: -4.286em;
     padding-left: 12px;
 }
 
-#l #secondary dl.subject dd a,
-#l #secondary dl.subject dd strong {
+#l #secondary dl.subject dd a, #l #secondary dl.subject dd strong {
     margin-left: -12px;
     padding: 0 12px;
 }
 
 #l #secondary.text {
     padding-right: 30px;
+    width: 384px;
 }
 
-#l #secondary.text h2,
-#l #secondary.text p.description {
+#l #secondary.text h2, #l #secondary.text p.description {
     line-height: 22px;
 }
 
 
 #l #secondary.text p.newsflash {
     background: #a4a4a4 url(../decor/background-secondary-emphasis.jpg) -18px -18px;
+    line-height: 22px;
     padding: 2px 6px;
 }
 
     left: 360px;
 }
 
-#l #secondary.text #recent a.more:focus,
-#l #secondary.text #recent a.more:hover {
+#l #secondary.text #recent a.more:focus, #l #secondary.text #recent a.more:hover {
     background: url(../decor/icon-more-focus.png) no-repeat top left;
 }
 
     width: 1104px;
 }
 
-#l.about #menu #sections,
-#l.category #menu #sections {
+#l.about #menu #sections, #l.category #menu #sections {
     width: 1104px;
 }
 
-#l.awards #etiol,
-#l.contact #etiol,
-#l.error #etiol {
+#l.awards #etiol, #l.contact #etiol, #l.error #etiol {
     background: #eee url(../decor/foot.png) no-repeat bottom right;
 }
 
-#l.awards #primary.text,
-#l.contact #primary.text,
-#l.error #primary.text {
+#l.awards #primary.text, #l.contact #primary.text, #l.error #primary.text {
     padding-left: 450px;
 }
 
     width: 1104px;
 }
 
-#l.awards #primary .winner img,
-#l.awards #primary #finalist img {
+#l.awards #primary .winner img, #l.awards #primary #finalist img {
     font-size: 12px;
     height: 84px;
     line-height: 14px;
     padding: 2px 5px;
 }
 
-#l.category #primary.text p.a-z,
-#l.category #primary.text ul {
+#l.category #primary.text p.a-z, #l.category #primary.text ul {
     margin-bottom: 18px;
 }
 
 #l.category #primary.text p.a-z {
+    font-size: 22px;
+    line-height: 22px;
     margin-top: 0px;
 }
 
     width: 1090px;
 }
 
-#l.contact #etiol,
-#l.error #etiol {
+#l.contact #etiol, #l.error #etiol {
     width: 1104px;
 }
 
     background: #b4b4b4 url(../decor/background-exclaim.jpg) no-repeat left top;
 }
 
-#l.tall p.feed,
-#l.tall #branding,
-#l.tall #menu,
-#l.tall #secondary {
+#l.tall p.feed, #l.tall #branding, #l.tall #menu, #l.tall #secondary {
     width: 588px;
 }
 
     background-image: url(../decor/foot-secondary.png);
 }
 
-#l.tall #contact,
-#l.tall #primary {
+#l.tall #contact, #l.tall #primary {
     width: 504px;
 }
 
     width: 156px;
 }
 
-#l.tall #menu #sections ul li a,
-#l.tall #menu #sections ul li strong {
+#l.tall #menu #sections ul li a, #l.tall #menu #sections ul li strong {
     width: 132px;
 }
 
     padding-right: 18px;
 }
 
+#l.tall #menu #sections ul li strong {
+    padding-right: 18px;
+}
+
 #l.tall #menu #sections ul li strong a {
     padding-right: 18px;
 }

File examples/zp-old-project/pretty/m.css

View file
+#m {
+    width: 920px;
+}
+
 #m * {
     font-size: 12px;
     line-height: 25px;
 }
 
-#m p.feed,
-#m #etiol {
+#m p.feed, #m #etiol {
     height: 2.083em;
 }
 
     padding-left: 20px;
 }
 
-#m p.feed a:focus,
-#m p.feed a:hover {
+#m p.feed a:focus, #m p.feed a:hover {
     background: url(../decor/icon-rss-focus.png) no-repeat left center;
 }
 
     background: url(../decor/icon-next.gif) no-repeat center center;
 }
 
-#m p.navigation a.next:focus,
-#m p.navigation a.next:hover {
+#m p.navigation a.next:focus, #m p.navigation a.next:hover {
     background: #fff url(../decor/icon-next-focus.gif) no-repeat center center;
 }
 
     background: url(../decor/icon-previous.gif) no-repeat center center;
 }
 
-#m p.navigation a.previous:focus,
-#m p.navigation a.previous:hover {
+#m p.navigation a.previous:focus, #m p.navigation a.previous:hover {
     background: #fff url(../decor/icon-previous-focus.gif) no-repeat center center;
 }
 
 
 #m #branding {
     background: url(../decor/slogan.png) no-repeat 360px 0;
+    height: 65px;
 }
 
-#m #branding dt a,
-#m #branding dt img {
+#m #branding dt a, #m #branding dt img {
     line-height: 65px;
 }
 
     padding: 0 5px;
 }
 
-#m #menu ul li a:focus,
-#m #menu ul li a:hover {
+#m #menu ul li a:focus, #m #menu ul li a:hover {
     background: #bbb url(../decor/menu-selected.png) repeat-x top;
 }
 
+#m #menu ul li strong {
+    background: #eee url(../decor/menu-focus.png) repeat-x top;
+}
+
 #m #menu ul li strong a {
     background: #eee url(../decor/menu-focus.png) repeat-x top;
     padding: 0 5px;
 }
 
-#m #menu ul li strong a:focus,
-#m #menu ul li strong a:hover {
+#m #menu ul li strong a:focus, #m #menu ul li strong a:hover {
     background: #bbb url(../decor/menu-selected.png) repeat-x top;
 }
 
     padding: 0 5px;
 }
 
-#m #primary,
-#m #secondary {
+#m #primary, #m #secondary {
     padding-bottom: 2.083em;
 }
 
     width: 548px;
 }
 
-#m #primary.text,
-#m #secondary.text {
+#m #primary.text, #m #secondary.text {
     height: 320px;
     padding: 15px;
 }
     width: 392px;
 }
 
-#m #primary.text h1,
-#m #primary.text p {
+#m #primary.text h1, #m #primary.text p {
     line-height: 18px;
 }
 
     line-height: 12px;
 }
 
-#m #primary.text .winner h3,
-#m #primary.text #finalist h3 {
+#m #primary.text .winner h3, #m #primary.text #finalist h3 {
     font-size: 18px;
     line-height: 24px;
-    margin-bottom: 10px;
     margin-left: 5px;
 }