151 lines
8.5 KiB
CSS
151 lines
8.5 KiB
CSS
|
@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;
|
||
|
|
}
|