1 | djbrain | 44355 |
2 | subofferul | 5220 |
3 | robica | 4610 |
4 | krystyana84 | 3980 |
5 | elena2008 | 2690 |
Membri inscrisi | 96837 |
Intrebari | 35962 |
Raspunsuri | 164760 |
stile.css de
flex233
|
|||||||||
body { margin: 0px; padding: 0px; color: #CCCCCC; font-family: Helevetica,Arial,sans-serif; font-size: 13px; line-height:1.5em; /*background: #000 url(images/bgd.gif) repeat fixed;*/ background: #000 url(images/bg_dark.png) repeat fixed; } a, a:link, a:visited { color: #FFFFFF; text-decoration:none; } a:hover { color: #99FF00; text-decoration: none; } p { margin: 0px; padding: 0 0 10px 0; } img { border: none; } h1 { font-size: 40px; font-weight: bold; margin: 0 0 30px 0; padding: 5px 0; color: #fbe724; } h2 { font-size: 20px; font-weight: normal; line-height: 20px; margin: 0 0 10px 0; padding: 0; color: #fbe724; } h3 { font-size: 21px; margin: 0 0 10px 0; padding: 0; padding: 0; font-weight: normal; } h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0; color: #fff;} h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color:#fff; } h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color:#fff;} .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; } .cleaner_h10 { clear: both; width:100%; height: 10px; } .cleaner_h20 { clear: both; width:100%; height: 20px; } .cleaner_h30 { clear: both; width:100%; height: 30px; } .cleaner_h40 { clear: both; width:100%; height: 40px; } .cleaner_h50 { clear: both; width:100%; height: 50px; } .cleaner_h60 { clear: both; width:100%; height: 60px; } .float_l { float: left; } .float_r { float: right; } .image_wrapper { display: inline-block; padding: 8px; border: 1px solid #999; background: #ffffff; margin-bottom: 10px; } .fl_img { float: left; margin: 3px 30px 15px 0; } .fr_img { float: right; margin: 3px 0 15px 15px; } blockquote { font-style: italic; margin-left: 10px;} cite { font-weight: bold; color:#fff; } cite span { color: #ccc; } em { color: #39ddfa; } .list { margin: 20px 0; padding: 0; list-style: none; } .list li { background: transparent url(images/list.png) no-repeat scroll 0 0px; margin:0 0 20px; padding:0 0 0 25px; line-height: 1em; } .button a { clear: both; display: block; width: 102px; height: 27px; padding: 5px 0 0 0; background: url(images/button.png) no-repeat; color: #333; font-weight: bold; text-align: center; text-decoration: none; } .button a:hover { color: #000; background: url(images/button_hover.png) no-repeat; } #wrapper { width: 100%px; margin: 0 auto; background:#000; } /* header */ #header { width: 880px; height: 90px; margin: 0 10px; background: #000; } #header #header_left { float: left; width: 300px; } #header #header_right { float: right; width: 500px; margin-right: 30px; } #header #site_title { width: 250px; padding: 20px 0 0 20px; } #header #site_title a{ margin: 0px; padding: 0px; font-size: 30px; color: #ffffff; font-weight: normal; text-decoration: none; } #header #site_title a span { display: block; text-align: left; font-size: 14px; color: #333; font-weight: normal; margin-left: 5px; } #social_box { float: right; display: inline-block; margin: 20px 0 0; padding: 0; list-style: none; } #social_box li { display: block; float: left; padding: 0; margin: 0; } #social_box li a { width: 46px; height: 46px; margin-right: 5px; } /* end of header */ /* social */ #social_box { float: right; display: inline-block; margin: 20px 0 0; padding: 0; list-style: none; } #social_box li { display: block; float: left; padding: 0; margin: 0; } #social_box li a { width: 46px; height: 46px; margin-right: 5px; } /* end of social */ /* menu */ #menu { clear: both; width: 900px; height: 34px; background: url(images/menu.png) repeat-x; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { padding: 0px; margin: 0px; display: inline-block; background: url(images/menu_divider.png) right top no-repeat; } #menu ul li a { float: left; display: block; height: 34px; padding:7px 20px 20px 20px; font-size: 14px; color: #FFF; text-align: center; text-decoration: none; font-weight: bold; outline: none; border: none; } #menu ul li a:hover, #menu ul li .current { color: #000; } #menu ul .last { background: none; } /* end of menu */ #content_wrapper { clear: both; padding-top: 20px; width:900px; background:#000; } #content_wo_sb { clear: both; padding: 30px; } #content { float: left; width: 570px; padding: 0 30px 30px; } #content p { text-align: justify; } #sidebar_wrapper { float: right; width: 250px; margin: 0 10px; background:#333; } #sidebar { padding: 5px 5px; } .col_w260 { width: 230px; } .news_box { margin-bottom: 30px; padding-bottom: 30px; background: url(images/horizontal_div.png) repeat-x bottom; } .news_box h2 { margin-bottom: 5px; } .news_box .news_info { margin-bottom: 20px; } .sidebar_box { padding-left: 30px; } .sb_news_box { margin-bottom: 20px; padding: 10px 0 20px 0; border-bottom: 1px solid #343320; } .sb_news_box img { float: left; width: 60px; height: 60px; border: 1px solid #FFF; padding: 2px; } .sb_news_box .nb_right { float: right; width: 140px; margin-bottom: 0; padding-bottom: 0; } .sb_news_box .nb_right a { text-decoration: none; } .sb_news_box .nb_right a:hover { text-decoration: underline; } .sb_news_box .nb_right a h6 { color: #172a37; text-decoration: underline; } .service_box { width: 380px; margin-right: 40px; margin-bottom: 40px; } .service_box img { float: left; width: 48px; height: 48px; } .service_box .sb_right { float: right; width: 300px; } #gallery_home { clear: both; margin-top: 30px; } #gallery_home ul { list-style: none; margin: 0 0 30px 0; padding: 0; } #gallery_home ul li { float: left; display: block; padding: 0; margin: 0 20px 0 0; width: 160px; border: 5px solid #252414; } #gallery_home ul li img { width: 160px; height: 100px; } #gallery_home ul .last { margin: 0; } /* gallery */ #gallery { clear: both; margin-top: 30px; } #gallery ul { list-style: none; margin: 0; padding: 0; } #gallery ul li { float: left; display: block; padding: 0; margin: 0; width: 245px; margin: 0 35px 35px 0; } #gallery ul li h5 { margin-bottom: 15px; } #gallery ul img { width: 235px; height: 120px; border: 5px solid #1f1e12; margin-bottom: 10px; } #gallery ul .more { color: #FF0; text-decoration: none; } #gallery ul .more span { font-size: 16px; } /* end of gallery */ #contact_form { float: left; padding: 0; } #contact_form form { margin: 0px; padding: 0px; } #contact_form form .input_field { width: 350px; padding: 5px 5px;; background: #ccd6ae; border: 1px solid #648307; } #contact_form form .input_field:hover{ border: 1px solid #FC0; } #contact_form form label { display: block; width: 100px; margin-right: 10px; font-size: 14px; color: #fff; } #contact_form form textarea { width: 350px; height: 200px; background: #ccd6ae; border: 1px solid #648307; } #contact_form form .submit_btn { width: 110px; height: 32px; padding: 1px 0 5px 0; border: none; color: #900; cursor: pointer; background: url(images/button.png) no-repeat; margin-left:200px; } #contact_form form .submit_btn:hover { color: #000; background: url(images/button_hover.png) no-repeat; } /* footer */ #footer { width: 900px; padding: 30px; background: #0d869c url(images/footer.png) top repeat-x; } #footer .footer_box { float: left; width: 260px; padding-right: 45px; } #footer ul { padding: 0; margin: 0; list-style: none; } #footer li { padding: 0; margin: 0 0 5px 0; } #footer li a { display: block; color: #ccc; text-decoration: none; border-bottom: 1px dotted #fff; } #footer li a:hover { color: #fff; } #footer .last { padding-right: 0; } /* end of footer */ /* copyright */ #copyright { width: 900px; height:37px; padding-top:15px; text-align: center; background: url(images/f.png) repeat-x; } /* end of footer */ .inp_auth { border: 1px solid #648307; height:18px; width:140px; } .inp_auth:hover { border: 1px solid #FC0; } .submit_a { cursor:pointer; margin-left:70px; } .ok { color:#060; border:1px solid #060; padding:5px 5px 2px 25px; margin-bottom:0px; text-align:center; vertical-align:middle; background:#F6F9ED url(images/ok.png) no-repeat; } .error { color:#F00; border:1px solid #F00; padding:3px 5px 2px 25px; margin-bottom:0px; text-align:center; vertical-align:middle; background:#F6F9ED url(images/error.png) no-repeat; } .attention { color:#F60; border:1px solid #F60; padding:5px 5px 5px 5px; margin-bottom:0px; text-align:center; vertical-align:middle; background:#F6F9ED url(images/attention.png) no-repeat; } |
Tags:
|
||||||||
|