📄 styles.css
字号:
}
.table1 {
BORDER-RIGHT: #a7b0cd 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #a7b0cd 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #a7b0cd 1px solid; WIDTH: 500px; PADDING-TOP: 10px; BORDER-BOTTOM: #a7b0cd 1px solid
}
.indent1 {
PADDING-LEFT: 30px
}
#wrap-default {
LEFT: 0px; OVERFLOW: visible; WIDTH: 545px; POSITION: relative; TOP: 0px
}
A.list-link {
FONT: 11px verdana,arial; COLOR: #717fa1; TEXT-DECORATION: none
}
A.list-link:hover {
TEXT-DECORATION: underline
}
.title-type2 {
PADDING-RIGHT: 0px; BORDER-TOP: #6c7aa3 1px solid; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(images/grad_title_back.gif) white repeat-x left bottom; PADDING-BOTTOM: 1px; FONT: bold 14px verdana,arial; VERTICAL-ALIGN: middle; COLOR: #514670; PADDING-TOP: 1px; BORDER-BOTTOM: #6c7aa3 2px solid
}
.title-type2s {
BORDER-TOP: #6c7aa3 1px solid; DISPLAY: block; BACKGROUND: url(images/grad_title_back.gif) white repeat-x left bottom; FONT: bold 12px verdana,arial; COLOR: #514670; BORDER-BOTTOM: #6c7aa3 2px solid; TEXT-DECORATION: none
}
.title-type4 {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(images/grad_title_back.gif) white repeat-x left bottom; PADDING-BOTTOM: 1px; FONT: bold 14px verdana,arial; VERTICAL-ALIGN: middle; COLOR: #514670; PADDING-TOP: 1px; BORDER-BOTTOM: #6c7aa3 2px solid
}
.title-type4b {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(images/grad_title_back.gif) white repeat-x left bottom; PADDING-BOTTOM: 1px; FONT: bold 14px verdana,arial; VERTICAL-ALIGN: middle; WIDTH: 340px; COLOR: #514670; PADDING-TOP: 1px; BORDER-BOTTOM: #6c7aa3 2px solid
}
.sub-title1 {
PADDING-LEFT: 20px; BACKGROUND: url(images/small_arrow.gif) no-repeat left top; MARGIN-BOTTOM: 15px; FONT: bold italic 14px verdana,arial; WIDTH: 420px; COLOR: #514670; BORDER-BOTTOM: #6c7aa3 1px solid
}
.sub-title2 {
PADDING-LEFT: 20px; BACKGROUND: url(images/small_arrow.gif) no-repeat left top; MARGIN-BOTTOM: 5px; FONT: bold italic 14px verdana,arial; WIDTH: 420px; COLOR: #514670
}
.indented-par {
PADDING-LEFT: 30px; FONT: 11px/150% verdana; MARGIN-LEFT: 10px; BORDER-LEFT: #6c7aa3 10px solid; WIDTH: 80%; COLOR: #4d597b
}
TD.product-preview {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; FONT: 11px verdana,arial; COLOR: black; PADDING-TOP: 5px
}
.products-details-div {
WIDTH: 558px; POSITION: relative
}
#products-shared {
MARGIN-TOP: -12px; DISPLAY: block; MARGIN-LEFT: 5px; VERTICAL-ALIGN: top; WIDTH: 558px; COLOR: black; LINE-HEIGHT: 140%; POSITION: relative; HEIGHT: 815px
}
#category-rg {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; LEFT: 281px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; WIDTH: 270px; PADDING-TOP: 5px; POSITION: absolute; TOP: 10px; TEXT-ALIGN: left
}
#category-st {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; LEFT: 0px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; WIDTH: 270px; PADDING-TOP: 5px; POSITION: absolute; TOP: 10px; TEXT-ALIGN: left
}
.indent-left1 {
PADDING-LEFT: 5px; PADDING-TOP: 10px
}
.section-title1 {
WIDTH: 259px; TEXT-ALIGN: center
}
.title1 {
FONT: bold 16px Georgia,verdana; COLOR: #4682b4
}
.top-spacer {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 7px; FONT: 11px/130% verdana,arial; PADDING-TOP: 7px; BORDER-BOTTOM: #d2d2d2 1px solid; BACKGROUND-COLOR: #e8eaef
}
.ul-bullet1 {
LIST-STYLE-IMAGE: url(images/bullet1.gif); VERTICAL-ALIGN: bottom
}
.ul-bullet1a {
MARGIN-TOP: 5px; PADDING-LEFT: 8px; LIST-STYLE-IMAGE: url(images/bullet1.gif); MARGIN-LEFT: 8px; VERTICAL-ALIGN: bottom
}
.ul-bullet2 {
MARGIN-TOP: 5px; PADDING-LEFT: 8px; LIST-STYLE-IMAGE: url(images/bullet2.gif); MARGIN-LEFT: 8px; VERTICAL-ALIGN: bottom
}
.ul-bullet-doc {
MARGIN-TOP: 5px; PADDING-LEFT: 8px; LIST-STYLE-IMAGE: url(images/bullet_doc2.gif); MARGIN-LEFT: 8px; VERTICAL-ALIGN: bottom
}
.ul-bullet3 {
MARGIN-TOP: 5px; PADDING-LEFT: 8px; LIST-STYLE-IMAGE: url(images/bullet3.gif); MARGIN-LEFT: 8px; VERTICAL-ALIGN: bottom
}
.ul-bullet4 {
PADDING-LEFT: 12px; LIST-STYLE-IMAGE: url(images/bullet4.gif); FONT: 11px/140% verdana; MARGIN-LEFT: 12px; VERTICAL-ALIGN: top; WIDTH: 60%; COLOR: #535353; PADDING-TOP: 3px
}
.ul-download {
PADDING-LEFT: 8px; LIST-STYLE-IMAGE: url(images/bullet_download.gif); FONT: 11px/140% verdana; MARGIN-LEFT: 8px; VERTICAL-ALIGN: top; WIDTH: 60%; COLOR: #535353; PADDING-TOP: 3px
}
.ul-pdf {
MARGIN-TOP: 5px; PADDING-LEFT: 12px; LIST-STYLE-IMAGE: url(images/pdficon2.gif); MARGIN-BOTTOM: 4px; MARGIN-LEFT: 12px; VERTICAL-ALIGN: bottom; LINE-HEIGHT: 30px
}
.download-icon {
PADDING-LEFT: 14px; BACKGROUND: url(images/bullet_download.gif) no-repeat left top; TEXT-ALIGN: left
}
.top-bullet1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 11px; BACKGROUND: url(./images/tb_blt.gif) no-repeat left center; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.top-bullet2 {
PADDING-RIGHT: 3px; PADDING-LEFT: 14px; BACKGROUND: url(./images/gr_headerBlt.gif) no-repeat left center; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
#top-page-header {
BACKGROUND: white; WIDTH: 765px; POSITION: absolute
}
.red-comment {
FONT: 11px verdana; COLOR: red; LETTER-SPACING: 1px
}
A.red-link {
FONT: bold 11px verdana; COLOR: red; TEXT-DECORATION: underline
}
A.red-link:hover {
COLOR: black
}
.add-new-image {
DISPLAY: block; Z-INDEX: 1; BACKGROUND: url(images/icon_new.gif) no-repeat right top; LEFT: 305px; WIDTH: 45px; POSITION: relative; TOP: -107px; HEIGHT: 26px; TEXT-ALIGN: right
}
.rounded-corner1 {
FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(openrg/images/MsoPnl_Cnr_tr_55B.gif) #e8eaef no-repeat right top; VERTICAL-ALIGN: middle; WIDTH: 195px; COLOR: #514670; PADDING-TOP: 4px; HEIGHT: 19px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.box-type1 {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: url(images/box_back1.gif) #5881f3 repeat-x left bottom; PADDING-BOTTOM: 3px; FONT: 11px/130% verdana, arial; COLOR: white; PADDING-TOP: 3px
}
.box-type2 {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: url(images/box_back2.gif) #5881f3 repeat-x left bottom; PADDING-BOTTOM: 3px; FONT: 11px/130% verdana, arial; COLOR: white; PADDING-TOP: 3px
}
.box-type4 {
BORDER-RIGHT: #898cb6 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #898cb6 1px solid; PADDING-LEFT: 4px; BACKGROUND: url(images/box_back4.gif) #d9dcea repeat-x right bottom; PADDING-BOTTOM: 4px; FONT: 11px/130% verdana, arial; BORDER-LEFT: #898cb6 1px solid; COLOR: black; PADDING-TOP: 4px; BORDER-BOTTOM: #898cb6 1px solid
}
.title-type3 {
BACKGROUND: url(index_images/index_nav_td_on.gif) white repeat-x left top; FONT: bold 12px verdana; VERTICAL-ALIGN: middle; COLOR: black; PADDING-TOP: 5px; HEIGHT: 34px; TEXT-ALIGN: left
}
TD.download-empty {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: url(images/download_empty_back.gif) white no-repeat center top; FONT: bold 12px verdana; VERTICAL-ALIGN: top; WIDTH: 130px; COLOR: white; PADDING-TOP: 20px; HEIGHT: 97px; TEXT-ALIGN: center
}
.section-empty {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: url(images/section_empty_back.gif) no-repeat center top; FONT: bold 12px verdana; VERTICAL-ALIGN: top; WIDTH: 210px; COLOR: white; PADDING-TOP: 12px; HEIGHT: 69px; TEXT-ALIGN: center
}
.spaced-blue {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; FONT: bold 10px verdana; VERTICAL-ALIGN: top; WIDTH: 130px; COLOR: #6c7aa3; PADDING-TOP: 10px
}
.section-low {
PADDING-RIGHT: 5px; PADDING-LEFT: 25px; PADDING-BOTTOM: 5px; FONT: bold 10px verdana; VERTICAL-ALIGN: top; WIDTH: 210px; COLOR: #6c7aa3; PADDING-TOP: 5px
}
.dark-blue-rect {
BORDER-RIGHT: #0f5ca3 1px solid; BORDER-TOP: #0f5ca3 1px solid; BORDER-LEFT: #0f5ca3 1px solid; BORDER-BOTTOM: #0f5ca3 1px solid
}
.underlined1 {
PADDING-RIGHT: 10px; BORDER-TOP: silver 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.pad-fix1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 3px; PADDING-TOP: 19px
}
.form-table1 {
BORDER-RIGHT: #d0d5d9 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #d0d5d9 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; FONT: 11px verdana,arial; BORDER-LEFT: #d0d5d9 1px solid; COLOR: black; PADDING-TOP: 4px; BORDER-BOTTOM: #d0d5d9 1px solid; BACKGROUND-COLOR: #e8eaef
}
.fields1 {
BORDER-RIGHT: #97a2a6 1px solid; BORDER-TOP: #97a2a6 1px solid; FONT: 11px verdana,arial; BORDER-LEFT: #97a2a6 1px solid; COLOR: black; BORDER-BOTTOM: #97a2a6 1px solid
}
.black-rect {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid
}
.reseller-box {
PADDING-RIGHT: 15px; BORDER-TOP: #003e83 1px solid; PADDING-LEFT: 15px; BACKGROUND: url(images/corner-gray1.gif) #e8eaef no-repeat right bottom; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 15px; FONT: 11px/130% verdana; MARGIN-LEFT: 30px; VERTICAL-ALIGN: top; WIDTH: 440px; COLOR: black; PADDING-TOP: 15px; BORDER-BOTTOM: medium none
}
DIV.seminar2 {
BACKGROUND: url(images/jungo_seminars_logo_wide.gif) white no-repeat center top; FONT: 12px Verdana; WIDTH: 145px; COLOR: white; HEIGHT: 155px; TEXT-ALIGN: center
}
.box-free-download {
BACKGROUND: url(images/free_download_empty_box.gif) no-repeat left top; WIDTH: 145px; COLOR: white; HEIGHT: 123px; TEXT-ALIGN: center
}
.pad-fix-box-free {
PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 0px; PADDING-TOP: 48px
}
.pad-fix-seminar {
PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 20px; PADDING-TOP: 10px
}
.form-table {
BORDER-RIGHT: #c1c8cc 1px solid; BORDER-TOP: #c1c8cc 1px solid; FONT: 11px/160% verdana; BORDER-LEFT: #c1c8cc 1px solid; COLOR: black; BORDER-BOTTOM: #c1c8cc 1px solid; BACKGROUND-COLOR: #e8eaef
}
.float1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FLOAT: right; PADDING-BOTTOM: 15px; PADDING-TOP: 0px
}
.float1b {
FLOAT: right
}
.float2 {
PADDING-RIGHT: 15px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 15px; PADDING-TOP: 0px
}
.trans-link {
FONT: 8px arial; COLOR: white; TEXT-DECORATION: none
}
.trans-link:hover {
COLOR: white
}
.doc-formats-box {
BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BACKGROUND: url(images/doc_available_formats.gif) white no-repeat right top; BORDER-LEFT: silver 1px solid; WIDTH: 150px; COLOR: black; BORDER-BOTTOM: silver 1px solid
}
.doc-formats-in {
PADDING-RIGHT: 15px; PADDING-LEFT: 13px; PADDING-BOTTOM: 5px; PADDING-TOP: 38px
}
.datasheet-box {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: url(images/datasheet_back.gif) #6c7aa3 no-repeat right top; BORDER-LEFT: black 1px solid; WIDTH: 150px; COLOR: silver; BORDER-BOTTOM: black 1px solid
}
.datasheet-box-in {
PADDING-RIGHT: 15px; PADDING-LEFT: 13px; PADDING-BOTTOM: 20px; PADDING-TOP: 30px
}
.datasheet-box-in2 {
PADDING-RIGHT: 15px; PADDING-LEFT: 6px; PADDING-BOTTOM: 8px; FONT: 11px/110% verdana; COLOR: white; PADDING-TOP: 2px
}
.datasheet-box2 {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: url(images/datasheet_back2.gif) #6c7aa3 no-repeat right top; BORDER-LEFT: black 1px solid; WIDTH: 240px; COLOR: silver; BORDER-BOTTOM: black 1px solid; HEIGHT: 205px
}
.clear-corner {
FLOAT: right; VERTICAL-ALIGN: top; WIDTH: 30px; HEIGHT: 50px
}
.box450 {
PADDING-RIGHT: 10px; WIDTH: 450px; PADDING-TOP: 8px
}
#product-top-image-rg {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(openrg/images/powered_by_rg.jpg) white no-repeat left top; PADDING-BOTTOM: 10px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#product-top-menu {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 3px; COLOR: white; PADDING-TOP: 180px
}
.dash-box-bottom {
BACKGROUND: url(images/gr_seperatorHorizontal.gif) repeat-x left bottom; WIDTH: 100%; POSITION: relative; HEIGHT: 100%
}
.dash-box-right {
BACKGROUND: url(images/gr_seperatorVertical.gif) repeat-y right top; WIDTH: 100%; POSITION: relative; HEIGHT: 100%
}
.dash-box-left {
BACKGROUND: url(images/gr_seperatorVertical.gif) repeat-y left top; WIDTH: 100%; POSITION: relative; HEIGHT: 100%
}
.submit-btn {
BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: bold 10px arial; BORDER-LEFT: black 1px solid; WIDTH: 60px; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #84df52; TEXT-ALIGN: center
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -