skin/default/style.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@charset "utf-8";
/* CSS Document */
@import url("../layout.css");
@import url("../base.css");

/* =========================全局样式.开始========================= */
a{ color:#686f7f; text-decoration:none; }
a:link, a:visited{ color:#2A72C5; text-decoration:none; }
a:active, a:hover{ color:#0065D9; text-decoration:underline; }
/* =========================全局样式.结束========================= */

/* =========================登录页样式.开始======================= */
.login-wrap{ position:absolute; top:50%; left:50%; margin:-150px auto auto -140px; width:280px; text-align:center; }
	.login-logo{ margin:0 auto 10px; text-indent:-9999em; width:180px; height:42px; background:url(logo.png) no-repeat; }
	.login-form .col{ position:relative; padding:10px 0; }
	.login-form .col .icon{ position:absolute; display:block; top:24px; left:10px; width:14px; height:14px; background:url(skin_icons.png) no-repeat; cursor:pointer; }
	.login-form .col .icon.user{ background-position:0 -140px; }
	.login-form .col .icon.pwd{ background-position:-28px -140px; }
	.login-form .col .login-input{ display:block; padding:5px 10px 5px 34px; background:#fff; border:0; border-radius:3px; font-size:14px; line-height:32px; *line-height:30px; height:32px; width:236px; color:#333; }
	.login-form .col .login-btn{ display:block; padding:5px 0; font-size:14px; color:#fff; width:100%; line-height:28px; height:42px; background:#0C4B77; border:0; border-radius:3px; letter-spacing:.5em; cursor:pointer; }
.login-tips{ display:block; margin:10px auto 0; height:14px; vertical-align:middle; }
	.login-tips i{ display:inline-block; margin-right:5px; width:14px; height:14px; background:url(skin_icons.png) -56px -140px no-repeat; text-indent:-9999px; vertical-align:middle; zoom:1; *display:inline; *text-indent:0; }
	.login-tips p{ display:inline-block;height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#83b7ce; vertical-align:middle; zoom:1; *display:inline; }
.copy-right{ display:block; position:absolute; right:0; bottom:10px; left:0; text-align:center; }
	.copy-right p{ font-size:12px; color:#83b7ce; line-height:1.8em; }
/* ==========================登录页样式.结束======================== */

/* =========================管理首页样式.开始======================= */
/*顶部样式*/
.main-top{ background:#fafafa; border-bottom:1px solid #eee; }
	/*顶部主菜单*/
	.icon-menu{ display:block; float:left; width:42px; height:42px; background:url(skin_icons.png) 11px -239px no-repeat; border-right:1px solid #eee; cursor:pointer; text-indent:-9999px; overflow:hidden; }
	.main-nav{ display:block; float:left; }
		.main-nav a{ display:block; float:left; margin:0; padding:0 20px; border-right:1px solid #eee; height:42px; line-height:42px; color:#686f7f; font-size:14px; cursor:pointer; }
		.main-nav a.selected,.main-nav a:hover{ color:#686f7f; text-decoration:none; background:#fff; }
	/*顶部右边导航*/
	.nav-right{ float:right; }
		.nav-right .info{ float:left; padding-right:10px; height:42px; line-height:42px;  }
		.nav-right .info i{ display:block; float:left; margin:6px 10px 0 0; width:30px; height:30px; border:1px solid #eee; border-radius:30px; background:url(skin_icons.png) no-repeat 0 -330px; overflow:hidden; }
		.nav-right .info i img{ width:30px; height:30px; }
		.nav-right .info span{ display:block; float:left; padding-top:6px; color:#686f7f; font-size:12px; line-height:1.2em; }
		/*右边导航菜单项*/
		.nav-right .option{ position:relative; cursor:pointer; float:left; padding:0 11px; border-left:1px solid #eee; }
		.nav-right .option i{ display:block; width:20px; height:42px; background:url(skin_icons.png) -40px -239px no-repeat; }
		.nav-right .option:hover{ background:#fff; }
		.nav-right .option:hover .drop-wrap{ display:block; }
		.drop-wrap{ display:none; position:absolute; top:42px; right:1px; }
		.drop-wrap .arrow{ position:absolute; display:block; top:0; right:11px; width:21px; height:11px; text-indent:-9999em; background:url(skin_icons.png) no-repeat 0 -290px; }
		.drop-wrap .item{ margin-top:10px; padding:10px; border:1px solid #dbdbdb; background:#fff; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.1); }
		.drop-wrap .item li a{ display:block; padding:8px 15px; color:#686f7f; font-size:12px; line-height:1em; text-align:center; white-space:nowrap; }
		.drop-wrap .item li a:hover{ color:#fff; text-decoration:none; background:#16a0d3; }

/*左边样式*/
.main-left{ background:#267cb7; }
	.logo{ display:block; height:42px; background:url(logo.png) no-repeat center #267CB7; border:1px solid #eee; border-top:0; border-left:0; text-indent:-9999px; overflow:hidden; }
	.sidebar-nav{ }
		.sidebar-nav .list-group{ display:none; }
		.sidebar-nav .list-group .list-wrap{ position:absolute; top:43px; right:0; bottom:0; left:0; padding:0 10px; width:160px; overflow:auto; }
		.sidebar-nav .list-group h1{ display:none; }
		.sidebar-nav .list-group h2{ position:relative; display:block; color:#fff; font-size:12px; font-weight:normal; line-height:40px; border-bottom:1px solid #468dbd; }