70 lines
4.5 KiB
CSS
70 lines
4.5 KiB
CSS
|
@charset "utf-8";
|
||
|
|
/* CSS Document */
|
||
|
|
/*PROFILE*/
|
||
|
|
.boxAvatar {overflow:hidden;height:300px;border: 1px solid #f2f2f2;border-radius:3px;padding:5px;}
|
||
|
|
.boxAvatar img{max-height: 100%;}
|
||
|
|
.updatestatus{background-color:#000;padding:10px;}
|
||
|
|
|
||
|
|
|
||
|
|
/* 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; }
|
||
|
|
#searchresults a { display:block; background-color:#ffffff; clear:left; height:56px; text-decoration:none; }
|
||
|
|
#searchresults a:hover { background-color:#f3f3f3; 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:#000; }
|
||
|
|
#searchresults a span { color:#555555; }
|
||
|
|
#searchresults a:hover span { color:#000; }
|
||
|
|
#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;}
|