/** * SilverStripe Mehrweg Theme * Edited by ;Dany - www.dany.ba * * Main Layout File */ @import url(http://fonts.googleapis.com/css?family=Abel|Droid+Sans:400,700|Lato:400,700,400italic,700italic|Sarina|Cabin|Cabin+Sketch|Neuton|Istok+Web|Josefin+Sans|Reenie+Beanie|Droid+Serif|Volkhov|Vollkorn); /* CSS reset -------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; vertical-align: baseline; list-style-type:none; text-decoration: none; } section, header, footer, article, nav, time { display: block; } html { background: #f4f4f4 url(../images/page_bg.png) repeat-x; } body { font-family: 'Droid Sans', sans-serif; font-size: 11px; color: #666666; } a { cursor: pointer; } p { margin-bottom: 20px; } .clear { clear: both; margin-bottom: 25px } em { font-style: italic; } ol li { list-style-type: decimal !important; font-weight: bold; padding-bottom: 10px; } /*.fb_edge_comment_widget { top: -340px !important; left: 0px !important; }*/ .textIndent4 { text-indent: 4px; } /* Misc Styles and defaults -------------------------------------------- */ /*.home #PageHolder { background-color: #b3c579; }*/ #PageHolder { width: 1024px; margin: 0 auto; position: relative; min-height: 816px; overflow: hidden; } .SubHolder { width: 1024px; margin: 0 auto; position: relative; } header, #header { width: 994px; height: 150px; padding-left: 30px; position: relative; z-index: 100; background: transparent url(../images/header_bg.png) repeat-x; } header a, #header a { float: left; } header .slogan, #header .slogan { float: left; width: 254px; margin: 100px 18px 0 0 ; font-weight: 700;} .latoFont { font-family: "Lato"; } .paddingTop10 { padding-top: 10px; } .paddingTop40 { padding-top: 40px; } .paddingBottom20 { padding-bottom: 20px; } .paddingLeft40 { padding-left: 40px;} /* Main navigation -------------------------------------------- */ div.nav, header nav { width: 595px; position: absolute; right: 0px; float: left; top: 25px; } div.nav li, header nav li { float: left; margin-right: 18px; } div.nav a, header nav a { font-size: 20px; font-weight: 700; text-transform: lowercase; } div.nav a:hover, div.nav a.current, div.nav a.section, header nav a:hover, header nav a.current, header nav a.section { text-decoration: underline; } /* Footer -------------------------------------------- */ footer, #footer { position: absolute; top: 695px; width: 974px; margin-left: 50px; z-index: 10; } footer .infoText, #footer .infoText { width: 520px; height: 50px; line-height: 50px; padding-left: 45px; background: transparent url(../images/icons/footer_info.png) no-repeat left center; font-size: 20px; color: #31b677; font-weight: 700; overflow: hidden; float: left; } footer #navFooter, #footer #navFooter { float: left; height: 50px; line-height: 50px; width: 230px; overflow: hidden;} footer #navFooter a, #footer #navFooter a { padding-right: 9px; } footer .socialLinks, #footer .socialLinks { line-height: 50px; overflow: hidden; } /* Titles & Colors --------------------------------------------- */ .green { color: #31b677; } .green20 { color: #31b677; font-size: 20px; } .home .green { color: #FFFFFF; } .home .green20 { color: #FFFFFF; } .white20 { color: #FFFFFF; font-size: 20px; } /* Content ---------------------------------------------- */ #Content { width: 974px; height: 768px; overflow: hidden; position: absolute; top: 0; z-index: 10; padding: 65px 0 0 50px; } .hideMe { display: none; } .marginTop10 { margin-top: 10px; } .homeMainTitle { font-weight: 700; font-size: 60px; color: #ffffff; position: absolute; top: 185px; width: 780px; line-height: 66px; } .homeMainTitle a { font-weight: 700; font-size: 60px; color: #ffffff; line-height: 66px;} .homeSmallTitle { font-weight: 700; margin-top: 45px; line-height: 24px; } .InitiativeLogoHome { text-align: right; margin: 30px 35px 0 0;} .homeStartAplicationDesc { position: absolute; left: 505px; top: 510px; z-index: 10; } .homeStartAplication { position: absolute; left: 475px; top: 610px; width: 78px; height: 79px; overflow: hidden; background: transparent url(../images/icons/start_app.png) no-repeat; z-index: 11; } .homeStartAplication:hover { background-position: center bottom; } .InitiativeLogo { text-align: right; margin: 15px 50px 0 0;} .topTitle { font-size: 15px; color: #31b677; position: absolute; left: 512px; top: 105px; z-index: 110; } nav.topTitle a { color: #787878; padding-right: 10px; } nav.topTitle a:hover, nav.topTitle a.current, nav.topTitle a.section { color: #31b677; text-decoration: underline; } .bottlesContainer { position: absolute; top: 180px; width: 960px; } .bottlesContainer .slide { width: 960px; background: transparent; } .bottleBox { float: left; text-align: center; width: 204px; margin-right: 36px; height: 250px; color: #31B677; font-size: 15px; position: relative; } .bottleBox img { border: 1px solid #31b677; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; cursor: pointer; margin-bottom: 15px; } .listBottleBox { float: left; text-align: center; width: 204px; margin-right: 36px; color: #31B677; font-size: 15px; position: relative; } .listBottleBox .etBG { margin-top: 20px;} .homeBottleBox { float: left; text-align: center; width: 204px; color: #31B677; font-size: 15px; position: absolute; top: 336px; right: 50px; } .homeBottleBox .bottleBoxBottle {position: relative; z-index: 1; text-align: right;} .homeBottleBox .bottleUploaderPerson { color: #666666; } .homeBottleBox .bottleUploaderPerson span { color: #31B677; font-weight: bold; } .homeBottleBox .etBG { margin-top: 20px; position: absolute; top: 0px; left: 0px;} /*.bottleBox img:hover { background-color: #31B677 !important; }*/ .leftArrow, .rightArrow, .rightArrowFake, #psdUploadFrom_myUpload_action_submitListing, #textDesignForm_saveMyText_action_submitListing, #nextBottles, #prevBottles, #prevPage, #nextPage{ position: absolute; top: 367px; width: 78px; height: 78px; border: 0px; cursor: pointer; z-index: 999999; } .leftArrow, #prevBottles, #prevPage { background: transparent url(../images/icons/arrows.png) no-repeat left top; left: 18px; } .leftArrow:hover, #prevBottles:hover, #prevPage:hover { background-position: right top; } .rightArrow, .rightArrowFake, #psdUploadFrom_myUpload_action_submitListing, #textDesignForm_saveMyText_action_submitListing, #nextBottles, #nextPage, #textDesignForm_saveMyText_action_submitListing_fake { background: transparent url(../images/icons/arrows.png) no-repeat left bottom; left: 934px; font-size: 1px; text-indent: -999999px; z-index: 999999; } .rightArrow:hover, .rightArrowFake:hover, #psdUploadFrom_myUpload_action_submitListing:hover, #textDesignForm_saveMyText_action_submitListing:hover, #nextBottles:hover, #nextPage:hover, #textDesignForm_saveMyText_action_submitListing_fake:hover { background-position: right bottom; } #prevPage, #nextPage { top: 447px; } .bottleImg { position: absolute; top: 140px; width: 444px; text-align: center; } .bottleImg img { display: none; } .formContents { position: absolute; top: 180px; left: 512px; width: 330px; font-size: 15px; } .formContents h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .formContents .downloadLink { display: none; color: #666666; background: transparent url(../images/icons/download.png) no-repeat right center; font-weight: 700; float: left; padding-right: 60px; line-height: 50px; } .formContents .UploadifyField .button_wrapper { height: 50px !important; } .formContents .UploadifyField .button_wrapper object { width: 300px !important; height: 50px !important; } .formContents .UploadifyField .preview { display: none !important; } .formContents .uploadify_button, .formContents .uploadify_button:hover { font-size: 15px !important; color: #666666 !important; background: transparent url(../images/icons/upload.png) no-repeat right center !important; font-weight: 700; padding: 0 60px 0 0 !important; line-height: 50px; width: 250px !important; } .formContents .optionset, .formContents .checkboxField { clear: both; } .formContents .optionset input, .formContents .checkboxField input { margin: 3px 12px 40px 0; display: block; float: left; } #psdUploadFrom_myUpload_AGB { margin-bottom: 30px; margin-top: 10px; } #mysaveUserForm_saveUserDetails_Name, #mysaveUserForm_saveUserDetails_Email, #psdUploadFrom_myUpload_Name, #psdUploadFrom_myUpload_Email, #textDesignForm_saveMyText_Name, #textDesignForm_saveMyText_Email { width: 318px; height: 23px; border: 1px solid #31b677; background: transparent; margin-bottom: 15px; } span.fieldTitle { font-family: 'Lato', sans-serif; font-size: 13px; color: #31b677; line-height: 17px; display: block; height: 20px; } form .validationError input, form input.validationError { border-color: #ff0000 !important; } form .validationError label { color: #ff0000; } form .validationError .message { display: none !important; } form .textDesignBlockText { position: absolute; top: 180px; font-size: 15px; color: #31b677; width: 222px; } .textDesignBlockTextUserForm { position: absolute; left: 150px; top: 220px; font-size: 15px; color: #31b677; width: 222px;} form #designHolder .backgroundHolder { position: absolute; top: 180px; left: 310px; width: 400px; height: 400px; overflow: hidden; background: transparent url(../images/textdesign/text_bg/big_1.png) no-repeat; text-align: center;} form #designHolder .backgroundHolder textarea { overflow: hidden; background: transparent; border: 0px; width: 380px; height: 330px; resize: none; text-align: center; font-size: 50px; font-weight: 400; color: #ffffff; font-family: "Droid Sans"; margin-top: 35px; } form .backgroundsBtn { width: 78px; height: 78px; overflow: hidden; background: transparent url(../images/textdesign/bg_icon.png) no-repeat; position: absolute; top: 289px; left: 856px; cursor: pointer; } form .textsBtn { width: 78px; height: 78px; overflow: hidden; background: transparent url(../images/textdesign/text_icon.png) no-repeat; position: absolute; top: 367px; left: 856px; cursor: pointer; } form .colorsBtn { width: 78px; height: 78px; overflow: hidden; background: transparent url(../images/textdesign/color_icon.png) no-repeat; position: absolute; top: 445px; left: 856px; cursor: pointer; } form .colorPicker, form .fontPicker, form .bgPicker { display: none; width: 300px; height: 688px; background: #e7e7e7; position: absolute; top: 0px; left: 0px; padding: 180px 0 0 50px; color: rgb(80,80,80); font-size: 15px; } form .colorPicker .colorBtn, form .fontButtons .fontBtn, form .fontButtons .sizeBtn, form .bgPicker .bgBtn { cursor: pointer; width: 50px; height: 50px; margin: 15px 15px 0 0; overflow: hidden; float: left; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;} form .colorPicker .pickerButtons, form .fontButtons { width: 260px; } form .bgPicker .bgBtn[ref='1'] { background: transparent url(../images/textdesign/text_bg/small_1.png) no-repeat;} form .bgPicker .bgBtn[ref='1']:hover { background: transparent url(../images/textdesign/text_bg/small_1_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='2'] { background: transparent url(../images/textdesign/text_bg/small_2.png) no-repeat;} form .bgPicker .bgBtn[ref='2']:hover { background: transparent url(../images/textdesign/text_bg/small_2_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='3'] { background: transparent url(../images/textdesign/text_bg/small_3.png) no-repeat;} form .bgPicker .bgBtn[ref='3']:hover { background: transparent url(../images/textdesign/text_bg/small_3_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='4'] { background: transparent url(../images/textdesign/text_bg/small_4.png) no-repeat;} form .bgPicker .bgBtn[ref='4']:hover { background: transparent url(../images/textdesign/text_bg/small_4_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='5'] { background: transparent url(../images/textdesign/text_bg/small_5.png) no-repeat;} form .bgPicker .bgBtn[ref='5']:hover { background: transparent url(../images/textdesign/text_bg/small_5_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='6'] { background: transparent url(../images/textdesign/text_bg/small_6.png) no-repeat;} form .bgPicker .bgBtn[ref='6']:hover { background: transparent url(../images/textdesign/text_bg/small_6_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='7'] { background: transparent url(../images/textdesign/text_bg/small_7.png) no-repeat;} form .bgPicker .bgBtn[ref='7']:hover { background: transparent url(../images/textdesign/text_bg/small_7_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='8'] { background: transparent url(../images/textdesign/text_bg/small_8.png) no-repeat;} form .bgPicker .bgBtn[ref='8']:hover { background: transparent url(../images/textdesign/text_bg/small_8_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='9'] { background: transparent url(../images/textdesign/text_bg/small_9.png) no-repeat;} form .bgPicker .bgBtn[ref='9']:hover { background: transparent url(../images/textdesign/text_bg/small_9_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='10'] { background: transparent url(../images/textdesign/text_bg/small_10.png) no-repeat;} form .bgPicker .bgBtn[ref='10']:hover { background: transparent url(../images/textdesign/text_bg/small_10_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='11'] { background: transparent url(../images/textdesign/text_bg/small_11.png) no-repeat;} form .bgPicker .bgBtn[ref='11']:hover { background: transparent url(../images/textdesign/text_bg/small_11_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='12'] { background: transparent url(../images/textdesign/text_bg/small_12.png) no-repeat;} form .bgPicker .bgBtn[ref='12']:hover { background: transparent url(../images/textdesign/text_bg/small_12_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='13'] { background: transparent url(../images/textdesign/text_bg/small_13.png) no-repeat;} form .bgPicker .bgBtn[ref='13']:hover { background: transparent url(../images/textdesign/text_bg/small_13_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='14'] { background: transparent url(../images/textdesign/text_bg/small_14.png) no-repeat;} form .bgPicker .bgBtn[ref='14']:hover { background: transparent url(../images/textdesign/text_bg/small_14_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='15'] { background: transparent url(../images/textdesign/text_bg/small_15.png) no-repeat;} form .bgPicker .bgBtn[ref='15']:hover { background: transparent url(../images/textdesign/text_bg/small_15_aktiv.png) no-repeat;} form .bgPicker .bgBtn[ref='16'] { background: transparent url(../images/textdesign/text_bg/small_16.png) no-repeat;} form .bgPicker .bgBtn[ref='16']:hover { background: transparent url(../images/textdesign/text_bg/small_16_aktiv.png) no-repeat;} form .colorPicker .colorBtn[ref='40,170,225'] { background-color: rgb(40,170,225);} form .colorPicker .colorBtn[ref='0,100,255'] { background-color: rgb(0,100,255);} form .colorPicker .colorBtn[ref='0,50,255'] { background-color: rgb(0,50,255);} form .colorPicker .colorBtn[ref='0,0,200'] { background-color: rgb(0,0,200);} form .colorPicker .colorBtn[ref='255,0,255'] { background-color: rgb(255,0,255);} form .colorPicker .colorBtn[ref='235,30,120'] { background-color: rgb(235,30,120);} form .colorPicker .colorBtn[ref='210,20,90'] { background-color: rgb(210,20,90);} form .colorPicker .colorBtn[ref='235,30,35'] { background-color: rgb(235,30,35);} form .colorPicker .colorBtn[ref='0,255,0'] { background-color: rgb(0,255,0);} form .colorPicker .colorBtn[ref='140,200,60'] { background-color: rgb(140,200,60);} form .colorPicker .colorBtn[ref='60,180,75'] { background-color: rgb(60,180,75);} form .colorPicker .colorBtn[ref='0,145,75'] { background-color: rgb(0,145,75);} form .colorPicker .colorBtn[ref='255,235,30'] { background-color: rgb(255,235,30);} form .colorPicker .colorBtn[ref='250,235,30'] { background-color: rgb(250,235,30);} form .colorPicker .colorBtn[ref='250,175,60'] { background-color: rgb(250,175,60);} form .colorPicker .colorBtn[ref='250,255,255'] { background-color: rgb(250,255,255); width: 48px; height: 48px; border: 1px solid #000000;} form .colorPicker .colorBtn[ref='255,255,255'] { background-color: rgb(255,255,255); width: 48px; height: 48px; border: 1px solid #000000;} form .colorPicker .colorBtn[ref='0,0,0'] { background-color: rgb(0,0,0);} form .fontPicker .font1 { background: transparent url(../images/textdesign/text_family/font_1.png) no-repeat; } form .fontPicker .font1:hover { background: transparent url(../images/textdesign/text_family/font_1_aktiv.png) no-repeat; } form .fontPicker .font2 { background: transparent url(../images/textdesign/text_family/font_2.png) no-repeat; } form .fontPicker .font2:hover { background: transparent url(../images/textdesign/text_family/font_2_aktiv.png) no-repeat; } form .fontPicker .font3 { background: transparent url(../images/textdesign/text_family/font_3.png) no-repeat; } form .fontPicker .font3:hover { background: transparent url(../images/textdesign/text_family/font_3_aktiv.png) no-repeat; } form .fontPicker .font4 { background: transparent url(../images/textdesign/text_family/font_4.png) no-repeat; } form .fontPicker .font4:hover { background: transparent url(../images/textdesign/text_family/font_4_aktiv.png) no-repeat; } form .fontPicker .font5 { background: transparent url(../images/textdesign/text_family/font_5.png) no-repeat; } form .fontPicker .font5:hover { background: transparent url(../images/textdesign/text_family/font_5_aktiv.png) no-repeat; } form .fontPicker .font6 { background: transparent url(../images/textdesign/text_family/font_6.png) no-repeat; } form .fontPicker .font6:hover { background: transparent url(../images/textdesign/text_family/font_6_aktiv.png) no-repeat; } form .fontPicker .font7 { background: transparent url(../images/textdesign/text_family/font_7.png) no-repeat; } form .fontPicker .font7:hover { background: transparent url(../images/textdesign/text_family/font_7_aktiv.png) no-repeat; } form .fontPicker .font8 { background: transparent url(../images/textdesign/text_family/font_8.png) no-repeat; } form .fontPicker .font8:hover { background: transparent url(../images/textdesign/text_family/font_8_aktiv.png) no-repeat; } form .fontPicker .font9 { background: transparent url(../images/textdesign/text_family/font_9.png) no-repeat; } form .fontPicker .font9:hover { background: transparent url(../images/textdesign/text_family/font_9_aktiv.png) no-repeat; } form .fontPicker .font10 { background: transparent url(../images/textdesign/text_family/font_10.png) no-repeat; } form .fontPicker .font10:hover { background: transparent url(../images/textdesign/text_family/font_10_aktiv.png) no-repeat; } form .fontPicker .font11 { background: transparent url(../images/textdesign/text_family/font_11.png) no-repeat; } form .fontPicker .font11:hover { background: transparent url(../images/textdesign/text_family/font_11_aktiv.png) no-repeat; } form .fontPicker .font12 { background: transparent url(../images/textdesign/text_family/font_12.png) no-repeat; } form .fontPicker .font12:hover { background: transparent url(../images/textdesign/text_family/font_12_aktiv.png) no-repeat; } form .fontPicker .font13 { background: transparent url(../images/textdesign/text_family/font_13.png) no-repeat; display: none; } form .fontPicker .font13:hover { background: transparent url(../images/textdesign/text_family/font_13_aktiv.png) no-repeat; } form .fontPicker .font14 { background: transparent url(../images/textdesign/text_family/font_14.png) no-repeat; display: none; } form .fontPicker .font14:hover { background: transparent url(../images/textdesign/text_family/font_14_aktiv.png) no-repeat; } form .fontPicker .font15 { background: transparent url(../images/textdesign/text_family/font_15.png) no-repeat; display: none; } form .fontPicker .font15:hover { background: transparent url(../images/textdesign/text_family/font_15_aktiv.png) no-repeat; } form .fontPicker .font16 { background: transparent url(../images/textdesign/text_family/font_16.png) no-repeat; display: none; } form .fontPicker .font16:hover { background: transparent url(../images/textdesign/text_family/font_16_aktiv.png) no-repeat; } form .fontPicker .size1 { background: transparent url(../images/textdesign/text_size/size_1.png) no-repeat; } form .fontPicker .size1:hover { background: transparent url(../images/textdesign/text_size/size_1_aktiv.png) no-repeat; } form .fontPicker .size2 { background: transparent url(../images/textdesign/text_size/size_2.png) no-repeat; } form .fontPicker .size2:hover { background: transparent url(../images/textdesign/text_size/size_2_aktiv.png) no-repeat; } form .fontPicker .size3 { background: transparent url(../images/textdesign/text_size/size_3.png) no-repeat; } form .fontPicker .size3:hover { background: transparent url(../images/textdesign/text_size/size_3_aktiv.png) no-repeat; } form .dateDropdownShort { float: left; width: 150px; margin-right: 4px; line-height: 24px; margin-bottom: 20px;} form .dateDropdownLong { float: left; width: 170px; margin-right: 4px;} form #errorMessage, form #errorMessageUpload { clear: both; font-size: 13px; font-family: "Lato"; color: #e2001a; } form #errorMessageUpload { margin-top: 20px; } form #textDesignForm_saveMyText_AGB { margin-bottom: 30px; } .closePopupBox { display: block; width: 22px; height: 22px; background: transparent url(../images/textdesign/close.png) no-repeat; float: right; margin: -25px 55px 0 0;} .xLink, #mysaveUserForm_saveUserDetails_action_submitListing { padding: 0px; margin: 0px; clear: both; width: 268px; height: 45px; display: block; line-height: 50px; font-size: 15px; font-weight: 700; color: #666666; cursor: pointer; text-align: left; border: 0px; background: transparent url(../images/icons/right.png) no-repeat right top;} .xLink:hover, #mysaveUserForm_saveUserDetails_action_submitListing:hover { background-position: right bottom;} /*.xLink { clear: both; width: 268px; display: block; line-height: 45px; height: 45px; font-size: 15px; font-weight: 700; color: #666666; cursor: pointer; text-align: left; border: 0px; background: transparent url(../images/icons/x.png) no-repeat right top;} .xLink:hover { background-position: right bottom;}*/ /* classic page ------------------------------------ */ .classicPageContent, .classicPagePicture { width: 444px; position: absolute; top: 210px; font-size: 15px; } .classicPageContent { height: 471px; overflow: auto;} .classicPagePicture { left: 530px; } .classicPageContent a, .classicPageContent h3, .classicPagePicture a, .classicPagePicture h3 { color: #31B677; } .classicPageContent h3, .classicPagePicture h3 { margin-bottom: 0px; } .classicPageContent a, .classicPagePicture a { text-decoration: underline; } .teserPosition { position: absolute; top: 180px; width: 960px; min-height: 520px; } .teaserBox { width: 284px; margin-right: 35px; float: left; } .teaserBox * {font-size: 15px;} .teaserBox h3, .teaserBox a {color: #31B677; margin: 10px 0; } .teaserBox h3 { font-weight: bold; } .teaserBox p { color: #666666 !important; } .smallArrowLink { background: transparent url(../images/icons/link_icon.png) no-repeat left center; padding-left: 20px;} #navPager { position: absolute; top: 155px; } #navPager a { display: block; padding: 3px 5px; font-size: 15px; color: #31B677; margin-right: 5px; float: left; } #navPager a.activeSlide { font-weight: bold; } /* partner page -------------------------------------- */ .partnerHolder { position: absolute; top: 336px; width: 960px; } .partnerBox { float: left; width: 204px; height: 131px; margin: 0 36px 33px 0; overflow: hidden; } .startPageRight { background: url("../images/icons/arrows.png") no-repeat scroll left bottom transparent; font-size: 1px; text-indent: -999999px; border: 0 none; cursor: pointer; height: 78px; width: 78px; display: block; margin-top: -260px; margin-left: 370px; position:absolute;} /* previe page ----------------------------------------- */ .previewTextPage .bottleBox, .previewTextPageAdmin .bottleBox{ position: relative; text-align: left;} .previewTextPage .bottleBox img, .previewTextPageAdmin .bottleBox img { border: 0px;} .previewTextPage .bottleBox img.etBG, .previewTextPageAdmin .bottleBox img.etBG { margin-top: 23px; margin-bottom: 0px; } .previewTextPage .previePageEtTitle, .previewTextPageAdmin .previePageEtTitle { height: 155px; left: 10px; position: absolute; text-align: center; top: 48px; width: 155px; } .previewTextPage .bottleBoxBottle, .previewTextPageAdmin .bottleBoxBottle { position: absolute; top: 0px; right: -6px;} .previewTextPage .bottleBoxBottle img, .previewTextPageAdmin .bottleBoxBottle img {border-radius: 0%; margin: 0px; } .previewTextPage .bottleUploaderPerson, .previewTextPageAdmin .bottleUploaderPerson { font-size: 13px; color: #787878; text-align: center; margin-top: 10px; } .previewTextPage .bottleUploaderPerson span, .previewTextPageAdmin .bottleUploaderPerson span { font-weight: bold; font-size: 15px; } .previewTextPage .overBlank, .previewTextPageAdmin .overBlank { width: 204px; height: 207px; position: absolute; top: 0px; left: 0px; margin: 0px;} .myTicketPreviewBottle { position: absolute; top: 180px; width: 182px; text-align: center;} .myTicktePreviewBottleTicket { position: absolute; left: 255px; top: 180px; text-align: center; } .myTicketPreviewMakeOwn { position: absolute; top: 500px; left: 270px; } .myTicketPreviewMakeOwn .rightArrowLink { position: absolute; left: 140px; top: -10px; background: transparent url(../images/icons/arrows.png) no-repeat left bottom; width: 78px; height: 78px; border: 0px; cursor: pointer; font-size: 1px; text-indent: -999999px; z-index: 99; display: block; } .myTicketPreviewMakeOwn .rightArrowLink:hover { background-position: right bottom; } .myTicketDetails {display: none; width: 290px; height: 688px; background: #e7e7e7; position: absolute; top: 0px; left: 222px; padding: 175px 0 0 0px; color: rgb(80,80,80); font-size: 15px; z-index: 10; text-align: center; } .myTicketDetails > img { margin-top: -10px; } .myTicketDetails .bottleUploaderPerson { font-size: 13px; } .myTicketDetails .bottleUploaderPerson span { font-weight: bold; font-size: 15px; } .bottleUploaderPerson img { border-radius: 0%; -moz-border-radius: 0%; -webkit-border-radius: 0%; -o-border-radius: 0%;} .myTicketDetails .closePopupBox { margin-right: 15px; } .proDesignPreviewPage { height: 550px; } .proDesignPreviewPage .bottleBox { text-align: center; margin-bottom: 20px;} .proDesignPreviewPage .bottleBox img { margin: 0px; border-radius: 0%; -moz-border-radius: 0%; -webkit-border-radius: 0%; -o-border-radius: 0%; } .myTicktePreviewBottleTicket .bottleUploaderPerson span { font-weight: bold; font-size: 15px; } /* abstimmen -------------------------------------- */ .voteFormMe { position: absolute; top: 350px; left: 100px; width: 79px; height: 79px; background: transparent url(../images/icons/votelinks.png) no-repeat left top; } .voteFormMe:hover { background: transparent url(../images/icons/votelinks_aktiv.png) no-repeat left top; } .voteFormMeRight { position: absolute; top: 350px; right: 100px; width: 79px; height: 79px; background: transparent url(../images/icons/voterechts.png) no-repeat left bottom; } .voteFormMeRight:hover { background: transparent url(../images/icons/voterechts_aktiv.png) no-repeat left bottom; } .abstimmenVSTitle { position: absolute; top: 180px; left: 370px; text-align: center; font-size: 20px; font-weight: bold; width: 285px;} .abstimmenVSImage { position: absolute; top: 380px; left: 410px; text-align: center;} .abstimmenVSLinkToAll { position: absolute; top: 547px; left: 370px; text-align: center; font-size: 20px; font-weight: bold; width: 285px;} .abstimmentVSBottleHolderLeft { width: 320px; height: 525px; position: absolute; top: 140px; left: 70px; } .abstimmentVSBottleHolderLeft div.userNameUnderBottle { text-align: center; color: #31b677; font-size: 15px; font-weight: bold; margin-left: 85px; margin-top: -10px; } .abstimmentVSBottleAndTicket { width: 300px; margin-right: 20px; text-align: right;} .abstimmenVSNameHolderLeft { position: absolute; top: 285px; left: 370px; width: 285px; text-align: center; color: #31b677; font-size: 15px; font-weight: bold; } .abstimmentVSBottleHolderLeft .etiket { position: absolute; top: 320px; left: 0px; } .abstimmentVSBottleHolderRight { width: 320px; height: 525px; position: absolute; top: 140px; left: 653px; } .abstimmentVSBottleHolderRight div.userNameUnderBottle { text-align: center; color: #31b677; font-size: 15px; font-weight: bold; margin-right: 120px; margin-top: 0px; } .abstimmentVSBottleHolderRight .abstimmentVSBottleAndTicket { margin-right: 0px; text-align: left;} .abstimmenVSNameHolderRight { position: absolute; top: 440px; left: 370px; width: 285px; text-align: center; color: #31b677; font-size: 15px; font-weight: bold;} .abstimmentVSBottleHolderRight .etiket { position: absolute; top: 320px; right: 25px; } .afterVotedBlock {width: 275px; height: 688px; background: #e7e7e7; position: absolute; top: 0px; left: 335px; padding: 180px 40px 0 40px; font-size: 20px; font-weight: 700; color: #31b677; z-index: 200;} .downGrayArrow { display: inline-block; width: 45px; height: 45px; background: transparent url(../images/icons/down.png) no-repeat left top; } .downGrayArrow:hover { background-position: left bottom; } .rightGrayArrow { display: inline-block; width: 190px; height: 45px; background: transparent url(../images/icons/right.png) no-repeat right top; line-height: 45px; font-size: 15px; font-weight: 700; color: #666666; padding-right: 40px; } .rightGrayArrow:hover { background-position: right bottom; } #bottleSlides { position: absolute; top: 180px; width: 970px; } #bottleSlides .slide { position: relative; float: left; width: 970px; } #bottleSlides .slide .slidePartBox { width: 240px; position: relative; float: left; } #bottleSlides .slide .slideBottlePicutre { position: absolute; top: 82px; left: 20px;} #bottleSlides .slide .slideTitle { width: 240px; text-align: center; font-size: 18px; } #bottleSlides .slide .slideTitle a { font-size: 13px; color: #31b677;} #bottleSlides .slide .slideTitle span { font-weight: bold; color: #31b677; } #bottleSlides .slide .slideTextEtikete { margin: 220px 0 10px 90px; position: relative; z-index: 10; } .rankingListHolder { width: 460px; position: absolute; top: 180px;} .rankingListHolder .rankListBox { margin-bottom: 30px;} .rankingListHolder .rankingList { width: 460px; font-size: 15px; line-height: 22px; } #nextList { position: absolute; top: 595px; left: 495px; } .teaserPrevNext { top: 330px !important;} .dateDropdown { float: left; } .dateDropdown label{ line-height: 25px; } .dateDropdown select { height: 23px; border: 1px solid #31b677; background: transparent; margin-bottom: 15px; } .optionset a, .checkboxField a { color: #31b677; } .optionset a:hover, .checkboxField a:hover { text-decoration: underline; } .ticketSelector { color: #31b677; display: inline-block; margin-top: 0px; padding-left: 20px; background: transparent url(../images/icons/send_icon.png) no-repeat left center; } .ticketSelectorInput { display: none; } .ticketSelectorInput input { border: 1px solid #31b677; width: 270px;} .fb-like span, .fb-like span iframe { min-width: 200px !important; min-height: 30px !important;} #generatedTextImage { position: absolute; top: 140px; width: 300px; text-align: center; margin-left: 50px;} #generatedTextImage img { display: inline; } #generatedBackground { position: absolute; top: 310px; left: 80px; } #generatedText { position: absolute; top: 325px; left: 90px; width: 120px; font-size: 15px; color: #fff; font-size: 17px; } /* admin ------------------------------------ */ .adminApprove { font-size: 15px; line-height: 20px; } .red { color: #FF0000;}