SOCMED/asset/css/style2.css

151 lines
8.5 KiB
CSS
Raw Normal View History

2020-01-02 21:48:25 +07:00
@charset "utf-8";
/* CSS Document */
/*PROFILE*/
.profile .boxAvatar{overflow:hidden;height:300px;border:1px solid #f2f2f2;border-radius:3px;padding:5px;-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);}
.profile .boxAvatar img{max-height: 100%;}
.profile .boxnama {display:block;border: 0 1px 0 1px solid #f2f2f2;padding:5px;text-align:center}
.profile .boxinfo {display:block;border: 1px solid #f2f2f2;border-radius:3px;padding:5px;overflow:hidden;word-wrap: break-word;-webkit-box-shadow:0px 0px 12px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);padding-bottom:20px;}
.profile .boxinfo span{margin-top:10px;}
.profile .boxinfo>span>div{display:inline;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;margin-left:5px;}
.profile #editprof{float:right;margin-top:-20px;}
.profile #stts blockquote{font-size:13px;}
.profile #editskill{float:right;margin-top:0px;}
.profile .boxFriend, .profile .boxComm, .profile .boxSkill {display:block;border: 1px solid #f2f2f2;border-radius:3px;padding:5px;margin-top:10px;-webkit-box-shadow: 0px 0px 12px rgba(0,0, 0, 0.4);-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);}
.profile .updatestatus{background-color:#000;padding:10px;}
.profile .userwall td{line-height:0.3px}
.profile .middle{min-height:550px;display:block;}
.profile .left input[type="text"]{border: 0;outline: 0;background: transparent;border-bottom: 1px solid rgb(209, 193, 193);padding:0 0 3px 10px;}
.profile .left input{border: 0;outline: 0;background: transparent;border-bottom: 1px solid rgb(209, 193, 193);}
.profile .left select{border:none;box-shadow:none;border-bottom: 1px solid rgb(209, 193, 193);width:200px;}
/*Community*/
.community{min-height:550px;margin-top:80px;}
.community .info {margin-bottom: 20px;}
.community .boxPhoto {text-align:center;vertical-align: middle;padding:5px;border: 1px solid #f2f2f2;border-radius:3px;width:190px}
.community .boxPhoto img{max-height:200px;max-width:180px;}
.community .boxinfo {vertical-align: middle;position:relative;float:left;margin-bottom:0;height:100%;display:block}
.community .boxmember {display:block;border: 1px solid #f2f2f2;border-radius:3px;padding:5px;margin-top:10px;-webkit-box-shadow: 0px 0px 12px rgba(0,0, 0, 0.4);-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);margin-right:10px;}
.community .todayevent {display:block;border: 1px solid #f2f2f2;border-radius:3px;padding:5px;margin-top:10px;-webkit-box-shadow: 0px 0px 8px rgba(0,0, 0, 0.4);-moz-box-shadow: 0px 1px 2px rgba(23, 69, 88, .5);min-height:200px;}
.community .content .tab-content{padding:10px;padding-top:20px}
.community .boxevent{border: 1px solid #c0c0c0;border-bottom: 0px;border-radius: 5px 5px 0 0;margin-bottom:80px;}
.community .panel-default>.panel-heading{background-color:#FFF7F7}
.community .panel-default>.panel-heading a{width:100%;display:block;text-decoration:none;}
/*Event*/
.event{padding:20px;}
.event .poster{display:block;float:left;max-width:300px;margin-right:20px;text-align:center;padding:5px;}
.event .poster img{max-width:290px}
.event info{width:80%}
.event dl{float:left;margin-top:30px;width:70%}
/* SEARCH*/
/* SEARCH FORM */
#searchform { margin:50px 200px; font-size:18px; }
#searchform div { color:#eeeeee; }
#searchform div input { font-size:18px; padding:5px; width:320px; }
#suggestions{ position: absolute; left:546px; top:38px; width:320px; z-index:3; display:none; }
/* SEARCHRESULTS */
#searchresults { border-width:1px; border-color:#919191; border-style:solid; width:320px; background-color:#f8f8f8; font-size:11px; line-height:14px;overflow:hidden;}
#searchresults a { display:block; background-color:#ffffff; clear:left; height:56px; text-decoration:none;overflow:hidden;margin-bottom:3px;}
#searchresults a:hover { background-color:#0033CC; color:#000; }
#searchresults a img { float:left; padding:5px 10px; width:15%;}
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#fff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#fff; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#7E6767; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }
#searchresults span.no {text-align: center;display: block;padding: 3px;background-color:#ffffff}
/* FBCK COMPLETE */
/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; white-space:nowrap;}
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }
/* Facebook demo CSS */
ul.holder { width: 500px; }
ul.holder { margin: 0 !important }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;}
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('asset/image/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }
/* Autocompleter */
.facebook-auto { display: none; position: absolute; width: 512px; background: #eee; z-index:1001;}
.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; }
.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999}
.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #eee }
.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.facebook-auto ul li.auto-focus em { background: none; }
.deleted { background-color:#4173CC !important; color:#ffffff !important;}
.hidden { display:none;}
#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}
/*scrollbar*/
#select3_feed::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
#select3_feed::-webkit-scrollbar{ width: 4px; background-color: #F5F5F5;}
#select3_feed::-webkit-scrollbar-thumb{ background-color: #FFFFFF;}
/*skill*/
.skills {
margin-top:5px;
overflow:hidden;
height:100%;
padding-left:5px;
}
.skills li {
margin-bottom:5px;
float:left;
max-height:20px;
}
.skills li h4 {
width:140px;
float:left;
font-size:15px;
color: #444;
}
.skills li .rat0, .skills li .rat1, .skills li .rat2, .skills li .rat3, .skills li .rat4, .skills li .rat5, .skills li .rat6, .skills li .rat7 {
width:123px;
height:14px;
float:left;
}
.skills li span{margin-top:10px;}
.skills li .rat0 {
background:url(../image/rats.png) no-repeat;
}
.skills li .rat1 {
background:url(../image/rats.png) no-repeat 0px -14px;
}
.skills li .rat2 {
background:url(../image/rats.png) no-repeat 0px -28px;
}
.skills li .rat3 {
background:url(../image/rats.png) no-repeat 0px -42px;
}
.skills li .rat4 {
background:url(../image/rats.png) no-repeat 0px -56px;
}
.skills li .rat5 {
background:url(../image/rats.png) no-repeat 0px -70px;
}
.skills li .rat6 {
background:url(../image/rats.png) no-repeat 0px -84px;
}
.skills li .rat7 {
background:url(../image/rats.png) no-repeat 0px -98px;
}