/* PANEL -----------------------------------------------*/ .panel {position:absolute; top:0; left:-145px; z-index:9999999; } .panel .small {position:absolute; top:-100px; left:0; width:133px; height:504px; cursor:pointer; background:url(../img/account/panelSmall.gif) no-repeat top left; } .panel .bigTop {display:none; position:absolute; top:-100px; left:0; width:200px; background:url(../img/account/panelBigTop.gif) no-repeat top left; } .panel .bigBottom {min-height:300px; _height:300px; background:url(../img/account/panelBigBottom.gif) no-repeat bottom left; } .panel .bigBottom ul {padding:50px 10px 15px 10px; } .panel .bigBottom ul li {padding:2px 0; } .panel .bigBottom ul li a {text-decoration:none; color:#fff; font-size:12px; font-weight:bold; } .panel .bigBottom ul li a:hover {text-decoration:underline; } /* KONTO USERA -----------------------------------------------*/ .accountLeft {width:548px; float:left; margin-top:10px; } .accountRight {width:410px; float:right; margin-top:10px; } /* ----- */ .accountLeft .inner {width:436px; position:absolute; left:87px; overflow:hidden; } .accountLeft .c-L-1 {height:325px; position:relative; background:url(../img/account/c-l-1.jpg) no-repeat top left; } .accountLeft .c-L-1 .inner {height:261px; top:64px; } .accountLeft .c-L-2 {height:218px; position:relative; background:url(../img/account/c-l-2.jpg) no-repeat top left; } .accountLeft .c-L-2 .inner {height:169px; top:19px; } .accountLeft .c-L-3 {height:166px; position:relative; background:url(../img/account/c-l-3.jpg) no-repeat top left; } .accountLeft .c-L-3 .inner {height:136px; top:30px; } .accountLeft .c-L-4 {height:225px; position:relative; background:url(../img/account/c-l-4.jpg) no-repeat top left; } .accountLeft .c-L-4 .inner {height:165px; top:32px; } .accountLeft .c-L-5 {height:387px; position:relative; background:url(../img/account/c-l-5.jpg) no-repeat top left; } .accountLeft .c-L-5 .inner {height:346px; top:41px; } .accountLeft .c-L-6 {height:135px; position:relative; background:url(../img/account/c-l-6.jpg) no-repeat top left; } .accountLeft .c-L-6 .inner {height:110px; top:25px; } /* ----- */ .accountRight .inner {width:359px; position:absolute; left:25px; } .accountRight .c-R-1-outer {width:409px; margin-bottom:10px; background:#F4F4F4 url(../img/account/c-r-1outer.jpg) no-repeat bottom left; } .accountRight .c-R-1 {width:409px; position:relative; background:url(../img/account/c-r-1.jpg) no-repeat top left; } .accountRight .c-R-1 .inner {position:relative; left:0; top:0; padding:49px 25px 25px 25px; min-height:860px; } .accountRight .c-R-2 {height:199px; margin-bottom:10px; position:relative; background:url(../img/account/c-r-2.jpg) no-repeat top left; } .accountRight .c-R-2 .inner {height:165px; top:34px; } .accountRight .c-R-3 {height:256px; margin-bottom:10px; position:relative; background:url(../img/account/c-r-3.jpg) no-repeat top left; } .accountRight .c-R-3 .inner {height:165px; top:34px; } .accountRight .c-R-4 {position:relative; margin-bottom:10px; min-height:582px; position:relative; background:url(../img/account/c-r-4.jpg) no-repeat top left; } .accountRight .c-R-4-outer {position:relative; background:url(../img/account/c-r-4outer.jpg) no-repeat bottom left; } .accountRight .c-R-4 .inner2 {padding:34px 25px 25px 25px; } /* ----- */ .accountLeft h3, .accountRight h3 {font-size:18px; font-weight:normal; color:#1D7DED; padding:7px 0 4px 0; background:url(../img/dotGrey97.gif) repeat-x bottom left; } .accountLeft a.viewAll:link, .accountLeft a.viewAll:visited {position:absolute; bottom:0; right:12px; text-decoration:none; display:block; width:221px; height:30px; line-height:30px; text-align:center; color:#4f4f4f; font-weight:bold; font-size:12px; } .accountLeft a.viewAll:hover {text-decoration:underline; } /* Profil */ .accountLeft .c-L-1 .inner {color:#6d6d6d; } .accountLeft .c-L-1 .inner h2 {height:50px; line-height:50px; font-size:24px; font-weight:normal; color:#1D7DED; } .accountLeft .c-L-1 .inner span.pkt {font-size:13px; font-weight:normal; color:#585858; vertical-align:middle; } .accountLeft .c-L-1 .inner .pLeft {width:150px; height:205px; float:left; margin-right:15px; text-align:center; } .accountLeft .c-L-1 .inner img {border:1px solid #D1D2D2; padding:3px; display:block; margin:0 auto 10px auto; } .accountLeft .c-L-1 .inner .ulRight {width:250px; float:left; margin-bottom:15px; background:url(../img/dotGrey97.gif) repeat-x top left; } .accountLeft .c-L-1 .inner .ulRight li {height:34px; line-height:34px; font-size:12px; background:url(../img/dotGrey97.gif) repeat-x bottom left; } .accountLeft .c-L-1 .inner .ulRight li strong {color:#5A7A16; } .accountLeft .c-L-1 .inner .ulRight .li-1 p {padding-left:50px; background:url(../img/icons/friends.gif) no-repeat 10px; } .accountLeft .c-L-1 .inner .ulRight .li-2 p {padding-left:50px; background:url(../img/icons/photos.gif) no-repeat 10px; } .accountLeft .c-L-1 .inner .ulRight .li-3 p {padding-left:50px; background:url(../img/icons/films.gif) no-repeat 10px; } .accountLeft .c-L-1 .inner .ulRight .li-4 p {padding-left:50px; background:url(../img/icons/add_to_friends.gif) no-repeat 10px; } .accountLeft .c-L-1 .inner .ulRight .li-6 p {padding-left:50px; background:url(../img/icons/pn.gif) no-repeat 10px; } .accountLeft .c-L-1 .inner .ulRight li a:link, .accountLeft .c-L-1 .inner .ulRight li a:visited {color:#6d6d6d; font-weight:bold; text-decoration:none; } .accountLeft .c-L-1 .inner .ulRight li a:hover {text-decoration:underline; } .accountLeft .c-L-1 a.dolacz_do_klubu:link, .accountLeft .c-L-1 a.dolacz_do_klubu:visited {width:153px; height:30px; text-decoration:none; display:block; line-height:30px; text-align:center; color:#4f4f4f; font-weight:bold; font-size:12px; position:absolute; top:34px; right:30px; background:url(../img/klubBg.gif) no-repeat top left; } .accountLeft .c-L-1 a.dolacz_do_klubu:hover {text-decoration:underline; } .accountLeft .c-L-1 p.dolacz_do_klubu {height:30px; text-decoration:none; display:block; line-height:30px; text-align:center; color:#4f4f4f; font-weight:bold; font-size:12px; position:absolute; top:34px; right:30px; } /* Znajomi */ .accountLeft .c-L-2 .inner div {width:86px; float:left; padding-right:23px; padding-top:10px; text-align:center; } .accountLeft .c-L-2 .inner div p {padding:4px 0; background:url(../img/dotGrey97.gif) repeat-x bottom left; } .accountLeft .c-L-2 .inner div p img {vertical-align:middle; } /* Poszukuje */ .accountLeft .c-L-3 .inner div {padding:15px 0 0 0; } /* Kluby druzyny do ktorych naleze */ .accountLeft .c-L-4 .inner div {width:210px; float:left; padding-top:35px; } .accountLeft .c-L-4 .inner div img {float:left; margin-right:10px; } .accountLeft .c-L-4 .inner div p {line-height:14px; } .accountLeft .c-L-4 .inner div p span {color:#5A7A16; } /* Poszukuję sponsora / klubu */ .accountLeft .c-L-5 .inner .box {padding:10px; background:url(../img/dotGrey97.gif) repeat-x bottom left; } .accountLeft .c-L-5 .inner .Ico {float:right; } .accountLeft .c-L-5 .inner a.title:link, .accountLeft .c-L-5 .inner a.title:visited {color:#4f4f4f; text-decoration:none; } .accountLeft .c-L-5 .inner a.title:hover {text-decoration:underline; } .accountLeft .c-L-5 .inner p {line-height:18px; } .accountLeft .c-L-5 .inner span {color:#1D7DED; font-size:14px; } .accountLeft .c-L-5 .inner .p-V-10 {padding-top:0; } /* Moj sponsor */ .accountLeft .c-L-6 .inner div {width:210px; float:left; padding-top:15px; } .accountLeft .c-L-6 .inner div img {float:left; margin-right:10px; } .accountLeft .c-L-6 .inner div p {line-height:14px; padding-top:10px; } .accountLeft .c-L-6 .more {width:221px; height:29px; line-height:29px; text-align:center; position:absolute; bottom:-29px; right:12px; background:url(../img/moreBg.gif) no-repeat top left; } .accountLeft .c-L-6 .more a:link, .accountLeft .c-L-6 .more a:visited {text-decoration:none; color:#4f4f4f; font-weight:bold; font-size:12px; display:inline; } .accountLeft .c-L-6 .more a:hover {text-decoration:underline; } /* Informacje o uzytkowniku */ .accountRight .c-R-1 .inner table {margin-top:15px; color:#4f4f4f; } .accountRight .c-R-1 .inner table tr {line-height:30px; background:url(../img/dotGrey97.gif) repeat-x bottom left; } .accountRight .c-R-1 .inner table td {width:50%; padding:0 20px; } .accountRight .c-R-1 .inner table td.item {line-height:30px; background:url(../img/account/sep.gif) no-repeat right; } .accountRight .c-R-1 .inner h4 {color:#4f4f4f; padding:15px 0 5px 0; } .accountRight .c-R-1 .inner p {color:#4f4f4f; line-height:16px; } /* Zostaw wiadomosc */ .accountRight .c-R-2 .inner form {padding-top:5px; text-align:right; } .accountRight .c-R-2 .inner textarea {width:350px; height:85px; margin-bottom:4px; } /* Wydarzenia, do których jestem zapisany */ .accountRight .c-R-3 .inner ul {padding-top:10px; } .accountRight .c-R-3 .inner ul li {line-height:24px; font-size:12px; } /* Komentarz do profilu */ .accountRight .c-R-4 .inner2 form {padding-top:5px; text-align:right; } .accountRight .c-R-4 .inner2 textarea {width:350px; height:85px; margin-bottom:4px; } /* PLIK - account_more_user.tpl i account_more_klub.tpl ---------------------------------------------------------- */ .infoText-Top {width:293px; background:url(../img/zielony-dymek-top.gif) no-repeat top left; } .infoText-Bottom {width:293px; background:url(../img/zielony-dymek-bottom.gif) no-repeat bottom left; } .infoText-Bottom .inner {padding:20px 20px 50px 20px; } .infoText-Bottom .inner img {display:block; } .infoText-Bottom .inner p {padding:0 0 0 20px; margin:0; } .infoText-Bottom .inner a {color:#5E5E5E; font-size:14px; font-weight:bold; text-decoration:underline; display:block; padding:5px 0; } .infoText-Bottom .inner a:hover {text-decoration:none; } /* PLIK - fanklubu - view.tpl ---------------------------------------------------------- */ .c-L-xx {position:relative; top:10px; background:url(../img/fankluby/fanklub-opis.gif) no-repeat top right; } .c-L-xx h3 {width:330px; } .c-L-xx .inner {width:436px; position:relative; left:87px; padding-top:20px; } .c-L-xx .innerInner {padding:10px 90px 10px 20px; line-height:16px; font-size:13px; min-height:200px; _height:200px; } .c-R-F1, .c-R-F2, .c-R-F3, .c-R-F4 {padding-bottom:30px; position:relative; } .c-R-F1 .inner, .c-R-F2 .inner, .c-R-F3 .inner, .c-R-F4 .inner {width:359px; position:relative; left:25px; } .c-R-F1 .innerInner, .c-R-F2 .innerInner, .c-R-F3 .innerInner, .c-R-F4 .innerInner {padding:10px 0 0 0; } .c-R-F1 {background:url(../img/fankluby/fanklub-foto.gif) no-repeat top right; } .c-R-F1 .inner {padding-top:40px; } .c-R-F3 {background:url(../img/fankluby/fanklub-video.gif) no-repeat top right; } .c-R-F3 .inner {padding-top:42px; } .c-R-F1 .inner .dotGrey97-Top, .c-R-F2 .inner .dotGrey97-Top, .c-R-F3 .inner .dotGrey97-Top, .c-R-F4 .inner .dotGrey97-Top {clear:both; } .c-R-F1 .inner .dotGrey97-Bot, .c-R-F2 .inner .dotGrey97-Bot, .c-R-F3 .inner .dotGrey97-Bot, .c-R-F4 .inner .dotGrey97-Bot {line-height:24px; height:24px; text-align:right; padding:0 20px 0 0; } .c-R-F1 .inner .dotGrey97-Bot a, .c-R-F2 .inner .dotGrey97-Bot a, .c-R-F3 .inner .dotGrey97-Bot a, .c-R-F4 .inner .dotGrey97-Bot a {text-decoration:none; color:#1D7DED; font-size:12px; } .c-R-F1 .inner .dotGrey97-Bot a:hover, .c-R-F2 .inner .dotGrey97-Bot a:hover, .c-R-F3 .inner .dotGrey97-Bot a:hover, .c-R-F4 .inner .dotGrey97-Bot a:hover {text-decoration:underline; }