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.
486 lines
39 KiB
CSS
486 lines
39 KiB
CSS
/******************************** 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: verdana, 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: #555; 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; }
|
|
a { color: #545454; border: none; }
|
|
a:hover { color: #000; }
|
|
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; }
|
|
/******************************** 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; }
|
|
#mainMenu span a.active { color:#a31022; background:#DDDDDD; font-weight: bold; }
|
|
/******************************** 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; margin-top:29px; }
|
|
#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.nav-top-item2 { background: transparent url('/css/images/community/bg-menu-item-green.gif') right center no-repeat; padding: 10px 5px; color: #fff; font-size: 14px; cursor: pointer; display: block; text-decoration: none; }/* less padding left and right for the words - Back To My Customer Center - */
|
|
#sidebar #main-nav li a.nav-top-item2:hover { padding: 10px 5px; }
|
|
#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; }
|
|
/************ Messages ************/
|
|
#messages { margin-top:5px; }
|
|
#messages p, #messages form { border-top: 1px solid #ddd; padding: 10px 3px 10px 3px; }
|
|
#messages p.readed { color:#999; }
|
|
#messages h4 { padding: 10px 0; }
|
|
#messages fieldset { margin: 0; }
|
|
#messages textarea { margin: 0 0 15px 0; }
|
|
/******************************** Main Content ********************************/
|
|
|
|
/************ 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; font-weight:bold; }
|
|
#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:22px 10px; float:left; color:#000000; font-size:12px; color:#666; line-height:18px; }
|
|
#footer .copyRight a { font-weight:bold; }
|
|
/************ Lists ************/
|
|
|
|
#main-content ul, #main-content ol { padding: 10px 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 h3 { 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; color:#a31022; text-decoration:none; }
|
|
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: 0px 20px 20px 10px; font-size: 13px; }
|
|
/************ 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: 11px; }
|
|
.pagination a { margin: 0 5px 0 0; padding: 3px 12px; font-size: 11px; 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: 150px; 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, 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 { width: 97.5% !important; font-size: 16px !important; padding: 8px !important; }
|
|
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 5px 0 0; width:100px; }
|
|
#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; }
|
|
/*manage页面write按钮样式*/
|
|
|
|
/*travel itnerary*/
|
|
a.uploadStoryPhoto { background:url(https://data.chinahighlights.com/css/images/community/camera.gif) no-repeat left -2px; display:block; padding:0 0 3px 25px; width:110px; }
|
|
a.uploadStoryPhoto:hover { background:url(https://data.chinahighlights.com/css/images/community/camera2.gif) no-repeat left -2px; display:block; padding:0 0 3px 25px; }
|
|
a.uploadreview { background:url(https://data.chinahighlights.com/css/images/community/write-review.gif) no-repeat left -2px; display:block; padding:0 0 5px 25px; width:90px; }
|
|
a.uploadreview:hover { background:url(https://data.chinahighlights.com/css/images/community/write-review2.gif) no-repeat left -2px; display:block; padding:0 0 5px 25px; }
|
|
/*story form*/
|
|
form input.TourDate { background:#fff url(https://data.chinahighlights.com/css/images/calender.GIF) 98% center no-repeat; width:25%; padding:4px 5px; }
|
|
/*checklist style*/
|
|
.checkList { width:45%; float:left; padding-right:3%; }
|
|
.checkList ul li { display:block; border-bottom:1px solid #E4E4E4; padding:2px 4px 3px 4px; }
|
|
.printCheckList { text-align:right; padding:2px 15px 5px 0; }
|
|
.printCheckList a, .printCheckList a:visited { background:url(https://data.chinahighlights.com/pic/community/print.png) no-repeat top left; padding-left:25px; padding-bottom:10px; }
|
|
/*checklist creat style*/
|
|
.checkListOverflow { height:370px; margin:0; overflow:auto; background-color:none; }
|
|
.checkListOverflow dl, .checkListOverflow dt { margin:0; padding:0; }
|
|
.checkListOverflow dt { margin:0 0 0 5px; padding:0; line-height:30px; }
|
|
.checkListOverflow dd { margin:0 0 0 15px; padding:0; line-height:20px; font-size:11px; }
|
|
/*photo manage*/
|
|
.photoList { display:inline; float:left; margin-right:15px; padding:6px 5px 8px 5px; text-align:center; width:150px; font-size:11px; line-height:18px; border: 1px solid #ccc; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; margin-bottom:15px; height:180px; }
|
|
.photoList:hover { background:#F7F7F7; }
|
|
.photoList .photoInfo { width:180px; -moz-border-radius:4px; border:#d1d1d1 1px solid; padding:10px; background-color:#fff; margin:5px; font-size:12px; line-height:20px; position:relative; top: -100px; left: 140px; text-align:left; }
|
|
.photoList .photoInfo .outTitle { font-size:12px; color:#c03; font-weight:bold; }
|
|
.photoList .photoInfo .introduction { font-size:10px; color:#838383; margin-top:5px; }
|
|
.photoList2 { display:inline; float:left; margin-right:15px; padding:8px 5px 10px 5px; text-align:center; width:129px; font-size:11px; line-height:18px; border: 1px solid #ccc; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; margin:5px 15px 15px 0; height:150px; float:left; }
|
|
.photoList2:hover { background:#F7F7F7; }
|
|
.photoDescrip { width:500px; margin-right:5px; float:left; }
|
|
.photoOnTable, .photoOnTable img { width:50px; height:50px; }
|
|
.photoSetting, .photoSetting img { width:80px; height:80px; }
|
|
.settingTools { width:100%; padding:3px 0 0 0; border-top:1px #d9d9d9 solid; margin-top:3px; }
|
|
.photoSmallList { padding:3px 0 0 0; text-align:center; }
|
|
.photoSmallList table { width:110px; height:110px; valign:middle; padding:3px; align:center; }
|
|
.photoSelected { text-align:left; padding:0 0 3px 7px; border:0; }
|
|
.photoSelected .note { height:16px; float:right; padding:0 2px 0 2px; }
|
|
.wirteManage { position: absolute; right:10px; }
|
|
/*tour inquire info*/
|
|
.airlinePic, .airlinePic img { width:18px; height:18px; }
|
|
.departTime { width:60px; float:left; }
|
|
/*friend list*/
|
|
.friendList { display:inline; float:left; margin-right:10px; padding:8px 5px 10px 5px; width:240px; font-size:11px; line-height:18px; border: 1px solid #ccc; background:#fff; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; margin-bottom:20px; }
|
|
.friendList:hover { background: #f7f7f7 url('/css/images/community/shortcut-button-bg.gif') top left no-repeat; }
|
|
.friendPhoto { width:60px; height:60px; float:left; }
|
|
.friendPhoto img { width:60px; height:60px; }
|
|
.friendInfo { width:170px; float:left; padding:2px 4px 1px 6px; line-height:21px; }
|
|
.friendLoginTime { margin-top:1px; padding-top:1px; color:#999; }
|
|
.friendSetting { margin-top:3px; text-align:center; border-top:1px solid #f1f1f1; }
|
|
/*my profile*/
|
|
.myPic { width:98%; }
|
|
.myPic .mySelectPhoto { width:80px; float:left; margin-right:5px; }
|
|
.myPic .mySelectPhoto img { border-radius:4px; margin-top:10px; width:80px; height:80px; }
|
|
/*头像选择样式*/
|
|
ul.profliephoto { margin:5px 5px 0 5px; }
|
|
ul.profliephoto li { list-style:none; display:block; float:left; margin:0 5px 5px 0; border:4px solid #d4d4d4; padding:0; width:100px; height:100px; }
|
|
ul.profliephoto li.active, ul.profliephoto li:hover { border:4px solid #545454; }
|
|
ul.profliephoto li img { width:100px; height:100px; }
|
|
#sellHistory, #allsellHistory { margin-top:5px; }
|
|
#sellHistory p, #allsellHistory p { border-top: 1px solid #ddd; padding: 10px 3px 10px 3px; }
|
|
/*图片筛选*/
|
|
.playnav-title-bar { width:96%; border-bottom:1px solid #d1d1d1; padding:5px 2% 5px 2%; }
|
|
.playnav-title-bar table { width:650px; }
|
|
.playnav-title-bar table tr { padding:0 2px 0 3px; }
|
|
.playnav-title-bar .navbar-tab { -moz-border-radius:4px 4px 4px 4px; display:block; font-size:14px; font-weight:bold; margin:0 10px; padding:4px 7px; text-decoration:none; }
|
|
.playnav-title-bar a.navbar-tab-selected, .playnav-title-bar a.navbar-tab:hover { color:#333; !important;
|
|
}
|
|
.playnav-title-bar a.navbar-tab-selected, .playnav-title-bar a.navbar-tab:hover { background-color:#CCC; }
|
|
.playnav-title-bar a.navbar-tab-selected, .playnav-title-bar a.navbar-tab-selected:hover { opacity:1; }
|
|
.greenFont { color:#459300; }
|
|
/*feedback页面样式*/
|
|
/*brief story沿用的图片*/
|
|
#about-blog { float:left; }
|
|
#about-blog img { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #E8E8E8; margin:0 10px 10px 0; padding:6px; }
|
|
/*feedback upload样式*/
|
|
.uploadComm { width:100%; margin-top:3px; background:url(https://data.chinahighlights.com/css/images/community/feedback/blog-settings.png) repeat-y scroll left top #FFFDF7; border:1px solid #EBE3DA; }
|
|
.uploadComm #sections { background-color:#e8d8b6; float:left; width:210px; }
|
|
.uploadComm #sections div { border-bottom:1px solid #fcf8ee; border-right:1px solid #fcf8ee; cursor:pointer; display:block; padding:20px; }
|
|
.uploadComm #sections div:hover { font-weight:bold; }
|
|
.uploadComm #sections div.current { background-color:#FFFDF7; border-right:0 none; font-weight:bold; }
|
|
.uploadComm #sections div.last { border-bottom:0 none; cursor:auto; height:100%; overflow:hidden; }
|
|
/*文本层定位样式*/
|
|
.uploadComm #contentTable { float:right; width:100%; margin-right:-210px; }
|
|
.uploadComm #attractionList { margin-right:210px; padding:10px; }
|
|
/*表格内样式*/
|
|
.uploadComm table.AttractionSty { width:100%; margin-bottom:10px; }
|
|
.uploadComm table.AttractionSty th { color:#90696c; font-weight:bold; text-align:left; font-size:13px; padding:5px 5px 5px 10px; }
|
|
.uploadComm table.AttractionSty tr.list td { padding:10px 5px 10px 10px; border-bottom:1px solid #ddd; }
|
|
.uploadComm table.AttractionSty tr.space { height:2px; }
|
|
.uploadComm table.AttractionSty tr.type { background:#f5f1e8; }
|
|
.uploadComm table.AttractionSty tr.type h5 { font-size:12px; color:#ac7c42; }
|
|
.uploadComm table.AttractionSty tr.type td { padding:10px 10px 5px 10px; }
|
|
.uploadComm table.AttractionSty tr td.attractionName { width:180px; color:#706947; padding:5px 5px 5px 10px; font-size:12px; line-height:20px; }
|
|
.uploadComm table.AttractionSty .comment { width:200px; color:#825e61; font-size:11px; }
|
|
.uploadComm table.AttractionSty .comment2 { width: auto; color:#825e61; font-size:11px; line-height:18px; }
|
|
/**头像图片**/
|
|
.reviewPhoto { width:100px; padding:3px; border:1px solid #d1d1d1; background:#FFF; margin-bottom:5px; float:left; margin-right:5px; }
|
|
.reviewPhoto img { width:100px; border:1px solid #d1d1d1; }
|
|
/*comment样式*/
|
|
|
|
/*蓝色表格样式*/
|
|
table.normalStyle3 { width:100%; margin:0; }
|
|
table.normalStyle3 th { background:url(https://data.chinahighlights.com/css/images/community/bg-orders-table.gif) repeat-x bottom #ededed; border-bottom:1px solid #aaa; border-top:1px solid #f1f1f1; color:#666; text-align:left; font-size:14px; font-weight:bold; border-left:1px solid #F2F2F2; border-right:1px solid #aaa; text-shadow:0 1px 0 #FFFFFF; padding:16px 10px 10px 10px; }
|
|
table.normalStyle3 td { padding: 10px; line-height: 1.3em; border-bottom:1px solid #d1d1d1; font-size:12px; }
|
|
table.normalStyle3 tr.categories { padding:5px 10px 5px 10px; }
|
|
table.normalStyle3 .orderClass { margin:2px 0 2px 0; padding:5px 8px 5px 0; text-align:right; }
|
|
table.normalStyle3 a { text-decoration:none; text-decoration:underline; line-height:22px; font-size:15px }
|
|
/*question & answer表格中的头像样式*/
|
|
.qaPic { padding:5px 10px 5px 0; float:left; }
|
|
/*图片相册样式*/
|
|
ul.photo-list { height:1%; overflow:hidden; padding:12px 0 0; margin:0 0 12px; list-style:none; }
|
|
ul.photo-list li { float:left; width:172px; padding:0 27px 0 0; }
|
|
.photo-holder { width:172px; }
|
|
.photo-box img { display:block; }
|
|
ul.photo-list p a:hover { text-decoration:underline; }
|
|
.photo-holder { background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-top.gif) no-repeat top left; padding-top:10px; }
|
|
.photo-box { background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-bg-l.gif) repeat-y scroll 0 0 transparent; height:1%; overflow:hidden; }
|
|
.photo-box p { color:#333333; font-size:11px; margin:-1px 0 0; padding:0 0 3px 0; position:relative; }
|
|
.photo-holder2 { background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-btm-l.gif) no-repeat bottom left; padding-bottom:10px; }
|
|
/*首页样式*/
|
|
table.briefInfo { width:100%; line-height:22px; }
|
|
table.briefInfo .customerPic { width:100px; margin:0 5px 0 0; }
|
|
table.briefInfo .customerPic img { width:100px; height:100px; }
|
|
table.briefInfo span.welcome { font-size:18px; }
|
|
span.visitTIme { color:#8e8e8e; font-size:11px; }
|
|
table.briefInfo .profile { font-size:11px; }
|
|
table.briefInfo .orderSumm { margin:0px 0 5px 0; padding:0px 6px 0px 0px; }
|
|
table.briefInfo .orderSumm ul li { display:block; width:80px; float:left; }
|
|
/*newsletter order*/
|
|
.bookNewsletter { border: solid 3px #7c6457; background:#FFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom:20px; }
|
|
.bookNewsletter h3 { color:#cc0000; font-size:18px; }
|
|
.nlType { width:45%; }
|
|
.nlType-left { float:left; margin-right:5%; }
|
|
.nlType-right { float:right; }
|
|
.nlType p { display:block; background-repeat:no-repeat; border-bottom:1px solid #ddd; padding-left:25px; }
|
|
.nlType p.select { background-image:url(https://data.chinahighlights.com/css/images/community/select.gif); background-position:0px 4px; }
|
|
.nlType p.selected { background-image:url(https://data.chinahighlights.com/css/images/community/select.gif); background-position:0px -53px; }
|
|
.nlTypeRecom { width:48%; }
|
|
.nlTypeRecom-left { float:left; margin-right:2%; }
|
|
.nlTypeRecom-right { float:right; }
|
|
/*城市和景点列表的弹出框样式*/
|
|
.selectDestination { border: 1px solid #D2D2D2; background-color: #fff; margin: 0 10px 0 0; height: 20px; padding: 5px; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; float:left; }
|
|
.selectDestination .detailCur { width: 180px; float:left; margin-right: 3px; }
|
|
.selectDestination .arrow { width: 17px; float:right; position:right center; }
|
|
.destinationList { width: 400px; float:left; border: 1px solid #D2D2D2; z-index:5000; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
|
|
.destinationList .a-z { width: 395px; background-color: #a8a7a7; border-bottom: 3px solid #d1d1d1; padding: 5px 0; float:left; padding-left: 5px; }
|
|
.destinationList .a-z ul { margin: 0px; padding: 0px; }
|
|
.destinationList .a-z ul li { float:left; font-size: 13px; padding:4px; margin:0; list-style-position:outside; list-style-type: none; }
|
|
.destinationList .a-z ul li a { text-decoration: none; color: #fdfcfc; font-weight:bold; }
|
|
.destinationList .a-z ul li a:hover { text-decoration: underline; color: #A31022; }
|
|
.destinationList .a-z ul li.active { background-color:#666; color:#666; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
|
|
.destinationList .destinationName { width: 100%; float:left; padding: 10px 0; margin-bottom: 10px; background-color:#fff; font-size:11px; }
|
|
.destinationList .destinationName .close { text-align:right; padding-right: 5px; margin-top: 10px; cursor:pointer; }
|
|
.destinationList .destinationName ul { margin: 0px 10px 0 10px; padding: 0px; }
|
|
.destinationList .destinationName ul li { float: left; width: 20%; margin-left: 5px; margin-bottom: 10px; list-style-type: none; cursor: pointer }
|
|
.destinationList .destinationName ul li:hover { color:#a03; }
|
|
.destinationList .destinationName ul li.blodFont { font-weight:bold; }
|
|
/*attraction List*/
|
|
.attractionList { width: 515px; float:left; border: 1px solid #D2D2D2; z-index:5000; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
|
|
.attractionList .a-z { width: 510px; background-color: #a8a7a7; border-bottom: 3px solid #d1d1d1; padding: 5px 0; float:left; padding-left: 5px; }
|
|
.attractionList .destinationName { width: 100%; float:left; padding: 10px 0; margin-bottom: 10px; background-color:#fff; font-size:11px; }
|
|
.attractionList .widowclose, .destinationList .widowclose { text-align:right; padding-right: 5px; margin-top: 10px; cursor:pointer; }
|
|
.attractionList .destinationName .topica-z { width:auto; font-size:18px; color:#545454; font-weight:bold; border-bottom:1px solid #d1d1d1; margin: 0px 10px 0 10px; height:25px; padding-bottom:3px; }
|
|
.attractionList .destinationName .topica-z span { display:block; border-left:6px #d1d1d1 solid; height:22px; float:left; margin-right:5px; padding:3px 0 0 5px; }
|
|
.attractionList .destinationName ul { margin: 0px 10px 5px 10px; padding: 0px 0 5px 5px; border-bottom:1px solid #d1d1d1; }
|
|
.attractionList .destinationName ul li { float: left; width: 32%; margin-left: 5px; margin-bottom: 10px; list-style-type: none; cursor: pointer }
|
|
.attractionList .destinationName ul li:hover { color:#a03; }
|
|
.attractionList .destinationName ul li.blodFont { font-weight:bold; }
|
|
/*input框下拉样式*/
|
|
form input.selectCity { background:#fff url(https://data.chinahighlights.com/css/images/community/select-bg.png) 98% center no-repeat; width:25%; padding:4px 5px; }
|
|
/*comment样式*/
|
|
.customercomment { width:auto; margin-top:15px; }
|
|
.customercomment .commentNum { background:#8c8c8c; position:relative; padding:5px 0 5px 10px; }
|
|
.customercomment .commentNum .say { width:34px; height:19px; position:absolute; background:url(https://data.chinahighlights.com/css/images/photo/bg-comment.gif) no-repeat; left: 16px; top: 28px; }
|
|
.customercomment .commentNum h5 { font-size:16px; color:#FFF; font-weight:100; }
|
|
.customercomment .commentList { background:#e0e0e0; margin-top:10px; padding:15px; }
|
|
.customercomment .publishInfo { margin-bottom:19px; }
|
|
.customercomment .publishPhoto { width:58px; height:58px; float:left; }
|
|
.customercomment .publishPhoto img { width:58px; height:58px; }
|
|
.customercomment .publisher { width:auto; float:left; font-size:11px; line-height:18px; font-weight:bold; color:#545454; padding-left:10px; }
|
|
.customercomment .publisher a { color:#545454; }
|
|
.customercomment .customerReview { background:#FFF; padding:10px; position:relative; font-size:11px; line-height:18px; margin-bottom:15px; }
|
|
.customercomment .customerReview .say { width:34px; height:19px; position:absolute; background:url(https://data.chinahighlights.com/css/images/photo/bg-comm-s.gif) no-repeat; left: 9px; top: -12px; }
|
|
.customercomment .customerReview a.reply { display:block; padding:5px 0 0 18px; background:url(https://data.chinahighlights.com/css/images/photo/add-comment.gif) no-repeat 0 8px; color:#545454; width:120px; float:left; margin-right:15px; }
|
|
.customercomment .customerReview a.addCom { display:block; padding:5px 0 0 18px; background:url(https://data.chinahighlights.com/css/images/photo/add-comment.gif) no-repeat 0 -20px; color:#545454; width:120px; float:left; }
|
|
.customercomment .customerReview a:hover { color:#bd1416; }
|
|
.customercomment .addComment h5, .customercomment .replyComment h5 { color:#bd1416; font-size:14px; margin-bottom:10px; }
|
|
.customercomment .addComment, .customercomment .replyComment { background:#FFF; padding:10px; }
|
|
.customercomment .replyComment form textarea { background:#f6f6f6; border:1px solid #cbcbcb; width:100%; float:right; margin-bottom:10px; }
|
|
.customercomment .addComment form label { width:90px; float:left; }
|
|
.customercomment .addComment form textarea { background:#f6f6f6; border:1px solid #cbcbcb; float:left; margin-bottom:10px; width:550px; }
|
|
.customercomment .addComment form input { background:#f6f6f6; border:1px solid #cbcbcb; width:150px; float:left; }
|
|
.customercomment .post { padding-top:10px; text-align:center; }
|
|
.grayLine { width:100%; height:1px; border-bottom:1px solid #cbcbcb; margin:10px 0 10px 0; }
|
|
.advisorComment { width:auto; background:#FFF; padding:8px; }
|
|
select.styleSelect { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 4px; background: #fff; 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; }
|
|
/*信息弹出窗口*/
|
|
.personInfo { border:3px solid #b8b7b7; width:420px; padding:14px; position:relative; font-weight:100; }
|
|
.personInfo .closePersonWin { position:absolute; width:21px; height:20px; left: 418px; top: 8px; }
|
|
.personInfo .personPhoto { width:85px; height:85px; float:left; margin-right:5px; }
|
|
.personInfo .personPhoto img { width:85px; height:85px; }
|
|
.personInfo .personaccount { width:320px; float:right; font-size:11px; line-height:20px; }
|
|
.personInfo .personaccount h6 { font-size:14px; font-weight:100; margin-bottom:5px; }
|
|
.personInfo .personaccount h6 a { color:#545454; }
|
|
.personInfo .contactInfo { color:#069aca; padding-top:5px; }
|
|
.personInfo .contactInfo a.moreAccount { color:#069aca; background-repeat:no-repeat; background-position:top left; padding-left:20px; margin-left:9px; padding-bottom:3px; }
|
|
.personInfo .contactInfo a.storyNum { background-image:url(https://data.chinahighlights.com/css/images/community/story-nu.png); }
|
|
.personInfo .contactInfo a.photoNum { background-image:url(https://data.chinahighlights.com/css/images/community/photo-nu.png); }
|
|
.personInfo .contactInfo a.qaNum { background-image:url(https://data.chinahighlights.com/css/images/community/qa-nu.png); }
|
|
.personInfo .personAccountIntro { border-top:1px solid #d1d1d1; margin-top:5px; padding-top:5px; font-size:12px; }
|
|
/*Table上方标签页样式*/
|
|
.item-list-hd { padding:10px 0 0 0px; height:55px; position:relative; }
|
|
.viewOrderLab ul { float:left; width:100%; margin-bottom:0; padding:0; overflow:hidden; }
|
|
.viewOrderLab li { width:auto; float:left; margin-right:5px; padding:15px 25px 15px 25px; background:#666; font-size:16px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; list-style:none outside none; }
|
|
.viewOrderLab li a, .viewOrderLab li { text-decoration:none; color:#fefefe; }
|
|
.viewOrderLab .current { background:#fff; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-top:1px solid #d1d1d1; color:#333333; padding:15px 25px 15px 25px; font-size:16px; }
|
|
.viewOrderLab .current a { background-color:transparent; background-position:right -75px; margin-top:-3px; padding-top:3px; color:#333333; text-decoration:none; }
|
|
.divFFF { background:#fff; border:1px solid #d1d1d1; padding:10px; position:relative; border-top:none; }
|
|
.divFFF h2 { font-size:18px; font-weight:bold; margin-top:15px; color:#555; }
|
|
/*BBS Show*/
|
|
.bbsshow { margin:10px 0; border:1px solid #d1d1d1; }
|
|
.bbsshow img { border:0; }
|
|
.bbsshow .bbslist { margin:5px 0; padding:5px; border-bottom:1px dashed #d1d1d1; }
|
|
.bbsshow .bbspic { margin:0 10px 0 0; float:left; }
|
|
/*CTP affiliate program*/
|
|
#ctp-url-product-detail { line-height:25px; }
|
|
#ctp-url-product-detail dt { font-size:14px; font-weight:bold; }
|
|
#ctp-url-product { border: 1px dashed #AAA; padding: 10px; background-color: #E8F3F8; margin:15px 0; }
|
|
.ctp-tb1 { background:#fff; }
|
|
.ctp-tb1 th, table.ctp-tb1 td { padding:5px; margin:5px; text-align:left; }
|
|
.ctp-report-item { width:300px; float:left; font-size:14px; padding:10px 0; }
|
|
.ctp-title { width:100px; font-weight:bold; font-size:14px; }
|
|
.ctp-report-item-total { width:500px; }
|
|
.ctp-report-item-total b { color:#C00; }
|