gusucode.com > CRM源码带手机版ASP源码程序 > M/style/root.css

    /*================================================================================
	Item Name: Cupcake Mobile
	Description: User-Friendly Admin Template
	Author: Egemen Kapusuz
	Author URL: /www.themeforest.net/user/egemem
	License: /www.gnu.org/licenses/gpl-3.0.html

	1.	GENERAL
	2.	TYPOGRAPHY
	3.	HEADER
	4.	PROFILE BOX
	5.	MENU
	6.	FOOTER
	7.	FORM ELEMENTS
	8.	STATISTICS
	9.	GALLERY
	10.	LIST MENU
	11.	ERROR PAGE
	12.	ALERT BOXES
	13.	TABLE
	14.	SEARCH BOX

================================================================================*/


/*==============================================================================*/
/*	1.	GENERAL
/*==============================================================================*/
body{
	background:url(../img/bodybg.png);
	font-size:12px;
	color:#78858D;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;}
a{ color:#3175AA;}

a:hover{ color:#333;}
.page{
	padding:17px 14px;}
.simplebox{
	margin-bottom:14px;}
.simplebox .titleh{
	background:#fff url(../img/gra-linear.png) repeat-x bottom;
	color:#133D59;
	padding:10px 10px;
	border:1px solid #C1D6E6;
	border-bottom:none;
	font-size:14px;}
.content{
	background:#fff url(../img/dto-gray.png) repeat-x top;
	border-top:1px solid #92B8D3;
	border:1px solid #C1D6E6;
	padding:10px;}

.topbutton{
	border:1px solid #92B8D3;
	margin-bottom:20px;
	border-radius:4px;
	text-align:center;
	padding:13px;
	background:#fff url(../img/gra-linear.png) repeat-x bottom;}
.topbutton a{
	font-weight:bold;}
.topbutton span{
	background:url(../img/page-top.png) no-repeat left;
	padding:10px 10px;}
.topbutton a:hover{
	color:#17486C;}

/*==============================================================================*/
/*	2.	TYPOGRAPHY
/*==============================================================================*/
h1{
	font-size:21px;
	color:#2C6DA3;
	padding:7px 0 13px 0;}
h2{
	font-size:19px;
	color:#2C6DA3;
	padding:7px 0 13px 0;}
h3{
	font-size:17px;
	color:#2C6DA3;
	padding:7px 0 13px 0;}
h4{
	font-size:15px;
	color:#2C6DA3;
	padding:7px 0 13px 0;}
h5{
	font-size:13px;
	color:#2C6DA3;
	padding:7px 0 13px 0;}

blockquote{
	background:#FFF9DB;
	border:1px solid #F3D97E;
	border-left:7px solid #F3D97F;
	font-size:12px;
	color:#988833;
	line-height:17px;
	padding:10px;
	margin:13px 0px;
	border-radius:3px;}

article{
	background:#dbf0ff;
	border:1px solid #7ecbf3;
	border-left:7px solid #7fcef3;
	font-size:12px;
	color:#336a98;
	line-height:17px;
	padding:10px;
	margin:13px 0px;
	border-radius:3px;}

.list-plus{
	color:#64727C;
	padding:5px 10px;}
	
.list-plus li{
	display:block;
	background:url(../img/icons/mini/plus.gif) no-repeat left 7px;
	padding-left:13px;
	line-height:17px;
	padding-top:2px;
	padding-bottom:8px;}

.list-arrow{
	color:#64727C;
	padding:5px 10px;}
	
.list-arrow li{
	display:block;
	background:url(../img/icons/mini/arrow.png) no-repeat left 7px;
	padding-left:13px;
	line-height:17px;
	padding-top:2px;
	padding-bottom:8px;}

/*==============================================================================*/
/*	3.	HEADER
/*==============================================================================*/
#header{
	background:url(../img/header-bg.png) repeat-x bottom;
	height:46px;
	position:relative;
	text-align:center;}
#header .logo{
	margin-top:12px;}

#header .button{
	display:block;
	background:url(../img/header-button.png) no-repeat 0px 0px;
	width:34px;
	position:absolute;
	height:23px;
	padding-top:9px;}
#header .button:hover{
	background:url(../img/header-button.png) no-repeat 0px -32px;}
#header .button:active{
	background:url(../img/header-button.png) no-repeat 0px -64px;}
.back{
	top:7px;
	left:9px;}
.list{
	top:7px;
	left:9px;}
.search{
	right:46px;
	top:7px;}
.create{
	top:7px;
	right:9px;}
.rightbox{
	top:7px;
	right:9px;}

/*==============================================================================*/
/*	4.	PROFILE BOX
/*==============================================================================*/
.profilebox{
	background:#fff url(../img/gra-linear.png) repeat-x bottom;
	border:1px solid #C1D6E6;
	font-size:14px;
	border-radius:3px;
	padding:12px 10px;
	color:#143D5B;
	position:relative;
	line-height:19px;
	margin-bottom:14px;}
.profilebox .avatar{
	float:left;
	margin-right:8px;}
.profilebox .logout{
	position:absolute;
	width:30px;
	height:30px;
	background:url(../img/close-icon.png) no-repeat center;
	text-indent:-9999px;
	right:8px;
	top:8px;}
.profilebox .logout:hover{
	background:url(../img/close-icon2.png) no-repeat center;}

/*==============================================================================*/
/*	5.	MENU
/*==============================================================================*/
#menu{
	border-top:1px solid #C1D6E6;
	padding-bottom:14px;
	font-size:14px;}
#menu li{
	display:block;
	border:1px solid #C1D6E6;
	border-top:none;
	background:#fff;
	position:relative;}
#menu li a{
	display:block;
	position:relative;
	padding:17px;
	color:#154364;
	font-weight:bold;
	padding-left:54px;
	padding-right:15px;}
#menu li .m-icon{
	position:absolute;
	left:14px;
	top:15px;}
#menu li a b{
	display:block;
	font:bold 14px Arial, Helvetica, sans-serif;
	background:url(../img/arrow-ts.png) no-repeat right;}
#menu li a:hover{
	background:#4088C0 url(../img/menu-hover.png) repeat-x bottom;
	color:#4088C0;}
#menu li a:hover b{
	background:url(../img/arrow-ts-hover.png) no-repeat right;
	color:#fff;}
#menu li a span{
	font-weight:bold;
	color:#fff;
	background:#3277AB;
	padding:3px 5px;
	border-radius:2px;
	margin-left:10px;}
#menu li a:hover span{
	background:#EAF0F6;
	color:#3277AB;}
#menu li a .red{
	background:#E76463;}
	
#menu li p{
	display:block;
	position:absolute;
	text-align:right;
	right:40px;
	top:15px;}
#menu .green{ color:#308359;}
#menu .blue{ color:#4B789A;}
#menu .red{ color:#FFFFFF;background:#CD6557;border-radius: 10px;padding:5px; }

/*==============================================================================*/
/*	6.	FOOTER
/*==============================================================================*/
.footer{
	color:#86AECD;
	font-size:11px;}



/*==============================================================================*/
/*	7.	FORM ELEMENTS
/*==============================================================================*/
label{ margin-right:7px;}

input, select, textarea{
	border:1px solid #D1D3D3;
	border-top:1px solid #A5A6A6;
	color:#A5A5A5;
	font:12px Arial, Helvetica, sans-serif;
	background:#fff url(../img/input-bg.png) repeat-x top;
	border-radius:3px;
	padding:10px;
	margin-right:7px;}
.form-line{
	padding-bottom:19px;}
.st-label{
	display:block;
	font-weight:bold;
	padding-bottom:6px;}
.submit-button{
	font:14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:1px solid #17486C;
	font-weight:bold;
	text-shadow: 0px -1px #1C5580;
	padding:8px;
	border-radius:3px;
	background:#246597 url(../img/blue-button.png) repeat-x top;}
.submit-button:hover{
	border:1px solid #113753;}
.submit-button:active{
	box-shadow: inset 0 0 0.5em #17486C;}
.add-button{
	font:14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:1px solid #17486C;
	font-weight:bold;
	text-shadow: 0px -1px #1C5580;
	padding:8px;
	border-radius:3px;
	background:#246597 url(../img/yellow-button.png) repeat-x top;}
.add-button:hover{
	border:1px solid #113753;}
.add-button:active{
	box-shadow: inset 0 0 0.5em #17486C;}
.reset-button{
	font:14px Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #A3BDD3;
	font-weight:bold;
	text-shadow: 0px -1px #fff;
	padding:8px;
	margin-right:5px;
	border-radius:3px;
	background:#fff url(../img/reset-button.png) repeat-x bottom;}
.reset-button:hover{
	border:1px solid #88AAC6;}
.reset-button:active{
	box-shadow: inset 0 0 0.5em #A3BDD3;}

/*==============================================================================*/
/*	8.	STATISTICS
/*==============================================================================*/
.statistics{ padding:0;}
.statistics li{
	border-bottom:1px solid #E3EBF3;
	padding:12px 14px;
	display:block;
	position:relative;}
.statistics li p{
	display:block;
	position:absolute;
	text-align:right;
	right:14px;
	top:12px;}
.statistics .green{ color:#308359;}
.statistics .blue{ color:#4B789A;}
.statistics .red{ color:#CD6557;}

/*==============================================================================*/
/*	9.	GALLERY
/*==============================================================================*/
.get-photo{
	border-bottom:1px solid #E3EBF3;
	padding:10px 0px;}
.get-photo img{
	float:left;
	width:44px;
	height:33px;
	margin-right:8px;}

/*==============================================================================*/
/*	10.	LIST MENU
/*==============================================================================*/
.list-menu{
	border-top:1px solid #C1D6E6;
	padding-bottom:14px;
	font-size:12px;}
.list-menu li{
	display:block;
	border:1px solid #C1D6E6;
	border-top:none;
	background:#fff;}
.list-menu li a{
	display:block;
	position:relative;
	padding:14px;
	color:#154364;
	padding-left:15px;
	padding-right:15px;}
.list-menu li a b{
	background:url(../img/arrow-ts.png) no-repeat right;
	padding-right:19px;
	display:block;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:23px;}
.list-menu li i{
	display:block;
	position:relative;
	padding:14px;
	color:#154364;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	display:block;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:23px;}
.list-menu li a:hover{
	background:#fff8c9 ;
	color:#333;}
.list-menu li a:hover b{
	background:url(../img/arrow-ts-hover.png) no-repeat right;
	}
.list-menu li a span{
	font-weight:bold;
	color:#fff;
	background:#3277AB;
	padding:3px 5px;
	border-radius:2px;
	margin-left:10px;}
.list-menu li a:hover span{
	background:#EAF0F6;
	color:#3277AB;}
.list-menu a .red{
	background:#E76463;}

/*==============================================================================*/
/*	11.	ERROR PAGE
/*==============================================================================*/
.error-page{
	text-align:center;
	color:#78858C;}
.error-page h3{
	color:#E76463;
	font-size:14px;
	line-height:21px;
	padding:10px 0px;}
.error-page p{
	border-top:1px solid #E3EBF3;
	border-bottom:1px solid #E3EBF3;
	padding:10px 0px;}
.error-page .buttons{
	padding:20px 0px;}

/*==============================================================================*/
/*	12.	ALERT BOXES
/*==============================================================================*/
.albox{
	font-size:12px;
	line-height:17px;
	box-shadow:0px 1px 0px 0px #F7F7F7;
	position:relative;
	margin:15px 0px;
	padding:14px 42px;
	border-radius:2px;}
.albox .close{
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	text-indent:-9999px;
	right:0;
	top:0;
	background:url(../img/icons/mini/close-opacity-21.png) no-repeat center;}
.albox .close:hover{
	background:url(../img/icons/mini/close-opacity-42.png) no-repeat center;}
.albox .icon{
	position:absolute;
	left:14px;
	top:14px;}
.warningbox{
	background:#FFF8D8 url(../img/icons/error/error.png) no-repeat 14px 14px;
	border:1px solid #F3D97E;
	color:#A68510;}
.succesbox{
	background:#EBF9E2 url(../img/icons/error/accept.png) no-repeat 14px 14px;
	border:1px solid #BEE4A5;
	color:#658C2C;}
.informationbox{
	background:#E9F3F8 url(../img/icons/error/help.png) no-repeat 14px 14px;
	border:1px solid #BBD7E4;
	color:#3876C6;}
.errorbox{
	background:#F8E9E9 url(../img/icons/error/cross.png) no-repeat 14px 14px;
	border:1px solid #E4BBBC;
	color:#BF2C11;}

/*==============================================================================*/
/*	13.	TABLE
/*==============================================================================*/
.tabledata{
	width:100%;
	border:1px solid #C1D6E6;
	background:#fff;}
.tabledata th, .tabledata td{
	border-bottom:1px solid #C1D6E6;
	line-height:30px;
	height:30px;
	padding:5px;}
.tabledata tbody{border:1px solid #C1D6E6;}
.tabledata thead{
	background:#ffc;
	border-bottom:1px solid #C1D6E6;
	text-align:left;}

.tabledata td{line-height:20px;word-wrap:break-word;word-break:break-all;}
.tabledata .lr{font-weight:bold;text-align:right;}
.tabledata .lc{font-weight:bold;text-align:center;}
.tabledata .ll{font-weight:bold;text-align:left;}
.tabledata .cr{text-align:right;}
.tabledata .cc{text-align:center;}
.tabledata .cl{text-align:left;}

/*==============================================================================*/
/*	14.	SEARCH BOX
/*==============================================================================*/
.searchbox{
	position:relative;
	background:#fff url(../img/gra-linear-with-dot.png) repeat-x bottom;
	border-bottom:1px solid #C1D6E6;
	padding:10px;
	display:none;}
.searchbox form{}
.searchbox .txtbox{
	font:bold 14px Arial, Helvetica, sans-serif;
	width:85%;
	background:#fff url(../img/search-blue.png) no-repeat left;
	padding-left:30px;}
.searchbox .button{
	position:absolute;
	border:0;
	padding:0;
	position:absolute;
	background:red;
	background-image:none;}

/*==============================================================================*/
/*	14.	SEARCH BOX
/*==============================================================================*/
.listbox{
	position:relative;
	background:#fff url(../img/gra-linear-with-dot.png) repeat-x bottom;
	border-bottom:1px solid #C1D6E6;
	padding:10px;
	display:none;}
.listbox form{}
.listbox .txtbox{
	font:bold 14px Arial, Helvetica, sans-serif;
	width:85%;
	background:#fff url(../img/search-blue.png) no-repeat left;
	padding-left:30px;}
.listbox .button{
	position:absolute;
	border:0;
	padding:0;
	position:absolute;
	background:red;
	background-image:none;}



/*翻页*/
.pager {float:left;line-height:25px;height:25px;}
.pager a {font-family:Arial;}
.pager a,.pager span,.pager select{ display:block; float:left; margin:0 2px}
.pager a{ position:relative; padding:0px 0 0px 8px; margin:0 2px;   color:#1345a3; background:url(../img/page/psdindex_03.gif) no-repeat left top; height:25px; line-height:25px;}

.pager a.nextpage{ background: url(../img/page/pagebut.gif) no-repeat left -26px; width:45px; height:25px; margin:0 0 0 2px; padding-left:15px;text-align:left;}
.pager a.nextpage:hover{ color:#000;background: url(../img/page/pagebut.gif) no-repeat left -26px;}

.pager a.backpage{ background: url(../img/page/pagebut.gif) no-repeat left top; width:40px; height:25px; margin:0 2px 0 0; padding-left:20px;text-align:left;}
.pager a.backpage:hover{ color:#000;background: url(../img/page/pagebut.gif) no-repeat left top;}

.pager a.grey{ background: url(../img/page/pagebutgrey.gif) no-repeat left top; color:#cccccc; cursor:no-drop}
.pager a.grey:hover{ background: url(../img/page/pagebutgrey.gif) no-repeat left top; color:#cccccc}
.pager a.greys{ background: url(../img/page/pagebutgrey.gif) no-repeat left -26px; color:#cccccc; cursor:no-drop}
.pager a.greys:hover{ background: url(../img/page/pagebutgrey.gif) no-repeat left -26px; color:#cccccc}
.pager a:hover,.pager a.active{ background:url(../img/page/psdindex_07.jpg) no-repeat left top; color:#FFFFFF; text-decoration:none}
.pager a:hover b,.pager a.active b{background:url(../img/page/psdindex_07.jpg) no-repeat right top; cursor:pointer }
.pager a.shenlue{ background:none; padding:0; margin:0 5px}
.pager a.shenlue:hover{ color:#333333}
.pager a b{ font-size:12px; display:block;+display:block;_display:inline;position:relative; font-weight:normal; background:url(../img/page/psdindex_03.gif) no-repeat right top; height:25px; line-height:25px;padding:0 8px 0 0;+padding:0 8px 0 0;_padding:5px 18px 10px 0px;margin-right:0px;+margin-right:0px;_margin-right:-8px;}
.pager a b font{ font-size:12px; font-weight:normal}
.pager span{ padding:2px}
.pager select{ margin-top:1px;+margin-top:2px;_margin-top:2px; padding:4px}