Aranjare chatbox
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 2 din 2 • Distribuiţi
Pagina 2 din 2 • 1, 2
Aranjare chatbox
Rezumarea primului mesaj :
Am rezolvat cu headerul, nu mai trebuie, dar am făcut altă prostie. )
http://prntscr.com/6sdwpf
Cod folosit
Am rezolvat cu headerul, nu mai trebuie, dar am făcut altă prostie. )
http://prntscr.com/6sdwpf
Cod folosit
- Cod:
/*chatbox v1.1 BS*/
#chatbox_header.main-head {
background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
padding: 3px 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 6px;
}
.chatbox-title, .chatbox-title a.chat-title {
background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 75px 3px transparent;
font: 700 15px/1.3 Helvetica,Arial,sans-serif;
color: #fff;
}
.chatbox-title a.chat-title:hover {
text-decoration: underline;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
body[bgcolor] {background: #000000;}
.main-content.chatbox {
background-color: #000000;
padding: 10px;
border: 1px solid rgb(204, 204, 204);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding-bottom: 0px;
}
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
}
#chatbox_members .member-title {
background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
background: #FAFAD2;
}
#chatbox_footer {
background: transparent;
border: 0px;
}
#chatbox_footer .right {
float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: 246, 246, 248;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}
input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb((255,255,100);
background: rgb(220,220,235) url('http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png') repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}
#submit_button {
margin-left: 13px;
}
#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: black;
border-bottom-color: rgb(190,190,170);
}
#simple-wrap {
background:black;
}
#chatbox_top {
min-height: 280px;
}
#chatbox{
top: 43px;
bottom: 28px;
margin: 5px;
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
padding: 5px;
right: 198px;
left:0;
}
Re: Aranjare chatbox
- Cod:
.pun{
width: 95%
}
img{border: none!important;}
#backtotop,#bottomScroll
{
background: #151515;
border-radius: 16px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
display: inline-block;
height: 24px;
left: 50%;
line-height: 20px;
margin-left: -12px;
margin-top: -12px;
moz-border-radius: 16px;
moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
opacity: 0.4;
outline: 0;
position: absolute;
text-align: center;
top: 50%;
webkit-border-radius: 16px;
webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
width: 24px;
}
#bottomScroll:hover,#backtotop:hover
{
background: #151515;
color: #fff;
opacity: 1;
}
#footer_utilities
{
background: #292929 url('http://i.imgur.com/G2YQ67P.png') repeat-x 0 -1px;
border: 1px
solid #454545;
padding: 28px;
position: relative;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
}
#footer_utilities, #footer_utilities
a
{
color: #b8b8b8;
}
#footer_utilities .ipbmenu_content
a
{
color: #fff;
}
#footer_utilities
.ipsList_inline
{
clear: left;
float: left;
margin-top: 3px;
}
#footer_utilities .ipsList_inline>li
{
margin: 0;
}
#footer_utilities .ipsList_inline>li>a
{
display: inline-block;
margin-right: 0px;
padding: 4px
10px;
}
#footer_utilities
a.menu_active
{
background: rgba(0,0,0,0.3);
background: url('http://i.imgur.com/t0yMEBv.png') repeat;
border-radius: 10px;
box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
color: #fff;
moz-border-radius: 10px;
moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
webkit-border-radius: 10px;
webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
}
#copyright
{
float: right;
line-height: 22px;
text-align: right;
}
#ipsDebug_footer
{
color: #404040;
font-size: 11px;
margin: 8px
auto 0px auto;
text-align: center;
width: 900px;
}
#ipsDebug_footer
strong
{
margin-left: 20px;
}
#ipsDebug_footer
a
{
color: #404040;
}
#rss_menu
{
background-color: #f78e30;
border: 0;
}
#rss_menu
li
{
border: 0;
border-bottom: 1px solid #fbb969;
}
#rss_menu li:last-of-type
{
border-bottom: 0;
}
#rss_menu
a
{
background: url("http://i.imgur.com/ViX8ieR.png") repeat-x 0 -1px;
color: #fff;
padding: 5px
8px;
text-shadow: #dc7214 0px -1px 0px;
}
#rss_menu a:hover
{
background: #f89f37 url("http://i.imgur.com/ViX8ieR.png") repeat-x 0 -1px;
color: #fff;
}
#page-body .pun-crumbs{display: none;}
.message p{color: #497083!important;background-color: #C3D7EA!important;border: 1px solid #537EA8!important;}
.post{border-color: #454545!important;}
.paged-head, .paged-foot, .paged, .posting{background: #212121!important;}
/*post*/
.postfoot{border: none !important;}
.pun .paged-foot, .pun .paged-head {
background-color: white;
border: 0px;
}
.pun .post .user {
display: block;
text-align: center;
}
.pun .user .user-ident .user-basic-info {
text-align: center;
position: relative;
}
.user-basic-info a img {
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #7D7D7D;
}
.post-entry, .posthead, #p2{padding: 10px !important;}
.user-basic-info{padding: 10px;}
.post-entry, .posthead, #p2{padding: 10px !important;}
.posthead{border: none !important;background: #222222 !important;padding: 6px !important;}
.posthead h2 strong{padding-top: -10px !important;}
.posthead h2{padding: 5px !important;}
.statistics {margin: 20px 0 0 0;padding: 8px;line-height: 1.3;overflow: hidden;}
.statistics {-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid #e3e3e3;}
.statistics .statistics_head:first-of-type {border-top: 0;}
.statistics_head {background-color: #fff;}
#stat_links {font-weight: normal;}
.ipsType_small {font-size: 11px;}
.ipsList_inline>li:first-child {margin-left: 0;}
.ipsList_inline>li {display: inline-block;margin: 0 3px;}
#stat_links a {margin: 0 5px;}
.statistics_head a, #board_stats .value {color: #333535;}
#board_stats ul {text-align: center;}
#board_stats li {margin-right: 20px;}
.ipsList_inline>li:first-child {margin-left: 0;}
.ipsList_inline>li {display: inline-block;margin: 0 3px;}
#board_stats .value {
display: inline-block;
background: #2b2b2b url('http://i56.servimg.com/u/f56/17/39/93/85/highli10.png') repeat-x 0 0;
color: #fff;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
}
.tc2, .tc3, .tcr{border-left: none!important;}
#pun-visit, #pun-intro, #pun-navlinks{display: none;}
a, a:hover{text-decoration:none!important;}
.main .main-head
{
background: #527496 url('http://i.imgur.com/HbY6NAe.png') repeat-x 0 0 !important;
border-radius: 4px;
box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
color: #fff;
font-size: 12px;
font-weight: 300;
font-weight: bold;
margin-bottom: 4px;
moz-border-radius: 4px;
moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
overflow: hidden;
padding: 12px;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
webkit-border-radius: 4px;
webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
.guestMessage
{
background: #1d1d1d;
border: 1px
solid #303030;
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
color: #ddd;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 140%;
margin-bottom: 10px;
moz-border-radius: 3px;
moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
padding: 10px;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
webkit-border-radius: 3px;
webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
}
.guestMessage
strong
{
display: inline-block;
margin-bottom: 7px;
}
.guestMessage
a
{
border-bottom: 1px solid #bcbcbc;
color: #fff;
text-decoration: none;
}
li
{
list-style:none !important;
}
#header_bar
{
background: #323232 url('http://i.imgur.com/q93OHwj.png') repeat-x 0 1px;
padding: 0;
text-align: right;
}
#user_navigation {
border-left: 1px solid #2b2b2b;
color: #9f9f9f;
float: right;
font-size: 11px;
height: 35px;
line-height: 35px;
overflow: hidden;
margin-right: 25px;
}
#user_navigation
a
{
border-right: 1px solid #2b2b2b;
color: #fff;
float: left;
height: 35px;
line-height: 35px;
outline: none;
padding: 0
12px;
}
#user_navigation a:hover
{
background: #232323;
}
#user_navigation
.user_photo
{
height: 27px;
margin: -3px -8px 0px -8px;
position: relative;
width: auto;
}
#user_navigation #sign_in img,
#user_navigation #register_link
img
{
margin: -1px 2px 0 0;
position: relative;
vertical-align: middle;
}
#user_navigation .ipsList_inline
li
{
float: left;
margin: 0;
padding: 0;
}
#user_link_dd,.dropdownIndicator
{
background: url('http://i.imgur.com/rykHKuh.png') no-repeat left;
display: inline-block;
height: 5px;
width: 9px;
}
#user_link_menucontent #links
li
{
float: left;
margin: 3px
0;
white-space: nowrap;
width: 50%;
}
#user_link_menucontent #links
a
{
display: block;
}
#user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active
.dropdownIndicator
{
background-position: right;
}
#community_app_menu .menu_active
.dropdownIndicator
{
background-position: left;
}
#community_app_menu li.active .menu_active
.dropdownIndicator
{
background-position: right;
}
#user_link_menucontent
#statusForm
{
margin-bottom: 15px;
}
#user_link_menucontent
#statusUpdate
{
margin-bottom: 5px;
}
#user_link_menucontent>div
{
margin-left: 15px;
text-align: left;
width: 265px;
}
#statusSubmitGlobal
{
margin-top: 3px;
}
#user_navigation a#user_link.menu_active,
#user_navigation a#notify_link.menu_active,
#user_navigation
a#inbox_link.menu_active
{
background: #1d1d1d;
color: #fff;
position: relative;
z-index: 999;
}
#notify_link,#inbox_link
{
padding: 0
8px !important;
position: relative;
vertical-align: middle;
width: 20px;
border: none!important;
margin-top: 12px;
}
#notify_link img, #inbox_link img
{
background-position: 0 10px;
background-repeat: no-repeat;
height: 14px;
margin-top: -2px;
width: 20px;
}
#notify_link.menu_active img, #inbox_link.menu_active
img
{
background-position: 0 0px;
}
.services
img
{
margin: -1px -2px 0 -2px;
}
#branding {
background: url('http://i62.tinypic.com/2wf5o4j.png') repeat-x 0 0;
height: 120px;
}
#logo {
margin-left: 85px;
}
#logo
a.textLogo
{
color: #fff;
display: block;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 24px;
font-weight: bold;
height: 92px;
line-height: 92px;
padding: 0
12px;
text-decoration: none;
}
#nav_wrap
{
background: #171717;
border-bottom: 1px solid #3e3e3e;
border-top: 1px solid #2b2b2b;
height: 35px;
}
#primary_nav {
float: left;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
padding: 3px 0 0 30px;
text-transform: uppercase;
}
#community_app_menu>li
{
margin: 0px
3px 0 0;
position: relative;
}
#community_app_menu>li>a
{
background: #1d1d1d;
border-left: 1px solid #1f1f1f;
border-radius: 3px 3px 0 0;
border-right: 1px solid #1f1f1f;
border-top: 1px solid #252525;
color: #bcbcbc;
display: block;
height: 31px;
line-height: 31px;
moz-border-radius: 3px 3px 0 0;
outline: none;
padding: 0px
15px;
webkit-border-top-left-radius: 3px;
webkit-border-top-right-radius: 3px;
}
#community_app_menu>li>a:hover,#community_app_menu>li>a.menu_active
{
background: #202020;
border-left: 1px solid #272727;
border-right: 1px solid #272727;
border-top: 1px solid #303030;
color: #fff;
}
#community_app_menu > li.active
a
{
background: #212121;
border-left: 1px solid #2f2f2f;
border-right: 1px solid #2f2f2f;
border-top: 1px solid #565656;
color: #fff;
padding-bottom: 1px;
position: relative;
}
#community_app_menu > li > a.ipbmenu
img
{
margin-right: -6px;
}
#primary_extra_menucontent,#more_apps_menucontent,.submenu_container
{
background: #202020;
border: 1px
solid #272727;
border-radius: 0 0 4px 4px;
border-top: 0;
box-shadow: none;
font-size: 11px;
min-width: 140px;
moz-border-radius: 0 0 4px 4px;
moz-box-shadow: none;
webkit-border-bottom-left-radius: 4px;
webkit-border-bottom-right-radius: 4px;
webkit-box-shadow: none;
}
#primary_extra_menucontent li,
#more_apps_menucontent li, .submenu_container
li
{
background: none transparent;
border: 0;
float: none !important;
min-width: 150px;
padding: 0;
}
#primary_extra_menucontent a,
#more_apps_menucontent a, .submenu_container
a
{
color: #fff;
display: block;
padding: 8px
10px;
}
#primary_extra_menucontent a:hover,
#more_apps_menucontent a:hover, .submenu_container a:hover
{
background: #242424;
color: #fff;
}
#primary_extra_menucontent li:last-child a,
#more_apps_menucontent li:last-child
a
{
border-radius: 0 0 4px 4px;
moz-border-radius: 0 0 4px 4px;
webkit-border-bottom-left-radius: 4px;
webkit-border-bottom-right-radius: 4px;
}
#community_app_menu
.submenu_container
{
width: 260px;
}
#community_app_menu .submenu_container
li
{
width: 260px;
}
#secondary_navigation
{
background: #202020 url('http://i.imgur.com/ATZUQCD.png') repeat-x 0 0;
border: 1px
solid #2d2d2d;
border-radius: 3px;
line-height: 37px;
margin-bottom: 15px;
moz-border-radius: 3px;
overflow: hidden;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
webkit-border-radius: 3px;
}
#secondary_navigation
a
{
color: #bcd380;
height: 37px;
line-height: 37px;
}
#secondary_navigation a:hover
{
color: #d5eb9d;
}
#secondary_navigation #breadcrumb
li
{
float: left;
}
#secondary_navigation #breadcrumb li
a
{
background: url('http://i.imgur.com/OadrhBu.png') no-repeat 0 0;
display: block;
margin-left: -15px;
outline: none;
padding-left: 12px;
text-decoration: none;
}
#secondary_navigation #breadcrumb li.first
a
{
background: none;
margin-left: 0;
padding-left: 0px;
}
#secondary_navigation #breadcrumb li
span
{
background: url('http://i.imgur.com/8mPfnK8.png') no-repeat 100% 0;
display: block;
padding-left: 4px;
padding-right: 17px;
}
#secondary_navigation #breadcrumb li>span
{
background: none transparent;
color: #d7d7d7;
padding-left: 4px;
}
#secondary_navigation #breadcrumb li.first a
span
{
border-radius: 3px 0px 0px 3px;
moz-border-radius: 3px 0px 0px 3px;
padding-left: 12px;
webkit-border-bottom-left-radius: 3px;
webkit-border-top-left-radius: 3px;
}
#secondary_navigation #breadcrumb li a:hover
{
background-position: 0 -43px;
}
#secondary_navigation #breadcrumb li a:hover
span
{
background-position: 100% -43px;
}
#secondary_navigation #breadcrumb li a:active
{
background-position: 0 -86px;
}
#secondary_navigation #breadcrumb li a:active
span
{
background-position: 100% -86px;
}
#secondary_links
{
overflow: hidden;
}
#secondary_links
li
{
float: left;
margin: 0;
}
#secondary_links
a
{
display: block;
padding: 0
12px;
}
#secondary_links
img
{
height: 16px;
margin: 10px
-4px 0 -4px;
opacity: 0.8;
position: relative;
vertical-align: top;
width: 16px;
}
#secondary_links a:hover
img
{
opacity: 1;
}
.breadcrumb
{
color: #d7d7d7;
font-size: 11px;
}
.breadcrumb
a
{
color: #d7d7d7;
}
.breadcrumb li
.nav_sep
{
margin: 0
5px 0 0;
}
.breadcrumb li:first-child
{
margin-left: 0;
}
.breadcrumb.bottom
{
display: none;
margin-top: 10px;
width: 100%;
}
.ipsHeaderMenu
{
background: #1d1d1d;
border-radius: 0 0 6px 6px;
moz-border-radius: 0 0 6px 6px;
overflow: hidden;
padding: 10px;
webkit-border-bottom-left-radius: 6px;
webkit-border-bottom-right-radius: 6px;
width: 340px;
}
.ipsHeaderMenu.boxShadow
{
box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
}
.ipsHeaderMenu
.ipsType_sectiontitle
{
margin-bottom: 8px;
}
#user_notifications_link_menucontent.ipsHeaderMenu,#user_inbox_link_menucontent.ipsHeaderMenu
{
width: 300px;
}
#search
{
margin-top: -80px;
}
#main_search
{
background: transparent;
border: 0;
font-size: 12px;
outline: 0;
padding: 0;
width: 138px;
}
#main_search.inactive
{
color: #bcbcbc;
}
#search_wrap
{
background: #fff;
border-radius: 3px 4px 4px 3px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
display: block;
height: 26px;
line-height: 25px;
min-width: 230px;
moz-border-radius: 3px 4px 4px 3px;
moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
padding: 0
26px 0 4px;
position: relative;
webkit-border-bottom-left-radius: 3px;
webkit-border-bottom-right-radius: 4px;
webkit-border-top-left-radius: 3px;
webkit-border-top-right-radius: 4px;
webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
#adv_search
{
background: url('http://i.imgur.com/DzbA3dC.png') no-repeat 50% 50%;
border-radius: 3px;
display: inline-block;
height: 26px;
margin-left: 3px;
moz-border-radius: 3px;
text-indent: -3000em;
webkit-border-radius: 3px;
width: 26px;
}
#adv_search:hover
{
background-color: rgba(0,0,0,0.2);
}
#search
.submit_input
{
background: #7ba60d url('http://i.imgur.com/kffNKYB.png') no-repeat 50%;
border: 0;
border-radius: 0 3px 3px 0;
bottom: 0;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
display: block;
height: 26px;
moz-border-radius: 0 3px 3px 0;
moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
padding: 0;
position: absolute;
right: 0;
text-indent: -3000em;
top: 0;
webkit-border-bottom-right-radius: 3px;
webkit-border-top-right-radius: 3px;
webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
width: 26px;
}
#search .submit_input:hover
{
background-color: #91bb25;
}
#search_options
{
background: #eaeaea url('http://i.imgur.com/cZzupHM.png') repeat-x 0 1px;
border-radius: 3px;
color: #222;
display: inline-block;
float: right;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px
3px 3px 0;
max-width: 80px;
moz-border-radius: 3px;
overflow: hidden;
padding: 0
6px;
text-overflow: ellipsis;
text-shadow: #fff 0px 1px 0px;
webkit-border-radius: 3px;
}
#search_options_menucontent
{
background: #1a1a1a;
border: 1px
solid #393939;
min-width: 130px;
padding: 0;
}
#search_options_menucontent
input
{
margin-right: 10px;
}
#search_options_menucontent
li
{
background: url('http://i.imgur.com/cZzupHM.png') repeat-x 0 -1px;
border-bottom: 1px solid #111;
border-top: 1px solid #252525;
white-space: nowrap;
}
#search_options_menucontent li:last-of-type
{
border-bottom: 0;
}
#search_options_menucontent label:hover
{
background: #202020 url('http://i.imgur.com/cZzupHM.png') repeat-x 0 -1px;
}
#search_options_menucontent
label
{
cursor: pointer;
display: block;
padding: 0
6px;
}
#search_options_menucontent
li.title
{
padding: 3px
6px;
}
#search, #search-box, fieldset{border: none!important;}
.module .main-head{
text-shadow:rgba(0,0,0,0.8) 0px -1px 0px;background:#222 url('http://i.imgur.com/gWn65k4.png') repeat-x 0 -1px!important;padding:8px;
border:0px;
border-bottom: 1px solid #454545!important;
border-radius: 0px;
moz-border-radius: 0px;
webkit-border-radius: 0px;
}
.module{
background: #2B2B2B!important;
border: 1px solid #454545!important;
}
.module .main-content{
background: transparent!important;
border: 0px!important;
}
#stats {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
padding: 5px 8px;
background: #2b2b2b;
margin-bottom: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
color: #fff;
font-weight: 700;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
#pun-about #qjump fieldset {
display: none;
}
#_guispace{
background: transparent;
border: 1px solid #0E7BDF;
border-radius: 3px;
font-family: verdana;
font-size: 10px;
font-weight: 400!important;
margin-bottom: 3px;
padding: 4px;
text-align: center;
}
.copyright{
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
letter-spacing: -1px;
}
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
}
/* Aspect citate pentru forumurile punBB */
.postmain blockquote{
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:11px 0 6px 10px;
font-size:14px;
line-height:18px;
color:#504536;
font-family:Georgia;
font-style:italic;
}
.postmain blockquote div {
margin-top:7px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #D5DEE5;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/spback10.png) bottom left repeat-x #FFF;
max-width:91%;
padding:15px 20px 10px 23px;
position:relative;
}
.postmain blockquote div:before {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent;
position:absolute;
width:16px;
height:16px;
top:15px;
left:3px;
}
.postmain blockquote div:after {
content:'';
position:absolute;
z-index:100;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/closeq10.png) top left no-repeat transparent;
width:16px;
height:16px;
right:4px;
bottom:4px;
}
.postmain blockquote div cite {
font-style:normal;
font-weight:700;
display:block;
font-size:13px;
color:#fff;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent;
height:32px;
position:absolute;
z-index:100;
top:-15px;
text-shadow:#000 1px 1px;
left:0px;
}
.postmain blockquote div cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent;
width:31px;
height:38px!important;
left:-13px;
top:0;
}
.postmain blockquote div cite:after {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent;
position:absolute;
right:-10px;
width:10px;
height:32px;
top:0;
}
a[href="g1-fondatori"] {
background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}
.user-basic-info a img {
max-width: 150px !important;
max-height: 250px !important;
}
/*ipbperfilcss*/
.usernam-ipb ,.usernam-ipb span {
color: #7A7A7A!important;
font-size: 20px!important;
font-weight: bold!important;
line-height: 1.7!important;
}
.usernam-ipb em {
display: none!important;
}
.ipb-profile .mod-left {
width: 150px;
margin-left: -150px;
float: left;
}
.ipb-profile {
background: #EBF0F3;
padding: 9px;
clear: both;
padding-left: 188px;
overflow: hidden;
color: #5A5A5A;
font-family: helvetica, arial, sans-serif!important;
font-size: 11px;
}
.mod-center {
width: 98%;
float: left;
background: #FFF;
border: 1px solid #E4E4E4;
padding: 9px;
position: relative;
margin: auto;
}
.ipb-m-title h2 {
padding: 8px 10px; background: #F5F5F5; color: #868686; font-size: 11px; margin: 0;
font-weight: bold;
font-family: helvetica!important;
display:none;}
.co-ipb {
background: #FFF;
margin-bottom: 10px;
border: 1px solid #DDD;
margin: 5px;
min-height: 600px;
}
.ipb-profile dt, .ipb-profile dt span {
color: #5A5A5A!important;
font-weight: bold!important;
}
.m-info-ipb dt {
display: inline-block;
width: 200px;
text-align: right;
padding-right: 10px;
}
.m-info-ipb dd {
display: inline-block;
width: 350px;
}
.profi-add-ipb a.mainmenu + br + a.mainmenu ,.main-ipb-f .clear ,.m-info-ipb .separator {
display: none;
}
.m-info-ipb dl {
line-height: 1.3; font-size: 11px; background: #FEFEFE; border: 1px solid #EEE; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
}
.ipb-tab-us ul li a span {
display: block; padding: 10px 8px; outline: 0; font-size: 11px; color: #8D8D8D; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.3s ease-in-out;
}
.ipb-tab-us ul li {
background: #F6F8FB;
color: #808080;
border-bottom: 1px solid #DBE4EF; font-size: 13px;
}
.ipb-tab-us ul li :hover {
background: #EAEFF5;
color: #808080;
}
.ipb-tab-us {
width: 149px !important; margin-top: 10px; border-top: 1px solid #DBE4EF;
border-left: 1px solid #DBE4EF;
}
.ipb-profile li ,.ipb-tab-us ul {
list-style: none;
}
.ipb-tab-us ul li.activetab {
background: white;
width: 150px;
position: relative;
z-index: 9;}
.profile-ava img {
background: #FFF; padding: 1px; border: 1px solid #D3D3D3; max-width: 138px; max-height: 138px;
}
.estoyenline-i {
background: #7BA60D;
}
.ofline-ipb {
background: #B3B3B3;
padding: 0 5px;}
.estoyenline-i, .ofline-ipb{
display: inline-block;
height: 17px;
line-height: 17px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
border-radius: 2px;
vertical-align: middle;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
}
.pun .co-ipb .main-content {
background: #FFF;
border: 0;
}
.co-ipb#friends ol li {
padding: 8px 0 0 0;
margin: 5px 0 0 0;
min-width: 80px;
height: 70px;
list-style: none;
width: 100px;
display: inline-table;
text-align: center;
}
.co-ipb#friends ol li .avatar {
display: block;
border: 0;
background: 0;
text-align: center;
width: 100%;
}
#friends ol li .message-text ,.co-ipb#friends .message-footer li {
display: none;
}
.co-ipb ol li .avatar img:hover {
border-color: #7D7D7D;
}
.co-ipb ol li .avatar img {
background: #FFF;
padding: 1px;
border: 1px solid #D3D3D3;
height: 50px;
width: 50px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
#contacto h2#contacto ,#profilewall #wallcomment ,#friends h2#friends ,#estadisticas #estadisgene, .co-ipb #estadis {
display: block;
}
#estadisticas h2#estadis ,#contacto h2#estadis ,.co-ipb#profilewall h2#estadis ,.co-ipb#friends h2#estadis {
display: none;
}
#estadisticas .m-info-ipb ul li {
line-height: 1.3; font-size: 11px; background: #FEFEFE; border: 1px solid #EEE; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
}
#estadisticas fieldset legend {
font-size: 13px;
font-weight: bold;
width: 100%;
font: bold 14px helvetica,arial,sans-serif;
padding: 8px 10px;
color: #204066;
background: #D8DDE8;
}
.co-ipb#contacto .contact-ips ,#profilewall .main-content ,#estadisticas .main-content {
background: #EBF0F3;
padding: 9px;
}
#estadisticas .main-content .stats-field.genmed {
overflow: hidden;
margin-bottom: 24px;
background: #FFF;
}
#estadisticas .main-content .stats-field.genmed ul {
padding: 9px;
border: 1px solid #DBE4EF;
}
.co-ipb#contacto h2#contacto ,#wallcomment ,#estadisgene {
background: #2C5687 url(http://i.imgur.com/Lcy9BkS.png) repeat-x top;
color: #FFF; padding: 10px 10px 11px; border-radius: 4px 4px 0 0;
box-shadow: inset 0px 1px 0 #528CBC; border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid; font-size: 11px;
text-shadow: none;
}
#profilewall ,#estadisticas {
border-radius: 4px 4px 0 0;
border: none;
}
.pun .co-ipb a {
color: #225985;
}
.pun .co-ipb a:hover {
color: #328586;
}
.co-ipb#friends ol li .avatar img:hover {
border-color: #7D7D7D;
}
#estadisticas .m-info-ipb {
border: 1px solid #DDD;
}
#estadisgene span {
background: #244156; opacity: 1;
color: #FFF; padding: 4px 10px; font-weight: bold; border-radius: 10px; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}Łpanda_selector_1403094068098_90_m_pandaŁ{display:none;}
.mensajeprofile ol li.clearfix {
background: #FFF; border: 1px solid #DBE4EF;
padding: 9px;
margin-bottom: 9px;
position: relative;
}
.mensajeprofile .avatar {
border: 0;
background: 0;
display: inline;
float: left;
}
.mensajeprofile ol li .message-block {
overflow: hidden;
margin-left: 65px;
padding: 0;
}
.mensajeprofile ol li .message-block .message-header a {
font-weight: bold; font-size: 14px;
}
.mensajeprofile .message-date {
position: absolute;
bottom: 5px;
color: #A4A4A4; font-size: 12px;
background: transparent url("http://i.imgur.com/8WDJvOf.png") no-repeat left;
padding-left: 20px;
}
.mensajeprofile .message-text {
margin: 5px 0;
font-size: 14px; word-wrap: break-word;
}
#profilewall .message-footer {
float: right;
}
#profilewall .message-footer li {
display: inline;
margin-right: 10px;
}
.co-ipb .pagination b {
background: #7BA60D; color: #FFF; font-weight: bold; border-radius: 2px;
padding: 4px 5px;
}
.co-ipb .pagination a {
display: inline-block; color: #999;
background: none;
padding: 4px 5px;
}
.co-ipb .pagination a:hover {
background: #ECECEC; border-radius: 2px;
}
.co-ipb .pagination {
background: white;
border-radius: 5px 5px 0 0;
padding: 4px 10px;
}
#friends .message-header em {
display: block;
}
h2#friends {
font: normal 14px helvetica,arial,sans-serif;
padding: 8px 10px;
background: #DBE2EC;
color: #204066;
}
.co-ipb#contacto ,.co-ipb#friends {
border: 0;
}
.contact-ips dl dt {
display: inline-block;
width: 140px;
text-align: right;
}
.contact-ips dl dd {
width: 600px;
display: inline-block;
padding-left: 10px;
vertical-align: middle;
}
.lass-activiti {
display: inline-block;
margin-left: 10px;color: #C4C4C4;
}
.coin-ipb span {
font-size: 20px; font-weight: bold; display: block;
}
.coin-ipb #sub {
text-align: center; font-weight: normal;
}
.coin-ipb {
float: none; margin: 0 0 5px 0;
padding: 10px; text-align: center; font-weight: normal; display: block;
background: #80B700;
border-radius: 3px;
color: white;font-size: 13px;
}
.repu-ipb {
background: #DEDEDE; color: #6E6E6E;
float: none; margin: 0 0 5px 0; padding: 10px; text-align: center; font-weight: normal; display: block; border-radius: 3px;
font-size: 13px;
}
.repu-ipb span {
font-size: 20px; font-weight: bold; display: block;
}
.band-right {
margin-left: 612px;
top: -35px;
position: relative;
}
.co-ipb#profile {
border: 0;
}
.co-ipb#profile .in-ipb {
width: 600px;
border: 1px solid #EEE;
float: left;
border-top: 0;
}
h2#estadis {
width: 580px;
font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px;
background: #DBE2EC; color: #204066;
border: 1px solid #DBE2EC;
}
.module-ipb-right h2 {
font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px; background: #DBE2EC; color: #204066;
}
.main-ipb-f {
padding: 9px;
}
.main-ipb-f .clear + a.mainmenu {
display: block;
text-align: center;
}
.main-ipb-f .friend-block {
display: inline-block;
float: none;
}
.main-ipb-f .avatar img {
padding: 1px; border: 1px solid #D5D5D5; background: #FFF; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.main-ipb-f .avatar {
border: 0;
background: none;
width: auto;
}
.main-ipb-f div.clear + a.mainmenu[href^="/u"], non.main-ipb-f .friend_list_online_status img {
display: none;
}
.profi-add-ipb a#search-i {
background: #E6E6E6 url("http://i.imgur.com/tS9vehw.png") no-repeat 5px;
}
.rating-profile {
margin: 10px 0 20px 0;
}
.register-date {
margin-bottom: 10px;
font: normal 13px helvetica,arial,sans-serif;
}
.profi-add-ipb {
position: absolute;
right: 30px;
top: 95px;
color: rgba(0, 0, 0, 0);
}
.profi-add-ipb br {
display: none;
}
.pun .profi-add-ipb a {
display: inline-block;
background: #E6E6E6 url("http://i.imgur.com/5MlMsua.png") no-repeat 5px;
height: 17px;
line-height: 17px;
padding: 2px 2px 2px 25px;
border: 1px solid rgb(207, 207, 207);
box-shadow: 0px 7px 21px rgba(255, 255, 255, 0.76) inset, 0px 1px 0px rgba(0, 0, 0, 0.41); border-radius: 3px; color: #616161; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
margin-right: 15px;font-size: 12px;
}
.pun .profi-add-ipb a:hover {
border: 1px solid #A0A0A0;
}
.pun .profi-add-ipb a#men {
background: #E6E6E6 url("http://i.imgur.com/LE1LFBD.png") no-repeat 5px;
}
.pun .nav-ipb-top a {
color: rgb(85, 85, 85);
}
.nav-ipb-top {
position: relative;
margin-left: -140px;
margin-bottom: 10px;
}
.nav-ipb-top span {
margin: 0 5px;
}
.mod-center {
padding-bottom: 50px;
}
#word-link {
position: absolute;
bottom: 19px;
right: 26px;
z-index: 999!important;
color: #777;
font: normal 9px helvetica;
text-align: right;
}
.co-ipb div.activetab {
display: block!important;
}Łpanda_selector_1403094068098_188_m_pandaŁ{opacity: 1!important;}
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.mini_ava img:hover
{
zoom: 130%;
}
/*********************PERFIL IPB*********************************/
.usernam-ipb ,.usernam-ipb span {
color: #7A7A7A!important;
font-size: 20px!important;
font-weight: bold!important;
line-height: 1.7!important;
}
.usernam-ipb em {
display: none!important;
}
.ipb-profile .mod-left {
width: 150px;
margin-left: -150px;
float: left;
}
.ipb-profile {
background: #3A3C3D;
padding: 9px;
clear: both;
padding-left: 188px;
overflow: hidden;
color: #E0E0E0;
font-family: helvetica, arial, sans-serif!important;
font-size: 11px;
}
.mod-center {
width: 98%;
float: left;
background: #2C2929;
border: 1px solid #3A3939;
padding: 9px;
position: relative;
margin: auto;
}
.ipb-m-title h2 {
padding: 8px 10px; background: #F5F5F5; color: #868686; font-size: 11px; margin: 0;
font-weight: bold;
font-family: helvetica!important;
display:none;}
.co-ipb {
background: #313030;
margin-bottom: 10px;
border: 1px solid #DDD;
margin: 5px;
min-height: 600px;
}
.ipb-profile dt, .ipb-profile dt span {
color: #D6CECE!important;
font-weight: bold!important;
}
.m-info-ipb dt {
display: inline-block;
width: 200px;
text-align: right;
padding-right: 10px;
}
.m-info-ipb dd {
display: inline-block;
width: 350px;
}
.profi-add-ipb a.mainmenu + br + a.mainmenu ,.main-ipb-f .clear ,.m-info-ipb .separator {
display: none;
}
.m-info-ipb dl {
line-height: 1.3; font-size: 11px; background: #313030; border: 1px solid #464545; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
}
.ipb-tab-us ul li a span {
display: block; padding: 10px 8px; outline: 0; font-size: 11px; color: #8D8D8D; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.3s ease-in-out;
}
.ipb-tab-us ul li {
background: #414040;
color: #808080;
border-bottom: 1px solid #4D4D4D; font-size: 13px;
}
.ipb-tab-us ul li :hover {
background: #4C4C4D;
color: rgb(187, 183, 183);
}
.ipb-tab-us {
width: 149px !important; margin-top: 10px; border-top: 1px solid #4D4D4D;
border-left: 1px solid #4D4D4D;
}
.ipb-profile li ,.ipb-tab-us ul {
list-style: none;
}
.ipb-tab-us ul li.activetab {
background: #2C2929;
width: 150px;
position: relative;
z-index: 9;}
.profile-ava img {
background: #FFF; padding: 1px; border: 1px solid #D3D3D3; max-width: 138px; max-height: 138px;
}
.estoyenline-i {
background: #7BA60D;
}
.ofline-ipb {
background: #B3B3B3;
padding: 0 5px;}
.estoyenline-i, .ofline-ipb{
display: inline-block;
height: 17px;
line-height: 17px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
border-radius: 2px;
vertical-align: middle;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
}
.pun .co-ipb .main-content {
background: #FFF;
border: 0;
}
.co-ipb#friends ol li {
padding: 8px 0 0 0;
margin: 5px 0 0 0;
min-width: 80px;
height: 70px;
list-style: none;
width: 100px;
display: inline-table;
text-align: center;
}
.co-ipb#friends ol li .avatar {
display: block;
border: 0;
background: 0;
text-align: center;
width: 100%;
}
#friends ol li .message-text ,.co-ipb#friends .message-footer li {
display: none;
}
.co-ipb ol li .avatar img:hover {
border-color: #7D7D7D;
}
.co-ipb ol li .avatar img {
background: #FFF;
padding: 1px;
border: 1px solid #D3D3D3;
height: 50px;
width: 50px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
#contacto h2#contacto ,#profilewall #wallcomment ,#friends h2#friends ,#estadisticas #estadisgene, .co-ipb #estadis {
display: block;
}
#estadisticas h2#estadis ,#contacto h2#estadis ,.co-ipb#profilewall h2#estadis ,.co-ipb#friends h2#estadis {
display: none;
}
#estadisticas .m-info-ipb ul li {
line-height: 1.3; font-size: 11px; background: #31303; border: 1px solid #464545; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
}
#estadisticas fieldset legend {
font-size: 13px;
font-weight: bold;
width: 100%;
font: bold 14px helvetica,arial,sans-serif;
padding: 8px 10px;
color: #FFFFFF;
background: #535355;
}
.co-ipb#contacto .contact-ips ,#profilewall .main-content ,#estadisticas .main-content {
background: #353333;
padding: 9px;
}
#estadisticas .main-content .stats-field.genmed {
overflow: hidden;
margin-bottom: 24px;
background: #FFF;
}
#estadisticas .main-content .stats-field.genmed ul {
padding: 9px;
border: 1px solid #eeeff0;
}
.co-ipb#contacto h2#contacto ,#wallcomment ,#estadisgene {
background: #4B4A4A url() repeat-x top;
color: #FFF; padding: 10px 10px 11px; border-radius: 4px 4px 0 0;
box-shadow: inset 0px 1px 0 #444443; border-width: 1px 1px 0 1px;
border-color: #4E4D4C;
border-style: solid; font-size: 11px;
text-shadow: none;
}
#profilewall ,#estadisticas {
border-radius: 4px 4px 0 0;
border: none;
}
.pun .co-ipb a {
color: #225985;
}
.pun .co-ipb a:hover {
color: #328586;
}
.co-ipb#friends ol li .avatar img:hover {
border-color: #7D7D7D;
}
#estadisticas .m-info-ipb {
border: 1px solid #DDD;
}
#estadisgene span {
background: rgba(0,0,0,0.3); opacity: 1;
color: #FFF; padding: 4px 10px; font-weight: bold; border-radius: 10px; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}
#profile-advanced-layout, #profile-advanced-right{display:none;}
.mensajeprofile ol li.clearfix {
background: #FFF; border: 1px solid #eeeff0;
padding: 9px;
margin-bottom: 9px;
position: relative;
}
.mensajeprofile .avatar {
border: 0;
background: 0;
display: inline;
float: left;
}
.mensajeprofile ol li .message-block {
overflow: hidden;
margin-left: 65px;
padding: 0;
}
.mensajeprofile ol li .message-block .message-header a {
font-weight: bold; font-size: 14px;
}
.mensajeprofile .message-date {
position: absolute;
bottom: 5px;
color: #A4A4A4; font-size: 12px;
background: transparent url("http://i.imgur.com/8WDJvOf.png") no-repeat left;
padding-left: 20px;
}
.mensajeprofile .message-text {
margin: 5px 0;
font-size: 14px; word-wrap: break-word;
}
#profilewall .message-footer {
float: right;
}
#profilewall .message-footer li {
display: inline;
margin-right: 10px;
}
.co-ipb .pagination b {
background: #7BA60D; color: #FFF; font-weight: bold; border-radius: 2px;
padding: 4px 5px;
}
.co-ipb .pagination a {
display: inline-block; color: #999;
background: none;
padding: 4px 5px;
}
.co-ipb .pagination a:hover {
background: #ECECEC; border-radius: 2px;
}
.co-ipb .pagination {
background: white;
border-radius: 5px 5px 0 0;
padding: 4px 10px;
}
#friends .message-header em {
display: block;
}
h2#friends {
font: normal 14px helvetica,arial,sans-serif;
padding: 8px 10px;
background: #535355;
color: #FFFFFF;
}
.co-ipb#contacto ,.co-ipb#friends {
border: 0;
}
.contact-ips dl dt {
display: inline-block;
width: 140px;
text-align: right;
}
.contact-ips dl dd {
width: 600px;
display: inline-block;
padding-left: 10px;
vertical-align: middle;
}
.lass-activiti {
display: inline-block;
margin-left: 10px;color: #C4C4C4;
}
.coin-ipb span {
font-size: 20px; font-weight: bold; display: block;
}
.coin-ipb #sub {
text-align: center; font-weight: normal;
}
.coin-ipb {
float: none; margin: 0 0 5px 0;
padding: 10px; text-align: center; font-weight: normal; display: block;
background: #80B700;
border-radius: 3px;
color: white;font-size: 13px;
}
.repu-ipb {
background: #DEDEDE; color: #6E6E6E;
float: none; margin: 0 0 5px 0; padding: 10px; text-align: center; font-weight: normal; display: block; border-radius: 3px;
font-size: 13px;
}
.repu-ipb span {
font-size: 20px; font-weight: bold; display: block;
}
.band-right {
margin-left: 612px;
top: -35px;
position: relative;
}
.co-ipb#profile {
border: 0;
}
.co-ipb#profile .in-ipb {
width: 600px;
border: 1px solid #464545;
float: left;
border-top: 0;
}
h2#estadis {
width: 580px;
font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px;
background: #535355; color: #FFFFFF;
border: 1px solid #565658;
}
.module-ipb-right h2 {
font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px; background: #535355; color: #FFFFFF;
}
.main-ipb-f {
padding: 9px;
}
.main-ipb-f .clear + a.mainmenu {
display: block;
text-align: center;
}
.main-ipb-f .friend-block {
display: inline-block;
float: none;
}
.main-ipb-f .avatar img {
padding: 1px; border: 1px solid #D5D5D5; background: #FFF; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.main-ipb-f .avatar {
border: 0;
background: none;
width: auto;
}
.main-ipb-f div.clear + a.mainmenu[href^="/u"], non.main-ipb-f .friend_list_online_status img {
display: none;
}
.profi-add-ipb a#search-i {
background: #6F6F6F url("http://imgur.com/L7iVQwl.png") no-repeat 5px;
}
.rating-profile {
margin: 10px 0 20px 0;
}
.register-date {
margin-bottom: 10px;
font: normal 13px helvetica,arial,sans-serif;
}
.profi-add-ipb {
position: absolute;
right: 30px;
top: 95px;
color: rgba(0, 0, 0, 0);
}
.profi-add-ipb br {
display: none;
}
.pun .profi-add-ipb a {
display: inline-block;
background: #4B4A4A url("http://i.imgur.com/39Oydq9.png") no-repeat 5px;
height: 17px;
line-height: 17px;
padding: 2px 2px 2px 25px;
border: 1px solid rgba(61, 61, 61, 0.76);
box-shadow: 0px 7px 21px rgba(53, 53, 53, 0.41) inset, 0px 1px 0px rgba(0, 0, 0, 0.41); border-radius: 3px; color: #FFFFFF; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
margin-right: 15px;font-size: 12px;
}
.pun .profi-add-ipb a:hover {
border: 1px solid #464646;
}
.pun .profi-add-ipb a#men {
background: #4B4A4A url("http://i.imgur.com/ykiMAjr.png") no-repeat 5px;
}
.pun .nav-ipb-top a {
color: rgb(85, 85, 85);
}
.nav-ipb-top {
position: relative;
margin-left: -140px;
margin-bottom: 10px;
}
.nav-ipb-top span {
margin: 0 5px;
}
.mod-center {
padding-bottom: 50px;
}
#word-link {
position: absolute;
bottom: 19px;
right: 26px;
z-index: 999!important;
color: #777;
font: normal 9px helvetica;
text-align: right;
}
.co-ipb div.activetab {
display: block!important;
}
.mod-center .activetab {opacity: 1!important;}
/*chatbox v1.1 BS*/
#chatbox_header.main-head {
background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
padding: 3px 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 6px;
}
.chatbox-title, .chatbox-title a.chat-title {
background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 75px 3px transparent;
font: 700 15px/1.3 Helvetica,Arial,sans-serif;
color: #fff;
}
.chatbox-title a.chat-title:hover {
text-decoration: underline;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
body[bgcolor] {background: #000000;}
.main-content.chatbox {
background-color: #000000;
padding: 10px;
border: 1px solid rgb(204, 204, 204);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding-bottom: 0px;
}
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
display: none;
}
#chatbox_members .member-title {
background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
background: #FAFAD2;
}
#chatbox_footer {
background: transparent;
border: 0px;
}
#chatbox_footer .right {
float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: 246, 246, 248;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}
input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb((255,255,100);
background: rgb(220,220,235) url('http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png') repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}
#submit_button {
margin-left: 13px;
}
#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: black;
border-bottom-color: rgb(190,190,170);
}
#simple-wrap {
background:black;
}
#chatbox_top {
min-height: 280px;
}
#chatbox {
bottom: 30px;
left: 1px;
line-height: 10px;
overflow: auto;
right: 0;
top: 30px;
}
/*IconsProfile by http://board.infinigame.net*/
#profile-advanced-layout #tabs ul > li:first-child a span::before {content: url(http://i.imgur.com/jPIf6.png);float: left;padding-top: 5px;}
#profile-advanced-layout #tabs ul li:first-child + li a span::before {content: url(http://i.imgur.com/dgGVs.png);float: left;padding-top: 5px;}
#profile-advanced-layout #tabs ul li:first-child + li + li a span::before {content: url(http://i.imgur.com/0Fdfj.png);float: left;padding-top: 5px;}
#profile-advanced-layout #tabs ul li:first-child + li + li + li a span::before {content: url(http://i.imgur.com/jbdIP.png);float: left;padding-top: 5px;}
#profile-advanced-layout #tabs ul li:first-child + li + li + li + li a span::before {content: url(http://i.imgur.com/26xsJ.png);float: left;padding-top: 5px;}
/*END IconsProfile*/
My CSS skills sux
Re: Aranjare chatbox
Inlocuieste cu:
- Cod:
.pun{
width: 95%
}
img{border: none!important;}
#backtotop,#bottomScroll
{
background: #151515;
border-radius: 16px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
display: inline-block;
height: 24px;
left: 50%;
line-height: 20px;
margin-left: -12px;
margin-top: -12px;
moz-border-radius: 16px;
moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
opacity: 0.4;
outline: 0;
position: absolute;
text-align: center;
top: 50%;
webkit-border-radius: 16px;
webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
width: 24px;
}
#bottomScroll:hover,#backtotop:hover
{
background: #151515;
color: #fff;
opacity: 1;
}
#footer_utilities
{
background: #292929 url('http://i.imgur.com/G2YQ67P.png') repeat-x 0 -1px;
border: 1px
solid #454545;
padding: 28px;
position: relative;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
}
#footer_utilities, #footer_utilities
a
{
color: #b8b8b8;
}
#footer_utilities .ipbmenu_content
a
{
color: #fff;
}
#footer_utilities
.ipsList_inline
{
clear: left;
float: left;
margin-top: 3px;
}
#footer_utilities .ipsList_inline>li
{
margin: 0;
}
#footer_utilities .ipsList_inline>li>a
{
display: inline-block;
margin-right: 0px;
padding: 4px
10px;
}
#footer_utilities
a.menu_active
{
background: rgba(0,0,0,0.3);
background: url('http://i.imgur.com/t0yMEBv.png') repeat;
border-radius: 10px;
box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
color: #fff;
moz-border-radius: 10px;
moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
webkit-border-radius: 10px;
webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
}
#copyright
{
float: right;
line-height: 22px;
text-align: right;
}
#ipsDebug_footer
{
color: #404040;
font-size: 11px;
margin: 8px
auto 0px auto;
text-align: center;
width: 900px;
}
#ipsDebug_footer
strong
{
margin-left: 20px;
}
#ipsDebug_footer
a
{
color: #404040;
}
#rss_menu
{
background-color: #f78e30;
border: 0;
}
#rss_menu
li
{
border: 0;
border-bottom: 1px solid #fbb969;
}
#rss_menu li:last-of-type
{
border-bottom: 0;
}
#rss_menu
a
{
background: url("http://i.imgur.com/ViX8ieR.png") repeat-x 0 -1px;
color: #fff;
padding: 5px
8px;
text-shadow: #dc7214 0px -1px 0px;
}
#rss_menu a:hover
{
background: #f89f37 url("http://i.imgur.com/ViX8ieR.png") repeat-x 0 -1px;
color: #fff;
}
#page-body .pun-crumbs{display: none;}
.message p{color: #497083!important;background-color: #C3D7EA!important;border: 1px solid #537EA8!important;}
.post{border-color: #454545!important;}
.paged-head, .paged-foot, .paged, .posting{background: #212121!important;}
/*post*/
.postfoot{border: none !important;}
.pun .paged-foot, .pun .paged-head {
background-color: white;
border: 0px;
}
.pun .post .user {
display: block;
text-align: center;
}
.pun .user .user-ident .user-basic-info {
text-align: center;
position: relative;
}
.user-basic-info a img {
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.user-basic-info a img:hover {
border-color: #7D7D7D;
}
.post-entry, .posthead, #p2{padding: 10px !important;}
.user-basic-info{padding: 10px;}
.post-entry, .posthead, #p2{padding: 10px !important;}
.posthead{border: none !important;background: #222222 !important;padding: 6px !important;}
.posthead h2 strong{padding-top: -10px !important;}
.posthead h2{padding: 5px !important;}
.statistics {margin: 20px 0 0 0;padding: 8px;line-height: 1.3;overflow: hidden;}
.statistics {-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid #e3e3e3;}
.statistics .statistics_head:first-of-type {border-top: 0;}
.statistics_head {background-color: #fff;}
#stat_links {font-weight: normal;}
.ipsType_small {font-size: 11px;}
.ipsList_inline>li:first-child {margin-left: 0;}
.ipsList_inline>li {display: inline-block;margin: 0 3px;}
#stat_links a {margin: 0 5px;}
.statistics_head a, #board_stats .value {color: #333535;}
#board_stats ul {text-align: center;}
#board_stats li {margin-right: 20px;}
.ipsList_inline>li:first-child {margin-left: 0;}
.ipsList_inline>li {display: inline-block;margin: 0 3px;}
#board_stats .value {
display: inline-block;
background: #2b2b2b url('http://i56.servimg.com/u/f56/17/39/93/85/highli10.png') repeat-x 0 0;
color: #fff;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
box-shadow: inset rgba(255,255,255,0.03) 0px 1px 0px;
}
.tc2, .tc3, .tcr{border-left: none!important;}
#pun-visit, #pun-intro, #pun-navlinks{display: none;}
a, a:hover{text-decoration:none!important;}
.main .main-head
{
background: #527496 url('http://i.imgur.com/HbY6NAe.png') repeat-x 0 0 !important;
border-radius: 4px;
box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
color: #fff;
font-size: 12px;
font-weight: 300;
font-weight: bold;
margin-bottom: 4px;
moz-border-radius: 4px;
moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
overflow: hidden;
padding: 12px;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
webkit-border-radius: 4px;
webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
.guestMessage
{
background: #1d1d1d;
border: 1px
solid #303030;
border-radius: 3px;
box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
color: #ddd;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 140%;
margin-bottom: 10px;
moz-border-radius: 3px;
moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
padding: 10px;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
webkit-border-radius: 3px;
webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
}
.guestMessage
strong
{
display: inline-block;
margin-bottom: 7px;
}
.guestMessage
a
{
border-bottom: 1px solid #bcbcbc;
color: #fff;
text-decoration: none;
}
li
{
list-style:none !important;
}
#header_bar
{
background: #323232 url('http://i.imgur.com/q93OHwj.png') repeat-x 0 1px;
padding: 0;
text-align: right;
}
#user_navigation {
border-left: 1px solid #2b2b2b;
color: #9f9f9f;
float: right;
font-size: 11px;
height: 35px;
line-height: 35px;
overflow: hidden;
margin-right: 25px;
}
#user_navigation
a
{
border-right: 1px solid #2b2b2b;
color: #fff;
float: left;
height: 35px;
line-height: 35px;
outline: none;
padding: 0
12px;
}
#user_navigation a:hover
{
background: #232323;
}
#user_navigation
.user_photo
{
height: 27px;
margin: -3px -8px 0px -8px;
position: relative;
width: auto;
}
#user_navigation #sign_in img,
#user_navigation #register_link
img
{
margin: -1px 2px 0 0;
position: relative;
vertical-align: middle;
}
#user_navigation .ipsList_inline
li
{
float: left;
margin: 0;
padding: 0;
}
#user_link_dd,.dropdownIndicator
{
background: url('http://i.imgur.com/rykHKuh.png') no-repeat left;
display: inline-block;
height: 5px;
width: 9px;
}
#user_link_menucontent #links
li
{
float: left;
margin: 3px
0;
white-space: nowrap;
width: 50%;
}
#user_link_menucontent #links
a
{
display: block;
}
#user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active
.dropdownIndicator
{
background-position: right;
}
#community_app_menu .menu_active
.dropdownIndicator
{
background-position: left;
}
#community_app_menu li.active .menu_active
.dropdownIndicator
{
background-position: right;
}
#user_link_menucontent
#statusForm
{
margin-bottom: 15px;
}
#user_link_menucontent
#statusUpdate
{
margin-bottom: 5px;
}
#user_link_menucontent>div
{
margin-left: 15px;
text-align: left;
width: 265px;
}
#statusSubmitGlobal
{
margin-top: 3px;
}
#user_navigation a#user_link.menu_active,
#user_navigation a#notify_link.menu_active,
#user_navigation
a#inbox_link.menu_active
{
background: #1d1d1d;
color: #fff;
position: relative;
z-index: 999;
}
#notify_link,#inbox_link
{
padding: 0
8px !important;
position: relative;
vertical-align: middle;
width: 20px;
border: none!important;
margin-top: 12px;
}
#notify_link img, #inbox_link img
{
background-position: 0 10px;
background-repeat: no-repeat;
height: 14px;
margin-top: -2px;
width: 20px;
}
#notify_link.menu_active img, #inbox_link.menu_active
img
{
background-position: 0 0px;
}
.services
img
{
margin: -1px -2px 0 -2px;
}
#branding {
background: url('http://i62.tinypic.com/2wf5o4j.png') repeat-x 0 0;
height: 120px;
}
#logo {
margin-left: 85px;
}
#logo
a.textLogo
{
color: #fff;
display: block;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 24px;
font-weight: bold;
height: 92px;
line-height: 92px;
padding: 0
12px;
text-decoration: none;
}
#nav_wrap
{
background: #171717;
border-bottom: 1px solid #3e3e3e;
border-top: 1px solid #2b2b2b;
height: 35px;
}
#primary_nav {
float: left;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
padding: 3px 0 0 30px;
text-transform: uppercase;
}
#community_app_menu>li
{
margin: 0px
3px 0 0;
position: relative;
}
#community_app_menu>li>a
{
background: #1d1d1d;
border-left: 1px solid #1f1f1f;
border-radius: 3px 3px 0 0;
border-right: 1px solid #1f1f1f;
border-top: 1px solid #252525;
color: #bcbcbc;
display: block;
height: 31px;
line-height: 31px;
moz-border-radius: 3px 3px 0 0;
outline: none;
padding: 0px
15px;
webkit-border-top-left-radius: 3px;
webkit-border-top-right-radius: 3px;
}
#community_app_menu>li>a:hover,#community_app_menu>li>a.menu_active
{
background: #202020;
border-left: 1px solid #272727;
border-right: 1px solid #272727;
border-top: 1px solid #303030;
color: #fff;
}
#community_app_menu > li.active
a
{
background: #212121;
border-left: 1px solid #2f2f2f;
border-right: 1px solid #2f2f2f;
border-top: 1px solid #565656;
color: #fff;
padding-bottom: 1px;
position: relative;
}
#community_app_menu > li > a.ipbmenu
img
{
margin-right: -6px;
}
#primary_extra_menucontent,#more_apps_menucontent,.submenu_container
{
background: #202020;
border: 1px
solid #272727;
border-radius: 0 0 4px 4px;
border-top: 0;
box-shadow: none;
font-size: 11px;
min-width: 140px;
moz-border-radius: 0 0 4px 4px;
moz-box-shadow: none;
webkit-border-bottom-left-radius: 4px;
webkit-border-bottom-right-radius: 4px;
webkit-box-shadow: none;
}
#primary_extra_menucontent li,
#more_apps_menucontent li, .submenu_container
li
{
background: none transparent;
border: 0;
float: none !important;
min-width: 150px;
padding: 0;
}
#primary_extra_menucontent a,
#more_apps_menucontent a, .submenu_container
a
{
color: #fff;
display: block;
padding: 8px
10px;
}
#primary_extra_menucontent a:hover,
#more_apps_menucontent a:hover, .submenu_container a:hover
{
background: #242424;
color: #fff;
}
#primary_extra_menucontent li:last-child a,
#more_apps_menucontent li:last-child
a
{
border-radius: 0 0 4px 4px;
moz-border-radius: 0 0 4px 4px;
webkit-border-bottom-left-radius: 4px;
webkit-border-bottom-right-radius: 4px;
}
#community_app_menu
.submenu_container
{
width: 260px;
}
#community_app_menu .submenu_container
li
{
width: 260px;
}
#secondary_navigation
{
background: #202020 url('http://i.imgur.com/ATZUQCD.png') repeat-x 0 0;
border: 1px
solid #2d2d2d;
border-radius: 3px;
line-height: 37px;
margin-bottom: 15px;
moz-border-radius: 3px;
overflow: hidden;
text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
webkit-border-radius: 3px;
}
#secondary_navigation
a
{
color: #bcd380;
height: 37px;
line-height: 37px;
}
#secondary_navigation a:hover
{
color: #d5eb9d;
}
#secondary_navigation #breadcrumb
li
{
float: left;
}
#secondary_navigation #breadcrumb li
a
{
background: url('http://i.imgur.com/OadrhBu.png') no-repeat 0 0;
display: block;
margin-left: -15px;
outline: none;
padding-left: 12px;
text-decoration: none;
}
#secondary_navigation #breadcrumb li.first
a
{
background: none;
margin-left: 0;
padding-left: 0px;
}
#secondary_navigation #breadcrumb li
span
{
background: url('http://i.imgur.com/8mPfnK8.png') no-repeat 100% 0;
display: block;
padding-left: 4px;
padding-right: 17px;
}
#secondary_navigation #breadcrumb li>span
{
background: none transparent;
color: #d7d7d7;
padding-left: 4px;
}
#secondary_navigation #breadcrumb li.first a
span
{
border-radius: 3px 0px 0px 3px;
moz-border-radius: 3px 0px 0px 3px;
padding-left: 12px;
webkit-border-bottom-left-radius: 3px;
webkit-border-top-left-radius: 3px;
}
#secondary_navigation #breadcrumb li a:hover
{
background-position: 0 -43px;
}
#secondary_navigation #breadcrumb li a:hover
span
{
background-position: 100% -43px;
}
#secondary_navigation #breadcrumb li a:active
{
background-position: 0 -86px;
}
#secondary_navigation #breadcrumb li a:active
span
{
background-position: 100% -86px;
}
#secondary_links
{
overflow: hidden;
}
#secondary_links
li
{
float: left;
margin: 0;
}
#secondary_links
a
{
display: block;
padding: 0
12px;
}
#secondary_links
img
{
height: 16px;
margin: 10px
-4px 0 -4px;
opacity: 0.8;
position: relative;
vertical-align: top;
width: 16px;
}
#secondary_links a:hover
img
{
opacity: 1;
}
.breadcrumb
{
color: #d7d7d7;
font-size: 11px;
}
.breadcrumb
a
{
color: #d7d7d7;
}
.breadcrumb li
.nav_sep
{
margin: 0
5px 0 0;
}
.breadcrumb li:first-child
{
margin-left: 0;
}
.breadcrumb.bottom
{
display: none;
margin-top: 10px;
width: 100%;
}
.ipsHeaderMenu
{
background: #1d1d1d;
border-radius: 0 0 6px 6px;
moz-border-radius: 0 0 6px 6px;
overflow: hidden;
padding: 10px;
webkit-border-bottom-left-radius: 6px;
webkit-border-bottom-right-radius: 6px;
width: 340px;
}
.ipsHeaderMenu.boxShadow
{
box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
}
.ipsHeaderMenu
.ipsType_sectiontitle
{
margin-bottom: 8px;
}
#user_notifications_link_menucontent.ipsHeaderMenu,#user_inbox_link_menucontent.ipsHeaderMenu
{
width: 300px;
}
#search
{
margin-top: -80px;
}
#main_search
{
background: transparent;
border: 0;
font-size: 12px;
outline: 0;
padding: 0;
width: 138px;
}
#main_search.inactive
{
color: #bcbcbc;
}
#search_wrap
{
background: #fff;
border-radius: 3px 4px 4px 3px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
display: block;
height: 26px;
line-height: 25px;
min-width: 230px;
moz-border-radius: 3px 4px 4px 3px;
moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
padding: 0
26px 0 4px;
position: relative;
webkit-border-bottom-left-radius: 3px;
webkit-border-bottom-right-radius: 4px;
webkit-border-top-left-radius: 3px;
webkit-border-top-right-radius: 4px;
webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
#adv_search
{
background: url('http://i.imgur.com/DzbA3dC.png') no-repeat 50% 50%;
border-radius: 3px;
display: inline-block;
height: 26px;
margin-left: 3px;
moz-border-radius: 3px;
text-indent: -3000em;
webkit-border-radius: 3px;
width: 26px;
}
#adv_search:hover
{
background-color: rgba(0,0,0,0.2);
}
#search
.submit_input
{
background: #7ba60d url('http://i.imgur.com/kffNKYB.png') no-repeat 50%;
border: 0;
border-radius: 0 3px 3px 0;
bottom: 0;
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
display: block;
height: 26px;
moz-border-radius: 0 3px 3px 0;
moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
padding: 0;
position: absolute;
right: 0;
text-indent: -3000em;
top: 0;
webkit-border-bottom-right-radius: 3px;
webkit-border-top-right-radius: 3px;
webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
width: 26px;
}
#search .submit_input:hover
{
background-color: #91bb25;
}
#search_options
{
background: #eaeaea url('http://i.imgur.com/cZzupHM.png') repeat-x 0 1px;
border-radius: 3px;
color: #222;
display: inline-block;
float: right;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px
3px 3px 0;
max-width: 80px;
moz-border-radius: 3px;
overflow: hidden;
padding: 0
6px;
text-overflow: ellipsis;
text-shadow: #fff 0px 1px 0px;
webkit-border-radius: 3px;
}
#search_options_menucontent
{
background: #1a1a1a;
border: 1px
solid #393939;
min-width: 130px;
padding: 0;
}
#search_options_menucontent
input
{
margin-right: 10px;
}
#search_options_menucontent
li
{
background: url('http://i.imgur.com/cZzupHM.png') repeat-x 0 -1px;
border-bottom: 1px solid #111;
border-top: 1px solid #252525;
white-space: nowrap;
}
#search_options_menucontent li:last-of-type
{
border-bottom: 0;
}
#search_options_menucontent label:hover
{
background: #202020 url('http://i.imgur.com/cZzupHM.png') repeat-x 0 -1px;
}
#search_options_menucontent
label
{
cursor: pointer;
display: block;
padding: 0
6px;
}
#search_options_menucontent
li.title
{
padding: 3px
6px;
}
#search, #search-box, fieldset{border: none!important;}
.module .main-head{
text-shadow:rgba(0,0,0,0.8) 0px -1px 0px;background:#222 url('http://i.imgur.com/gWn65k4.png') repeat-x 0 -1px!important;padding:8px;
border:0px;
border-bottom: 1px solid #454545!important;
border-radius: 0px;
moz-border-radius: 0px;
webkit-border-radius: 0px;
}
.module{
background: #2B2B2B!important;
border: 1px solid #454545!important;
}
.module .main-content{
background: transparent!important;
border: 0px!important;
}
#stats {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
padding: 5px 8px;
background: #2b2b2b;
margin-bottom: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
color: #fff;
font-weight: 700;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
#pun-about #qjump fieldset {
display: none;
}
#_guispace{
background: transparent;
border: 1px solid #0E7BDF;
border-radius: 3px;
font-family: verdana;
font-size: 10px;
font-weight: 400!important;
margin-bottom: 3px;
padding: 4px;
text-align: center;
}
.copyright{
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
letter-spacing: -1px;
}
dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
}
/* Aspect citate pentru forumurile punBB */
.postmain blockquote{
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:11px 0 6px 10px;
font-size:14px;
line-height:18px;
color:#504536;
font-family:Georgia;
font-style:italic;
}
.postmain blockquote div {
margin-top:7px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #D5DEE5;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/spback10.png) bottom left repeat-x #FFF;
max-width:91%;
padding:15px 20px 10px 23px;
position:relative;
}
.postmain blockquote div:before {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent;
position:absolute;
width:16px;
height:16px;
top:15px;
left:3px;
}
.postmain blockquote div:after {
content:'';
position:absolute;
z-index:100;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/closeq10.png) top left no-repeat transparent;
width:16px;
height:16px;
right:4px;
bottom:4px;
}
.postmain blockquote div cite {
font-style:normal;
font-weight:700;
display:block;
font-size:13px;
color:#fff;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent;
height:32px;
position:absolute;
z-index:100;
top:-15px;
text-shadow:#000 1px 1px;
left:0px;
}
.postmain blockquote div cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent;
width:31px;
height:38px!important;
left:-13px;
top:0;
}
.postmain blockquote div cite:after {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent;
position:absolute;
right:-10px;
width:10px;
height:32px;
top:0;
}
a[href="g1-fondatori"] {
background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}
.user-basic-info a img {
max-width: 150px !important;
max-height: 250px !important;
}
/*ipbperfilcss*/
.usernam-ipb ,.usernam-ipb span {
color: #7A7A7A!important;
font-size: 20px!important;
font-weight: bold!important;
line-height: 1.7!important;
}
.usernam-ipb em {
display: none!important;
}
.ipb-profile .mod-left {
width: 150px;
margin-left: -150px;
float: left;
}
.ipb-profile {
background: #EBF0F3;
padding: 9px;
clear: both;
padding-left: 188px;
overflow: hidden;
color: #5A5A5A;
font-family: helvetica, arial, sans-serif!important;
font-size: 11px;
}
.mod-center {
width: 98%;
float: left;
background: #FFF;
border: 1px solid #E4E4E4;
padding: 9px;
position: relative;
margin: auto;
}
.ipb-m-title h2 {
padding: 8px 10px; background: #F5F5F5; color: #868686; font-size: 11px; margin: 0;
font-weight: bold;
font-family: helvetica!important;
display:none;}
.co-ipb {
background: #FFF;
margin-bottom: 10px;
border: 1px solid #DDD;
margin: 5px;
min-height: 600px;
}
.ipb-profile dt, .ipb-profile dt span {
color: #5A5A5A!important;
font-weight: bold!important;
}
.m-info-ipb dt {
display: inline-block;
width: 200px;
text-align: right;
padding-right: 10px;
}
.m-info-ipb dd {
display: inline-block;
width: 350px;
}
.profi-add-ipb a.mainmenu + br + a.mainmenu ,.main-ipb-f .clear ,.m-info-ipb .separator {
display: none;
}
.m-info-ipb dl {
line-height: 1.3; font-size: 11px; background: #FEFEFE; border: 1px solid #EEE; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
}
.ipb-tab-us ul li a span {
display: block; padding: 10px 8px; outline: 0; font-size: 11px; color: #8D8D8D; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.3s ease-in-out;
}
.ipb-tab-us ul li {
background: #F6F8FB;
color: #808080;
border-bottom: 1px solid #DBE4EF; font-size: 13px;
}
.ipb-tab-us ul li :hover {
background: #EAEFF5;
color: #808080;
}
.ipb-tab-us {
width: 149px !important; margin-top: 10px; border-top: 1px solid #DBE4EF;
border-left: 1px solid #DBE4EF;
}
.ipb-profile li ,.ipb-tab-us ul {
list-style: none;
}
.ipb-tab-us ul li.activetab {
background: white;
width: 150px;
position: relative;
z-index: 9;}
.profile-ava img {
background: #FFF; padding: 1px; border: 1px solid #D3D3D3; max-width: 138px; max-height: 138px;
}
.estoyenline-i {
background: #7BA60D;
}
.ofline-ipb {
background: #B3B3B3;
padding: 0 5px;}
.estoyenline-i, .ofline-ipb{
display: inline-block;
height: 17px;
line-height: 17px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
border-radius: 2px;
vertical-align: middle;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
}
.pun .co-ipb .main-content {
background: #FFF;
border: 0;
}
.co-ipb#friends ol li {
padding: 8px 0 0 0;
margin: 5px 0 0 0;
min-width: 80px;
height: 70px;
list-style: none;
width: 100px;
display: inline-table;
text-align: center;
}
.co-ipb#friends ol li .avatar {
display: block;
border: 0;
background: 0;
text-align: center;
width: 100%;
}
#friends ol li .message-text ,.co-ipb#friends .message-footer li {
display: none;
}
.co-ipb ol li .avatar img:hover {
border-color: #7D7D7D;
}
.co-ipb ol li .avatar img {
background: #FFF;
padding: 1px;
border: 1px solid #D3D3D3;
height: 50px;
width: 50px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
#contacto h2#contacto ,#profilewall #wallcomment ,#friends h2#friends ,#estadisticas #estadisgene, .co-ipb #estadis {
display: block;
}
#estadisticas h2#estadis ,#contacto h2#estadis ,.co-ipb#profilewall h2#estadis ,.co-ipb#friends h2#estadis {
display: none;
}
#estadisticas .m-info-ipb ul li {
line-height: 1.3; font-size: 11px; background: #FEFEFE; border: 1px solid #EEE; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
}
#estadisticas fieldset legend {
font-size: 13px;
font-weight: bold;
width: 100%;
font: bold 14px helvetica,arial,sans-serif;
padding: 8px 10px;
color: #204066;
background: #D8DDE8;
}
.co-ipb#contacto .contact-ips ,#profilewall .main-content ,#estadisticas .main-content {
background: #EBF0F3;
padding: 9px;
}
#estadisticas .main-content .stats-field.genmed {
overflow: hidden;
margin-bottom: 24px;
background: #FFF;
}
#estadisticas .main-content .stats-field.genmed ul {
padding: 9px;
border: 1px solid #DBE4EF;
}
.co-ipb#contacto h2#contacto ,#wallcomment ,#estadisgene {
background: #2C5687 url(http://i.imgur.com/Lcy9BkS.png) repeat-x top;
color: #FFF; padding: 10px 10px 11px; border-radius: 4px 4px 0 0;
box-shadow: inset 0px 1px 0 #528CBC; border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid; font-size: 11px;
text-shadow: none;
}
#profilewall ,#estadisticas {
border-radius: 4px 4px 0 0;
border: none;
}
.pun .co-ipb a {
color: #225985;
}
.pun .co-ipb a:hover {
color: #328586;
}
.co-ipb#friends ol li .avatar img:hover {
border-color: #7D7D7D;
}
#estadisticas .m-info-ipb {
border: 1px solid #DDD;
}
#estadisgene span {
background: #244156; opacity: 1;
color: #FFF; padding: 4px 10px; font-weight: bold; border-radius: 10px; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}Łpanda_selector_1403094068098_90_m_pandaŁ{display:none;}
.mensajeprofile ol li.clearfix {
background: #FFF; border: 1px solid #DBE4EF;
padding: 9px;
margin-bottom: 9px;
position: relative;
}
.mensajeprofile .avatar {
border: 0;
background: 0;
display: inline;
float: left;
}
.mensajeprofile ol li .message-block {
overflow: hidden;
margin-left: 65px;
padding: 0;
}
.mensajeprofile ol li .message-block .message-header a {
font-weight: bold; font-size: 14px;
}
.mensajeprofile .message-date {
position: absolute;
bottom: 5px;
color: #A4A4A4; font-size: 12px;
background: transparent url("http://i.imgur.com/8WDJvOf.png") no-repeat left;
padding-left: 20px;
}
.mensajeprofile .message-text {
margin: 5px 0;
font-size: 14px; word-wrap: break-word;
}
#profilewall .message-footer {
float: right;
}
#profilewall .message-footer li {
display: inline;
margin-right: 10px;
}
.co-ipb .pagination b {
background: #7BA60D; color: #FFF; font-weight: bold; border-radius: 2px;
padding: 4px 5px;
}
.co-ipb .pagination a {
display: inline-block; color: #999;
background: none;
padding: 4px 5px;
}
.co-ipb .pagination a:hover {
background: #ECECEC; border-radius: 2px;
}
.co-ipb .pagination {
background: white;
border-radius: 5px 5px 0 0;
padding: 4px 10px;
}
#friends .message-header em {
display: block;
}
h2#friends {
font: normal 14px helvetica,arial,sans-serif;
padding: 8px 10px;
background: #DBE2EC;
color: #204066;
}
.co-ipb#contacto ,.co-ipb#friends {
border: 0;
}
.contact-ips dl dt {
display: inline-block;
width: 140px;
text-align: right;
}
.contact-ips dl dd {
width: 600px;
display: inline-block;
padding-left: 10px;
vertical-align: middle;
}
.lass-activiti {
display: inline-block;
margin-left: 10px;color: #C4C4C4;
}
.coin-ipb span {
font-size: 20px; font-weight: bold; display: block;
}
.coin-ipb #sub {
text-align: center; font-weight: normal;
}
.coin-ipb {
float: none; margin: 0 0 5px 0;
padding: 10px; text-align: center; font-weight: normal; display: block;
background: #80B700;
border-radius: 3px;
color: white;font-size: 13px;
}
.repu-ipb {
background: #DEDEDE; color: #6E6E6E;
float: none; margin: 0 0 5px 0; padding: 10px; text-align: center; font-weight: normal; display: block; border-radius: 3px;
font-size: 13px;
}
.repu-ipb span {
font-size: 20px; font-weight: bold; display: block;
}
.band-right {
margin-left: 612px;
top: -35px;
position: relative;
}
.co-ipb#profile {
border: 0;
}
.co-ipb#profile .in-ipb {
width: 600px;
border: 1px solid #EEE;
float: left;
border-top: 0;
}
h2#estadis {
width: 580px;
font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px;
background: #DBE2EC; color: #204066;
border: 1px solid #DBE2EC;
}
.module-ipb-right h2 {
font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px; background: #DBE2EC; color: #204066;
}
.main-ipb-f {
padding: 9px;
}
.main-ipb-f .clear + a.mainmenu {
display: block;
text-align: center;
}
.main-ipb-f .friend-block {
display: inline-block;
float: none;
}
.main-ipb-f .avatar img {
padding: 1px; border: 1px solid #D5D5D5; background: #FFF; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.main-ipb-f .avatar {
border: 0;
background: none;
width: auto;
}
.main-ipb-f div.clear + a.mainmenu[href^="/u"], non.main-ipb-f .friend_list_online_status img {
display: none;
}
.profi-add-ipb a#search-i {
background: #E6E6E6 url("http://i.imgur.com/tS9vehw.png") no-repeat 5px;
}
.rating-profile {
margin: 10px 0 20px 0;
}
.register-date {
margin-bottom: 10px;
font: normal 13px helvetica,arial,sans-serif;
}
.profi-add-ipb {
position: absolute;
right: 30px;
top: 95px;
color: rgba(0, 0, 0, 0);
}
.profi-add-ipb br {
display: none;
}
.pun .profi-add-ipb a {
display: inline-block;
background: #E6E6E6 url("http://i.imgur.com/5MlMsua.png") no-repeat 5px;
height: 17px;
line-height: 17px;
padding: 2px 2px 2px 25px;
border: 1px solid rgb(207, 207, 207);
box-shadow: 0px 7px 21px rgba(255, 255, 255, 0.76) inset, 0px 1px 0px rgba(0, 0, 0, 0.41); border-radius: 3px; color: #616161; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
margin-right: 15px;font-size: 12px;
}
.pun .profi-add-ipb a:hover {
border: 1px solid #A0A0A0;
}
.pun .profi-add-ipb a#men {
background: #E6E6E6 url("http://i.imgur.com/LE1LFBD.png") no-repeat 5px;
}
.pun .nav-ipb-top a {
color: rgb(85, 85, 85);
}
.nav-ipb-top {
position: relative;
margin-left: -140px;
margin-bottom: 10px;
}
.nav-ipb-top span {
margin: 0 5px;
}
.mod-center {
padding-bottom: 50px;
}
#word-link {
position: absolute;
bottom: 19px;
right: 26px;
z-index: 999!important;
color: #777;
font: normal 9px helvetica;
text-align: right;
}
.co-ipb div.activetab {
display: block!important;
}Łpanda_selector_1403094068098_188_m_pandaŁ{opacity: 1!important;}
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.mini_ava img:hover
{
zoom: 130%;
}
/*********************PERFIL IPB*********************************/
.usernam-ipb ,.usernam-ipb span {
color: #7A7A7A!important;
font-size: 20px!important;
font-weight: bold!important;
line-height: 1.7!important;
}
.usernam-ipb em {
display: none!important;
}
.ipb-profile .mod-left {
width: 150px;
margin-left: -150px;
float: left;
}
.ipb-profile {
background: #3A3C3D;
padding: 9px;
clear: both;
padding-left: 188px;
overflow: hidden;
color: #E0E0E0;
font-family: helvetica, arial, sans-serif!important;
font-size: 11px;
}
.mod-center {
width: 98%;
float: left;
background: #2C2929;
border: 1px solid #3A3939;
padding: 9px;
position: relative;
margin: auto;
}
.ipb-m-title h2 {
padding: 8px 10px; background: #F5F5F5; color: #868686; font-size: 11px; margin: 0;
font-weight: bold;
font-family: helvetica!important;
display:none;}
.co-ipb {
background: #313030;
margin-bottom: 10px;
border: 1px solid #DDD;
margin: 5px;
min-height: 600px;
}
.ipb-profile dt, .ipb-profile dt span {
color: #D6CECE!important;
font-weight: bold!important;
}
.m-info-ipb dt {
display: inline-block;
width: 200px;
text-align: right;
padding-right: 10px;
}
.m-info-ipb dd {
display: inline-block;
width: 350px;
}
.profi-add-ipb a.mainmenu + br + a.mainmenu ,.main-ipb-f .clear ,.m-info-ipb .separator {
display: none;
}
.m-info-ipb dl {
line-height: 1.3; font-size: 11px; background: #313030; border: 1px solid #464545; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
}
.ipb-tab-us ul li a span {
display: block; padding: 10px 8px; outline: 0; font-size: 11px; color: #8D8D8D; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.3s ease-in-out;
}
.ipb-tab-us ul li {
background: #414040;
color: #808080;
border-bottom: 1px solid #4D4D4D; font-size: 13px;
}
.ipb-tab-us ul li :hover {
background: #4C4C4D;
color: rgb(187, 183, 183);
}
.ipb-tab-us {
width: 149px !important; margin-top: 10px; border-top: 1px solid #4D4D4D;
border-left: 1px solid #4D4D4D;
}
.ipb-profile li ,.ipb-tab-us ul {
list-style: none;
}
.ipb-tab-us ul li.activetab {
background: #2C2929;
width: 150px;
position: relative;
z-index: 9;}
.profile-ava img {
background: #FFF; padding: 1px; border: 1px solid #D3D3D3; max-width: 138px; max-height: 138px;
}
.estoyenline-i {
background: #7BA60D;
}
.ofline-ipb {
background: #B3B3B3;
padding: 0 5px;}
.estoyenline-i, .ofline-ipb{
display: inline-block;
height: 17px;
line-height: 17px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
border-radius: 2px;
vertical-align: middle;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
}
.pun .co-ipb .main-content {
background: #FFF;
border: 0;
}
.co-ipb#friends ol li {
padding: 8px 0 0 0;
margin: 5px 0 0 0;
min-width: 80px;
height: 70px;
list-style: none;
width: 100px;
display: inline-table;
text-align: center;
}
.co-ipb#friends ol li .avatar {
display: block;
border: 0;
background: 0;
text-align: center;
width: 100%;
}
#friends ol li .message-text ,.co-ipb#friends .message-footer li {
display: none;
}
.co-ipb ol li .avatar img:hover {
border-color: #7D7D7D;
}
.co-ipb ol li .avatar img {
background: #FFF;
padding: 1px;
border: 1px solid #D3D3D3;
height: 50px;
width: 50px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
#contacto h2#contacto ,#profilewall #wallcomment ,#friends h2#friends ,#estadisticas #estadisgene, .co-ipb #estadis {
display: block;
}
#estadisticas h2#estadis ,#contacto h2#estadis ,.co-ipb#profilewall h2#estadis ,.co-ipb#friends h2#estadis {
display: none;
}
#estadisticas .m-info-ipb ul li {
line-height: 1.3; font-size: 11px; background: #31303; border: 1px solid #464545; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
}
#estadisticas fieldset legend {
font-size: 13px;
font-weight: bold;
width: 100%;
font: bold 14px helvetica,arial,sans-serif;
padding: 8px 10px;
color: #FFFFFF;
background: #535355;
}
.co-ipb#contacto .contact-ips ,#profilewall .main-content ,#estadisticas .main-content {
background: #353333;
padding: 9px;
}
#estadisticas .main-content .stats-field.genmed {
overflow: hidden;
margin-bottom: 24px;
background: #FFF;
}
#estadisticas .main-content .stats-field.genmed ul {
padding: 9px;
border: 1px solid #eeeff0;
}
.co-ipb#contacto h2#contacto ,#wallcomment ,#estadisgene {
background: #4B4A4A url() repeat-x top;
color: #FFF; padding: 10px 10px 11px; border-radius: 4px 4px 0 0;
box-shadow: inset 0px 1px 0 #444443; border-width: 1px 1px 0 1px;
border-color: #4E4D4C;
border-style: solid; font-size: 11px;
text-shadow: none;
}
#profilewall ,#estadisticas {
border-radius: 4px 4px 0 0;
border: none;
}
.pun .co-ipb a {
color: #225985;
}
.pun .co-ipb a:hover {
color: #328586;
}
.co-ipb#friends ol li .avatar img:hover {
border-color: #7D7D7D;
}
#estadisticas .m-info-ipb {
border: 1px solid #DDD;
}
#estadisgene span {
background: rgba(0,0,0,0.3); opacity: 1;
color: #FFF; padding: 4px 10px; font-weight: bold; border-radius: 10px; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}
#profile-advanced-layout, #profile-advanced-right{display:none;}
.mensajeprofile ol li.clearfix {
background: #FFF; border: 1px solid #eeeff0;
padding: 9px;
margin-bottom: 9px;
position: relative;
}
.mensajeprofile .avatar {
border: 0;
background: 0;
display: inline;
float: left;
}
.mensajeprofile ol li .message-block {
overflow: hidden;
margin-left: 65px;
padding: 0;
}
.mensajeprofile ol li .message-block .message-header a {
font-weight: bold; font-size: 14px;
}
.mensajeprofile .message-date {
position: absolute;
bottom: 5px;
color: #A4A4A4; font-size: 12px;
background: transparent url("http://i.imgur.com/8WDJvOf.png") no-repeat left;
padding-left: 20px;
}
.mensajeprofile .message-text {
margin: 5px 0;
font-size: 14px; word-wrap: break-word;
}
#profilewall .message-footer {
float: right;
}
#profilewall .message-footer li {
display: inline;
margin-right: 10px;
}
.co-ipb .pagination b {
background: #7BA60D; color: #FFF; font-weight: bold; border-radius: 2px;
padding: 4px 5px;
}
.co-ipb .pagination a {
display: inline-block; color: #999;
background: none;
padding: 4px 5px;
}
.co-ipb .pagination a:hover {
background: #ECECEC; border-radius: 2px;
}
.co-ipb .pagination {
background: white;
border-radius: 5px 5px 0 0;
padding: 4px 10px;
}
#friends .message-header em {
display: block;
}
h2#friends {
font: normal 14px helvetica,arial,sans-serif;
padding: 8px 10px;
background: #535355;
color: #FFFFFF;
}
.co-ipb#contacto ,.co-ipb#friends {
border: 0;
}
.contact-ips dl dt {
display: inline-block;
width: 140px;
text-align: right;
}
.contact-ips dl dd {
width: 600px;
display: inline-block;
padding-left: 10px;
vertical-align: middle;
}
.lass-activiti {
display: inline-block;
margin-left: 10px;color: #C4C4C4;
}
.coin-ipb span {
font-size: 20px; font-weight: bold; display: block;
}
.coin-ipb #sub {
text-align: center; font-weight: normal;
}
.coin-ipb {
float: none; margin: 0 0 5px 0;
padding: 10px; text-align: center; font-weight: normal; display: block;
background: #80B700;
border-radius: 3px;
color: white;font-size: 13px;
}
.repu-ipb {
background: #DEDEDE; color: #6E6E6E;
float: none; margin: 0 0 5px 0; padding: 10px; text-align: center; font-weight: normal; display: block; border-radius: 3px;
font-size: 13px;
}
.repu-ipb span {
font-size: 20px; font-weight: bold; display: block;
}
.band-right {
margin-left: 612px;
top: -35px;
position: relative;
}
.co-ipb#profile {
border: 0;
}
.co-ipb#profile .in-ipb {
width: 600px;
border: 1px solid #464545;
float: left;
border-top: 0;
}
h2#estadis {
width: 580px;
font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px;
background: #535355; color: #FFFFFF;
border: 1px solid #565658;
}
.module-ipb-right h2 {
font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px; background: #535355; color: #FFFFFF;
}
.main-ipb-f {
padding: 9px;
}
.main-ipb-f .clear + a.mainmenu {
display: block;
text-align: center;
}
.main-ipb-f .friend-block {
display: inline-block;
float: none;
}
.main-ipb-f .avatar img {
padding: 1px; border: 1px solid #D5D5D5; background: #FFF; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.main-ipb-f .avatar {
border: 0;
background: none;
width: auto;
}
.main-ipb-f div.clear + a.mainmenu[href^="/u"], non.main-ipb-f .friend_list_online_status img {
display: none;
}
.profi-add-ipb a#search-i {
background: #6F6F6F url("http://imgur.com/L7iVQwl.png") no-repeat 5px;
}
.rating-profile {
margin: 10px 0 20px 0;
}
.register-date {
margin-bottom: 10px;
font: normal 13px helvetica,arial,sans-serif;
}
.profi-add-ipb {
position: absolute;
right: 30px;
top: 95px;
color: rgba(0, 0, 0, 0);
}
.profi-add-ipb br {
display: none;
}
.pun .profi-add-ipb a {
display: inline-block;
background: #4B4A4A url("http://i.imgur.com/39Oydq9.png") no-repeat 5px;
height: 17px;
line-height: 17px;
padding: 2px 2px 2px 25px;
border: 1px solid rgba(61, 61, 61, 0.76);
box-shadow: 0px 7px 21px rgba(53, 53, 53, 0.41) inset, 0px 1px 0px rgba(0, 0, 0, 0.41); border-radius: 3px; color: #FFFFFF; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
margin-right: 15px;font-size: 12px;
}
.pun .profi-add-ipb a:hover {
border: 1px solid #464646;
}
.pun .profi-add-ipb a#men {
background: #4B4A4A url("http://i.imgur.com/ykiMAjr.png") no-repeat 5px;
}
.pun .nav-ipb-top a {
color: rgb(85, 85, 85);
}
.nav-ipb-top {
position: relative;
margin-left: -140px;
margin-bottom: 10px;
}
.nav-ipb-top span {
margin: 0 5px;
}
.mod-center {
padding-bottom: 50px;
}
#word-link {
position: absolute;
bottom: 19px;
right: 26px;
z-index: 999!important;
color: #777;
font: normal 9px helvetica;
text-align: right;
}
.co-ipb div.activetab {
display: block!important;
}
.mod-center .activetab {opacity: 1!important;}
/*chatbox v1.1 BS*/
#chatbox_header.main-head {
background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
padding: 3px 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 6px;
}
.chatbox-title, .chatbox-title a.chat-title {
background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 75px 3px transparent;
font: 700 15px/1.3 Helvetica,Arial,sans-serif;
color: #fff;
}
.chatbox-title a.chat-title:hover {
text-decoration: underline;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
body[bgcolor] {background: #000000;}
.main-content.chatbox {
background-color: #000000;
padding: 10px;
border: 1px solid rgb(204, 204, 204);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding-bottom: 0px;
}
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
display: none;
}
#chatbox_members .member-title {
background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
background: #FAFAD2;
}
#chatbox_footer {
background: transparent;
border: 0px;
}
#chatbox_footer .right {
float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: 246, 246, 248;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}
input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb((255,255,100);
background: rgb(220,220,235) url('http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png') repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}
#submit_button {
margin-left: 13px;
}
#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: black;
border-bottom-color: rgb(190,190,170);
}
#simple-wrap {
background:black;
}
#chatbox_top {
min-height: 280px;
}
#chatbox {
line-height: 10px;
overflow: auto;
}
/*IconsProfile by http://board.infinigame.net*/
#profile-advanced-layout #tabs ul > li:first-child a span::before {content: url(http://i.imgur.com/jPIf6.png);float: left;padding-top: 5px;}
#profile-advanced-layout #tabs ul li:first-child + li a span::before {content: url(http://i.imgur.com/dgGVs.png);float: left;padding-top: 5px;}
#profile-advanced-layout #tabs ul li:first-child + li + li a span::before {content: url(http://i.imgur.com/0Fdfj.png);float: left;padding-top: 5px;}
#profile-advanced-layout #tabs ul li:first-child + li + li + li a span::before {content: url(http://i.imgur.com/jbdIP.png);float: left;padding-top: 5px;}
#profile-advanced-layout #tabs ul li:first-child + li + li + li + li a span::before {content: url(http://i.imgur.com/26xsJ.png);float: left;padding-top: 5px;}
/*END IconsProfile*/
Re: Aranjare chatbox
Nu s-a modificat nimic, dar lasă-l aşa, nu te mai chinui.
#Apropo, frumos forum, mi-am făcut şi eu cont.
#Apropo, frumos forum, mi-am făcut şi eu cont.
Re: Aranjare chatbox
Sa inteleg ca problema este rezolvata?
Pagina 2 din 2 • 1, 2
Subiecte similare
» Cum scriu sus langa ChatBox Regurile pentru ChatBox?
» Cum pun la ChatBox regurile deasupra la ChatBox ?
» Aranjare forum
» Re-aranjare in pagina.
» Aranjare subiecte in top
» Cum pun la ChatBox regurile deasupra la ChatBox ?
» Aranjare forum
» Re-aranjare in pagina.
» Aranjare subiecte in top
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 2 din 2
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum