*{ margin:0; padding:0; outline:0; } fieldset,img { border:0; } .clear { clear:both; } .right { float: right; } .left { float:left; } .right-align{ text-align: right; } .left-align{ text-align: left; } ul, ol{ padding-left: 1.5em; } body { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #444; background-color: #092744; } .page-box { background: #1c3a6e url(/images/bg.jpg) repeat-x top center; } .wrapper { background: url(/images/bg_bottom.gif) repeat-x bottom; padding-bottom: 40px; padding-top: 10px; } .container { margin: 0 auto; background: #f8f8f8; width: 980px; border-top: 7px solid #6899c0; padding-bottom: 10px; } .top { height: 134px; background-image:url(/images/top.gif); background-repeat:no-repeat; position:relative; } .top-rose { background: #185088 url(/images/rose.gif) no-repeat right; } .left-bar { position:absolute; background-image:url(/images/left_bar.png); height: 500px; width: 7px; top: 10px; left: 50%; margin-left: -497px; } .right-bar { position:absolute; background-image:url(/images/right_bar.png); height: 500px; width: 7px; top: 10px; left: 50%; margin-left: 490px; } .main { padding: 14px; min-height:300px; height:auto !important; height:300px; } .left-column { float:left; width: 635px; } .right-column { float:right; width: 288px; } .main-menu-container { background:url(/images/menu_bg.gif) repeat-x; height: 32px; padding-top: 5px; } .logo { position:absolute; left: 7px; top:0; } /* STOPKA */ .footer { width: 980px; background:#093764 url(/images/footer_bg.gif) repeat-x top; margin: 2px auto 0px auto; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .authors { background:url(/images/footer_authors.gif) no-repeat bottom right; padding: 0px 15px; width: 950px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position:relative; } .mindscape { width: 107px; height:36px; position: absolute; bottom: 12px; right: 15px; } .footer-table { font-size: 0.91em; color: #85c7f6; } .footer-table th { text-align: left; height: 16px; padding-left: 1px; padding-bottom: 4px; color: #d2e9ff; font-size:1.1em; border-bottom: 1px solid #3b6896; } .footer-table td { padding-bottom: 10px; padding-left: 1px; vertical-align: top; width: 150px; } .footer-table td.social { width: 160px; } .footer-table td.social a:hover img { filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.8; } .footer-table ul { list-style-type:none; padding-left: 0em; } .footer-table ul li { padding: 3px 0; } .footer-table ul li a {color: #d2e9ff; font-size:1em; text-decoration: none; font-weight:normal;} .footer-table ul li a:hover {color: #6eb5f9; font-size:1em;font-weight:normal; text-decoration: underline;} /* BANNER REJESTRACYJNY */ .homepage-banner { background-image:url(/images/homepage_banner_bg.gif); background-position:top; background-repeat:repeat-x; background-color: #1c3f6e; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius:5px; min-height:284px; height:auto !important; height:284px; margin-bottom: 20px; } .main-boats { background:url(/images/hello.gif) no-repeat right 4px; min-height:284px; height:auto !important; height:284px; padding: 11px; } .homepage-foto { -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius:5px; border: 5px solid #eaf0f5; float:left; position:relative; } .caption { text-align:center; color: #fff; height: 47px; width: 606px; padding-top: 15px; position:absolute; bottom: 0px; background-color: #1f4271; filter: alpha(opacity=85); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; } /* BANNER REJESTRACYJNY */ .homepage-introduction { float:right; width: 288px; position:relative; z-index: 11; line-height: 23px; font-size: 1.25em; color: #fff; font-weight:bold; text-align:justify; padding-top: 10px; } .homepage-introduction span { color: #abdbff; } #intro-photos { position:absolute; width: 23px; height:22px; top: 77px; left: 110px; cursor: pointer; } #intro-database { position:absolute; width: 23px; height:22px; top: 143px; left: 93px; cursor: pointer; } #intro-friends { position:absolute; width: 23px; height:22px; top: 204px; left: 174px; cursor: pointer; } #hover-photos { position:absolute; width: 539px; height:340px; top: 33px; left: -434px; background:url(/images/intro/photos.png) no-repeat; display:none; z-index: 999; } #hover-database { position:absolute; width: 539px; height:340px; top: 96px; left: -450px; background:url(/images/intro/database.png) no-repeat; display:none; z-index: 999; } #hover-friends { position:absolute; width: 539px; height:340px; top: 156px; left: -371px; background:url(/images/intro/friends.png) no-repeat; display:none; z-index: 999; } /* BOXY Z CIENIEM */ .wide-content-box { background-color: #fff; border: 1px solid #c1c1c1; padding: 15px 15px 10px; -webkit-border-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topleft: 0; border-radius: 4px; border-top-left-radius: 0; } .cruise-search-box { padding: 14px 10px 15px 10px; } .profile-box { padding:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*background: #fff url(/images/profile-boats.gif) no-repeat right bottom;*/ } .right-col { padding: 5px; } .no-margin { margin-top: 0px; } .no-padding { padding: 10px; } .wide-shadow { font-size:0em; width: 625px; height: 11px; margin-bottom: 0px; } .middle-shadow { padding-top: 5px; color: #747474; font-size:0.92em; text-align: right; width: 485px; height: 11px; margin-bottom: 15px; } .small-shadow { font-size:0em; width: 295px; height: 11px; margin-bottom: 10px; } .avatar-shadow { font-size:0em; width: 128px; height: 11px; } .tab-title { position:relative; background: url(/images/tabs/tabs.gif) no-repeat left -217px; height: 30px; } .tab-title span { color:#fff; } .indicator { position:absolute; background: url(/images/tabs/tabs.gif) no-repeat left -317px; width: 9px; height: 5px; left: 70px; top: 31px; } .higher { top: 33px; } /* NAGLÓWKI */ h1 { font-family:Arial, Helvetica, sans-serif; font-size: 1.50em; color: #1a5692; font-weight:normal; margin-bottom: 7px; } h2 { position:absolute; z-index: 10; left: 4px; top: 0px; height: 24px; padding: 6px 24px 0 20px; /*background: url(/images/tabs/tabs.gif) no-repeat -53px -270px;*/ background: url(/images/tabs/tab-right.gif) no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size: 13px; text-align:center; font-weight:bold; color: #d2e9ff; } h2 a {color: #d2e9ff; text-decoration: none;} h3 { position:absolute; z-index: 10; left: 4px; top: 0px; height: 24px; padding: 6px 24px 0 20px; /*background: url(/images/tabs/tabs.gif) no-repeat -53px -270px;*/ background: url(/images/tabs/tab-right.gif) no-repeat right top; font-family:Arial, Helvetica, sans-serif; font-size: 13px; text-align:center; font-weight:bold; color: #d2e9ff; } h4 { font-size: 1.1em; color: #fff; background-color: #1a5692; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; padding: 4px 10px; margin-bottom: 2px; float:left; } h5 { font-size: 1em; margin-bottom: 10px; } h6 { font-style:normal; font-size: 1.2em; color: #1a5692; } h1 a { color: #1b5790; text-decoration:none; } h1 span { color: #1b5790; } h1 a:hover { color: #3d7fbf; text-decoration: underline; } #cms h1 { font-family:Arial, Helvetica, sans-serif; font-size: 1.50em; color: #3399FF; font-weight:normal; margin-bottom: 10px; } #cms h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.30em; color: #3399FF; background: none; position:static; font-weight:normal; margin-bottom: 10px; } #cms h3 { font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; color: #3399FF; font-weight: bold; margin-bottom: 10px; } #cms a { color: #3399FF; text-decoration: underline; } #cms a:hover { color: #901b1b; text-decoration: underline; } /* TRESCI ZAKLADEK */ .content-container { padding: 10px 0px 0px 3px; margin-bottom: 20px; border-top: 2px solid #1b5790; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; background-color: #f8f8f8; } .main-content-container { padding: 10px 0px 0px 15px; border: 1px solid #c1c1c1; background-color: #fff; } .info-text { display: inline-block; margin-bottom: 15px; } /* BOX ZE ZDJECIEM */ .box { float:left; width: 126px; text-align:center; padding: 9px; line-height: 18px; margin-bottom: 12px; margin-right: 2px; } .box-hover { padding: 8px; background-color: #fff; border: 1px dashed #cacaca; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .box-hover-main { padding: 8px; background-color: #f8f8f8; border: 1px dashed #cacaca; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* IKONKI Z ASSETAMI */ .icons { list-style-type:none; padding-left: 0em; padding-top: 5px; } .icons li { background-position: 0 0; background-repeat:no-repeat; display: inline; margin: 0 3px 0 0px; } .mail { background-image:url(/images/icons/mail.gif); padding-left: 16px; } .friends { background-image:url(/images/icons/friends.gif); padding-left: 19px; } .crusies { background-image:url(/images/icons/cruise.gif); padding-left: 16px; } .photos { background-image:url(/images/icons/photos.gif); padding-left: 16px; } .add-friend { background-image:url(/images/icons/add.gif); padding-left: 16px; } .remove-friend { background:url(/images/icons/delete.gif); padding-left: 16px; } .delete-from-cruise{ background: url(/images/icons/remove_from_cruise.gif); padding-left: 16px; } .picture, .zdjecie { background-image:url(/images/picture_bg.gif); background-repeat:repeat; margin: 0 auto 8px; padding: 6px 5px; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius:3px; } .picture img, .avatar img, .art-picture img, .zdjecie img, .picture_galeria_td img, .picture_galeria_td_over img{ border: 1px solid #fff; } .date { color: #858585; line-height: 17px; font-size:0.92em; position:relative; margin-bottom: 5px; } .right-col .date { color: #858585; font-size:1em; margin-bottom: 8px; } /* AVATARY */ .avatar { float:left; background-image:url(/images/picture_bg.gif); background-repeat:repeat; margin: 0 5px 5px 0; padding: 4px; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius:3px; } .small { padding: 3px; border: 1px solid #b9b9b9; } #add-comment { margin: 5px; padding: 10px; background-color: #fff7c3; border: 1px solid #e8d977; display:none; } #add-comment span{ font-style:italic; font-size: 0.92em; } .comment-tooltip { float:right; width: 175px; } #cruise-join { margin: 5px; padding: 10px; background-color: #fff7c3; border: 1px solid #e8d977; display:none; text-align:center; font-size: 0.92em; } .comment, .sailor, .event { border-bottom: 1px solid #ddd; color: #1b5790; padding: 7px 3px; font-size: 0.92em; line-height: 16px; } .comment-hover { background: #f8f8f8; } .event-date { height: 65px; width: 54px; float:left; margin-right: 7px; margin-top: 5px; background:url(/images/event_date.gif) no-repeat; } .event-day { text-align:center; color: #fff; font-size: 24px; font-weight:bold; margin: 8px 0; } .event-month { text-align:center; color: #fff; font-size: 11px; font-weight:bold; text-transform: uppercase; } .event-year { text-align:center; color: #878787; font-size: 11px; font-weight:bold; } .event-place { color: #858585; font-size:1em; margin-bottom: 8px; } .event-date-horizontal { height: 49px; width: 92px; margin-bottom: 5px; background:url(/images/event_date_horizontal.gif) no-repeat; position: relative; } .event-date-horizontal .event-day { position:absolute; top: 6px; left: 4px; width: 35px; height: 16px; text-align:center; color: #1b5790; font-size: 18px; font-weight:bold; } .event-date-horizontal .event-month { position:absolute; top: 2px; right: 2px; height: 14px; width: 50px; text-align:center; color: #fff; font-size: 11px; font-weight:bold; text-transform: uppercase; } .event-date-horizontal .event-year { position:absolute; top: 25px; right: 2px; height: 14px; width: 50px; text-align:center; color: #fff; font-size: 11px; font-weight:bold; } .invitation { border: 1px solid #e8d977; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius:4px; background: #fff7c3 url(/images/inv.gif) no-repeat top right; color: #1b5790; padding: 7px; font-size: 0.92em; line-height: 16px; margin-top: 4px; } .side-link { position:absolute; right: 0; top: 10px; color: #ccc; } .side-link-show { position:absolute; right: 0; top: 0px; color: #ccc; } .side-link-add { position:absolute; right: 0; top: 14px; color: #ccc; } .side-link span, .side-link-show span, .side-link-add span { color: #82878d; font-weight:normal; } .offer-sorting { position:absolute; top:-3px; right: 0; } /* PROFIL UZYTKOWNIKA */ .profile { } .profile-options { float:left; width: 128px; margin-bottom: 30px; } .profile-options ul { list-style-type:none; padding-left: 0.3em; } .profile-options ul li{ background-position: 0 3px; background-repeat:no-repeat; padding: 3px 5px 3px 1.8em; } .profile-options ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 0.92em; color: #1b5790; text-decoration:none; } .profile-options ul li a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 0.92em; color: #1b5790; text-decoration: underline; } .add-favorite { background: url(/images/icons/favorite_add.gif) no-repeat 0 -2px; } .remove-favorite { background: url(/images/icons/favorite_delete.gif) no-repeat 0 -2px; } .event-signup { background: url(/images/icons/event_signup.gif) no-repeat 0 -2px; } .event-signout { background: url(/images/icons/event_signout.gif) no-repeat 0 -2px; } .marina-signup { background: url(/images/icons/marina_signup.gif) no-repeat 0 -2px; } .marina-signout { background: url(/images/icons/marina_signout.gif) no-repeat 0 -2px; } .edit-yacht { background: url(/images/icons/myprofileedit.gif) no-repeat 0 0; } .write-msg { background: url(/images/icons/write_msg.gif) no-repeat 0 0; } .profile-info { float:right; width: 495px; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .binder { position:absolute; top: -8px; right: 0; width: 29px; height: 57px; background-image:url(/images/binder.gif); background-repeat:no-repeat; } .profile-avatar { padding: 7px; border: 1px solid #c1c1c1; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .profile-avatar a:hover img{ /* Image opacity */ filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.8; } .profile-avatar a img { /* Image opacity when rolled over */ filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1; } .no-avatar { height:52px; width: 316px; background:url(/images/help/no_avatar.gif) no-repeat right top; } .no-yacht { height:52px; width: 306px; background:url(/images/help/no_yacht.gif) no-repeat right top; } .no-cruise { height:52px; width: 275px; background:url(/images/help/no_cruise.gif) no-repeat right top; } .no-event { height:52px; width: 270px; background:url(/images/help/no_event.gif) no-repeat right top; } .no-marina { height:52px; width: 270px; background:url(/images/help/no_marina.gif) no-repeat right top; } /* TABELA Z PROFILEM */ .tb-border { border-bottom: 1px dashed #b0b0b0; } .tb-header { height: 25px; padding-bottom: 3px; font-family:Arial, Helvetica, sans-serif; font-size: 1.50em; color: #901b1b; border-bottom: 1px dashed #b0b0b0; } .tb-stars { font-style:italic; font-size: 0.92em; line-height: 11px; color: #838383; border-bottom: 1px dashed #b0b0b0; } .tb-rank { text-align:right; padding-right: 20px; font-style:italic; font-weight:bold; text-transform:uppercase; font-size: 0.92em; color: #838383; border-bottom: 1px dashed #b0b0b0; } .tb-rank span { font-style:normal; font-weight:normal; text-transform: none; } .tb-profile { font-size: 0.92em; color: #1b5790; font-weight:bold; } .tb-profile td { height: 20px; } .tb-profile em{ font-style:normal; font-weight:normal; } .tb-profile span { color: #901b1b; } a.mail-link { font-weight:normal; color: #1680e4; text-decoration:none;} a.mail-link:hover { font-weight:normal; color: #1680e4; text-decoration: underline;} /* POCZTA WEWNETRZNA */ .mailbox { list-style-type: none; padding: 5px 5px 8px 5px; font-size: 0.92em; } .mailbox li { padding: 5px 32px; border-bottom: 1px solid #b1cde7; } .mailbox li a { color: #1b5790; text-decoration:none; } .mailbox li a:hover { color: #70a222; text-decoration:none; } .mailbox #write-msg { background: url(/images/icons/write_msg.gif) no-repeat 9px 4px; } .mailbox #inbox { background: url(/images/icons/inbox.gif) no-repeat 9px 4px; } .mailbox #sentbox { background: url(/images/icons/sentbox.gif) no-repeat 9px 4px; } .about-me { text-decoration: underline; } .context { text-align:left; position:relative; padding:5px 10px; } .context-menu { display:none; border: 1px solid #1b5790; position:absolute; top:25px; left: 10px; font-size: 0.92em; padding: 7px 7px; background: #1b5790; white-space:nowrap; z-index: 999; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-radius: 3px; -moz-border-radius-topleft: 0; border-radius: 3px; border-top-left-radius: 0; } .context-menu ul { list-style-type:none; padding-left: 0em; } .context-menu ul li { padding: 3px 4px 3px 25px; } .context-menu ul li a { color: #fff; font-weight:bold; text-decoration:none; } .context-menu ul li a:hover { color: #8acef4; font-weight:bold; text-decoration:none; } .context-write-msg { background: url(/images/icons/write_msg.gif) no-repeat 2px 4px; } .context-delete-user { background: url(/images/icons/user_delete.gif) no-repeat 2px 2px; } .context-delete-favorite{ background: url(/images/icons/favorite_delete.gif) no-repeat 2px 2px; } .context-add-favorite{ background: url(/images/icons/favorite_add.gif) no-repeat 2px 2px; } .context-add-user{ background: url(/images/icons/user_add.gif) no-repeat 2px 2px; } .context-observe{ background: url(/images/icons/observe.gif) no-repeat 2px 2px; } .context-dont-observe{ background: url(/images/icons/dont_observe.gif) no-repeat 2px 2px; } .context-edit{ background: url(/images/icons/myprofileedit.gif) no-repeat 2px 2px; } .context-delete-comment{ background: url(/images/icons/comment_delete.gif) no-repeat 2px 2px; } .context-show-pictures{ background: url(/images/icons/photos.gif) no-repeat 2px 5px; } .context-show-videos{ background: url(/images/icons/movies.gif) no-repeat 2px 4px; } .context-delete-from-cruise{ background: url(/images/icons/remove_from_cruise.gif) no-repeat 2px 3px; } .context-change-function{ background: url(/images/icons/change_function.gif) no-repeat 2px 3px; } .context-cruise-signout { background: url(/images/icons/remove_from_cruise.gif) no-repeat 2px 3px; } .context-cruise-signin { background: url(/images/icons/signin.gif) no-repeat 2px 3px; } .context-event-signup { background: url(/images/icons/event_signup.gif) no-repeat 2px 3px; } .context-event-signout { background: url(/images/icons/event_signout.gif) no-repeat 2px 3px; } .photo-delete{ background: url(/images/icons/photo_delete.gif) no-repeat 2px 3px; } .photo-edit{ background: url(/images/icons/photo_edit.gif) no-repeat 0px 3px; } .photo-details-add{ background: url(/images/icons/photo_add.gif) no-repeat 6px 3px; } .photo-details-delete{ background: url(/images/icons/photo_delete.gif) no-repeat 6px 3px; } .photo-details-edit{ background: url(/images/icons/photo_edit.gif) no-repeat 4px 3px; } .movie-delete{ background: url(/images/icons/movie_delete.gif) no-repeat 2px 2px; } .movie-edit{ background: url(/images/icons/movie_edit.gif) no-repeat 2px 2px; } .movie-details-add{ background: url(/images/icons/movie_add.gif) no-repeat 6px 4px; } .movie-details-delete{ background: url(/images/icons/movie_delete.gif) no-repeat 6px 4px; } .movie-details-edit{ background: url(/images/icons/movie_edit.gif) no-repeat 4px 4px; } .mail-delete{ background: url(/images/icons/mail_delete.gif) no-repeat 7px 6px; } .mail-reply{ background: url(/images/icons/sentbox.gif) no-repeat 7px 7px; } .del { width: 16px; height: 16px; position:absolute; top: 5px; right: 5px; } #o-mnie { padding: 10px; line-height: 18px; } /***** STRONICOWANIE *****/ .navigation { margin-top: 10px; margin-bottom: 20px; text-align:center; } a.page { font-family: Arial, Helvetica, sans-serif; background-color: #fff; display: block; float:left; border: solid 1px #c7c7c7; font-size:0.92em; padding: 4px 8px; margin-left: 2px; color:#1b5790; text-decoration: none; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius:3px; } a.page:hover { color: #fff; background-color: #1b5790; border: solid 1px #0b3c6a; } .page-active{ font-family: Arial, Helvetica, sans-serif; display: block; float:left; border: solid 1px #9aafe5; font-size:0.92em; padding: 4px 8px; margin-left: 2px; color: #fff; background-color: #4c82b6; border: solid 1px #0b3c6a; font-weight: bold; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius:3px; } .marker { font-weight:bold; color:#6c6c6c; float:left; padding: 5px; margin-left: 2px; } /***** ALERTY *****/ .alert { width: auto; text-align:left; padding:15px 20px 15px 55px; margin-bottom:10px; font-weight: bold; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius:5px; margin-bottom: 20px; position:relative; } .ok { background:#dff2bf url(/images/icons/alert_ok.gif) center no-repeat; background-position:15px 50%; border:2px solid #4f8a10; color:#4f8a10; } .warning { background:#feefb3 url(/images/icons/alert_warning.gif) center no-repeat; background-position:15px 50%; border:2px solid #9f6000; color:#9f6000; } .info { background:#bde5f8 url(/images/icons/alert_info.gif) center no-repeat; background-position:15px 50%; border:2px solid #00529b; color:#00529b; } .error { background:#ffbaba url(/images/icons/alert_error.gif) center no-repeat; background-position:15px 50%; border:2px solid #d8000c; color:#d8000c; } .error a, .error a:hover { color: #166fba; text-decoration: underline; } #close-alert { width: 16px; height: 16px; position:absolute; top: 3px; right: 3px; } #close-browser-alert { width: 16px; height: 16px; position:absolute; top: 3px; right: 3px; } /***** LAST COMMENT *****/ .last-comment { margin-top: 6px; font-size: 0.92em; text-align:left; line-height: 13px; } .last-comment .bubble { background: #fff9d7; border: 1px solid #e8d977; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius:4px; height: 1%; color: #9f6000; margin-bottom: 6px; padding: 6px; position:relative; z-index: 1; } .last-comment .tip { width: 9px; height: 6px; font-size: 1px; background:url(/images/last_comm.gif) no-repeat; position:absolute; left: 10px; bottom: -6px; } .last-comment a { color: #1b5790; font-weight:bold; text-decoration:none; } .last-comment span { font-size: 0.92em; color: #8c8c8c; } #browser-alert { width: 600px; margin: 0 auto; text-align:left; padding:20px 20px 20px 105px; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius:5px; margin-top: 20px; position:relative; background:#feefb3 url(/images/ie_warning.gif) center no-repeat; background-position:15px 50%; border:2px solid #9f6000; color:#9f6000; display:none; } #browser-alert h1 { font-size: 1.2em; font-weight:bold; margin: 0; padding: 0; margin-bottom: -10px; color: #4b4630; } #browser-alert a { color: #a41807; } .red { font-weight:bold; color: #d30808; font-size: 0.92em; } .green { font-weight:bold; color: #389517; font-size: 0.92em; } .red { font-weight:bold; color: #d30808; font-size: 0.92em; } .blue { color: #1a5692; font-size: 0.92em; font-weight:bold; } .check-red { padding: 5px 0; font-weight:bold; color: #d30808; } .check-green { padding: 5px 0; font-weight:bold; color: #389517; } .small-blue { color: #6a6a6a; font-style: italic; font-size: 0.92em; font-family: "Trebuchet MS"; } .font { font-size: 1em; font-weight:bold; } .privacy { list-style-type:none; padding-left: 0.5em; } .privacy li { padding: 3px 0; color: #636363; } .privacy li input, .ckeckbox { border: 0; } .album-photo { background:url(/images/album.png) no-repeat top; height: 108px; width: 126px; margin: 0 auto 0px; padding-top: 23px; cursor:pointer; } .album-video { background:url(/images/video_album.png) no-repeat top; height: 125px; width: 126px; margin: 0 auto 0px; padding-top: 11px; cursor:pointer; } .beta { position:absolute; width: 79px; height: 68px; top: 5px; right: 50%; margin-right: 427px; background:url(/images/beta.png) no-repeat; z-index: 55; } .kir { position:absolute; width: 60px; height: 90px; top: 5px; right: 50%; margin-right: 447px; background:url(/images/kir.png) no-repeat; z-index: 55; } .last-comments { list-style-type: none; padding-left: 0em; } .last-comments li { padding: 8px 8px 5px 8px; margin-bottom: 1px; background: #fff; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius:3px; font-size: 0.92em; color:#717171; line-height:20px; } .last-comments li .gray-comment { background: #efefef; } .invite-friend { background:url(/images/invite_bg.gif) no-repeat; height: 60px; width: 228px; text-align:center; padding-top: 28px; padding-left: 60px; } .invite-friend a img { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity:1; } .invite-friend a:hover img { filter: alpha(opacity=85); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; } .offer-button { background:url(/images/offer_bg.gif) no-repeat; height: 65px; width: 228px; text-align:center; padding-top: 28px; padding-left: 60px; } .offer-button a img { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity:1; } .offer-button a:hover img { filter: alpha(opacity=85); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; } .poll-button { background:url(/images/poll_bg.gif) no-repeat; height: 77px; width: 234px; text-align:center; padding-top: 28px; padding-left: 60px; } .poll-button a img { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity:1; } .poll-button a:hover img { filter: alpha(opacity=85); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85; } #cruise-offer { font-family: Tahoma; list-style-type: none; padding-left: 0em; font-size: 0.92em; color: #666; } #cruise-offer li { padding: 8px 8px 5px 8px; margin-bottom: 10px; background: #fff; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius:3px; font-size: 0.92em; line-height:20px; } #cruise-offer h5 { padding-bottom: 0px; } #cruise-offer h5 a{ font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; margin-bottom: 0px; color: #1c71a8; padding-bottom: 5px; text-decoration: none; font-weight:bold; } #cruise-offer a.boat{ text-decoration: none; color: #1c71a8; font-size: 1.1em; font-weight:bold; } #cruise-offer .black { color: #000; font-weight:bold; font-size:1.1em; } #cruise-offer li ul li { padding: 0px; margin-bottom: 0px; background: none; border:none; font-size: 1.2em; line-height: normal; } #cruise-offer li ul li a:hover { text-decoration: none; } .offer-date { border-left: 1px dashed #d4d4d4; padding:0 10px; line-height:14px; } .offer-price { border-left: 1px dashed #d4d4d4; padding:0 10px; } #cruise-offer a:hover { text-decoration: underline; } /***** REKLAMA *****/ .banner-left { text-align:center; padding: 8px 0px 15px 0px; } .banner-right { text-align:center; padding: 0px 0 25px 0; } .banner { text-align:center; padding: 8px 10px; padding-bottom: 15px; } /***** PIKTOGRAMY NA PRZYSTANIACH *****/ .pictograms { list-style-type: none; padding: 0em; padding: 8px 0; } .pictograms li { display:inline; margin-right: 2px; cursor:help; } /***** OCENA PRZYSTANI *****/ .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url(/images/star.gif) left -1000px repeat-x; } .star-rating{ position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; margin-top: 4px; } .star-rating li{ display: inline; } .star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; } .star-rating a:hover, .star-rating a:active, .star-rating a:focus{ background-position: left bottom; } .star-rating a.one-star{ width:20%; z-index:6; } .star-rating a.two-stars{ width:40%; z-index:5; } .star-rating a.three-stars{ width:60%; z-index:4; } .star-rating a.four-stars{ width:80%; z-index:3; } .star-rating a.five-stars{ width:100%; z-index:2; } .star-rating .current-rating{ z-index:1; background-position: left center; } /* for an inline rater */ .inline-rating{ display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; } /* smaller star */ .small-star{ width:50px; height:10px; font-size: 1px; } .small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating{ background-image: url(/images/star_small.gif); line-height: 10px; height: 10px; } /***** GORNE MENU USERA *****/ .top-avatar { float:left; border: 1px solid #215890; margin-right: 10px; } .user-options { float:left; width: 200px; color: #7da2c6; } .user-menu-box, .user-menu-mail { position:relative; float:left; white-space: nowrap; } .user-menu-box { margin-right: 8px; } .user-menu-link { background: #215890 url(/images/user_menu_arrow.gif) no-repeat 93px center; display:block; padding: 5px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight:bold; width: 100px; margin-top: 8px; } .user-menu, .user-mail { background: #215890; position:absolute; top: 29px; left:0px; list-style-type: none; padding:1em; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topleft: 0; border-radius: 5px; border-top-left-radius: 0; z-index:9989; display:none; } .user-menu li, .user-mail li { margin-bottom: 6px; background:url(/images/user_menu_bullet.gif) no-repeat left center; padding-left: 10px; } .user-menu li a, .user-mail li a { font-weight:bold; } .user-mail-link { background: #215890 url(/images/user_menu_arrow.gif) no-repeat 53px center; display:block; padding: 5px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight:bold; width: 60px; margin-top: 8px; } /***** IKONY POWIADOMIEN *****/ .notification-user { position:absolute; top: -20px; right: 50px; height: 16px; width: 16px; background:url(/images/icons/notification_user_on.gif) no-repeat; } .notification-wall { position:absolute; top: -20px; right: 25px; height: 16px; width: 17px; background:url(/images/icons/notification_wall_on.gif) no-repeat; } .notification-mail { position:absolute; top: -20px; right: 0px; height: 16px; width: 16px; background:url(/images/icons/notification_mail_on.gif) no-repeat; } .notification-user a:hover img, .notification-wall a:hover img, .notification-mail a:hover img { filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0.0; opacity:0.0; } .notification { position:absolute; top: -18px; left: 15px; background: #ef0303; padding:1px 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 10px; font-family:Tahoma; font-weight:bold; } .notification-tip { background:url(/images/icons/notification_tip.gif) no-repeat; position:absolute; bottom: -3px; left: 0px; height: 6px; width: 6px; font-size: 1px; } /***** HOMEPAGE *****/ .homepage {} .hp-left-column { float:left; width: 128px; margin-right: 15px; } .hp-center-column { float:left; width: 506px; } .hp-right-column { float:right; width: 288px; } .homepage .wide-content-box { background: #fff url(/images/box_gradient.gif) repeat-x top; border: 1px solid #d6d6d6; padding: 5px 8px 5px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 16px; } .homepage .tab-title { position:relative; background: url(/images/bottom_border.gif) repeat-x bottom; height: 30px; margin-bottom: 7px; } .homepage h2 { position:absolute; z-index: 10; left: 4px; top: 0px; height: 24px; padding: 6px 0px 0 13px; background: url(/images/header_arrow.gif) no-repeat left center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; font-weight:bold; text-transform: uppercase; color: #ab0b0b; } .homepage h2.gray-title { position:absolute; z-index: 10; left: 4px; top: 0px; height: 24px; padding: 6px 0px 0 13px; background: url(/images/header_arrow_red.gif) no-repeat left center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; text-align:center; font-weight:bold; text-transform: uppercase; color: #a2a2a2; } .homepage h2 a {color: #d2e9ff; text-decoration: none;} .homepage .side-link { position:absolute; right: 0; top: 3px; } .homepage .side-link-show { position:absolute; right: 0; top: 0px; color: #ccc; } .homepage .side-link-add { position:absolute; right: 0; top: 14px; color: #ccc; } .homepage .side-link span, .homepage .side-link-show span, .homepage .side-link-add span { color: #82878d; font-weight:normal; } .shortcut { list-style-type: none; padding: 0em; padding-bottom: 10px; } .shortcut li { margin: 3px 0 3px 0px; padding-bottom: 3px; padding-left: 2px; border-bottom: 1px solid #d6d6d6; } .shortcut li a { font-size: 0.91em; color: #1e548c; text-decoration: none; } .shortcut li a:hover { font-size: 0.91em; color: #ab0b0b; text-decoration: underline; } .article-list {} .article-list a { color: #1e548c; text-decoration: none; } .article-list a:hover { color: #ab0b0b; text-decoration: underline; } .art-list-news { padding-bottom: 15px; border-bottom: 1px solid #d6d6d6; margin-bottom: 15px; position:relative; } .first-art { padding-bottom: 5px; } .first-art a, .art-list-news a{ font-weight:bold;} .first-art .date { font-size: 11px; color: #818181; margin-bottom: 10px; padding-top: 2px; } .art-picture { float:left; background-image:url(/images/picture_bg.gif); background-repeat:repeat; margin: 0 10px 5px 0; padding: 4px; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius:3px; } .art-content { float:right; width: 355px; margin-bottom: 10px; } .art-more { font-size: 0.91em; } .art-tag { font-size: 0.75em; color: #ab0b0b; font-family:Tahoma; text-transform: uppercase; } .art-list-news .art-tag { color: #ab0b0b; } .art { position:relative; border-top: 1px solid #e1e1e1; padding: 3px 90px 3px 0; _display:inline-block; } .art .date { font-size: 11px; color: #818181; } .art-options { border: none; position:absolute; top: -4px; right: 2px; font-size: 12px; color: #818181; width: 85px; text-align:right; } .lista-artykulow {font-weight: normal !important; padding-top: 20px;} .lista-artykulow .date { font-size: 11px; font-weight:normal !important; color: #818181; margin-bottom: 5px; padding: 5px; position:relative; background: none !important; border: none !important; } .lista-artykulow a { font-family:Arial, Helvetica, sans-serif; font-size: 0.91em !important; font-weight: bold !important; color: #1a5692 !important; text-decoration: none !important; } .lista-artykulow a:hover { font-family:Arial, Helvetica, sans-serif; font-weight: bold !important; color: #ab0b0b !important; text-decoration: none !important; } .lista-artykulow h6 a{ font-style:normal !important; font-weight: bold !important; font-size: 1em !important; color: #1a5692 !important; } .lista-artykulow .blue { color: #1a5692 !important; font-size: 0.92em !important; font-weight:bold !important; } #news-read { line-height: 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: justify; } #news-read a { font-family:Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #1d94d8; text-decoration:underline; } #news-read a:hover { font-family:Arial, Helvetica, sans-serif; font-size: 1em; font-weight:normal; color: #901b1b; text-decoration: underline; } #news-read .date { font-size: 11px; color: #818181; margin-bottom: 5px; padding: 5px; position:relative; background: #f5f5f5; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; } #news-read fieldset { background: #e5f0fc; border-top: 1px dashed #82aad9; border-bottom: 1px dashed #82aad9; color: #545454; padding: 10px; margin: 15px 0; font-weight:normal; } #news-read legend { color: #1a5692; font-size: 1.17em; font-weight:bold; padding: 5px; } #news-read fieldset a{ font-weight:bold; color: #1a5692; text-decoration: none; } #news-read fieldset a:hover{ font-weight:bold; color: #1a5692; text-decoration: underline;; } .news-zdjecie { float:left; background-image:url(/images/picture_bg.gif); background-repeat:repeat; margin-top: 5px; margin-right: 12px; padding: 6px 5px; } .news-author { font-size: 11px; color: #818181; padding: 0 5px; margin-bottom: 15px; } .news-zajawka { padding-bottom:15px; font-size:13px; font-weight:bold; position:relative; } .news-rating { position:absolute; top: 5px; right: 5px; font-size: 11px; color: #919191; } .news-options { margin-top: 15px; padding:10px 0 0 0; border-top: 1px solid #d3d3d3; font-size: 11px; color: #919191; } .news-hits { float:right; } .news-social { float:left; margin-right: 8px; } .wall { padding: 10px; margin-bottom: 10px; border-top: 2px solid #1b5790; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; background-color: #f8f8f8; } .wall-comment { width: 480px; padding: 8px 15px; float:right; border: 1px solid #c5c5c5; background: #fff; position:relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wall-bubble { width: 11px; height: 11px; background:url(/images/speech_bubble.gif) no-repeat; position:absolute; top: 7px; left: -11px; z-index: 20; } #wall-post, #wall-post-active { width:480px; border: none; font-size: 13px; color: #8e8e8e; font-family:Verdana, Arial, Helvetica, sans-serif; } .wall-day{} .wall-day-header { margin: 10px 0; position:relative; background:url(/images/wall_day_bg.gif) repeat-x left center; } a.wall-hide { display:block; position:absolute; right: 0; top: 3px; background: #fff; padding: 2px 7px 2px 10px; border: 1px solid #bababa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 11px; text-decoration: none; color: #1f568e; font-weight:bold; } a.wall-hide:hover { display:block; position:absolute; right: 0; top: 3px; background: #fff; padding: 2px 7px 2px 10px; border: 1px solid #bababa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 11px; text-decoration: none; color: #70a222; font-weight:bold; } /* Przystan dodatkowe informacje */ .mui { background: #fff; border-top: 1px solid #d6d6d6; padding: 12px 10px; margin: 5px 5px 0px 5px; } .mui-avatar { float: left; margin-top: 2px; } .mui-info { float:right; width: 465px; font-size: 1em; color: #545454; line-height: 18px; padding-right: 20px; position:relative; } .mui-user { font-family:Arial, Helvetica, sans-serif; color: #777777; font-size: 0.75em; padding-bottom: 3px; } .mui-user a { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color: #1a5692; font-weight:bold; text-decoration: none; } .mui-user a:hover { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color: #70a222; text-decoration: none; } .mui-title { color: #ab0b0b; padding-left: 5px; padding-top: 20px; position:relative; } .mui .side-link { position:absolute; right: -1px; top: -5px; } .mui-additional-info { padding:20px 10px; font-size: 0.91em; color: #777; text-align: right; } .mui-additional-info a { font-family:Arial, Helvetica, sans-serif; font-size:1em; color: #1a5692; font-weight:bold; text-decoration: none; } .mui-additional-info a:hover { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color: #70a222; text-decoration: none; }