@import url(constants.less); @import url(classes.less); #storesWraper{ } /*------------------------------------- --------------------------------------- search fieldset --------------------------------------- -------------------------------------*/ #storesWraper fieldset { } #storesWraper fieldset #searchTerm { } #storesWraper fieldset #searchItunesStoreSubmit { float: left; margin: 5px 0px 0px 16px; } #storesWraper fieldset #mediaType, #storesWraper fieldset #resultAmount{ padding: 16px; float: left; } #storesWraper fieldset #mediaType{ clear: both; margin: 16px 16px 16px 0px; } #storesWraper fieldset #resultAmount{ margin: 16px 0px 16px 0px; } /*------------------------------------- --------------------------------------- result wraper --------------------------------------- -------------------------------------*/ #searchiTunesResultWraper { overflow: auto; margin: 30px -16px 30px 0; } #searchiTunesResultWraper .appleItem { width: 269px; height: 118px; background: rgba(255,255,255,0.2); border: 1px inset rgba(255,255,255,0.3); overflow: hidden; float: left; margin: 16px 16px 0 0; position: relative; cursor: pointer; .transition(all,0.1s); } #searchiTunesResultWraper .appleItem:hover { background: rgba(255,255,255,0.5); border: 1px inset rgba(255,255,255,0.7); } #searchiTunesResultWraper .appleItem:before, #searchiTunesResultWraper .appleItem:after { } #searchiTunesResultWraper .appleItem:after { } #searchiTunesResultWraper .appleItem a{ } #searchiTunesResultWraper .appleItem > span { position: absolute; } #searchiTunesResultWraper .appleItemImage { top:17px; left: 17px; } #searchiTunesResultWraper .appleItemGenre{ top:17px; left: 87px; right: 17px; text-align: right; } #searchiTunesResultWraper .appleItemGenre span { color: rgba(0,0,0,0.5); font-size: 14px; } #searchiTunesResultWraper .appleItemPreis{ top: 37px; right: 17px; left: 87px; text-align: right; font-size: 16px; } #searchiTunesResultWraper .appleItemPreis a span { font-weight: 400; color: rgba(0,0,0,0.5); } #searchiTunesResultWraper .appleItemPreis .appleItemPreisCurrency { padding-left: 5px; } #searchiTunesResultWraper .appleItemTitle { top: 87px; left: 17px; right: 17px; } #searchiTunesResultWraper .appleItemTitle a { font-family: "Merriweather"; font-weight: 700; color: rgba(0,0,0,0.7); font-size: 16px; } #searchiTunesResultWraper .appleItemImage img{ float: left; max-height: 60px; max-width: 60px; .border-radius(2px); } #searchiTunesResultWraper .appleItemPreis .appleItemPreisFranken{ } #searchiTunesResultWraper .appleItemPreis .appleItemPreisRappen{ } #searchiTunesResultWraper .appleItemPreis .appleItemPreisGratis { } #searchiTunesResultWraper .appleItemDate, #searchiTunesResultWraper .appleItemDesc, #searchiTunesResultWraper .appleItemAutor { display: none; }