/******************************************************************************* * * Główny plik arkuszy stylów. Nadpisuje wszystko. Zalecane miejsce modyfikacji. * ******************************************************************************/ @import url('/mods/cms/public/styles/reset.css'); @import url('/mods/cms/public/styles/common.css'); @import url('/mods/cms/public/styles/library/lightbox.css'); /* style modułu cms ------------------ */ @import url('/mods/cms/public/styles/cms.css'); @import url('/mods/cms/public/styles/cms_admin.css'); /* style modułu sklepowego ----------- */ @import url('/mods/cms/public/styles/store.css'); @import url('/mods/cms/public/styles/store_admin.css'); /* style modułu community ------------ */ @import url('/mods/cms/public/styles/community.css'); @import url('/mods/cms/public/styles/community_admin.css'); /*----------------------------- Pager -----------------------------*/ .pager { margin: 5px auto; text-align: center; clear: both; } .pager a { padding: 2px 4px; } .pager a.special{ color: #C0C0C0; } .pager a.current{ font-weight: bold; } .pager a:hover { background-color: #1371FF; color: #fff; text-decoration: none; } /*----------------------------- Pager -----------------------------*/ /*----------------------------- Image Gallery -----------------------------*/ .gallery1 { margin:10px auto 20px auto; width:100%; } .gallery1 td { padding:10px; } .gallery1 td img { border:1px solid #404040; padding:2px; margin:2px; } .gallery2 { margin:10px auto 20px auto; width:100%; } .gallery2 td { width:33%; text-align:center; line-height:normal; padding:10px 5px; color: #808080; } .gallery2 td img { border:1px solid #404040; padding:2px; margin-bottom:5px; } /*----------------------------- Image Gallery -----------------------------*/ /*----------------------------- Product -----------------------------*/ .product { margin: 0 auto 20px auto; width: 100%; } .product td { padding: 0 15px 0 0; } .product_img { width:220px; } .product_params { margin: 0 auto; border: 1px solid #808080; margin: 20px auto; width:100%;} .product_params td { padding: 2px 6px; border: 1px solid #808080; } .product_params td img { margin:0; } .product_param { font-weight: bold; } /*----------------------------- Product -----------------------------*/ .checkout_form label { display:block; margin:7px 0 2px 0; font-weight:bold; color:#404040; } .checkout_form h3 { margin: 20px 0 5px 0; } .checkout_form .long { width:300px; } .checkout_form .medium { width:130px; } .checkout_form .short { width:70px; } #form_buttons_pane { margin-top:10px;} /*----------------------------- View Form -----------------------------*/ /*----------------------------- Product Form -----------------------------*/ #lead_tbl { width: 600px; height:100px;} #product_form .tabberlive { } #form_loading { display:none; } div.tabber + #form_loading { display:block; height:100px; padding-top:150px; margin:auto; text-align:center; font-weight:bold; background-image:url('/mods/cms/public/images/loading.gif');background-position: center center; background-repeat: no-repeat; } div.tabberlive + #form_loading { display:none; } .product td, .item td, .product .th, .item th { padding:3px; width:auto; } .product th, .item th { text-align:right; } #tree_ul_0 { padding-top:10px;} .existing_frame_div{display: block; position: absolute; top: 35%; left: 25%; width: 55%; height: 650px; background: #fff; border: #666;} #existing_frame{width: 100%; height: 100%;} /*----------------------------- Hidden captcha -----------------------------*/ #emailComment { display: none } /*----------------------------- Hidden captcha -----------------------------*/ /*----------------------------- Oceny -----------------------------*/ .starContainer { position: relative; } .starContainer .starLong { position : absolute; top : 0; left : 0; overflow : hidden; } .starContainer .starRating { position : relative; } .starContainer .star { float : left; text-indent : -1000px; cursor : pointer; height : 18px; width : 18px; line-height : 18px; border : none; background : url(/mods/cms/public/images/cms/star.gif); background-position : left top; } /*----------------------------- Oceny -----------------------------*/ .grid_centered{ text-align:center;} /******************************************************************************* * * POMOCNALAPA * ******************************************************************************/ body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; /* background: #fff url('/mods/cms/public/images/pomocnalapa/body_bg.gif') top; */ } p { margin: 0; padding: 0; } table { margin: 0; padding: 0; border-collapse: collapse; } td { padding:0; vertical-align:top; } form, fieldset { margin:0; padding:0; border:0; } a { color: #015105; text-decoration:none; } a:hover { color: #015105; text-decoration:underline; } a img { border:0; margin:0; padding:0; } .clear { clear:both; } .img_left { float: left ; margin:0; padding: 0 10px 10px 0; } .img_right { float: right; margin:0; padding: 0 0 10px 10px; } .light_text { font-size:smaller; color: #808080; } /*----------------------------- Layout -----------------------------*/ #page_wrapper { width: 100%; background: #E3E3E2 url('/mods/cms/public/images/pomocnalapa/bg.gif') top left repeat-x; padding-bottom:30px; } #page_logo { height:52px; padding: 14px 8px; } #page_container { width:780px; margin: 0 auto; } #page_menu { height:auto; padding:0 2px; } .page_homepage #page_header1 { width:780px; height: 260px; background:#CBE987 url('/mods/cms/public/images/pomocnalapa/title1.jpg') top left no-repeat; clear:both; } #page_header1 { width:780px; height: 70px; background:#CBE987 url('/mods/cms/public/images/pomocnalapa/title2.jpg') top left no-repeat; clear:both; } #page_sidebar { width:140px; padding:0 10px 0 0; float:left; background: transparent url('/mods/cms/public/images/pomocnalapa/sidebar.gif') bottom left no-repeat; clear:both; } #page_content { width:auto; padding:0; float:none; } #page_content.admin { width:auto; padding:0; float:none;} #page_content_full { width:770px; padding: 0 5px 30px 5px; clear:both; background: transparent url('/mods/cms/public/images/pomocnalapa/content.gif') 3px bottom no-repeat; } #page_footer { height:40px; clear:both; font-size:smaller; color:#8B8686; } /*----------------------------- Layout -----------------------------*/ #page_lapy { width:980px; margin: 0 auto; min-height:420px; height:auto !important; height:420px; background-image: url('/mods/cms/public/images/pomocnalapa/lapy.gif'); background-position: right bottom; background-repeat: no-repeat; } #box { width:480px; height:199px; padding:10px; background: transparent url('/mods/cms/public/images/pomocnalapa/box.gif') top left no-repeat; margin:5px auto; } #sponsors_title { color:#999999; display:block; font-size:10px; height:auto; margin:0; padding:0 0 10px 21px; } #sponsors { margin:0 12px; width:auto; background: transparent url('/mods/cms/public/images/pomocnalapa/sponsor_bg.gif') bottom left no-repeat; padding:0 0 5px;} #sponsors .table { padding:10px 5px 0; background: transparent url('/mods/cms/public/images/pomocnalapa/sponsor_top_bg.gif') top left no-repeat;} #sponsors table { width:100%; } #sponsors table td { text-align:center; padding-bottom:5px; } #sponsors ul { list-style-type:none; margin:0; padding:10px 0 0 30px; width:auto; background: transparent url('/mods/cms/public/images/pomocnalapa/sponsor_bg.gif') top left no-repeat; } #sponsors li { display:block; float:left; text-align:center; margin:0 10px 0 0; } #sponsors li a { display:block; float:left; height:54px; } /*----------------------------- Content Formating -----------------------------*/ #page_content { padding-bottom:25px; line-height: 18px; } .front a { text-decoration:underline; } h1 { font-size: 16px; margin:8px 0 5px 0; color:#125312; font-weight:bold; } h2 { font-size: 14px; margin:5px 0 3px 0; color:#125312; font-weight:bold; } h3 { font-size: 12px; margin:3px 0 1px 0; color:#125312; font-weight:bold; } /*----------------------------- Content Formating -----------------------------*/ /*----------------------------- Footer and Copyright -----------------------------*/ #edulabs { width: 130px; float:right; font-size:9px; margin:10px 5px 0 0; } #edulabs a { display:block; color:#8B8686; padding:2px 30px 2px 0; background-image:url('/mods/cms/public/images/pomocnalapa/edulabs.gif'); background-repeat:no-repeat; background-position:62px 0; } #edulabs a:hover { color:#3F3F3F; text-decoration:none; } #footer_note { float:left; margin:12px 0 0 12px; font-size:10px; } /*----------------------------- Footer and Copyright -----------------------------*/ /*----------------------------- Main menu -----------------------------*/ #main_menu { list-style-type: none; margin:0; padding:0; width:auto; font-weight:bold; font-size:13px; } #main_menu li { display:block; float:left; text-align:center; margin:0 5px 0 0; } #main_menu li a { display:block; float:left; width:146px; height:21px; padding:9px 0 1px 0; color:#749180; text-decoration:none; background-image: url('/mods/cms/public/images/pomocnalapa/menu_item.gif'); background-repeat:no-repeat; } #main_menu li a:hover { background-image: url('/mods/cms/public/images/pomocnalapa/menu_item_active.gif'); color:#125312; text-decoration:none; } #main_menu li a.active { background-image: url('/mods/cms/public/images/pomocnalapa/menu_item_active.gif'); color:#125312; } /*----------------------------- Main menu -----------------------------*/ /*----------------------------- Side menu -----------------------------*/ #side_menu a { padding:7px; display:block; text-decoration:none; } #side_menu a:hover { text-decoration:underline; } #side_menu a.active { text-decoration:underline; } #side_menu { padding: 0 0 0 0; margin:0; list-style-type: none; } #side_menu a { width:130px; } #side_menu ul { padding: 0 0 0 10px; margin:0; list-style-type: none; } #side_menu ul li a { width:120px; } #side_menu ul ul { padding: 0 0 0 10px; margin:0; list-style-type: none; } #side_menu ul ul li a { width:110px; } /*----------------------------- Side menu -----------------------------*/ /*----------------------------- Contact Form -----------------------------*/ .contact_form input.textbox { padding:2px; border:1px solid #808080; width: 450px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .contact_form input.button { font-family:Verdana, Arial, Helvetica, sans-serif; } .contact_form label { display: block; } .contact_form textarea{ padding:2px; border:1px solid #808080; width: 450px; height:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .contact_form p { padding:3px 0; margin:0; } .contact_form_container { margin: 0 auto; width:450px;} /*----------------------------- Contact Form -----------------------------*/ /*----------------------------- Pager -----------------------------*/ .pager { margin: 0 auto; text-align: center; } .pager a { padding: 3px; } .pager a.special{ color:#C0C0C0; } .pager a.current{ font-weight:bold; } .pager a:hover { background-color:#1371FF; color:#fff; text-decoration:none; } /*----------------------------- Pager -----------------------------*/ /*----------------------------- Article List -----------------------------*/ .article_list1 h2, .article_list2 h2, .article_list3 h2, .article_list4 h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0 0 3px 0; line-height:normal; } /* artykuly: lista */ .article_list { } .article_list ul { list-style-type:none; margin:0; } .article_list1 ul li { position:relative; clear:both; border-bottom:0; } .article_list1 ul li.odd, .article_list1 ul li.even { background-color:transparent; } .article_list1 ul li.last { border-bottom:0; } /* artykuly: elementy */ .article_list1 .article_item { } .page_homepage .left_column .box h1 { font-size:14px; font-weight:bold; font-family:Verdana; } .article_list1 .article_item h2 { font-size:12px; font-weight:bold; } .article_list1 .article_item h2 a { color:#5bd00c; } .article_list1 .article_item img { float:left; display:block; } .article_list1 .article_item span { color:#333; font-size:10px; } .article_list1 .article_item div { padding-bottom:5px; font-size:10px; } .article_list1 .article_item .article_image { float:left; width:72px; } .article_list1 .article_item .article_content { float:right; width:150px; } .article_list1 .nopic h2 { margin-left:0; } .article_list1 .nopic div { margin-left:0; } /*----------------------------- Article List -----------------------------*/ /*----------------------------- Product List -----------------------------*/ .product_list1 h2, .product_list2 h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:3px 0; line-height:normal; } .product_list1 { margin: 10px 0 20px 0; width:100%;} .product_list1 td { padding: 10px 5px; border-bottom: 1px solid #C0C0C0; } .product_list2 { margin: 20px 0; width:100%;} .product_list2 td { border: 1px solid #C0C0C0; text-align:center; font-size:smaller; line-height:normal; padding: 10px 5px; color:#808080; } /*----------------------------- Product List -----------------------------*/ /*----------------------------- Image Gallery -----------------------------*/ .gallery1 { margin: 10px auto 20px auto; width: 100%; } .gallery1 td { padding: 10px; } .gallery1 td img { border: 1px solid #404040; padding:2px; margin:2px; } .gallery2 { margin: 10px auto 20px auto; width:100%; } .gallery2 td { width:33%; text-align:center; line-height:normal; padding: 10px 5px; color: #808080; } .gallery2 td img { border: 1px solid #404040; padding:2px; margin-bottom:5px; } /*----------------------------- Image Gallery -----------------------------*/ /*----------------------------- Product -----------------------------*/ .product { margin: 0 auto 20px auto; width: 100%; } .product td { padding: 0 15px 0 0; } .product_img { width:220px; } .product_params { margin: 0 auto; border: 1px solid #808080; margin: 20px auto; width:100%;} .product_params td { padding: 2px 6px; border: 1px solid #808080; } .product_params td img { margin:0; } .product_param { font-weight: bold; } /*----------------------------- Product -----------------------------*/ /*----------------------------- Basket -----------------------------*/ .basket { width:100%; margin: 10px auto 0 auto; } .basket td { padding:5px; border: 1px solid #CACACA; vertical-align:middle;} .basket td.thumb { width:70px; } .basket td.thumb img { width:70px; } .basket td.name { text-align:left; } .basket td.quantity { width:40px; } .basket td.quantity input { width:40px; text-align:right;} .basket td.price { width:80px; } .basket td.operations { width:50px; } .basket td.name h3 { margin: 0 0 3px 0; padding:0; } .basket tr.header td { background-color:#EBB165; color:#FFFFFF; font-weight:bold; } /*----------------------------- Basket -----------------------------*/ .checkout_form label { display:block; margin:7px 0 2px 0; font-weight:bold; color:#404040; } .checkout_form h3 { margin: 20px 0 5px 0; } .checkout_form .long { width:300px; } .checkout_form .medium { width:130px; } .checkout_form .short { width:70px; } .page_homepage .page_layout1 .left_column { width:249px; } .page_homepage .page_layout1 .right_column { width:520px; } .page_homepage .page_layout1 .right_column .box { padding-bottom:0; } .page_homepage h1, .page_homepage h2 { font-size:14px; color:#008000; font-weight:bold; font-family:Verdana; } .homepage_box { width:205px; float:right; margin:0 20px; } .more { display:block; text-align:right; color:#5bd00c;} .homepage_box a { color:#5bd00c; } .homepage_box a:hover { color:#015105; } .page_layout1 .left_column { width:140px; } .page_layout1 .right_column { width:580px; padding-bottom:20px; } .grid_pane .right { float:right; padding:0 4px; text-align:right; width:55%; } #page_header_info { margin:0 auto; text-align:right; width:780px; } #page_logo a { float:left; } #page_logo a#jeden_procent { float:right; } .media_item { margin:10px; } .article_list4 .article_item2 { border-bottom:1px dashed #ccc; padding:14px 0 9px; margin:1px 0; } .article_list4 .article_item2 h2 { font-size:16px; } .article_list4 .article_item2 h2, .article_list4 .article_item2 div { margin-left:0px; } .article_list4 .article_item2 img { border:1px solid #ccc; padding:1px 0 1px 1px; } .article_list4 .article_item2 .article_image { float:left; width:125px; } .article_list4 .article_item2 .article_content { float:right; width:420px; } .tabber_object2 .tabberlive .tabbertab { width:580px; }