Файл: Boomchat 7.1/css/panel.css
Строк: 528
.top_icon, .top_icon_close {
margin-top:5px;
}
.top_icon
{
margin-left:9px;
}
.remove_element {
margin-top:5px
}
.icon_photo
{
margin-top:5px;
}
.top_option
{
width:86%;
height:40px;
margin:0
auto;
margin-top:10px;
padding-bottom:5px;
}
.ptime, .ptime2
{
font-size:11px;
opacity:0.5;
padding-top:3px;
text-align:right;
}
.top_option
img {
height:40px;
width:auto;
}
#container_user ul .users_option,
#friend_container ul .users_option{
margin-bottom:3px;
}
#private_panel
.top_option {
height:30px;
}
#private_panel .top_option img
{
height:30px;
width:auto;
}
.panel_wrap
{
height:auto;
width:100%;
}
.close_option
{
width:40px;
height:40px;
float:left;
}
.inner_top_option
{
height:40px;
width:auto;
float:right;
}
.inner_top_option img
{
margin-left:2px;
}
.panel_element
{
width:86%;
height:auto;
margin:0
auto;
padding-top:15px;
cursor:pointer;
}
.centered_element
{
text-align:center;
}
.clear_panel
{
width:100%;
height:120px;
clear:both;
}
.panelone
{
height:100%;
position:fixed;
top:0;
right:0;
overflow:auto;
z-index:4;
}
.paneltwo
{
height:100%;
position:fixed;
top:0;
right:0;
margin-right:-40%;
overflow:auto;
}
.panelthree
{
height:auto;
position:fixed;
bottom:48px;
right:0;
box-shadow:0
0 10px
#000;
z-index:199;
border-radius:8px;
display:none;
padding-bottom:20px;
}
#history_container
{
height:100%;
}
.panel_element
{
width:86%;
height:auto;
margin:0 auto;
}
#add_room
{
width:100%;
height:auto;
padding-bottom:20px;
}
#add_room_name
{
width:60%;
padding:5px
5px;
border:none;
float:left;
}
#add_room_button
{
border-radius:10px;
width:100%;
padding:5px
0;
float:right;
margin-top:10px;
}
#room_access
{
width:35%;
float:right;
padding:4px 0;
}
.button_half
{
width:49%;
text-align:center;
border-radius:5px;
padding:4px
0;
margin-bottom:3px;
}
.profile_button_full{
width:100%;
text-align:center;
border-radius:5px;
padding:4px
0;
margin-bottom:3px;
}
.button_left {
float:left;
}
.button_right
{
float:right;
}
#room_all {
padding-top:20px;
}
.room_type
{
text-decoration:none !important;
font-weight:normal
!important;
}
#container_user, #container_help, #container_room,
#container_user_admin, #container_user_room
{
padding-bottom:100px;
}
.user_quart
{
width:100%;
height:auto;
}
.title_user_quart
{
width:100%;
height:20px;
text-align:center;
padding:10px
0;
font-size:16px;
clear:both;
}
.admin_user_empty
{
text-align:center;
width:100%;
height:30px;
border-radius:8px;
}
.admin_user_empty
p {
padding-top:5px;
}
#setting_left
{
width:100%;
height:100%;
float:left;
}
#site_title, #site_domain
{
height:30px;
width:100%;
padding-bottom:8px;
}
#site_title
{
margin-top:20px;
}
#site_domain
{
height:44px;
}
#site_title_left, #site_domain_left
{
width:30%;
float:left;
}
#site_title_left p, #site_domain_left p
{
padding-top:5px;
}
#site_title_right, #site_domain_right
{
width:70%;
float:right
}
.label
{
margin-bottom:4px;
}
#my_title, #my_domain
{
width:96%;
float:right;
height:100%;
padding-left:2%;
padding-right:2%;
padding-top:5px;
padding-bottom:5px;
}
.full_button
{
width:100%;
margin-top:10px;
padding-top:8px;
padding-bottom:8px;
border-radius:8px;
}
.edit_section
{
margin:20px 0;
}
}
#update_name, #update_email
{
margin-bottom:15px;
}
.advice
{
font-size:12px;
font-weight:normal;
padding-top:6px;
}
.label_panel
{
margin:0;
padding:0;
margin-bottom:3px;
margin-top:3px;
}
.container_element,
.roombutton
{
width:100%;
height:40px;
float:left;
margin-bottom:3px;
border-radius:8px;
}
.element_name
{
width:80%;
height:100%;
float:left;
padding-left:5%;
overflow:hidden;
}
.element_name
p {
padding-top:10px;
}
.delete_element
{
width:15%;
height:100%;
float:right;
text-align:center;
}
.delete_element
button {
height:100% !important;
padding:0;
}
.wrap_element
{
width:100%;
height:100%;
float:left;
overflow:hidden;
}
#room_wrap,
#user_wrap, #private_wrap
{
display:none;
width:100%;
height:auto;
}
.wrap_command
{
height:auto;
width:100%;
margin-bottom:4px;
cursor:pointer;
}
.command_copy
{
height:auto;
width:100%;
float:left;
cursor:pointer;
}
.command_copy
p
{
margin-left:5px;
font-size:15px;
padding-top:3px;
font-weight:bold;
}
.effect
{
width:100%;
height:auto;
float:left;
font-size:14px;
padding-bottom:5px;
}
.effect
p
{
padding-left:5px;
padding-top:2px;
font-size:12px;
}
.profile_avatar
{
max-width:100% !important;
max-height:200px
!important;
width:auto;
display:block;
margin:0
auto;
border-radius:10px;
}
.avatar_edit
{
margin-bottom:20px;
}
.profile_user {
width:100%;
margin:0
auto;
font-weight:bold;
margin-bottom:8px;
}
.profile_info span
{
font-weight:normal;
}
#details_profile h3
{
text-align:center;
padding:5px 0px;
}
#details_profile p
{
text-align:center;
}
.profile_info, .profile_description_title,
.profile_description{
font-size:15px;
}
.profile_user
{
font-size:22px;
}
.profile_description_wrap
{
padding-bottom:5px;
}
.details, .details_last, .details_first
{
width:100%;
height:auto;
padding-top:5px;
padding-bottom:5px;
}
.account_element_title
{
width:40%;
float:left;
height:100%;
}
.custom_element_title
{
width:100%;
margin-bottom:5px;
}
.select_account
{
width:100%;
float:right;
margin-left:8px;
padding:4px
0px;
}
.select_account option
{
width:100%;
padding-left:0;
padding-right:0;
border:none;
}
#my_description,
#edit_description{
width:96%;
margin:0
auto;
height:70px;
margin-top:15px;
padding:2%
5px;
max-width:96%;
max-height:80px;
min-height:80px;
min-width:96%;
border:none;
}
.account_element_select
{
width:60%;
float:left;
height:100%:
}
.custom_element_select
{
width:100%;
}
.profile_description_wrap
{
width:100%;
height:auto;
}
.profile_description_title p
{
padding-bottom:6px;
}
.profile_description
{
width:100%;
height:auto;
}
.profile_name
{
margin-bottom:0px;
}
.profile_rank
{
margin-bottom:5px;
font-size:15px;
}
.section_prof {
padding:5px
0;
}
.details_personal {
margin-top:5px;
}
.link_pro
{
text-decoration:none;
}
.profile_flag {
display:block;
margin:0
auto;
}
.profile_country
{
text-align:center;
margin-top:-5px;
}
#emoticon_panel
{
z-index:4000;
}
.option_setting
{
width:100%;
height:auto;
font-size:14px;
}
.option_left
{
width:100%;
float:left;
padding:8px 0;
}
.option_left label
{
float:left;
max-width:65%;
}
.option_left select
{
float:right;
width:30%;
padding:3px 0;
}
.close_room,
.remove_private, .remove_word {
height:100%;
width:auto;
}
.element
{
width:100%;
height:40px;
float:left;
margin-bottom:3px;
border-radius:8px;
}
.element_name
{
width:60%;
height:100%;
float:left;
}
.erase_element
{
height:40px;
width:40px;
float:right;
}
.erase_icon
{
height:100%;
width:auto;
}
.theme_button
{
width:100%;
height:40px;
text-align:center;
border-radius:8px;
margin-bottom:3px;
cursor:pointer;
}
#theme_title
{
font-size:22px;
font-weight:bold;
text-align:center;
padding:5px;
width:100%;
margin-bottom:20px;
}
.theme_button
p
{
font-weight:bold;
padding-top:10px;
font-size:16px;
}
#emoticon_panel
.panel_element img
{
float:left;
height:25px;
width:auto;
margin-bottom:8px;
margin-left:8px;
}
#emoticon_wrap
{
width:94%;
height:auto;
padding:10px 3%;
}
#ul_history
{
width:98%;
margin:0
auto;
padding-left:2%;
height:100%;
padding-top:10px;
overflow-x:hidden;
}
#ul_history
li {
list-style: none;
padding:3px;
}
#history_panel .panel_element
{
height:70%;
}
#history_container a {
color:blue
!important;
}
.panel_error
{
width:100%;
height:16px;
padding-top:4px;
padding-bottom:4px;
}
.change_avatar
{
margin-bottom:8px;
}
.change_password
{
padding-bottom:20px;
border-bottom:none
!important;
}
.input_password {
margin-top:5px
!important;
margin-bottom:5px !important;
border:none
!important;
padding:5px
2%;
width:96%;
font-size:17px;
}
.profile_panel_description
{
border-bottom:none !important;
}
.top_panels
{
z-index:100;
}
#private_chat ul
{
width:96%;
height:230px;
padding:4px
2%;
overflow-x:hidden;
overflow-y:auto;
margin-bottom:5px;
}
#private_chat
ul li {
padding:5px
2%;
margin-bottom:3px;
border-radius:8px;
max-width:96%;
word-wrap:break-word;
}
#private_panel
.panel_element {
padding-top:10px;
}
.private_target
{
font-size:16px;
font-weight:bold;
padding-top:5px;
}
.hunter_private
{
float:left;
clear:both;
min-width:100px;
}
.target_private
{
float:right;
clear:both;
min-width:100px;
}
.private_view
{
cursor:pointer;
}
.small_text{
font-size:12px;
padding-top:30px
!important;
}
.option_icon
{
width:50px;
height:50px;
float:left;
}
.option_icon img
{
width:100% !important;
height:auto;
}
#bad_word
{
width:48%;
float:left;
padding:5px;
border:none;
margin-top:3px;
}
#add_word
{
width:40%;
float:right;
padding:5px
0;
border-radius:5px;
}
#add_filter
{
height:auto;
width:100%;
padding-bottom:10px;
}
#empty_word
{
width:100%;
height:30px;
font-size:16px;
clear:both;
}
#filter_list
{
padding-top:20px;
}
.room_name
{
width:60%;
float:left;
text-align:left;
}
.room_count{
width:40%;
float:right;
text-align:right;
}
.room_name
p {
padding-left:10px;
}
.room_count p
{
padding-right:20px;
}
.title_command
{
padding-bottom:5px;
padding-top:5px;
font-size:16px;
}
.setting_part
{
display:none;
}
.load_part {
display:block;
}
#top_setting_option
{
padding-bottom:5px;
}
#container_setting
{
padding-top:10px;
}
.friend_status
{
height:100%;
width:auto;
display:block;
float:left;
margin-right:8px;
margin-left:-5%;
}
.friend_title
{
padding-bottom:10px;
}
.add_friend_button
{
display:block;
float:right;
}
.private_friend
{
float:left;
}
.time_zone_select {
width:190px
!important;
font-size:12px;
}
.time_zone_select option
{
max-width:160px;
}
.setting_msg
{
width:96%;
margin-top:5px;
padding:5px
2%;
min-height:50px;
max-height:50px;
height:50px;
max-width:96%;
min-width:96%;
overflow:auto;
}
.setting_message_zone
{
height:auto;
width:100%;
padding-top:5px;
padding-bottom:5px;
}
.news_title_zone
{
width:96%;
margin-top:5px;
padding:5px 2%;
}
#update_iframe
{
width:100%;
height:480px;
border:none;
display:none;
}
#my_email,
#custom1, #custom2, .profile_input_social, #edit_custom1, #edit_custom2
{
width:96%;
border:none;
padding:4px 2%;
}
#menu_friend
{
width:100%;
height:auto;
padding-bottom:20px;
}
#pending_friend
{
display:none;
}
.friend_span
{
background:red;
color:#fff;
font-weight:bold;
padding:0
7px;
border-radius:8px;
margin-left:5px;
}
.mpending {
padding:10px
0 10px 0;
}
.fpending {
padding:0px 0 10px 0;
}
.friend_menu
{
width:100%;
height:40px;
background:orange;
clear:both;
}
.container_friend
{
height:auto;
padding:10px;
border-radius:8px;
margin-bottom:5px;
}
.friend_name
{
width:75%;
height:40px;
float:left;
overflow:hidden;
}
.friend_info
{
width:40px;
float:left;
height:40px;
}
.friend_ginfo
{
padding:0;
margin-top:5px;
}
.friend_top
{
margin-bottom:10px;
height:auto;
clear:both;
}
.friend_name p
{
font-size:22px;
margin-top:8px;
}
.friend_menu_button:hover
{
opacity:0.7 !important;
}
.friend_avatar
{
width:40px;
height:40px;
border-radius:20px;
}
.friend_status img
{
width:22px;
height:22px;
margin-left:-10px;
margin-top:5px;
}
.friend_no_allow
{
margin-bottom:0px !important;
}
#profile_menu
{
width:100%;
height:auto;
clear:both;
margin-bottom:15px;
}
#profile_data
{
display:none;
margin-top:-15px;
}
#profile_social
{
display:none;
}
#file {
padding:5px;
}
.profile_error
{
min-height:20px;
width:100%;
}
.social_zone
{
display:table;
width:auto;
height:auto;
margin:0
auto;
margin-top:5px;
margin-bottom:10px;
}
.social_container
{
display:table;
width:auto;
height:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.pro_sicon
{
font-size:32px;
margin-top:11px;
margin-left:3px;
margin-right:3px;
}
#search_result
{
margin-top:20px;
}
.fa-facebook-square
{
background:#fff;
color:#3b5998;
}
.fa-twitter-square
{
background:#fff;
color:#00aced;
}
.fa-pinterest-square
{
background:#fff;
color:#cb2027;
}
.fa-google-plus-square
{
background:#fff;
color:#dd4b39;
}
.fa-instagram
{
background:#fff;
color:#bc805f;
}
.fa-linkedin-square
{
background:#fff;
color:#007bb6;
}
.fa-tumblr-square
{
background:#fff;
color:#00aced;
}
.fa-flickr
{
background:#fff;
color:#ff0084;
}
.fa-youtube-square
{
background:#fff;
color:#bb0000;
}
.fa-facebook-square,
.fa-twitter-square,
.fa-pinterest-square
,.fa-google-plus-square,
.fa-instagram,
.fa-linkedin-square,.fa-tumblr-square,
.fa-flickr, .fa-youtube-square
{
border-radius:4px;
}
#search_history
{
height:24px;
margin-top:-5px;
display:block;
margin-top:6px;
width:120px;
}
#my_history,
#chat_history, #search_history {
float:right;
margin-left:12px;
}