/* Theme Name: Watami Theme URI: http://www.youdesignweslice.com/ Description: You Design We Slice Custom Theme Version: 1.0 Author: Mark Claudius Png Author URI: http://www.theghostcoder.com/ */ /* Background & Top Level Elements */ body { background:#000; margin:0; padding:8px 0; font:11px Arial; color:#ffdaa5; } #con { background:#792609; margin:0 auto; width:960px; } .line { background:url(images/interface/dot1.gif) repeat-x bottom; height:20px; } hr, .hide { display:none; } .clear{ background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0; } img, div, input { behavior:url(images/png-fix/iepngfix.htc); } /* Links */ a { color:#b98c49; text-decoration:none; cursor:pointer; } a:hover { text-decoration:underline; } /* Logo */ #lg { position:absolute; top:25px; margin:0 0 0 65px; padding:0; width:120px; height:150px; overflow:hidden; } #lg a { display:block; padding:150px 0 0 120px; } /* Text styles */ h2 { background:url(images/interface/dot1.gif) repeat-x bottom; margin:0 0 10px 0; padding:0 0 10px 0; font:bold 16px/1.4em Arial; color:#b98c49; } h3 { background:#b98c49; float:left; display:inline-block; padding:2px; color:#641002; } p, li { clear:both; } ul { margin:0; padding:0; list-style:square; } li { margin:0 0 0 20px; padding:0 0 0 10px; } a.small { font-size:10px; } /* Backgrounds */ .bg { background-repeat:no-repeat; width:960px; height:700px; } .homeBg { background-image:url(images/backgrounds/home1.jpg); } .menusBg { background-image:url(images/backgrounds/menus.jpg); } .locationBg { background-image:url(images/backgrounds/location.jpg); } .watamiSingaporeBg { background-image:url(images/backgrounds/watami-singapore.jpg); } .peopleAtWatamiBg { background-image:url(images/backgrounds/people-at-watami.jpg); } .aboutWatamiBg { background-image:url(images/backgrounds/watami-singapore.jpg); } .socialResBg { background-image:url(images/backgrounds/watami-singapore.jpg); } .siteMapBg { background-image:url(images/backgrounds/sitemap.jpg); } .contactBg { background-image:url(images/backgrounds/contact.jpg); } .mailingListBg { background-image:url(images/backgrounds/mailing-list.jpg); } .newsBg { background-image:url(images/backgrounds/news.jpg); } .funfacts { background-image:url(images/backgrounds/menu-bonenkaibkg.jpg); } /* Side lists */ .sideList { position:absolute; top:50px; margin:0; padding:0 0 0 20px; list-style:none; color:#b98c49; z-index:100; } .sideList li { margin:0 0 3px 0; padding:3px 10px; border-left:3px solid #551d05; } .sideList li.active, .sideList li:hover { background:#551d05; } .sideList li a { text-decoration:none; } /* Headers */ h1.headers { position:absolute; top:300px; margin:0 0 0 60px; height:60px; text-indent:-2000px; z-index:105; overflow:hidden; } h1.menus { background:url(images/interface/h1-menus.png) no-repeat; width:526px; } h1.location { background:url(images/interface/h1-location.png) no-repeat; width:289px; } h1.watamiSingapore { background:url(images/interface/h1-watami-singapore.png) no-repeat; width:526px; } h1.abouWatami { background:url(images/interface/h1-about-watami.png) no-repeat; width:526px; } h1.socialRes { background:url(images/interface/h1-social-responsibilities.png) no-repeat; width:686px; } h1.siteMap { background:url(images/interface/h1-site-map.png) no-repeat; width:526px; } h1.careers { background:url(images/interface/h1-careers.png) no-repeat; width:526px; } h1.mailingList { background:url(images/interface/h1-mailing-list.png) no-repeat; width:526px; } h1.newsUpdates { background:url(images/interface/h1-news-updates.png) no-repeat; width:526px; } h1.news { background:url(images/interface/h1-in-the-news.png) no-repeat; width:526px; } h1.contact { background:url(images/interface/h1-contact.png) no-repeat; width:526px; } h1.promotions { background:url(images/interface/h1-promotions.png) no-repeat; width:526px; } h1.grandmenu { background:url(images/interface/h1-grand-menu.png) no-repeat; width:526px; } h1.drinksmenu { background:url(images/interface/h1-drinks-menu.png) no-repeat; width:526px; } h1.lunchmenu { background:url(images/interface/h1-lunch-menu.png) no-repeat; width:526px; } h1.contest { background:url(images/interface/h1-contest.png) no-repeat; width:526px; } h1.funfacts { background:url(images/interface/h1-funfacts.png) no-repeat; width:526px; } h1.Menuplanning { background:url(images/interface/h1-menu-planning.png) no-repeat; width:526px; } h1.deliverymenu { background:url(images/interface/h1-deliverymenu.png) no-repeat; width:686px; } h1.setmenu { background:url(images/interface/h1-setmenu.png) no-repeat; width:686px; } h1.saj { background:url(images/interface/h1-saj.png) no-repeat; width:500px; } /* Inner footer */ #innerFooterLine { position:absolute; background:url(images/interface/dot1.gif) repeat-x bottom; margin:0 0 0 250px; width:630px; height:20px; z-index:100; } #innerFooter { position:absolute; margin:0 0 0 380px; padding:0; list-style:none; z-index:100; } #innerFooter li { clear:none; float:left; margin:0; padding:0 20px; border-right:1px solid #bb8d49; font-size:11px; } #innerFooter li.last { border:none; } #homeCopyright { position:absolute; width:928px; font-size:10px; text-align:right; z-index:100; } /* Contents */ #body { position:absolute; top:350px; margin:0 0 0 40px; width:885px; font:12px/1.4em Arial; z-index:51; } #bodyBg { background:#641002; position:absolute; top:350px; margin:0 0 0 40px; width:885px; z-index:50; } #body img { padding:1px; border:1px solid #b06138; } .left { float:left; padding:50px 0 0 210px; width:200px; } .right { float:left; padding:50px 0 0 20px; width:380px; } .full { float:left; padding:50px 0 0 210px; width:600px; } .full a { text-decoration:underline; } .imageList { margin:0; padding:50px 0 0 0; list-style:none; } .imageList li { margin:0; padding:0 0 50px 210px; } .imageList img { float:left; padding:1px; border:1px solid #b06138; } .imageList blockquote { float:left; margin:0 0 0 20px; padding:0; width:250px; } .imageList blockquote.drop { float:left; margin:30px 0 0 20px; padding:0; width:250px; } /* Buttons */ .enlargeBtn { background:url(images/interface/enlarge-btn.gif) no-repeat 67px 81px; float:left; display:block; padding:0 10px 0 0; width:82px; height:96px; } /* MooScroll */ .scrollHandle { background-color:#cc0000; position:absolute; right:0; width:5px; height:20px; cursor:pointer; } .scrollBar { background-color:#FFFFFF; position:absolute; top:80px; right:15px; width:5px; height:150px; } /* Accordion */ h2.toggler { cursor:pointer; } div.innerElement { padding:0 0 30px 0; } /* Specific sections */ /* Homepage */ #whatsNewTitle { background:url(images/interface/whats-new.png) no-repeat; margin:25px 0 0 40px; width:155px; height:37px; overflow:hidden; text-indent:-2000px; } #homeNewsTicker { margin:10px 0 0 40px; width:170px; height:180px; overflow:hidden; } #homeNewsTicker h2 { background:none; margin:0; padding:0 0 2px 0; font:24px Arial; color:#cea75c; } #homeNewsTicker p { background:url(images/interface/dot1.gif) repeat-x bottom; margin:0 0 10px 0; padding:0 0 10px 0; font:11px/1.4em Arial; color:#ffdaa1 } #homeNewsTicker a { text-decoration:underline; } #slideshowControls { position:absolute; top:300px; margin:0 0 0 815px; padding:0; width:300px; list-style:none; } #slideshowControls a { float:left; display:block; margin:0 0 0 5px; padding:5px 8px; border:1px solid #e6c076; font:bold 12px Arial; color:#e6c076; cursor:pointer; } .promoGraphic { position:absolute; top:440px; margin:0 0 0 5px; } .promoGraphic img { border:none; } /* News */ #subscribeBadge { background:url(images/interface/subscribe-badge.png) no-repeat; display:block; position:absolute; top:150px; margin:0 0 0 20px; width:179px; height:170px; } #newsAccordion div.newsImages { position:absolute; left:210px; margin:-40px 0 0 0; width:200px; } /* Sitemap */ .sitemap { line-height:1.7em; } .sitemap a { color:#ffdaa5; text-decoration:none; } .sitemap a:hover { color:#b98c49; text-decoration:underline; } /* Forms */ .formLeft { float:left; padding:0 0 10px 0; width:170px; } .formRight { float:left; padding:0 0 10px 20px; width:400px; } .formRightShort { float:left; padding:0 0 10px 20px; width:120px; font-size:11px; } .textField, textarea { background:#cea75c; padding:3px; border:none; font:12px Arial; color:#641002; } select { background:#cea75c; margin:0 10px 0 0; padding:1px; border:none; font:12px Arial; color:#641002; } /* Logo & Main Menu */ #mm { position:absolute; top:8px; margin:0; padding:0; width:960px; height:20px; list-style:none; z-index:120; } #mm li { clear:none; background:#762b08; float:right; display:inline-block; margin:0 0 0 1px; padding:5px 10px; font-size:11px; } #mm a { color:#e6c076; } #mm a:hover { color:#e6c076; } #watamisg { background:#cea75c; position:absolute; top:23px; padding:0; width:150px; } #watamisg li { background:url(images/interface/main-menu-dropdown-bg.jpg) no-repeat; float:none; display:block; margin:0; padding:5px 10px; width:120px; height:14px; } #watamisg li a { color:#6a2406; } #watamisg li a:hover { color:#6a2406; } #abtwatami { background:#cea75c; position:absolute; top:23px; padding:0; width:150px; } #abtwatami li { background:url(images/interface/main-menu-dropdown-bg.jpg) no-repeat; float:none; display:block; margin:0; padding:5px 10px; width:120px; height:14px; } #abtwatami li a { color:#6a2406; } #abtwatami li a:hover { color:#6a2406; } /* Sub menu */ .smBg { background:url(images/interface/menu-bg.png) no-repeat; position:absolute; top:135px; margin:0 0 0 240px; width:721px; height:35px; } #sm { position:absolute; top:135px; margin:0; padding:0; width:960px; height:20px; list-style:none; z-index:120; } #sm li { clear:none; float:right; display:inline-block; margin:0; padding:0; min-height:1%; overflow:hidden; } #sm li a { display:block; } a.sm1, a.sm2, a.sm3, a.sm4 { text-indent:-2000px; height:26px; } #sm1 { background:url(images/interface/btn-home.jpg) no-repeat; width:93px; height:26px; overflow:hidden; } #sm1:hover { background:url(images/interface/btn-home-over.jpg) no-repeat; } #sm1.active { background:url(images/interface/btn-home-active.jpg) no-repeat; } #sm2 { background:url(images/interface/btn-menus.jpg) no-repeat; display:block; width:99px; height:26px; overflow:hidden; } #sm2.active { background:url(images/interface/btn-menus-active.jpg) no-repeat; } #sm2:hover, .sm2Over { background:url(images/interface/btn-menus-over.jpg) no-repeat; } #sm3 { background:url(images/interface/btn-news.jpg) no-repeat; width:89px; height:26px; overflow:hidden; } #sm3.active { background:url(images/interface/btn-news-active.jpg) no-repeat; } #sm3:hover, .sm3Over { background:url(images/interface/btn-news-over.jpg) no-repeat; } #sm4 { background:url(images/interface/btn-promotions.jpg) no-repeat; width:144px; height:26px; overflow:hidden; } #sm4.active { background:url(images/interface/btn-promotions-active.jpg) no-repeat; } #sm4:hover, .sm4Over { background:url(images/interface/btn-promotions-over.jpg) no-repeat; } #sm5 { background:url(images/interface/btn-location.jpg) no-repeat; width:129px; height:26px; overflow:hidden; } #sm5.active { background:url(images/interface/btn-location-active.jpg) no-repeat; } #sm5:hover, .sm5Over { background:url(images/interface/btn-location-over.jpg) no-repeat; } #sm7 { background:url(images/interface/btn-funfacts.jpg) no-repeat; width:123px; height:26px; overflow:hidden; } #sm7.active { background:url(images/interface/btn-funfacts-active.jpg) no-repeat; } #sm7:hover, .sm7Over { background:url(images/interface/btn-funfacts-over.jpg) no-repeat; } #sm6 { background:url(images/interface/btn-spacer.jpg) repeat-x; width:32px; height:26px; } #sm ul { background:url(images/interface/sub-dropdown-bg.jpg) repeat-x; position:absolute; top:26px; margin:0; padding:0; list-style:none; z-index:10; } #sm ul li { float:none; display:block; margin:0; padding:5px; text-align:center; } #sm3 ul li { width:89px; } #sm5 ul li { width:129px; } #sm li ul li a { display:inline; padding:0; color:#fcc275; text-indent:1px; } /* Preview items */ #sm div.smDropDown { background:url(images/interface/sub-dropdown-bg.jpg) repeat-x; position:absolute; top:26px; margin:0; padding:15px; width:500px; z-index:10; } .previewItem { float:left; margin:0 20px 0 0; width:84px; font:9px/1.5em Arial; color:#f78602; text-align:center; } .previewItem img { padding:1px; border:1px solid #b06138; } #sm li div.previewItem a { padding:0; color:#f78602; } #sm li div.previewItem a:hover { text-decoration:none; } .large { margin:0; padding:10px 0 0 0; font:13px/1.4em Arial; color:#e6c076; text-align:right; } /* Panels */ #homePanel1 { background:#4d0400; position:absolute; top:200px; width:250px; height:250px; } #homePanel2 { background:#4d0400; position:absolute; top:455px; width:250px; height:155px; } #homePanelContents1 { position:absolute; top:180px; width:250px; height:290px; } #afterHomePanelContents1 { background:#4d0400; position:absolute; top:615px; padding:5px 0 5px 57px; width:192px; } #afterHomePanelContentsFB { background:url(images/interface/facebk.png) no-repeat; position:absolute; top:619px; margin-left:35px; padding:5px 0 5px 35px; width:20px; height:14px;} #afterHomePanelContents2 { background:#4d0400; position:absolute; top:640px; padding:5px 0 5px 57px; width:192px; } #afterHomePanelContentsTW { background:url(images/interface/twitterbk.png) no-repeat; position:absolute; top:644px; margin-left:35px; padding:5px 0 5px 35px; width:20px; height:14px;}