You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1598 lines
40 KiB
CSS
1598 lines
40 KiB
CSS
6 years ago
|
/*style样式*/
|
||
|
|
/******************************** Basic Structure ********************************/
|
||
|
|
|
||
|
|
html {
|
||
|
|
font-size: 100%;
|
||
|
|
height: 100%;
|
||
|
|
margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears */
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
|
color: #555;
|
||
|
|
background: #f0f0f0 url('/css/images/community/bg-body.gif') top left repeat-y;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#body-wrapper {
|
||
|
|
background: url('/css/images/community/bg-radial-gradient.gif') fixed 230px top no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
/******************************** Elements styling ********************************/
|
||
|
|
|
||
|
|
h1, h2, h3, h4, h5, h6 {
|
||
|
|
font-family: Helvetica, Arial, sans-serif;
|
||
|
|
color: #545454;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 { font-size: 26px; padding: 0 0 10px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 { font-size: 26px; padding: 0 0 10px 0; }
|
||
|
|
h3 { font-size: 17px; padding: 0 0 10px 0; }
|
||
|
|
h4 { font-size: 16px; padding: 0 0 5px 0; }
|
||
|
|
h5 { font-size: 14px; padding: 0 0 5px 0; }
|
||
|
|
h6 { font-size: 12px; padding: 0 0 5px 0; margin-bottom:8px;}
|
||
|
|
|
||
|
|
|
||
|
|
a { color: #545454;}
|
||
|
|
a:hover { color: #850000; }
|
||
|
|
a:active { color: #777; }
|
||
|
|
a:focus { outline: 1px; }
|
||
|
|
|
||
|
|
strong { font-weight: bold; color: #333; }
|
||
|
|
|
||
|
|
small { font-size: 0.85em; }
|
||
|
|
|
||
|
|
pre { font-family: monospace; }
|
||
|
|
|
||
|
|
p {
|
||
|
|
padding: 5px 0 10px 0;
|
||
|
|
line-height: 1.6em;
|
||
|
|
margin-bottom:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/******************************** General Classes ********************************/
|
||
|
|
|
||
|
|
.clear {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-left {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-right {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
/************ Button ************/
|
||
|
|
.button {
|
||
|
|
font-family: Verdana, Arial, sans-serif;
|
||
|
|
display: inline-block;
|
||
|
|
background: #850000 url('/css/images/community/bg-button-green.gif') top left repeat-x !important;
|
||
|
|
border: 1px solid #850000 !important;
|
||
|
|
padding: 5px 7px 5px 7px !important;
|
||
|
|
color: #fff !important;
|
||
|
|
font-size: 11px !important;
|
||
|
|
cursor: pointer;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:active {
|
||
|
|
padding: 5px 7px 5px 7px !important;
|
||
|
|
border: 1px solid #850000 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a.remove-link {
|
||
|
|
color: #bb0000;
|
||
|
|
padding-left:12px;
|
||
|
|
}
|
||
|
|
a.remove-link:link{
|
||
|
|
}
|
||
|
|
a.remove-link:hover {
|
||
|
|
color: #000;
|
||
|
|
|
||
|
|
}
|
||
|
|
/******************************** China Highlights NAV ********************************/
|
||
|
|
#mainMenu{
|
||
|
|
height: 29px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/bg-site-nav.jpg) repeat-x;
|
||
|
|
margin-bottom:3px;
|
||
|
|
padding-left:230px;
|
||
|
|
|
||
|
|
}
|
||
|
|
#mainMenu span a{
|
||
|
|
color:#fff;
|
||
|
|
font-size:11px;
|
||
|
|
text-decoration:none;
|
||
|
|
padding:9px 13px 6px 13px;
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
#mainMenu span a:hover{color:#000; background:#DDDDDD;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/******************************** Sidebar ********************************/
|
||
|
|
|
||
|
|
#sidebar {
|
||
|
|
background: url('/css/images/community/bg-sidebar.gif') top left no-repeat;
|
||
|
|
width: 230px;
|
||
|
|
height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
color: #888;
|
||
|
|
font-size: 11px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #sidebar-wrapper {
|
||
|
|
margin: 0 0 0 9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar a,
|
||
|
|
#sidebar a:active {
|
||
|
|
color:#ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar a:hover {
|
||
|
|
color:#fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #sidebar-title {
|
||
|
|
margin: 40px 0 40px 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #logo {
|
||
|
|
margin: 40px 0 40px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #profile-links {
|
||
|
|
padding: 0 15px 20px 15px;
|
||
|
|
text-align: right;
|
||
|
|
line-height: 1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/************ Sidebar Accordion Menu ************/
|
||
|
|
|
||
|
|
#sidebar #main-nav {
|
||
|
|
width: 206px;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0 0 0 15px;
|
||
|
|
font-family: Helvetica, Arial, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #main-nav li {
|
||
|
|
list-style: none;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #main-nav li a.nav-top-item {
|
||
|
|
background: transparent url('/css/images/community/bg-menu-item-green.gif') right center no-repeat; /* Background image for default color scheme - green */
|
||
|
|
padding: 10px 15px;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 14px;
|
||
|
|
cursor: pointer;
|
||
|
|
display: block;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #main-nav li a.current {
|
||
|
|
background-image: url('/css/images/community/bg-menu-item-current.gif') !important;
|
||
|
|
color: #333;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #main-nav li a.current:hover {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #main-nav ul {
|
||
|
|
padding: 0;
|
||
|
|
font-size: 12px;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #main-nav ul li {
|
||
|
|
list-style: none;
|
||
|
|
margin: 0;
|
||
|
|
text-align: right;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #main-nav ul li a {
|
||
|
|
padding: 8px 15px;
|
||
|
|
display: block;
|
||
|
|
color: #aaa;
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 1.2em;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #main-nav ul li a:hover,
|
||
|
|
#sidebar #main-nav ul li a.current,
|
||
|
|
#sidebar #main-nav ul li a.current:hover {
|
||
|
|
color: #fff;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar #main-nav ul li a.current {
|
||
|
|
background: transparent url('/css/images/community/menu-current-arrow.gif') right center no-repeat !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/********subNav*********/
|
||
|
|
#subNav{
|
||
|
|
margin:1px 0 5px 0;
|
||
|
|
font-size:11px;
|
||
|
|
color:#999;
|
||
|
|
}
|
||
|
|
#subNav a{
|
||
|
|
color:#999;
|
||
|
|
}
|
||
|
|
#subNav a:hover{
|
||
|
|
color:#000;
|
||
|
|
}
|
||
|
|
|
||
|
|
/************ Layout ************/
|
||
|
|
|
||
|
|
#main-content {
|
||
|
|
margin: 0 30px 0 260px;
|
||
|
|
padding: 40px 0 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.column-left {
|
||
|
|
width: 48%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.column-right {
|
||
|
|
width: 48%;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
/*左大右小的样式*/
|
||
|
|
.column-community-left {
|
||
|
|
width: 70%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.column-community-right {
|
||
|
|
width: 26%;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
/*左大右小的样式*/
|
||
|
|
.column-community-left2 {
|
||
|
|
width: 60%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.column-community-right2 {
|
||
|
|
width: 36%;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
#page-intro {
|
||
|
|
font-size: 17px;
|
||
|
|
padding: 0 0 20px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#footer {
|
||
|
|
border-top: 1px solid #ccc;
|
||
|
|
margin: 40px 0 0 0;
|
||
|
|
padding: 5px 0;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
#footer .logo{ width:90px; height:70px; padding:8px 10px 5px 0; border-right:1px solid #ccc; float:left;
|
||
|
|
}
|
||
|
|
#footer .copyRight{
|
||
|
|
padding:26px 10px; float:left;
|
||
|
|
color:#000000;
|
||
|
|
font-weight:bold;
|
||
|
|
font-size:11px;
|
||
|
|
line-height:18px;
|
||
|
|
}
|
||
|
|
/************ Lists ************/
|
||
|
|
|
||
|
|
#main-content ul,
|
||
|
|
#main-content ol {
|
||
|
|
padding: 0px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Unordered List */
|
||
|
|
|
||
|
|
#main-content ul.checklist li {
|
||
|
|
background: url('/css/images/community/icons/bullet_black.png') center left no-repeat;
|
||
|
|
padding: 4px 0 4px 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Ordered List */
|
||
|
|
|
||
|
|
#main-content ol {
|
||
|
|
padding: 0 0 0 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#main-content ol li {
|
||
|
|
list-style: decimal;
|
||
|
|
padding: 4px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*************** Content Box ***************/
|
||
|
|
|
||
|
|
.content-box {
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
margin: 0 0 20px 0;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content-box-header {
|
||
|
|
background: #e5e5e5 url('/css/images/community/bg-content-box.gif') top left repeat-x;
|
||
|
|
margin-top: 1px;
|
||
|
|
height: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content-box-header h6 {
|
||
|
|
padding: 12px 15px 10px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.content-box-tabs {
|
||
|
|
float: right;
|
||
|
|
padding: 12px 15px 0 0 !important;
|
||
|
|
margin: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.content-box-tabs li {
|
||
|
|
float: left;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 !important;
|
||
|
|
background-image: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.content-box-tabs li a {
|
||
|
|
color: #333;
|
||
|
|
padding: 8px 10px;
|
||
|
|
display: block;
|
||
|
|
margin: 1px;
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.content-box-tabs li a:hover {
|
||
|
|
color: #850000;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.content-box-tabs li a.current {
|
||
|
|
background: #fff;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-bottom: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
ul.content-box-tabs-link {
|
||
|
|
float: right;
|
||
|
|
padding: 12px 15px 0 0 !important;
|
||
|
|
margin: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.content-box-tabs-link li {
|
||
|
|
float: left;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0 !important;
|
||
|
|
background-image: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.content-box-tabs-link li a {
|
||
|
|
color: #333;
|
||
|
|
padding: 8px 10px;
|
||
|
|
display: block;
|
||
|
|
margin: 1px;
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.content-box-tabs-link li a:hover {
|
||
|
|
color: #850000;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.content-box-tabs-link li a.current {
|
||
|
|
background: #fff;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-bottom: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.content-box-content {
|
||
|
|
padding: 20px;
|
||
|
|
font-size: 13px;
|
||
|
|
border-top: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
/************ Table ************/
|
||
|
|
|
||
|
|
#main-content table.normalStyle, #main-content table.normalStyle2 {
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
#main-content table.normalStyle2{ width:100%; text-align:left; padding:0 0 0 5px;}
|
||
|
|
#main-content table.normalStyle thead th, #main-content table.normalStyle2 thead th {
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 15px;
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
#main-content tbody {
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
#main-content table.normalStyle tbody tr, #main-content table.normalStyle2 tbody tr{
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
#main-content table.normalStyle tbody tr.alt-row, #main-content table.normalStyle2 tbody tr.alt-row {
|
||
|
|
background: #f3f3f3;
|
||
|
|
}
|
||
|
|
|
||
|
|
#main-content table.normalStyle td,
|
||
|
|
#main-content table.normalStyle th,
|
||
|
|
#main-content table.normalStyle2 td,
|
||
|
|
#main-content table.normalStyle2 th{
|
||
|
|
padding: 10px;
|
||
|
|
line-height: 1.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#main-content table.normalStyle tfoot td .bulk-actions, #main-content table.normalStyle2 tfoot td .bulk-actions {
|
||
|
|
padding: 15px 0 5px 0;
|
||
|
|
}
|
||
|
|
#main-content table.normalStyle tfoot td .bulk-actions select, #main-content table.normalStyle2 tfoot td .bulk-actions select {
|
||
|
|
padding: 4px;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
table.normalStyle th, table.normalStyle td, table.normalStyle tr{vertical-align: baseline;}
|
||
|
|
/************ Normal Table Style ************/
|
||
|
|
#main-content table.normalStyle{
|
||
|
|
width:100%;}
|
||
|
|
/*************** Pagination ***************/
|
||
|
|
|
||
|
|
#main-content .pagination {
|
||
|
|
text-align: right;
|
||
|
|
padding: 20px 0 5px 0;
|
||
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
.pagination a {
|
||
|
|
margin: 0 5px 0 0;
|
||
|
|
padding: 3px 6px;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination a.number {
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination a.current {
|
||
|
|
background: #850000 url('/css/images/community/bg-button-green.gif') top left repeat-x !important;
|
||
|
|
border-color: #850000 !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination a.current:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/************ Shortcut Buttons ************/
|
||
|
|
|
||
|
|
.shortcut-button {
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
background: #f7f7f7 url('/css/images/community/shortcut-button-bg.gif') top left no-repeat;
|
||
|
|
display: block;
|
||
|
|
width: 120px;
|
||
|
|
margin: 0 0 20px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shortcut-button span {
|
||
|
|
border: 1px solid #fff;
|
||
|
|
display:block;
|
||
|
|
padding: 15px 10px 15px 10px;
|
||
|
|
text-align: center;
|
||
|
|
color: #555;
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 1.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shortcut-button span img {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shortcut-button:hover {
|
||
|
|
background: #fff;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.shortcut-button span:hover {
|
||
|
|
color:#850000;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.shortcut-buttons-set li {
|
||
|
|
float: left;
|
||
|
|
margin: 0 15px 0 0;
|
||
|
|
padding: 0 !important;
|
||
|
|
background: 0;
|
||
|
|
}
|
||
|
|
ul.shortcut-buttons-set li a{ text-decoration:none;}
|
||
|
|
/*************** Forms ***************/
|
||
|
|
|
||
|
|
form label {
|
||
|
|
display: block;
|
||
|
|
padding: 0 0 10px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
form fieldset legend {
|
||
|
|
font-weight: bold;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
form p small {
|
||
|
|
font-size: 0.75em;
|
||
|
|
color: #777;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
form input.text-input,
|
||
|
|
form select,
|
||
|
|
form textarea,
|
||
|
|
form .wysiwyg{
|
||
|
|
padding: 6px;
|
||
|
|
font-size: 13px;
|
||
|
|
background: #fff url('/css/images/community/bg-form-field.gif') top left repeat-x;
|
||
|
|
border: 1px solid #d5d5d5;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
form .required { color: #A31022; font-weight: bold;}
|
||
|
|
form .small-input {
|
||
|
|
width: 25% !important;
|
||
|
|
}
|
||
|
|
form .mini-input {
|
||
|
|
width: 15% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
form .medium-input {
|
||
|
|
width: 50% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
form .large-input, form textarea {
|
||
|
|
width: 97.5% !important;
|
||
|
|
font-size: 16px !important;
|
||
|
|
padding: 8px !important;
|
||
|
|
}
|
||
|
|
form textarea {
|
||
|
|
height:200px;
|
||
|
|
}
|
||
|
|
form textarea.normal {
|
||
|
|
width: 97.5% !important;
|
||
|
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
form select {
|
||
|
|
padding: 4px;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
form input[type="checkbox"],
|
||
|
|
form input[type="radio"] {
|
||
|
|
padding: 0;
|
||
|
|
background: none;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*************** Notifications ***************/
|
||
|
|
|
||
|
|
.notification {
|
||
|
|
position: relative;
|
||
|
|
margin: 0 0 15px 0;
|
||
|
|
padding: 0;
|
||
|
|
border: 1px solid;
|
||
|
|
background-position: 10px 11px !important;
|
||
|
|
background-repeat: no-repeat !important;
|
||
|
|
font-size: 13px;
|
||
|
|
width: 99.8%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.attention {
|
||
|
|
background: #fffbcc url('/css/images/community/icons/exclamation.png') 10px 11px no-repeat;
|
||
|
|
border-color: #e6db55;
|
||
|
|
color: #666452;
|
||
|
|
}
|
||
|
|
|
||
|
|
.information {
|
||
|
|
background: #dbe3ff url('/css/images/community/icons/information.png');
|
||
|
|
border-color: #a2b4ee;
|
||
|
|
color: #585b66;
|
||
|
|
}
|
||
|
|
|
||
|
|
.success {
|
||
|
|
background: #d5ffce url('/css/images/community/icons/tick_circle.png');
|
||
|
|
border-color: #9adf8f;
|
||
|
|
color: #556652;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error {
|
||
|
|
background: #ffcece url('/css/images/community/icons/cross_circle.png');
|
||
|
|
border-color: #df8f8f;
|
||
|
|
color: #665252;
|
||
|
|
}
|
||
|
|
|
||
|
|
.notification div {
|
||
|
|
display:block;
|
||
|
|
font-style:normal;
|
||
|
|
padding: 10px 10px 10px 36px;
|
||
|
|
line-height: 1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.notification .close {
|
||
|
|
color:#990000;
|
||
|
|
font-size:9px;
|
||
|
|
position:absolute;
|
||
|
|
right:5px;
|
||
|
|
top:5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Notification for form inputs */
|
||
|
|
|
||
|
|
.input-notification {
|
||
|
|
background-position: left 2px;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
padding: 2px 0 2px 22px;
|
||
|
|
background-color: transparent;
|
||
|
|
margin: 0 0 0 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Notification for login page */
|
||
|
|
|
||
|
|
#login-wrapper #login-content .notification {
|
||
|
|
border: 0;
|
||
|
|
background-color: #141414;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/******************************** Login Page ********************************/
|
||
|
|
|
||
|
|
body#login {
|
||
|
|
color: #fff;
|
||
|
|
background: #222 url('/css/images/community/bg-login.gif');
|
||
|
|
}
|
||
|
|
|
||
|
|
#login-wrapper {
|
||
|
|
background: url('/css/images/community/bg-login-top.png') top left repeat-x;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login-wrapper #login-top {
|
||
|
|
width: 100%;
|
||
|
|
padding: 140px 0 50px 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login-wrapper #login-content {
|
||
|
|
text-align: left;
|
||
|
|
width: 300px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login-wrapper #login-content label {
|
||
|
|
color: #fff;
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 14px;
|
||
|
|
font-family: Helvetica, Arial, sans-serif;
|
||
|
|
float: left;
|
||
|
|
width: 70px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login-wrapper #login-content input {
|
||
|
|
width: 200px;
|
||
|
|
float: right;
|
||
|
|
margin: 0 0 20px 0;
|
||
|
|
border: 0;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login-wrapper #login-content p {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login-wrapper #login-content p#remember-password {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login-wrapper #login-content p#remember-password input {
|
||
|
|
float: none;
|
||
|
|
width: auto;
|
||
|
|
border: 0;
|
||
|
|
background: none;
|
||
|
|
margin: 0 10px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#login-wrapper #login-content p .button {
|
||
|
|
width: auto;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/******************************** jQuery plugins styles ********************************/
|
||
|
|
|
||
|
|
/*************** Facebox ***************/
|
||
|
|
|
||
|
|
#facebox .b {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/b.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox .tl {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/tl.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox .tr {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/tr.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox .bl {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/bl.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox .br {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/br.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 100;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox .popup {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox td {
|
||
|
|
border-bottom: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox .body {
|
||
|
|
padding: 10px;
|
||
|
|
background: #fff;
|
||
|
|
width: 370px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox .loading {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox .image {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox img {
|
||
|
|
border: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox .footer {
|
||
|
|
border-top: 1px solid #DDDDDD;
|
||
|
|
padding-top: 5px;
|
||
|
|
margin-top: 10px;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
|
||
|
|
height: 10px;
|
||
|
|
width: 10px;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#facebox_overlay {
|
||
|
|
position: fixed;
|
||
|
|
top: 0px;
|
||
|
|
left: 0px;
|
||
|
|
height:100%;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.facebox_hide {
|
||
|
|
z-index:-100;
|
||
|
|
}
|
||
|
|
|
||
|
|
.facebox_overlayBG {
|
||
|
|
background-color: #000;
|
||
|
|
z-index: 99;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*************** jQuery WYSIWYG ***************/
|
||
|
|
|
||
|
|
div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; }
|
||
|
|
div.wysiwyg * { margin: 0; padding: 0; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; }
|
||
|
|
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important; background: #ffffff; background-image: none !important;}
|
||
|
|
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
|
||
|
|
div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('/css/images/community/icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
|
||
|
|
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { }
|
||
|
|
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
|
||
|
|
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
|
||
|
|
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
|
||
|
|
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
|
||
|
|
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
|
||
|
|
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
|
||
|
|
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
|
||
|
|
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
|
||
|
|
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
|
||
|
|
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
|
||
|
|
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
|
||
|
|
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
|
||
|
|
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
|
||
|
|
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
|
||
|
|
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
|
||
|
|
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
|
||
|
|
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
|
||
|
|
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
|
||
|
|
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
|
||
|
|
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
|
||
|
|
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
|
||
|
|
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }
|
||
|
|
|
||
|
|
div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }
|
||
|
|
|
||
|
|
div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; }
|
||
|
|
/*style样式结束*/
|
||
|
|
.forumTitle{
|
||
|
|
margin:20px 0 10px 0;
|
||
|
|
|
||
|
|
}
|
||
|
|
.forumTitle h1{font-size:17px; color:#3e3e3e;
|
||
|
|
}
|
||
|
|
/*中华游公告样式*/
|
||
|
|
.chtnotice{
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
background:#fffbee;
|
||
|
|
margin: 0 0 15px 0;
|
||
|
|
}
|
||
|
|
.chtnotice-box-content {
|
||
|
|
padding: 10px;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
.chtnotice-box-content table tr td{
|
||
|
|
padding:3px 0 3px 0;
|
||
|
|
}
|
||
|
|
.chtnotice-box-content a.moreNote{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/blue-li.gif) 0px 7px no-repeat;
|
||
|
|
padding-left:15px;
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:bold;
|
||
|
|
}
|
||
|
|
.chtnotice-box-header{
|
||
|
|
-moz-border-radius-topleft: 6px;
|
||
|
|
-moz-border-radius-topright: 6px;
|
||
|
|
-webkit-border-top-left-radius: 6px;
|
||
|
|
-webkit-border-top-right-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
background: #e1d4ac;
|
||
|
|
margin-top: 1px;
|
||
|
|
height: 35px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chtnotice-box-header h3 {
|
||
|
|
padding: 12px 10px 15px 10px ;
|
||
|
|
margin:0;
|
||
|
|
float: left;
|
||
|
|
font-size:14px;
|
||
|
|
color:#6e560d;
|
||
|
|
}
|
||
|
|
/*Top Nav*/
|
||
|
|
.nextTopic{
|
||
|
|
width:200px;
|
||
|
|
float:left;
|
||
|
|
height:32px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
.nextTopic a, .replyTopic a{
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
margin-right:10px;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
.nextTopic a.last{
|
||
|
|
padding:8px 10px 8px 22px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/topic.gif) no-repeat 0px 1px;
|
||
|
|
}
|
||
|
|
.nextTopic a.next{
|
||
|
|
padding:8px 22px 8px 10px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/topic.gif) no-repeat 0px -45px;
|
||
|
|
}
|
||
|
|
/*回帖样式*/
|
||
|
|
.replyTopic{
|
||
|
|
width:170px;
|
||
|
|
float:right;
|
||
|
|
height:32px;
|
||
|
|
}
|
||
|
|
.replyTopic2{
|
||
|
|
width:80px;
|
||
|
|
float:right;
|
||
|
|
height:30px;
|
||
|
|
}
|
||
|
|
.replyTopic a.reply{
|
||
|
|
padding:9px 18px 9px 32px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/reply.gif) no-repeat 0px 1px;
|
||
|
|
}
|
||
|
|
.replyTopic a.newTopic, .replyTopic2 a.newTopic{
|
||
|
|
padding:9px 18px 9px 32px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/reply.gif) no-repeat -78px 1px;
|
||
|
|
}
|
||
|
|
/*贴子主题内容*/
|
||
|
|
.topicDetail{
|
||
|
|
width:100%;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
.topicDetail table{
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.topicDetail table tr td.postauthor{
|
||
|
|
width:150px;
|
||
|
|
background:#eaeaea;
|
||
|
|
padding:15px;
|
||
|
|
}
|
||
|
|
.topicDetail table tr td.postauthor .avatar{
|
||
|
|
width:150px;
|
||
|
|
text-align:center;
|
||
|
|
color:#2392c6;
|
||
|
|
font-weight:bold;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
.topicDetail table tr td.postauthor .avatar img{
|
||
|
|
width:100px;
|
||
|
|
height:100px;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
.topicDetail .publishTime{
|
||
|
|
margin:0 5px 5px 5px;
|
||
|
|
border-bottom:1px solid #d1d1d1;
|
||
|
|
font-size:12px;
|
||
|
|
padding:5px 0 5px 5px;
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
.topicDetail .publishTime span{
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
padding:8px 0 5px 0;
|
||
|
|
}
|
||
|
|
.topicDetail .publishTime span a{
|
||
|
|
display:block;
|
||
|
|
padding:0 5px 0 15px;
|
||
|
|
float:left;
|
||
|
|
color:#218BC2;
|
||
|
|
}
|
||
|
|
.replyGuest{
|
||
|
|
width:100px;
|
||
|
|
float:right;
|
||
|
|
}
|
||
|
|
.replyGuest a{
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
text-decoration:none;
|
||
|
|
padding:7px 18px 7px 29px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/reply2.gif) no-repeat 0px 1px;
|
||
|
|
}
|
||
|
|
.topicDetail .publishInfo{
|
||
|
|
margin:0 5px 5px 5px;
|
||
|
|
border-bottom:1px solid #d1d1d1;
|
||
|
|
font-size:12px;
|
||
|
|
padding:5px 0 10px 5px;
|
||
|
|
text-align:left;
|
||
|
|
height:auto;
|
||
|
|
}
|
||
|
|
.topicDetail .publishInfo .backReply{
|
||
|
|
margin:8px 10px 5px 10px;
|
||
|
|
border-top:1px solid #d1d1d1;
|
||
|
|
padding:5px 5px 0 5px;
|
||
|
|
}
|
||
|
|
.topicDetail .publishInfo .backReply .publishReply{
|
||
|
|
padding:5px;
|
||
|
|
margin-bottom:8px;
|
||
|
|
}
|
||
|
|
.topicDetail .publishInfo .backReply .publishReply a{
|
||
|
|
padding-left:20px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/reply-account.png) no-repeat;
|
||
|
|
}
|
||
|
|
.topicDetail .publishInfo .backReplyForm{
|
||
|
|
margin:5px 10px 5px 10px;
|
||
|
|
border-top:1px solid #d1d1d1;
|
||
|
|
padding:0 5px 0 5px;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
.topicDetail .publishInfo .backReplyForm .close{
|
||
|
|
width:21px;
|
||
|
|
height:25px;
|
||
|
|
float:right;
|
||
|
|
padding:5px 0 0 0;
|
||
|
|
}
|
||
|
|
dl.profile{
|
||
|
|
margin:10px 10px 0 30px;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
dl.profile dt{
|
||
|
|
width:60px;
|
||
|
|
height:20px;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
dl.profile dd{
|
||
|
|
float:left;
|
||
|
|
height:20px;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.topicDetail table tr td.postauthor ul li{
|
||
|
|
width:85px;
|
||
|
|
margin-bottom:5px;
|
||
|
|
float:left;
|
||
|
|
font-size:12px;
|
||
|
|
padding:4px 0 5px 20px;
|
||
|
|
margin-left:25px;
|
||
|
|
margin-top:5px;
|
||
|
|
}
|
||
|
|
.topicDetail table tr td.postauthor ul li.story{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/story.png) no-repeat 0px 1px;
|
||
|
|
}
|
||
|
|
.topicDetail table tr td.postauthor ul li.photo{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/pic.png) no-repeat 0px 1px;
|
||
|
|
}
|
||
|
|
.topicDetail table tr td.postauthor ul li.qa{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/qa.png) no-repeat 0px 1px;
|
||
|
|
}
|
||
|
|
/*快速回复样式*/
|
||
|
|
.quickReplyForm{
|
||
|
|
width:98%;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.quickReplyForm a.publishReply, .backReplyForm a.publishReply{
|
||
|
|
display:block;
|
||
|
|
width:90px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/publish-reply.gif) no-repeat top left;
|
||
|
|
padding:4px 0 6px 30px;
|
||
|
|
}
|
||
|
|
.quickReplyFace{
|
||
|
|
width:33%;
|
||
|
|
float:right;
|
||
|
|
background:#eaeaea;
|
||
|
|
}
|
||
|
|
.quickReplyFace h6{
|
||
|
|
padding:10px 0 10px 10px;
|
||
|
|
border-bottom:1px solid #d1d1d1;
|
||
|
|
}
|
||
|
|
.quickReplyFace table tr td{
|
||
|
|
padding:15px 5px 15px 5px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
/*导游列表*/
|
||
|
|
table.agencyList{
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
-moz-border-radius:6px 6px 6px 6px;
|
||
|
|
background:none repeat scroll 0 0 #FFFFFF;
|
||
|
|
border:1px solid #CCCCCC;
|
||
|
|
margin:0 0 20px;
|
||
|
|
}
|
||
|
|
table.agencyList thead th {
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 13px;
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
background:url("https://data.chinahighlights.com/css/images/community/bg-content-box.gif") repeat-x scroll left top #E5E5E5;
|
||
|
|
margin-top:1px;
|
||
|
|
color:#43afd3;
|
||
|
|
padding:15px 0 13px 10px;
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
table.agencyList tbody tr {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
table.agencyList td,
|
||
|
|
table.agencyList th {
|
||
|
|
padding: 10px;
|
||
|
|
line-height: 1.3em;
|
||
|
|
}
|
||
|
|
table.agencyList td{
|
||
|
|
border-top: 1px solid #ddd;}
|
||
|
|
/*best agency by year*/
|
||
|
|
.bestAgencyTime{
|
||
|
|
width:100%;
|
||
|
|
background:#e0e0e0;
|
||
|
|
margin-bottom:15px;
|
||
|
|
}
|
||
|
|
.bestAgencyTime h5{
|
||
|
|
padding:10px 0 10px 15px;
|
||
|
|
}
|
||
|
|
.blue-content{
|
||
|
|
width:44%;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.blue-content-right{
|
||
|
|
width:54%;
|
||
|
|
float:right;
|
||
|
|
}
|
||
|
|
.content-box-blue-header {
|
||
|
|
background: #e5e5e5 url('/css/images/community/guide-forum/bg-blue-content-box.jpg') top left repeat-x;
|
||
|
|
margin-top: 1px;
|
||
|
|
height: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content-box-blue-header h6 {
|
||
|
|
padding: 12px 15px 10px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
/*地接社列表*/
|
||
|
|
.agencyList{
|
||
|
|
margin-top:5px;
|
||
|
|
border-top: 1px solid #ddd;
|
||
|
|
}
|
||
|
|
.agencyList p{
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
padding: 5px 3px 5px 28px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/blue-li.gif) no-repeat 15px 10px;
|
||
|
|
}
|
||
|
|
.agencyPic{
|
||
|
|
margin-right:15px;
|
||
|
|
}
|
||
|
|
.agencyList small{
|
||
|
|
margin-left:15px;
|
||
|
|
}
|
||
|
|
/*帖子的列表*/
|
||
|
|
.hottopicListDate{
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.hottopicListDate table{width:100%;
|
||
|
|
margin:0;}
|
||
|
|
.hottopicListDate table th {
|
||
|
|
border-bottom:1px solid #AEC7E5;
|
||
|
|
color:#666;
|
||
|
|
font-weight:bold;
|
||
|
|
text-align:left;
|
||
|
|
font-size:12px;}
|
||
|
|
.hottopicListDate table tbody tr:hover{ background:#f0f0f0;}
|
||
|
|
.hottopicListDate table tr th{ border-bottom:1px solid #E6E6E6;}
|
||
|
|
|
||
|
|
.hottopicListDate table tr td.borderLine{ background:#f0f0f0;}
|
||
|
|
|
||
|
|
.hottopicListDate table tr td.publisher,
|
||
|
|
.hottopicListDate table tr td.checkTimes,
|
||
|
|
.hottopicListDate table tr td.replyerTime,
|
||
|
|
.hottopicListDate table tr td.signInfo,
|
||
|
|
.hottopicListDate table tr td.topictitle,
|
||
|
|
.hottopicListDate table tr td.topicManage,
|
||
|
|
.hottopicListDate table th{
|
||
|
|
padding: 4px;
|
||
|
|
line-height: 1.3em;
|
||
|
|
border-bottom:1px solid #d1d1d1;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
.hottopicListDate table tr td.publisher{ width:100px; font-size:11px;}
|
||
|
|
.hottopicListDate table tr td.checkTimes{
|
||
|
|
width:65px;
|
||
|
|
}
|
||
|
|
.hottopicListDate table tr td.topicManage{ width:100px;}
|
||
|
|
.hottopicListDate table tr td.replyerTime{
|
||
|
|
width:110px;
|
||
|
|
font-size:11px;
|
||
|
|
}
|
||
|
|
.hottopicListDate table tr td.signInfo{
|
||
|
|
width:60px;
|
||
|
|
color:#218bc2;
|
||
|
|
}
|
||
|
|
.hottopicListDate table a{
|
||
|
|
text-decoration:none;
|
||
|
|
|
||
|
|
}
|
||
|
|
.hottopicListDate table a:hover{border-bottom:1px solid #850000; color:#850000;
|
||
|
|
}
|
||
|
|
.hottopicListDate .blueFont{
|
||
|
|
color:#218bc2;
|
||
|
|
}
|
||
|
|
.hottopicListDate .orangeFont{
|
||
|
|
color:#e25e05;
|
||
|
|
font-weight:bold;
|
||
|
|
}
|
||
|
|
.hottopicListDate a.pageNum{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/page.png) no-repeat top left;
|
||
|
|
padding-left:18px;
|
||
|
|
}
|
||
|
|
/*导游列表页面*/
|
||
|
|
.guideLocation{
|
||
|
|
background:#FFF;
|
||
|
|
padding:15px;
|
||
|
|
border:1px solid #c3c3c3;
|
||
|
|
margin-bottom:15px;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
.guideLocation a{
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
padding:0 15px 0 15px;
|
||
|
|
margin-right:10px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
.guideLocation table tr td.more{
|
||
|
|
width:100px;
|
||
|
|
}
|
||
|
|
.guidecategory{
|
||
|
|
background:#c3c3c3;
|
||
|
|
padding:5px 10px 5px 15px;
|
||
|
|
border:1px solid #c3c3c3;
|
||
|
|
margin-bottom:15px;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
.guidecategory a{
|
||
|
|
border:1px solid #9d9d9d;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
width:90px;
|
||
|
|
padding: 4px 18px 5px 18px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/search-guide.gif) bottom left;
|
||
|
|
}
|
||
|
|
.guideInfo{
|
||
|
|
border:1px solid #c2c2c2;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
background:#FFF;
|
||
|
|
margin-bottom:10px;
|
||
|
|
padding:15px;
|
||
|
|
}
|
||
|
|
.guideInfo table tr td.guidePhoto{
|
||
|
|
width:120px;
|
||
|
|
}
|
||
|
|
.guideInfo table tr td .guideName{
|
||
|
|
width:100%;
|
||
|
|
font-size:14px;
|
||
|
|
color:#1f86b6;
|
||
|
|
margin:0 0 10px 10px;
|
||
|
|
}
|
||
|
|
dl.profile2{
|
||
|
|
margin:0px 10px 0 15px;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
dl.profile2 dt{
|
||
|
|
width:60px;
|
||
|
|
line-height:18px;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
dl.profile2 dd{
|
||
|
|
float:left;
|
||
|
|
float:left;
|
||
|
|
margin-right:10px;
|
||
|
|
line-height:18px;
|
||
|
|
}
|
||
|
|
ul.aboutGuide{
|
||
|
|
margin:5px 0 5px 10px;
|
||
|
|
}
|
||
|
|
ul.aboutGuide li{
|
||
|
|
margin-bottom:5px;
|
||
|
|
float:left;
|
||
|
|
font-size:12px;
|
||
|
|
padding:4px 10px 0 20px;
|
||
|
|
}
|
||
|
|
ul.aboutGuide li.story{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/story.png) no-repeat 0px 1px;
|
||
|
|
}
|
||
|
|
ul.aboutGuide li.photo{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/pic.png) no-repeat 0px 1px;
|
||
|
|
}
|
||
|
|
ul.aboutGuide li.qa{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/qa.png) no-repeat 0px 1px;
|
||
|
|
}
|
||
|
|
/*导游个人信息页面*/
|
||
|
|
.guideUploadHistory{
|
||
|
|
width:100%;
|
||
|
|
margin-left:15px;
|
||
|
|
}
|
||
|
|
.item-list-hd {
|
||
|
|
height:10px;
|
||
|
|
position:relative;
|
||
|
|
z-index:9;
|
||
|
|
padding-left:15px;
|
||
|
|
top:15px;
|
||
|
|
border-bottom:1px solid #c3c3c3;
|
||
|
|
margin-bottom:25px;
|
||
|
|
}
|
||
|
|
.viewGuideLab{
|
||
|
|
float:left;
|
||
|
|
position:relative;
|
||
|
|
margin-top:-20px;
|
||
|
|
width:100%;
|
||
|
|
top: 3px;
|
||
|
|
}
|
||
|
|
.viewGuideLab li {
|
||
|
|
background-position:0 8px;
|
||
|
|
width:auto;
|
||
|
|
background:#0eaee2;
|
||
|
|
cursor:pointer;
|
||
|
|
float:left;
|
||
|
|
height:24px;
|
||
|
|
line-height:21px;
|
||
|
|
margin-right:3px;
|
||
|
|
padding-top:4px;
|
||
|
|
position:relative;
|
||
|
|
text-align:center;
|
||
|
|
width:70px;
|
||
|
|
}
|
||
|
|
.viewGuideLab li a{ text-decoration:none; color:#FFF;}
|
||
|
|
.viewGuideLab .current{
|
||
|
|
background-color:#fff;
|
||
|
|
border-left:1px solid #c3c3c3;
|
||
|
|
border-top:1px solid #c3c3c3;
|
||
|
|
border-right:1px solid #c3c3c3;
|
||
|
|
}
|
||
|
|
.viewGuideLab .current a {
|
||
|
|
background-position:right -75px;
|
||
|
|
height:24px;
|
||
|
|
margin-top:-3px;
|
||
|
|
padding-top:3px;
|
||
|
|
color:#333333;
|
||
|
|
font-weight:bold;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
/*首页样式*/
|
||
|
|
.indexContentLeft{
|
||
|
|
width:30%;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.indexContentRight{
|
||
|
|
width:68%;
|
||
|
|
float:right;
|
||
|
|
}
|
||
|
|
.recentUploadPic{
|
||
|
|
width:100%;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
.recentUploadPic .uploadPhoto{
|
||
|
|
float:left;
|
||
|
|
margin:15px 5px 15px 5px;
|
||
|
|
}
|
||
|
|
.recentUploadPic .leftNav{
|
||
|
|
width:30px;
|
||
|
|
padding-top:200px;
|
||
|
|
float:left;
|
||
|
|
margin-left:5px;
|
||
|
|
}
|
||
|
|
.recentUploadPic .leftNav a{
|
||
|
|
width:25px;
|
||
|
|
height:25px;
|
||
|
|
}
|
||
|
|
.recentUploadPic .rightNav{
|
||
|
|
width:30px;
|
||
|
|
padding-top:200px;
|
||
|
|
float:right;
|
||
|
|
margin-right:5px;
|
||
|
|
}
|
||
|
|
.recentUploadPic .guidePhotoInfo{
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
padding:5px;
|
||
|
|
width:200px;
|
||
|
|
margin-right:10px;
|
||
|
|
float:left;
|
||
|
|
border:1px solid #d1d1d1;
|
||
|
|
margin-bottom:8px;
|
||
|
|
height:250px;
|
||
|
|
}
|
||
|
|
.recentUploadPic .guidePhotoInfo table tr{
|
||
|
|
width:200px;
|
||
|
|
height:143px;
|
||
|
|
}
|
||
|
|
/*最新发布的帖子*/
|
||
|
|
.recentTopic{
|
||
|
|
width:100%;
|
||
|
|
margin:5px 0 10px 0;
|
||
|
|
background:#FFF;
|
||
|
|
border:1px solid #cacaca;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
.recentTopicBrief{
|
||
|
|
margin:15px;
|
||
|
|
}
|
||
|
|
.item-list-hd2 {
|
||
|
|
height:10px;
|
||
|
|
position:relative;
|
||
|
|
z-index:9;
|
||
|
|
padding-left:0px;
|
||
|
|
top:15px;
|
||
|
|
border-bottom:1px solid #c3c3c3;
|
||
|
|
margin-bottom:15px;
|
||
|
|
}
|
||
|
|
.newGuideList{
|
||
|
|
float:left;
|
||
|
|
position:relative;
|
||
|
|
margin-top:-20px;
|
||
|
|
width:100%;
|
||
|
|
top: 3px;
|
||
|
|
}
|
||
|
|
.newGuideList li {
|
||
|
|
background-position:0 8px;
|
||
|
|
width:auto;
|
||
|
|
background:#9a9a9a;
|
||
|
|
cursor:pointer;
|
||
|
|
float:left;
|
||
|
|
height:24px;
|
||
|
|
line-height:21px;
|
||
|
|
margin-right:3px;
|
||
|
|
padding-top:4px;
|
||
|
|
position:relative;
|
||
|
|
text-align:center;
|
||
|
|
width:65px;
|
||
|
|
}
|
||
|
|
.newGuideList li a{ text-decoration:none; color:#FFF;}
|
||
|
|
.newGuideList .current{
|
||
|
|
background-color:#fff;
|
||
|
|
border-left:1px solid #c3c3c3;
|
||
|
|
border-top:1px solid #c3c3c3;
|
||
|
|
border-right:1px solid #c3c3c3;
|
||
|
|
}
|
||
|
|
.newGuideList .current a {
|
||
|
|
background-position:right -75px;
|
||
|
|
height:24px;
|
||
|
|
margin-top:-3px;
|
||
|
|
padding-top:3px;
|
||
|
|
color:#333333;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
/*guide List*/
|
||
|
|
.guideListBox{
|
||
|
|
border-bottom:1px solid #c3c3c3;
|
||
|
|
border-right:1px solid #c3c3c3;
|
||
|
|
border-left:1px solid #c3c3c3;
|
||
|
|
background:#FFF;
|
||
|
|
width:100%;
|
||
|
|
padding-top:10px;
|
||
|
|
margin-bottom:15px;
|
||
|
|
padding-bottom:15px;
|
||
|
|
}
|
||
|
|
.guideListBox ul li{
|
||
|
|
display:block;
|
||
|
|
width:100%;
|
||
|
|
margin:15px;
|
||
|
|
font-size:12px;
|
||
|
|
line-height:18px;
|
||
|
|
}
|
||
|
|
.guideListBox ul li img{
|
||
|
|
width:70px;
|
||
|
|
height:70px;
|
||
|
|
margin:0 10px 0 0;
|
||
|
|
}
|
||
|
|
.guideListBox a.moreGuideList{
|
||
|
|
background: url(https://data.chinahighlights.com/css/images/community/guide-forum/blue-li.gif) no-repeat left 3px;
|
||
|
|
display:block;
|
||
|
|
margin-left:15px;
|
||
|
|
padding-left:15px;
|
||
|
|
}
|
||
|
|
/*最近的评论*/
|
||
|
|
.recentComment{
|
||
|
|
border:1px solid #c3c3c3;
|
||
|
|
margin-top:15px;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
background:#FFF;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
.recentComment h4{
|
||
|
|
background:#9a9a9a;
|
||
|
|
padding:8px 5px 7px 10px;
|
||
|
|
color:#FFF;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
.recentComment ul li{
|
||
|
|
display:block;
|
||
|
|
margin:5px 10px 5px 10px;
|
||
|
|
border-bottom:1px solid #c3c3c3;
|
||
|
|
}
|
||
|
|
/*最近的Newsletter*/
|
||
|
|
.recentNewsletter{
|
||
|
|
border:1px solid #c3c3c3;
|
||
|
|
margin-top:15px;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
background:#FFF;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
.recentNewsletter h4{
|
||
|
|
padding:8px 5px 7px 30px;
|
||
|
|
color:#FFF;
|
||
|
|
font-size:14px;
|
||
|
|
background:#9a9a9a url(https://data.chinahighlights.com/css/images/community/guide-forum/newsletter-bg.png) 8px 6px no-repeat;
|
||
|
|
}
|
||
|
|
.recentNewsletter ul{
|
||
|
|
margin-top:10px;
|
||
|
|
}
|
||
|
|
.recentNewsletter ul li{
|
||
|
|
display:block;
|
||
|
|
margin:5px 10px 10px 10px;
|
||
|
|
padding:0 5px 5px 10px;
|
||
|
|
border-bottom:1px solid #c3c3c3;
|
||
|
|
}
|
||
|
|
/*接团技巧按钮*/
|
||
|
|
.guideForumPro{
|
||
|
|
border:solid 1px #cacaca;
|
||
|
|
-moz-border-radius: 6px;
|
||
|
|
-webkit-border-radius: 6px;
|
||
|
|
border-radius: 6px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/index-buttom-bg.gif) repeat-x;
|
||
|
|
height:33px;
|
||
|
|
margin-bottom:15px;
|
||
|
|
}
|
||
|
|
.guideForumPro .guideSkill{
|
||
|
|
display:block;
|
||
|
|
margin:6px 0 8px 20px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/guide-skill.gif) no-repeat top left;
|
||
|
|
padding:3px 0 5px 50px;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
.guideForumPro .guideDiscuess{
|
||
|
|
display:block;
|
||
|
|
margin:6px 0 8px 20px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/discuess.gif) no-repeat top left;
|
||
|
|
padding:3px 0 5px 50px;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
.guideForumPro .guideTourInfo{
|
||
|
|
display:block;
|
||
|
|
margin:6px 0 8px 20px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/guide-forum/tour-info.png) no-repeat top left;
|
||
|
|
padding:3px 0 5px 50px;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
.messagetype{
|
||
|
|
padding:12px 0 3px 15px;
|
||
|
|
}
|
||
|
|
.tab-content table tr td{
|
||
|
|
padding:8px 0 8px 0;
|
||
|
|
font-size:12px;}
|