2011-03-19 13:15:02 +08:00
|
|
|
body,div,h1,h2,h3,h4,h5,h6,p,ul,li,blockquote,form,input,img { margin:0; padding:0; }
|
|
|
|
|
ul > li { list-style:none; }
|
|
|
|
|
.error { color:red; }
|
|
|
|
|
.float_left { float:left; }
|
|
|
|
|
.hidden { display:none }
|
|
|
|
|
.clear { clear:both;line-height:0;font-size:0 }
|
|
|
|
|
.fleft { float:left }
|
|
|
|
|
.fright { float:right }
|
|
|
|
|
.cleft { clear:left }
|
|
|
|
|
.show { display:block }
|
|
|
|
|
.hide { display:none }
|
|
|
|
|
.errorlist { color: red; }
|
|
|
|
|
.label { color:#333; font-size:12px; font-style:normal; }
|
|
|
|
|
a { color:#ee8833; text-decoration:none; font-weight:bold; }
|
|
|
|
|
a:hover { color: #ff9933; text-decoration: underline; }
|
|
|
|
|
/* table */
|
|
|
|
|
table.default { border: 1px solid; cellspacing: 0; border-collapse: collapse; }
|
|
|
|
|
table.default td, table.default th { padding: 3px; border: 1px solid #000; }
|
|
|
|
|
table.default th { color:#808; }
|
|
|
|
|
table.default tr.even { background-color: #FAFAFA; }
|
|
|
|
|
table.default tr.odd { background-color: #E0E0E0; }
|
|
|
|
|
table.default tr.first { background-color: #00FF00; }
|
|
|
|
|
/* container */
|
2011-11-25 17:11:11 +08:00
|
|
|
#wrapper { font: 13px/1.5 Arial, Helvetica, sans-serif; }
|
2011-10-13 00:17:48 +08:00
|
|
|
#header, #main, #footer { width:950px; }
|
|
|
|
|
#header, #main { margin:0 auto; }
|
|
|
|
|
#header { font-size: 14px; font-weight: bold; }
|
2011-03-19 13:15:02 +08:00
|
|
|
#left-panel { float:left; width:120px; }
|
|
|
|
|
#right-panel { float:right; width:800px; }
|
2011-10-13 00:17:48 +08:00
|
|
|
#footer { color:#999; padding-top:2px; margin:25px auto; border-top:1px solid #DDD; }
|
|
|
|
|
/* top-bar */
|
|
|
|
|
#top-bar { height:20px; padding-bottom:21px; background:#fff url('../img/dropshadow.png') repeat-x center bottom; }
|
|
|
|
|
.top-bar { height:20px; color:#fff; text-align:right; font-weight:bold; background:#606; }
|
|
|
|
|
.top-bar-in { width:950px; margin:0 auto; }
|
|
|
|
|
.top-bar a { color:#ddd; font-weight:normal; }
|
|
|
|
|
.top-bar a:hover { background:#A0A; }
|
2011-03-19 13:15:02 +08:00
|
|
|
/* #header */
|
2011-04-30 13:18:32 +08:00
|
|
|
#header .top_operation { float:right; margin:2px 10px 0 0; color:#ddd; font-size:13px; }
|
|
|
|
|
#header .top_operation a { font-weight:normal; font-size:13px; margin-left:2px; text-decoration: none; }
|
|
|
|
|
#header .top_operation a:hover { background:#0A0; color:#FFF; }
|
2011-12-03 14:43:33 +08:00
|
|
|
div.logo { margin-top: 0px; }
|
2011-03-19 13:15:02 +08:00
|
|
|
#logo { margin-top: 4px; }
|
2011-10-29 11:50:58 +08:00
|
|
|
#user-info { float: right; font-size: 12px; color: #808; font-style:normal; margin-bottom:10px; }
|
|
|
|
|
#user-info span { color: #888; display:inline-block; width:60px; text-align:right; margin-right:5px; }
|
2012-01-01 23:45:09 +08:00
|
|
|
#logo-info { float:right; font-size: 14px; color: #ccc; font-style:italic; }
|
2011-03-19 13:15:02 +08:00
|
|
|
#header #ident { margin-top: 8px; float: right; font-size: 12px; }
|
|
|
|
|
#header #ident p { color: #808; }
|
|
|
|
|
#header #ident label { color: #888; }
|
|
|
|
|
#header .navs { clear: both; position: relative; margin-top: 10px; }
|
|
|
|
|
#header ul.nav { padding: 0; }
|
|
|
|
|
#header .nav li { float: left; height: 18px; padding: 0px 25px 4px 0; background: none; }
|
|
|
|
|
#header .nav a, #header .nav a:visited { color:#8A948F; font-weight:bold; text-decoration:none; }
|
|
|
|
|
#header .nav a:hover { color: #ff9933; text-decoration: underline; }
|
2011-11-27 17:52:14 +08:00
|
|
|
div.nav-separator { clear: both; border-top: #DDD 1px solid; border-bottom: none; border-left: none; border-right: none; margin: 0px 0px 21px 0px; padding: 0px; }
|
2011-03-19 13:15:02 +08:00
|
|
|
/* footer */
|
|
|
|
|
#footer a { color:#333; text-decoration:none; }
|
|
|
|
|
/* main */
|
2011-10-13 00:17:48 +08:00
|
|
|
h2 { font-size:18px; color:#808; padding:4px 0 2px 0px; margin: 0; }
|
|
|
|
|
h3 { font-size:14px; color:#808; margin-top:10px; font-weight:normal; }
|
2011-11-25 13:06:01 +08:00
|
|
|
p { line-height: 20px; margin: 2px 0 12px 0; }
|
2011-03-19 13:15:02 +08:00
|
|
|
ol { margin:0; padding:0px 0 0 2em; list-style-position:inside; }
|
2011-11-25 13:06:01 +08:00
|
|
|
ul { padding:0 0 0 0; margin: 0 0 8px 0; }
|
2011-11-25 16:02:55 +08:00
|
|
|
ul > li { background: url('../img/li.gif') no-repeat scroll; background-position:left 6px; padding-left:10px; }
|
2011-03-19 13:15:02 +08:00
|
|
|
/* #main ul.ui-tabs-nav > li { background: none; } */
|
|
|
|
|
#main ol > li { }
|
|
|
|
|
#main li { line-height:20px; }
|
|
|
|
|
#main img.click { margin-left:2px; cursor:pointer; }
|
|
|
|
|
|
|
|
|
|
/* profile */
|
|
|
|
|
.avatar_op .pic { float:left; margin-right:15px; }
|
|
|
|
|
.avatar_op .text { float:left; }
|
|
|
|
|
#main .avatar_op ul { padding:0; }
|
|
|
|
|
#main .avatar_op ul label { display:none; }
|
|
|
|
|
#main .avatar_op ul ul label { display:block; }
|
|
|
|
|
#main .avatar_op li { padding:0; background:none; }
|
|
|
|
|
#main .avatar_op ul ul li { float:left; margin-right:5px; }
|
|
|
|
|
.avatar { float:left; width:120px; }
|
|
|
|
|
.ele_info { float:right; width:450px; }
|
|
|
|
|
/* input button */
|
|
|
|
|
textarea { border: 1px solid #80B0B0; }
|
|
|
|
|
input { border: 1px solid #80B0B0; }
|
|
|
|
|
input[type=submit] { border: 1px solid #80B0B0; background: #EEE; color: #080; padding:0 2px; border-radius: 3px; -moz-border-radius:3px; }
|
|
|
|
|
input[type=submit]:hover { border: 1px solid #80B0B0; background: #FFF; }
|
|
|
|
|
#main form label { display: inline-block; margin:2px 0px; }
|
|
|
|
|
/* form */
|
|
|
|
|
/* forms */
|
2011-10-18 15:41:48 +08:00
|
|
|
|
|
|
|
|
/* popup dialog */
|
|
|
|
|
#basic-modal-content {display:none;}
|
|
|
|
|
#simplemodal-overlay {background-color:#000; cursor:wait;}
|
|
|
|
|
#simplemodal-container { background-color:#fff; border:3px solid #080; padding: 8px; }
|
|
|
|
|
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
|
|
|
|
|
#simplemodal-container a {color:#ddd;}
|
|
|
|
|
#simplemodal-container a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
|
2011-11-25 13:06:01 +08:00
|
|
|
#simplemodal-container h3 {color:#84b8d9;}
|
|
|
|
|
|
|
|
|
|
/* home */
|
|
|
|
|
#home-snapshot { border:1px solid #000; float:right; margin:0 0 0 20px; }
|
2011-11-25 16:02:55 +08:00
|
|
|
strong { color:#808; font-weight: normal; }
|
2011-12-30 20:18:26 +08:00
|
|
|
.home-page h2 { color: #e83; }
|
2011-12-03 14:43:33 +08:00
|
|
|
#main-show {
|
2012-01-01 23:45:09 +08:00
|
|
|
margin: 0 0 25px 50px; padding: 10px 10px;
|
2011-11-26 22:25:46 +08:00
|
|
|
border-radius: 3px; -moz-border-radius: 3px;
|
2011-12-03 14:43:33 +08:00
|
|
|
box-shadow: rgba(0, 0, 0, 0.0976562) 0px 8px 16px;
|
|
|
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 8px 16px;
|
|
|
|
|
-moz-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 8px 16px;
|
2011-11-27 17:52:14 +08:00
|
|
|
width: 800px;
|
2012-01-01 23:45:09 +08:00
|
|
|
height: 235px;
|
2011-11-25 16:02:55 +08:00
|
|
|
}
|
|
|
|
|
#main-show #feature-list {
|
|
|
|
|
margin: 0 0 0 20px;
|
|
|
|
|
font-size: 16px;
|
2012-01-01 23:45:09 +08:00
|
|
|
color: #808;
|
2011-11-25 16:02:55 +08:00
|
|
|
}
|
|
|
|
|
#main-show #feature-list li {
|
|
|
|
|
background-position:left 11px;
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
}
|
2011-12-30 20:18:26 +08:00
|
|
|
#seafile-show .show-item {
|
|
|
|
|
margin: 20px 0 0 0;
|
|
|
|
|
width: 420px; height: 140px; float: left;
|
|
|
|
|
padding: 10px;
|
2012-01-01 23:45:09 +08:00
|
|
|
border: 1px solid #f0f0f0;
|
|
|
|
|
border-radius: 10px; -moz-border-radius: 10px;
|
2011-12-30 20:18:26 +08:00
|
|
|
}
|
|
|
|
|
#seafile-show .show-item2 {
|
|
|
|
|
margin: 20px 0 0 50px; width: 420px; height: 140px; float: left;
|
|
|
|
|
padding: 10px;
|
2012-01-01 23:45:09 +08:00
|
|
|
border: 1px solid #f0f0f0;
|
|
|
|
|
border-radius: 10px; -moz-border-radius: 10px;
|
2011-12-30 20:18:26 +08:00
|
|
|
}
|
|
|
|
|
#seafile-show img { float: left; margin: 0 8px 8px 0; }
|
2012-01-01 23:45:09 +08:00
|
|
|
#seafile-show p { color: #444; font-size: 15px; margin-left: 10px; }
|
2011-11-25 16:02:55 +08:00
|
|
|
#seafile-what {
|
2011-12-30 20:18:26 +08:00
|
|
|
margin-top: 20px;
|
2011-11-25 16:02:55 +08:00
|
|
|
float: left;
|
|
|
|
|
width: 440px;
|
|
|
|
|
}
|
|
|
|
|
#seafile-history {
|
|
|
|
|
float: left;
|
2011-12-30 20:18:26 +08:00
|
|
|
margin: 20px 0 0 70px;
|
2011-11-25 16:02:55 +08:00
|
|
|
width: 440px;
|
|
|
|
|
}
|
2011-12-03 14:43:33 +08:00
|
|
|
div.home-page h2 { font-style: italic; }
|
2012-01-02 12:49:05 +08:00
|
|
|
/* help pages */
|
|
|
|
|
.help-page { width: 550px; }
|
2012-02-11 11:12:54 +08:00
|
|
|
.help-page img { display: block; margin: 20px auto; }
|
|
|
|
|
|
2012-02-21 17:11:58 +08:00
|
|
|
#id_repo_id { width:300px; }
|
|
|
|
|
|
2012-02-24 15:38:04 +08:00
|
|
|
span.small-action-link { font-size: 9px; }
|
2012-03-09 10:31:35 +08:00
|
|
|
input.ccnet_id { width: 400px; }
|
2012-02-24 15:38:04 +08:00
|
|
|
.notification { background:#FDF; width:580px; margin:10px 0; border:1px solid #faf; padding-left:2px; }
|
