TZ.Web/MyAdmin/skin/default/style.css

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

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

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

/* =========================登录页样式.开始======================= */
.login-screen{ position:absolute; top:50%; left:50%; margin-top:-160px; margin-left:-245px; width:490px; text-align:left; }
.login-icon{ float:left; width:96px; height:96px; text-indent:-9999px; background:url(login_logo.png) no-repeat; }
	.login-icon>h4{ margin-top:4px; color:#fff; font-size:17px; font-weight:200; line-height:34px; opacity:0.95; }
		.login-icon>h4 small{color:inherit; display:block; font-size:inherit; font-weight:700; }
.login-form{ float:left; margin-left:30px; padding:20px 25px 25px 25px; width:310px; background:#ECEFF1; border-radius:6px; text-align:center; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }
	.login-form h1{ display:block; margin-bottom:20px; border-bottom:1px solid #DFDFDF; text-align:left; height:40px; line-height:30px; color:#304b65; font-size:21px; font-weight:300; font-family:'Microsoft YaHei'; background:url(login_tit.png) no-repeat 0 0; text-indent:-9999px; }
	.control-group{ position:relative; margin-bottom:6px; }
	.login-field{ display:inline-block; padding:11px 0 11px 10px; width:296px; height:20px; line-height:20px; color:#ACB6C0; font-size:17px; background:#fff; border:1px solid #E5E5E5; border-radius:6px 6px 6px 6px; margin-bottom:10px; vertical-align:middle; }
		.login-field:focus{ border:1px solid #BBD5EA; }
	.placeholder{ color:#999; }
	.login-field-icon{ position:absolute; display:block; top:14px; right:13px; width:16px; height:20px; cursor:pointer; background:url(skin_icons.png) no-repeat; }
		.login-field-icon.user{ background-position:-1px -137px;}
		.login-field-icon.pwd{ background-position:-28px -137px; }
	.btn-login{ display:block; margin:0; padding:10px 0; width:100%; color:#fff; border:2px solid #ECEFF1; border-radius:6px 6px 6px 6px;  background:#33B5E5; font-size:16.5px; text-decoration:none; cursor:pointer; *border:0; }
	.login-tips{ display:block; margin:15px auto 0 auto; height:14px; }
		.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; }
		.login-tips b{ display:inline-block;height:14px; line-height:14px;  font-size:12px; font-weight:normal; color:#BFC9CA; vertical-align:middle; }
.login-screen .arrow{ position:absolute; display:block; left:116px; top:30px; width:11px; height:22px; text-indent:-9999px; background:url(skin_icons.png) -80px -356px no-repeat; }
/* =========================登录页样式.结束======================= */

/* =========================管理首页样式.开始======================= */
a{ color:#666; text-decoration:none; }
a:link, a:visited{ color:#2A72C5; text-decoration:none; }
a:hover{ color:#0065D9; text-decoration:underline; }
a:active{ color:#0065D9; text-decoration:none; }
.header{ background:#33B5E5; }
.logo{ display:block; float:left; width:180px; height:42px; background:url(logo.png) no-repeat center; border-right:1px solid #1da0d0; text-indent:-9999px; overflow:hidden; }
/*顶部菜单*/
.nav{ display:block; float:left; height:100%; border-right:1px solid #4dc4f0; }
	.nav li{ display:block; float:left; margin:0; padding:0px 15px; border-left:1px solid #4dc4f0; border-right:1px solid #1da0d0; color:#fff; cursor:pointer; font-size:14px; height:42px; line-height:42px; vertical-align:middle; }
	.nav li:hover{ background:#50c0e9; }
	.nav .selected{ background:#16a0d3; }
	.nav .icon-0,.nav .icon-1,.nav .icon-2,.nav .icon-3,.nav .icon-4,.nav .icon-5,
	.nav .icon-6{ display:block; background:url(skin_icons.png) no-repeat; float:left; height:42px; width:20px; }
	.nav .icon-0{ background-position:2px -305px;  }
	.nav .icon-1{ background-position:-38px -305px; }
	.nav .icon-2{ background-position:-78px -305px; }
	.nav .icon-3{ background-position:-118px -305px; }
	.nav .icon-4{ background-position:-158px -305px; }
	.nav .icon-5{ background-position:-198px -305px; }
	.nav .icon-6{ background-position:-238px -305px; }
	.nav li span{ padding-left:5px; line-height:40px; }
/*顶部右边导航*/
.nav-right{ float:right; }
	.nav-right .icon-info{ float:left; padding:0 10px 0 34px; height:42px; line-height:42px; border-right:1px solid #1da0d0; background:url(skin_icons.png) no-repeat 0 -429px; }
	.nav-right .icon-info span{ display:block; padding-top:6px; color:#ebebeb; font-size:12px; line-height:1.2em; }
	.nav-right .icon-option{ position:relative; display:block; cursor:pointer; float:left; padding:0 15px; height:42px; border-left:1px solid #4dc4f0; background:#16a0d3; }
	.nav-right .icon-option i{ display:block; width:20px; height:42px; background:url(skin_icons.png) -199px -305px no-repeat; }
	.nav-right .icon-option:hover{ background:#50c0e9; }
	.nav-right .icon-option:hover .drop-box{ display:block; }
/*右边导航菜单项*/
.drop-box{ display:none; position:absolute; top:42px; right:1px; }
	.drop-box .arrow{ position:absolute; display:block; top:0; right:15px; width:21px; height:11px; text-indent:-999999px; background:url(skin_icons.png) no-repeat 0 -356px; }
	.drop-box .drop-item{ margin-top:10px; padding:10px; border:1px solid #b1b1b1; background:#fff; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.2); }