/** * Oswald.ch * * @copyright 2009 * @author Karin Christen * @author Stefan Baur * @version 0.2 */ /** * @ Start: these styles can be removed while including in .NET body {background:url(../img/bg.jpg) top left no-repeat;} #col1 {margin-top:150px; margin-left:180px;}*/ /** * @ End: these styles can be removed while including in .NET */ /** * @section Special Styles * Styling of Special Elements */ /** * @section Layout Styling & Overwrites * Styling of the Layout Elements */ #search {width: 158px;} #innerSearch input.searchField {width:132px;} #innerSearch input.searchButton {margin-left:-1px;} #col1 {width:796px; background:none;} /** * @section Header & Abstracts * Styling of the Header & Tilte Elements */ #col1 .heading {margin: 0 0 0 15px;} #col1 .headingLeft {margin-top:5px; width:175px; height:130px; float:left;} #col1 .headingLeft h2 {margin-top:5px; color:#fff; font-size:13px; font-weight: normal; width:114px; text-align:center;} #col1 .headingRight {margin-top:20px; width:540px; float: left;} /* #col1 .headingRight h1 span {position:absolute; left:-1000px;} --> ersetzt durch klasse .waiHide */ #col1 #abstractsContainer .abstractsItem {display:none;} #col1 #abstractsContainer .active {display: block;} #col1 #abstractsContainer .abstractsItem a {color:#F7D284; text-decoration: underline;} #col1 #abstractsContainer .abstractsItem a:visited {color:#F7D284; text-decoration: underline;} #col1 #abstractsContainer .abstractsItem a:hover {color:#fff; text-decoration: none;} /** * @section Recipes * Styling of the Teaser Elements */ /* TODO */ #col1 #recipesContainer {margin-bottom: 23px; padding-top: 26px;} #col1 #recipesContainer #recipesInnerWrapper {width: 770px; height: 310px;padding: 4px 5px 4px 5px; margin:-4px 0 0 -5px; background: url(../Images/Oswald/oswald-recipes-shade.png) no-repeat left top;} #col1 #recipesContainer .recipesItem {clear:both; position: absolute; left: -10000px; width:770px; height:310px; background-color: white;} #col1 #recipesContainer .active {position: static; left: 0;} /* TODO default */ #col1 #recipesContainer .recipesItem { z-index: -1; } /* TODO active */ #col1 #recipesContainer .active { position: absolute; z-index: 1; } /* TODO next */ #col1 #recipesContainer .nextRecipeItem { display: none; left: 0; z-index: 2; } #col1 #recipesContainer .recipesItem .recipeContent {margin:0 0 0 385px; width:385px; height:310px; padding-top: 10px;} #col1 #recipesContainer .recipesItem .recipe_top {padding: 0 0 0 0; height: 40px; border-top: 1px solid #d1d1d1; border-bottom: 1px double #d1d1d1; position: relative;} #col1 #recipesContainer .recipesItem .recipe_top h1 {margin-left: 60px; margin-top: 5px; color: #666666; width: 205px;} #col1 #recipesContainer .recipesItem .recipe_top p.recipe_persons {position:absolute; right: 0; bottom: 0; color:#666666; padding-bottom:6px;} #col1 #recipesContainer .recipesItem .recipe_main {border-top: 1px solid #d1d1d1; padding-top:17px; margin-top:2px;} #col1 #recipesContainer .recipesItem .recipe_main .recipeInlineProduct a {color:#e2001a; font-weight:bold; font-size:11px;} #col1 #recipesContainer .recipesItem .recipe_main .recipeInlineProduct a.recipeProductLink {line-height:17px;} #col1 #recipesContainer .recipesItem .recipe_main .AddVariantToCartButton {margin-left: 4px; vertical-align:middle; } #col1 #recipesContainer .recipesItem .recipe_bottom {position:relative; clear:both; border-top: 1px solid #d1d1d1; margin: 0 25px 0 22px; padding: 10px 0 0 0; } * html #col1 #recipesContainer .recipesItem .recipe_bottom a.recipe_download_link {background-image:none;} #col1 #recipesContainer .recipesItem .recipe_bottom a.recipe_download_link {margin-left:60px; color:#e2001a; padding:0 10px 0 0; background: transparent url(../Images/Oswald/douple_arrow_bottom.gif) no-repeat right center; } #col1 #recipesContainer .recipesItem .recipe_bottom a.more_recipes {color:#e2001a; position:absolute; right:20px; top:0; text-align:right} * html #col1 #recipesContainer .recipesItem .recipe_bottom a.more_recipes {right:44px;} #col1 #recipesContainer .recipesItem .recipe_bottom a.click_catcher {color:#e2001a; position:absolute; right:-25px; bottom:0; height:30px; width:70px; text-decoration:none;} * html #col1 #recipesContainer .recipesItem .recipe_bottom a.click_catcher {right:0;} /** * @section Teasers * Styling of the Teaser Elements */ #col1 #teasersContainer {margin:0px 0 0 0; width:770px; color:#666; background-color:#e8e8e8; } #col1 #teasersContainer h2, #col1 #teasersContainer h2 a {margin-bottom:12px; font-size: 18px; font-weight:normal; text-transform: uppercase; color:#868889;} #col1 #teasersContainer p {font-size: 12px;} #col1 #teasersContainer p.title {margin-bottom:8px; font-weight:bold;} #col1 #teasersContainer a {font-size: 12px;} #col1 #teasersContainer a.more {position:absolute; bottom:0px; left:0px; font-size:12px; color:#e2001a; padding:0 10px 0 0; background: transparent url(../Images/Oswald/douple_arrow.gif) no-repeat right center; } #col1 #teasersContainer ul li {font-size: 12px;} #col1 #teasersContainer img.teaserIMG {float:right; max-width:100px; max-height:100px; margin-left:3px} * html #col1 #teasersContainer img.teaserIMG {height:80px; } #col1 #teasersContainer .teasersRow {clear:both; display:block; height: 155px; background-color:#fff; padding: 20px 0 20px 0; margin-top:6px;} #col1 #teasersContainer .first-row {margin-top:0;} * html #col1 #teasersContainer .teasersRow {overflow:hidden; } /*IE6 fix*/ #col1 #teasersContainer .teasersItem {position:relative; height: 155px; margin-left:23px; padding-right:12px; display:block; width:218px; float:left; border-right:1px solid #d1d1d1} #col1 #teasersContainer .last-item {border:none;} * html #col1 #teasersContainer .first-item {margin-left:11px;} /*IE6 fix*/ /** * @section Links * Styling of the Links Elements */ #col1 #linksContainer {clear:both; width:770px; height:132px; line-height:20px; color:#868889; background-color:#e8e8e8;} #col1 #linksContainer h2 {font-size: 13px; font-weight:bold; color:#868889;} #col1 #linksContainer a {color:#adadad; font-size: 12px; } #col1 #linksContainer a:hover {color:#e2001a; text-decoration:underline;} #col1 #linksContainer .linksRow { display:block; padding: 20px 0 20px 0; } #col1 #linksContainer .linksRow p {font-size: 12px;} #col1 #linksContainer .linksItem {position:relative; margin-left:23px; padding-right:15px; display:block; width:218px; float:left; border-right:1px solid #d1d1d1} #col1 #linksContainer .last-item {border:none;} * html #col1 #linksContainer .first-item {margin-left:11px;} /*IE6 fix*/