| Server IP : 127.0.0.1 / Your IP : 216.73.216.48 Web Server : Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.2.12 System : Windows NT DESKTOP-3H4FHQJ 10.0 build 19045 (Windows 10) AMD64 User : win 10 ( 0) PHP Version : 8.2.12 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : D:/xampp/htdocs-coblaa/social/main_css/ |
Upload File : |
body{min-width:1200px;margin:0px;background:#ededed;}
.home_header_area
{
float:left;width:100%;height:50px;background:#CD69E1;position:fixed;
}
.home_header_postion{float:left;width:100%;height:50px;}
.home_main_title
{
float:left;width:auto;height:30px;line-height:30px;margin-left:1%;margin-top:10px;background:#CD69E1;color:white;text-align:left;font-size:1.2em;font-weight:bold;
}
.home_pc_div
{
float:left;min-width:200px;width:20%;height:93%;margin-left:1%;border-right:1px solid #ccc;backgroundk:orange;margin-top:51px;position:fixed;display:block;
}
.home_pc_div_title
{
float:left;width:100%;height:40px;line-height:40px;text-align:center;font-size:1.2em;
}
.home_btn_pc
{
float:left;width:80%;height:40px;margin-left:6%;margin-bottom:8px;font-size:1em;color:#A51286;borderk:transparent;backgroundk:#ededed;cursor:pointer;font-weightk:bold;
}
.home_mob_div_helping{display:none;}
.menu_area_helping_div{display:none;}
.account_div
{
float:left;width:65%;height:60%;margin-left:27%;margin-top:20px;background:#ededed;border:1px solid #ccc;displayk:none;
}
.account_banner
{
float:left;width:100%;height:350px;background:blue;
}
.account_profile
{
float:left;width:150px;height:150px;margin-top:-100px;margin-left:5px;background:#000;opacityk:0.5;border-radius:20px;
}
.account_user_name
{
float:left;width:50%;height:40px;line-height:40px;margin-left:8px;margin-top:1px;backgroundk:green;font-size:1.2em;color:#A51286;
}
.shell_main_div
{
float:left;width:100%;height:100%;background:green;position:fixed;display:none;
}
.close_shell_main_div
{
float:right;width:35px;height:35px;margin-right:2%;margin-top:2%;border-radius:10px;font-weight:bold;cursor:pointer;
}
.upload_banner
{
float:right;width:50%;height:40%;margin-right:25%;margin-top:10%;background:red;
}
.upload_banner_title
{
float:left;width:100%;height:50px;line-height:50px;background:#fff;text-align:center;font-size:1.2em;
}
.select_banner_btn
{
float:right;width:50%;height:50px;margin-right:25%;margin-top:10%;font-size:1em;cursor:pointer;
}
.my_post_div
{
float:left;width:50%;min-height:60%;height:auto;margin-left:35%;margin-top:30px;margin-bottom:20px;background:#ededed;border:1px solid #ccc;word-wrap: break-word;display:block;
}
.post_header_div
{
float:left;width:100%;height:50px;backgroundk:blue;
}
.post_header_profile
{
float:left;width:40px;height:40px;margin-left:10px;margin-top:5px;background:black;border-radius:10px;
}
.post_header_name
{
float:left;width:auto;height:25px;line-height:25px;margin-top:12px;margin-left:5px;background:#fff;color:#CD69E1;font-size:1.1em;font-weight:bold;
}
.post_text_disp
{
float:left;width:96.5%;min-height:40px;height:auto;margin:2px;padding:10px;background:#fff;font-size:1.1em;color:#6f6d6f;
}
.post_display
{
float:left;width:100%;height:auto;margin-bottom:10px;background:#fff;border-radius:5px;border:1px solid #ccc;
}
.post_view_div
{
float:left;width:100%;height:40px;background:#fff;border-bottom:1px solid #ccc;border-top:1px solid #ccc;
}
.post_comments_btn
{
float:left;height:40px;font-size:0.9em;font-weightk:bold;margin-left:20%;background:transparent;border:transparent;color:#CD69E1;cursor:pointer;
}
.post_comments_output
{
float:left;height:40px;line-height:40px;padding-right:5px;font-size:1em;background:white;color:#CD69E1;border-rightk:1px solid #ccc;
}
.post_like_btn
{
float:left;height:40px;margin-left:5%;font-size:0.9em;font-weightk:bold;margin-left:10%;background:transparent;border:transparent;color:#CD69E1;cursor:pointer;
}
.post_like_output
{
float:left;height:40px;line-height:40px;padding-right:5px;font-size:1em;background:white;color:#CD69E1;border-rightk:1px solid #ccc;
}
.new_comment_div
{
float:left;width:100%;min-height:60px;height:auto;margin-leftk:10%;background:white;border-bottom:1px solid #ccc;
}
.user_profile_comm
{
float:left;width:45px;height:45px;margin-left:5px;margin-top:7px;background:green;
}
.new_comment_input
{
float:left;width:80%;height:30px;line-height:30px;margin-left:1%;margin-top:15px;margin-bottom:5px;padding-left:5px;backgroundk:white;font-size:1em;border:1px solid #ccc;border-radius:5px;
color:#6f6d6f;font-family: Georgia, serif;
}
.new_commnet_btn
{
float:left;height:30px;margin-left:1%;margin-top:15px;font-size:1em;font-weight:bold;backgroundk:transparent;border:transparent;color:#6F6D6F;cursor:pointer;
}
.post_comment_display_div
{
float:left;width:100%;height:auto;margin-leftk:10%;margin-bottom:2px;backgroundk:orange;
}
.user_profile_comm_disp
{
float:left;width:40px;height:40px;margin-left:5px;margin-top:10px;background:purple;
}
.user_name_comm
{
float:left;width:80%;height:20px;line-height:20px;margin-top:10px;margin-left:5px;font-weight:bold;
}
.user_date_comm
{
floatk:right;height:20px;line-height:20px;backgroundk:green;font-size:0.9em;font-family: serif;color:#2B7BB7;
}
.comment_display_output{
float:left;max-width:80%;min-width:10%;height:auto;margin-left:1%;margin-top:1px;padding:5px;background:#EBF1EE;font-size:1.2em;borderk:1px solid #ccc;border-radius:5px;
color:#5E5C5E;
}
.show_reply_div_btn
{
float:left;widthk:85%;height:auto;margin-left:2px;margin-top:10px;background:transparent;border:transparent;font-size:0.9em;cursor:pointer;color:#CD69E1;
}
.comment_reply_div
{
float:left;width:85%;height:auto;margin-left:57px;margin-top:5px;background:#E6CAF1;display:none;
}
.hide_reply_div_btn
{
float:right;font-size:1.1em;background:transparent;border:transparent;cursor:pointer;
}
.level_one_reply_div_input
{
float:left;width:99%;height:auto;margin-left:1px;margin-topk:-5px;background:#E6CAF1;
}
.user_profile_comm_reply
{
float:left;width:35px;height:35px;
}
.new_comm_reply_input
{
float:left;width:80%;height:30px;line-height:30px;margin-left:1%;margin-top:3px;padding-left:5px;font-size:1em;border-radius:5px;border:transparent;font-family: Georgia, serif;
color:#6f6d6f;
}
.new_comm_reply_btn
{
float:left;height:30px;margin-top:3px;font-size:0.9em;cursor:pointer;
}
.reply_disp_div
{
float:left;width:98%;height:auto;margin-left:1%;margin-top:5px;background:#E6CAF1;
}
.reply_disp_output
{
float:left;width:99.6%;height:auto;margin-left:1px;margin-bottom:5px;background:#E6CAF1;font-size:1.05em;
}
.user_profile_comm_reply_disp_out
{
float:left;width:33px;height:33px;border-radius:15px;
}
.disp_reply_out_text
{
float:left;width:92%;min-heightk:30px;height:auto;margin-left:1%;margin-top:5px;padding-bottom:5px;backgroundk:#fff;font-size:1.05em;color:#7C777E;border-bottom:1px solid #ccc;
}
/* player video pc */
.control_div
{
float:left;width:100%;height:35px;margin-top:-36px;background:#000;position:relative;display:none;
}
.play_pause
{
float:left;width:30px;height:30px;margin-top:6px;cursor:pointer;
}
.unmute_mute
{
float:left;width:30px;height:30px;margin-top:6px;cursor:pointer;
}
.full_screen_exit_btn
{
float:left;width:30px;height:30px;margin-top:6px;cursor:pointer;
}
.seekbar_out
{
float:left;width:45%;height:6px;margin-left:1%;margin-top:20px;background:#ededed;
}
.seekbar_in
{
float:left;width:0%;height:4px;margin-top:1px;background:#CD69E1;displayk:none;
}
.seek_value_div
{
float:left;width:100%;height:6px;margin-top:-10px;backgroundk:green;displayk:none;
}
.seekbar_value
{
float:left;width:1%;height:10px;backgroundk:red;cursor:pointer;
}
.volume_seekbar_out
{
float:left;width:20%;height:6px;margin-top:20px;background:#ededed;
}
.volume_seekbar_in
{
float:left;width:100%;height:4px;margin-top:1px;background:#CD69E1;
}
.volume_seek_value
{
float:left;width:100%;height:6px;margin-top:-8px;backgroundk:purple;
}
.seek_volume_value
{
float:left;width:10%;height:6px;margin-top:2px;backgroundk:orange;cursor:pointer;opacityk:0.5;
}
.digital_label
{
float:left;height:25px;line-height:25px;margin-left:8px;margin-top:10px;margin-right:8px;font-size:1.1em;color:#fff;
}
::-webkit-media-controls {
display:none !important;
}
/* player video pc */
@media screen and (max-width: 700px)
{
body{min-width:100%;margin:0px;background:#ededed;}
.home_pc_div{display:none;}
.home_mob_div_helping{display:block;}
.menu_area_helping_div{display:block;}
.home_mob_div
{
float:right;width:55%;height:auto;margin-top:50px;margin-left:44%;background:#fff;border:1px solid #ccc;position:fixed;display:none;
}
.home_btn_mob
{
float:left;width:80%;height:35px;margin-left:10%;margin-top:5px;margin-bottom:5px;background:#ccc;border:transparent;font-size:1.1em;font-weightk:bold;color:#727072;
text-alignk:left;cursor:pointer;
}
.main_menu_icon_mob
{
float:right;width:40;height:40;margin-right:1%;margin-top:6px;cursor:pointer;display:block;
}
.cancel_menu_icon
{
float:right;width:40px;height:40px;margin-right:1%;margin-top:8px;cursor:pointer;display:none;
}
.account_div
{
float:left;width:98%;min-height:60%;height:auto;margin-left:1%;margin-top:10px;background:#ededed;border:1px solid #ccc;displayk:none;
}
.my_post_div
{
float:left;width:98%;min-height:60%;height:auto;margin-left:1%;margin-top:30px;margin-bottom:20px;background:#ededed;border:0px solid #ccc;display:block;
}
.post_text_disp
{
float:left;width:98%;min-height:40px;height:auto;margin:1%;padding:0px;background:#fff;font-size:1.1em;color:#6f6d6f;
}
.new_comment_input
{
float:left;width:72%;height:30px;line-height:25px;margin-left:1%;margin-top:13px;margin-bottom:5px;padding-left:5px;backgroundk:blue;font-size:1em;border:1px solid #ccc;border-radius:5px;
color:#6f6d6f;
}
.new_commnet_btn
{
float:left;width:40px;height:30px;margin-left:1%;margin-top:13px;font-size:0.9em;font-weight:bold;background:#ededed;border:transparent;color:#6F6D6F;cursor:pointer;
}
/*///////player video*/
.player_main_div
{
float:left;width:100%;margin-left:0%;margin-top:0px;
}
.seekbar_out
{
float:left;width:50%;height:6px;margin-left:1%;margin-top:20px;background:#ededed;
}
.volume_seekbar_out{display:none;}
.unmute_mute
{
float:left;width:30px;height:30px;margin-top:6px;cursor:pointer;display:none;
}
.full_screen_exit_btn
{
float:right;width:30px;height:30px;margin-top:6px;margin-right:1%;cursor:pointer;
}
/*///////player video*/
}