|
|
@@ -0,0 +1,1086 @@
|
|
|
+@charset "UTF-8";
|
|
|
+
|
|
|
+.acodecode {
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+.acodecodeactive {
|
|
|
+ cursor: default
|
|
|
+}
|
|
|
+.codecodecode {
|
|
|
+ position: fixed;
|
|
|
+ z-index: 100;
|
|
|
+ left: 2%;
|
|
|
+ bottom: -30px;
|
|
|
+ width: 96%;
|
|
|
+ height: 0;
|
|
|
+ max-height: 270px;
|
|
|
+ text-align: left
|
|
|
+}
|
|
|
+.codecodecode>div {
|
|
|
+ box-shadow: 0 0 3px #444
|
|
|
+}
|
|
|
+.codecodecontrols {
|
|
|
+ height: 30px;
|
|
|
+ margin-top: -30px;
|
|
|
+ background-color: #fff;
|
|
|
+ background-color: rgba(255, 255, 255, .8);
|
|
|
+ border-radius: 8px 8px 0 0
|
|
|
+}
|
|
|
+.codecodecontrols a {
|
|
|
+ float: left;
|
|
|
+ line-height: 30px;
|
|
|
+ margin-left: 6px;
|
|
|
+ font-family: Arial;
|
|
|
+ font-size: 12px
|
|
|
+}
|
|
|
+.codecodecontrols .closeCodeCode {
|
|
|
+ float: right;
|
|
|
+ margin-right: 6px
|
|
|
+}
|
|
|
+.acodecode.codecode, .codecode {
|
|
|
+ border-radius: 0 !important;
|
|
|
+ position: relative !important;
|
|
|
+ width: 100% !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ overflow: auto !important;
|
|
|
+ cursor: default !important
|
|
|
+}
|
|
|
+div.codecode [id^=highlighter] div.bar.show, div.codecode [id^=highlighter] div.toolbar {
|
|
|
+ display: none !important
|
|
|
+}
|
|
|
+h1, h2, h3, h4, h5, h6, p {
|
|
|
+ margin-top: 0;
|
|
|
+ padding-right: 15px;
|
|
|
+ padding-left: 15px;
|
|
|
+ text-align: left;
|
|
|
+ font-family: Georgia
|
|
|
+}
|
|
|
+h1 {
|
|
|
+ text-align: left
|
|
|
+}
|
|
|
+h2.booktitle {
|
|
|
+ font-size: 1.5em;
|
|
|
+ color: #666
|
|
|
+}
|
|
|
+.subhead-link {
|
|
|
+ font-size: .75em;
|
|
|
+ margin-left: -15px;
|
|
|
+ margin-top: 5px;
|
|
|
+ float: left;
|
|
|
+ visibility: hidden
|
|
|
+}
|
|
|
+.subhead-link:hover {
|
|
|
+ text-decoration: none;
|
|
|
+ visibility: visible
|
|
|
+}
|
|
|
+h1:hover .subhead-link, h2:hover .subhead-link, h3:hover .subhead-link, h4:hover .subhead-link {
|
|
|
+ visibility: visible
|
|
|
+}
|
|
|
+.container {
|
|
|
+ background: #FFF
|
|
|
+}
|
|
|
+header {
|
|
|
+ background: #fff
|
|
|
+}
|
|
|
+.content {
|
|
|
+ padding: 10px 0;
|
|
|
+ text-align: left
|
|
|
+}
|
|
|
+.footer {
|
|
|
+ background: #fff
|
|
|
+}
|
|
|
+.fltrt {
|
|
|
+ float: right;
|
|
|
+ margin-left: 8px
|
|
|
+}
|
|
|
+.fltlft {
|
|
|
+ float: left;
|
|
|
+ margin-right: 8px
|
|
|
+}
|
|
|
+.clearfloat {
|
|
|
+ clear: both;
|
|
|
+ height: 0;
|
|
|
+ font-size: 1px;
|
|
|
+ line-height: 0
|
|
|
+}
|
|
|
+.copyright {
|
|
|
+ text-align: left
|
|
|
+}
|
|
|
+.booktitle {
|
|
|
+ text-align: center;
|
|
|
+ line-height: 41px;
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
+ padding: 0;
|
|
|
+ font-size: 2.2em
|
|
|
+}
|
|
|
+.booktitle.author {
|
|
|
+ font-size: 24px
|
|
|
+}
|
|
|
+#contents-list {
|
|
|
+ background: none repeat scroll 0 0 #EEE;
|
|
|
+ border: 3px solid #DDD;
|
|
|
+ padding: 1em 1em 1em 3em
|
|
|
+}
|
|
|
+.subitem {
|
|
|
+ margin-left: 25px
|
|
|
+}
|
|
|
+#references-list {
|
|
|
+ word-wrap: break-word
|
|
|
+}
|
|
|
+pre {
|
|
|
+ display: block;
|
|
|
+ line-height: 18px;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ -webkit-border-radius: 4px;
|
|
|
+ -moz-border-radius: 4px;
|
|
|
+ border-radius: 4px;
|
|
|
+ white-space: pre;
|
|
|
+ white-space: pre-wrap;
|
|
|
+ word-break: break-all;
|
|
|
+ word-wrap: break-word
|
|
|
+}
|
|
|
+div.syntaxhighlighter {
|
|
|
+ padding: 1em 0
|
|
|
+}
|
|
|
+.syntaxhighlighter a, .syntaxhighlighter code, .syntaxhighlighter div, .syntaxhighlighter table, .syntaxhighlighter table caption, .syntaxhighlighter table tbody, .syntaxhighlighter table td, .syntaxhighlighter table thead, .syntaxhighlighter table tr, .syntaxhighlighter textarea {
|
|
|
+ -moz-border-radius: 0 !important;
|
|
|
+ -webkit-border-radius: 0 !important;
|
|
|
+ background: none !important;
|
|
|
+ border: 0 !important;
|
|
|
+ bottom: auto !important;
|
|
|
+ float: none !important;
|
|
|
+ height: auto !important;
|
|
|
+ left: auto !important;
|
|
|
+ line-height: 1.1em !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ outline: 0 !important;
|
|
|
+ overflow: visible !important;
|
|
|
+ padding: 0 !important;
|
|
|
+ position: static !important;
|
|
|
+ right: auto !important;
|
|
|
+ text-align: left !important;
|
|
|
+ top: auto !important;
|
|
|
+ vertical-align: baseline !important;
|
|
|
+ width: auto !important;
|
|
|
+ box-sizing: content-box !important;
|
|
|
+ font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
|
|
|
+ font-weight: 400 !important;
|
|
|
+ font-style: normal !important;
|
|
|
+ font-size: 1em !important;
|
|
|
+ min-height: inherit !important;
|
|
|
+ min-height: auto !important
|
|
|
+}
|
|
|
+.syntaxhighlighter {
|
|
|
+ width: 100% !important;
|
|
|
+ margin: 1em 0 !important;
|
|
|
+ position: relative !important;
|
|
|
+ overflow: auto !important;
|
|
|
+ font-size: 1em !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.source {
|
|
|
+ overflow: hidden !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .bold {
|
|
|
+ font-weight: 700 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .italic {
|
|
|
+ font-style: italic !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .line {
|
|
|
+ white-space: pre !important
|
|
|
+}
|
|
|
+.syntaxhighlighter table {
|
|
|
+ width: 100% !important
|
|
|
+}
|
|
|
+.syntaxhighlighter table caption {
|
|
|
+ text-align: left !important;
|
|
|
+ padding: .5em 0 .5em 1em !important
|
|
|
+}
|
|
|
+.syntaxhighlighter table td.code {
|
|
|
+ width: 100% !important
|
|
|
+}
|
|
|
+.syntaxhighlighter table td.code .container {
|
|
|
+ position: relative !important
|
|
|
+}
|
|
|
+.syntaxhighlighter table td.code .container textarea {
|
|
|
+ box-sizing: border-box !important;
|
|
|
+ position: absolute !important;
|
|
|
+ left: 0 !important;
|
|
|
+ top: 0 !important;
|
|
|
+ width: 100% !important;
|
|
|
+ height: 100% !important;
|
|
|
+ border: 0 !important;
|
|
|
+ background: #fff !important;
|
|
|
+ padding-left: 1em !important;
|
|
|
+ overflow: hidden !important;
|
|
|
+ white-space: pre !important
|
|
|
+}
|
|
|
+.syntaxhighlighter table td.gutter .line {
|
|
|
+ text-align: right !important;
|
|
|
+ padding: 0 .5em 0 1em !important
|
|
|
+}
|
|
|
+.syntaxhighlighter table td.code .line {
|
|
|
+ padding: 0 1em !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
|
|
|
+ padding-left: 0 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.show {
|
|
|
+ display: block !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.collapsed table {
|
|
|
+ display: none !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.collapsed .toolbar {
|
|
|
+ padding: .1em .8em 0 !important;
|
|
|
+ font-size: 1em !important;
|
|
|
+ position: static !important;
|
|
|
+ width: auto !important;
|
|
|
+ height: auto !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.collapsed .toolbar span {
|
|
|
+ display: inline !important;
|
|
|
+ margin-right: 1em !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.collapsed .toolbar span a {
|
|
|
+ padding: 0 !important;
|
|
|
+ display: none !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.collapsed .toolbar span a.expandSource {
|
|
|
+ display: inline !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .toolbar {
|
|
|
+ position: absolute !important;
|
|
|
+ right: 1px !important;
|
|
|
+ top: 1px !important;
|
|
|
+ width: 11px !important;
|
|
|
+ height: 11px !important;
|
|
|
+ font-size: 10px !important;
|
|
|
+ z-index: 10 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .toolbar span.title {
|
|
|
+ display: inline !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .toolbar a {
|
|
|
+ display: block !important;
|
|
|
+ text-align: center !important;
|
|
|
+ text-decoration: none !important;
|
|
|
+ padding-top: 1px !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .toolbar a.expandSource {
|
|
|
+ display: none !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.ie {
|
|
|
+ font-size: .9em !important;
|
|
|
+ padding: 1px 0 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.ie .toolbar {
|
|
|
+ line-height: 8px !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.ie .toolbar a {
|
|
|
+ padding-top: 0 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content {
|
|
|
+ background: none !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .line .number {
|
|
|
+ color: #bbb !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .line .content {
|
|
|
+ color: #000 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .toolbar {
|
|
|
+ display: none !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing a {
|
|
|
+ text-decoration: none !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
|
|
|
+ color: #000 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
|
|
|
+ color: #008200 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
|
|
|
+ color: #00f !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .keyword {
|
|
|
+ color: #069 !important;
|
|
|
+ font-weight: 700 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .preprocessor {
|
|
|
+ color: gray !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .variable {
|
|
|
+ color: #a70 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .value {
|
|
|
+ color: #090 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .functions {
|
|
|
+ color: #ff1493 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .constants {
|
|
|
+ color: #06c !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .script {
|
|
|
+ font-weight: 700 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
|
|
|
+ color: gray !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
|
|
|
+ color: #ff1493 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
|
|
|
+ color: red !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
|
|
|
+ color: #000 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter, .syntaxhighlighter .line.alt1, .syntaxhighlighter .line.alt2 {
|
|
|
+ background-color: #1b2426 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
|
|
|
+ background-color: #323e41 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .line.highlighted.number, .syntaxhighlighter table caption {
|
|
|
+ color: #b9bdb6 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .gutter {
|
|
|
+ color: #afafaf !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .gutter .line {
|
|
|
+ border-right: 3px solid #435a5f !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .gutter .line.highlighted {
|
|
|
+ background-color: #435a5f !important;
|
|
|
+ color: #1b2426 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.printing .line .content {
|
|
|
+ border: 0 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.collapsed {
|
|
|
+ overflow: visible !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.collapsed .toolbar {
|
|
|
+ color: #5ba1cf !important;
|
|
|
+ background: #000 !important;
|
|
|
+ border: 1px solid #435a5f !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.collapsed .toolbar a {
|
|
|
+ color: #5ba1cf !important
|
|
|
+}
|
|
|
+.syntaxhighlighter.collapsed .toolbar a:hover {
|
|
|
+ color: #5ce638 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .toolbar {
|
|
|
+ color: #fff !important;
|
|
|
+ background: #435a5f !important;
|
|
|
+ border: 0 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .toolbar a {
|
|
|
+ color: #fff !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .toolbar a:hover {
|
|
|
+ color: #e0e8ff !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
|
|
|
+ color: #b9bdb6 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
|
|
|
+ color: #878a85 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .string, .syntaxhighlighter .string a {
|
|
|
+ color: #5ce638 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .keyword {
|
|
|
+ color: #5ba1cf !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .preprocessor {
|
|
|
+ color: #435a5f !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .variable {
|
|
|
+ color: #ffaa3e !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .value {
|
|
|
+ color: #090 !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .functions {
|
|
|
+ color: #ffaa3e !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .constants {
|
|
|
+ color: #e0e8ff !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .script {
|
|
|
+ font-weight: 700 !important;
|
|
|
+ color: #5ba1cf !important;
|
|
|
+ background-color: none !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
|
|
|
+ color: #e0e8ff !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
|
|
|
+ color: #fff !important
|
|
|
+}
|
|
|
+.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
|
|
|
+ color: #ffaa3e !important
|
|
|
+}
|
|
|
+.sausage-set {
|
|
|
+ position: fixed;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 15px;
|
|
|
+ height: 100%;
|
|
|
+ border-left: solid 2px #fff;
|
|
|
+ border-right: solid 2px #fff;
|
|
|
+ background-color: #fff;
|
|
|
+ font-family: 'Helvetica Neue', Arial, sans-serif
|
|
|
+}
|
|
|
+.sausage {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #f1f1f1;
|
|
|
+ text-decoration: none;
|
|
|
+ -moz-border-radius: 8px;
|
|
|
+ -webkit-border-bottom-left-radius: 8px;
|
|
|
+ -webkit-border-top-left-radius: 8px;
|
|
|
+ -webkit-border-bottom-right-radius: 8px;
|
|
|
+ -webkit-border-top-right-radius: 8px;
|
|
|
+ -moz-box-shadow: inset 0 1px 2px 4px rgba(0, 0, 0, .025);
|
|
|
+ -webkit-box-shadow: inset 0 1px 2px 4px rgba(0, 0, 0, .025);
|
|
|
+ cursor: pointer
|
|
|
+}
|
|
|
+.sausage-current, .sausage-hover {
|
|
|
+ background-color: #f2e4ed;
|
|
|
+ -moz-box-shadow: inset 0 1px 2px 4px rgba(51, 63, 70, .025)
|
|
|
+}
|
|
|
+.sausage-span {
|
|
|
+ position: absolute;
|
|
|
+ right: 24px;
|
|
|
+ top: 5px;
|
|
|
+ z-index: 2;
|
|
|
+ display: none;
|
|
|
+ width: 100px;
|
|
|
+ padding: 2px 3px;
|
|
|
+ color: #000;
|
|
|
+ background-color: #fff;
|
|
|
+ border: solid 2px #906;
|
|
|
+ font-size: 10px;
|
|
|
+ line-height: 12px;
|
|
|
+ font-weight: 700;
|
|
|
+ text-align: center;
|
|
|
+ -moz-border-radius: 7px;
|
|
|
+ -webkit-border-bottom-left-radius: 7px;
|
|
|
+ -webkit-border-top-left-radius: 7px;
|
|
|
+ -webkit-border-bottom-right-radius: 7px;
|
|
|
+ -webkit-border-top-right-radius: 7px;
|
|
|
+ -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .05);
|
|
|
+ -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .05)
|
|
|
+}
|
|
|
+.sausage-current .sausage-span, .sausage-hover .sausage-span {
|
|
|
+ display: block
|
|
|
+}
|
|
|
+a, abbr, acronym, address, article, aside, blockquote, body, caption, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, label, legend, li, nav, object, ol, p, pre, q, section, span, table, tbody, td, tfoot, th, thead, tr, ul {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ border: 0;
|
|
|
+ font-weight: inherit;
|
|
|
+ font-style: inherit;
|
|
|
+ font-size: 100%;
|
|
|
+ font-family: inherit;
|
|
|
+ vertical-align: baseline
|
|
|
+}
|
|
|
+article, aside, dialog, figure, footer, header, hgroup, nav, section {
|
|
|
+ display: block
|
|
|
+}
|
|
|
+body {
|
|
|
+ line-height: 1.5
|
|
|
+}
|
|
|
+table {
|
|
|
+ border-collapse: separate;
|
|
|
+ border-spacing: 0
|
|
|
+}
|
|
|
+caption, td, th {
|
|
|
+ text-align: left;
|
|
|
+ font-weight: 400
|
|
|
+}
|
|
|
+table, td, th {
|
|
|
+ vertical-align: middle
|
|
|
+}
|
|
|
+blockquote:after, blockquote:before, q:after, q:before {
|
|
|
+ content: ""
|
|
|
+}
|
|
|
+blockquote, q {
|
|
|
+ quotes: "" ""
|
|
|
+}
|
|
|
+a img {
|
|
|
+ border: 0
|
|
|
+}
|
|
|
+.search, body, input[type=submit], input[type=text] {
|
|
|
+ font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif
|
|
|
+}
|
|
|
+html {
|
|
|
+ font-size: 100.01%
|
|
|
+}
|
|
|
+h1, h2, h3, h4, h5, h6 {
|
|
|
+ font-weight: 400;
|
|
|
+ color: #000
|
|
|
+}
|
|
|
+h1 {
|
|
|
+ font-size: 3em;
|
|
|
+ line-height: 1;
|
|
|
+ margin-bottom: .5em
|
|
|
+}
|
|
|
+h2 {
|
|
|
+ font-size: 2em;
|
|
|
+ margin-bottom: .75em
|
|
|
+}
|
|
|
+h3 {
|
|
|
+ font-size: 1.5em;
|
|
|
+ line-height: 1
|
|
|
+}
|
|
|
+h4 {
|
|
|
+ font-size: 1.2em;
|
|
|
+ line-height: 1.25;
|
|
|
+ margin-bottom: 1.25em
|
|
|
+}
|
|
|
+h5 {
|
|
|
+ font-size: 1em;
|
|
|
+ font-weight: 700;
|
|
|
+ margin-bottom: 1.5em
|
|
|
+}
|
|
|
+h6 {
|
|
|
+ font-size: 1em;
|
|
|
+ font-weight: 700
|
|
|
+}
|
|
|
+h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
|
|
|
+ margin: 0
|
|
|
+}
|
|
|
+p {
|
|
|
+ margin: 0 0 1.5em
|
|
|
+}
|
|
|
+p img.left {
|
|
|
+ float: left;
|
|
|
+ margin: 1.5em 1.5em 1.5em 0;
|
|
|
+ padding: 0
|
|
|
+}
|
|
|
+p img.right {
|
|
|
+ float: right;
|
|
|
+ margin: 1.5em 0 1.5em 1.5em
|
|
|
+}
|
|
|
+strong {
|
|
|
+ font-weight: 700
|
|
|
+}
|
|
|
+dfn, em {
|
|
|
+ font-style: italic
|
|
|
+}
|
|
|
+dfn {
|
|
|
+ font-weight: 700
|
|
|
+}
|
|
|
+sub, sup {
|
|
|
+ line-height: 0
|
|
|
+}
|
|
|
+address {
|
|
|
+ margin: 0 0 1.5em;
|
|
|
+ font-style: italic
|
|
|
+}
|
|
|
+del {
|
|
|
+ color: #666
|
|
|
+}
|
|
|
+li ol, li ul {
|
|
|
+ margin: 0
|
|
|
+}
|
|
|
+ol, ul {
|
|
|
+ margin: 0 1.5em 1.5em 0;
|
|
|
+ padding-left: 3.333em
|
|
|
+}
|
|
|
+ul {
|
|
|
+ list-style-type: disc
|
|
|
+}
|
|
|
+ol {
|
|
|
+ list-style-type: decimal
|
|
|
+}
|
|
|
+dl {
|
|
|
+ margin: 0 0 1.5em
|
|
|
+}
|
|
|
+dl dt {
|
|
|
+ font-weight: 700
|
|
|
+}
|
|
|
+dd {
|
|
|
+ margin-left: 1.5em
|
|
|
+}
|
|
|
+table {
|
|
|
+ margin-bottom: 1.4em
|
|
|
+}
|
|
|
+th {
|
|
|
+ font-weight: 700
|
|
|
+}
|
|
|
+thead th {
|
|
|
+ background: #c3d9ff
|
|
|
+}
|
|
|
+caption, td, th {
|
|
|
+ padding: 4px 10px 4px 5px
|
|
|
+}
|
|
|
+tfoot {
|
|
|
+ font-style: italic
|
|
|
+}
|
|
|
+body {
|
|
|
+ font-size: 100%;
|
|
|
+ color: #000;
|
|
|
+ background: #F6f6F6 url(../images/base.png) repeat 0 0
|
|
|
+}
|
|
|
+h3 {
|
|
|
+ border-bottom: 1px solid #CCC;
|
|
|
+ margin-bottom: .5em;
|
|
|
+ padding-bottom: .5em
|
|
|
+}
|
|
|
+.lead {
|
|
|
+ font-size: 1.5em
|
|
|
+}
|
|
|
+.stage_links {
|
|
|
+ color: #777
|
|
|
+}
|
|
|
+a, a:link, a:visited {
|
|
|
+ color: #906;
|
|
|
+ text-decoration: none
|
|
|
+}
|
|
|
+a:active, a:focus, a:hover {
|
|
|
+ color: #E106B2;
|
|
|
+ text-decoration: underline
|
|
|
+}
|
|
|
+hr.space {
|
|
|
+ background: #fff;
|
|
|
+ color: #fff;
|
|
|
+ visibility: hidden
|
|
|
+}
|
|
|
+hr {
|
|
|
+ background: #CCC;
|
|
|
+ color: #CCC;
|
|
|
+ clear: both;
|
|
|
+ float: none;
|
|
|
+ width: 100%;
|
|
|
+ height: .1em;
|
|
|
+ margin: 0 0 1.45em;
|
|
|
+ border: 0
|
|
|
+}
|
|
|
+hr.bold {
|
|
|
+ height: 1px;
|
|
|
+ background-color: #906;
|
|
|
+ color: #906
|
|
|
+}
|
|
|
+blockquote {
|
|
|
+ overflow: hidden;
|
|
|
+ margin: 0 0 1.5em;
|
|
|
+ padding: 0 1.5em;
|
|
|
+ color: #000;
|
|
|
+ font-style: normal
|
|
|
+}
|
|
|
+blockquote p {
|
|
|
+ margin-bottom: .5em
|
|
|
+}
|
|
|
+.attribution {
|
|
|
+ font-style: italic;
|
|
|
+ text-align: right;
|
|
|
+ color: #777
|
|
|
+}
|
|
|
+table {
|
|
|
+ width: 100%
|
|
|
+}
|
|
|
+code {
|
|
|
+ padding: 2px 4px;
|
|
|
+ color: #D14;
|
|
|
+ background-color: #F7F7F9;
|
|
|
+ border: 1px solid #E1E1E8;
|
|
|
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
|
+ font-size: 12px;
|
|
|
+ -webkit-border-radius: 3px;
|
|
|
+ -moz-border-radius: 3px;
|
|
|
+ border-radius: 3px
|
|
|
+}
|
|
|
+.caption, caption {
|
|
|
+ caption-side: bottom;
|
|
|
+ background: 0 0;
|
|
|
+ font-style: italic
|
|
|
+}
|
|
|
+tr.even td {
|
|
|
+ background: #F4F4F4
|
|
|
+}
|
|
|
+tfoot td {
|
|
|
+ border-top: 1px solid #EAEAEA;
|
|
|
+ font-weight: 700;
|
|
|
+ font-style: normal
|
|
|
+}
|
|
|
+abbr, acronym {
|
|
|
+ border: 0
|
|
|
+}
|
|
|
+abbr[title]:hover {
|
|
|
+ border-bottom: 1px dotted #666;
|
|
|
+ cursor: help
|
|
|
+}
|
|
|
+.red {
|
|
|
+ background: red
|
|
|
+}
|
|
|
+.highlight {
|
|
|
+ background: #EEC3C3
|
|
|
+}
|
|
|
+.blocks:after, .clearfix:after, .container:after, .edition_list:after, .editions:after, .inner:after {
|
|
|
+ content: "\0020";
|
|
|
+ display: block;
|
|
|
+ height: 0;
|
|
|
+ clear: both;
|
|
|
+ visibility: hidden;
|
|
|
+ overflow: hidden
|
|
|
+}
|
|
|
+.blocks, .clearfix, .container, .edition_list, .editions, .inner {
|
|
|
+ display: block
|
|
|
+}
|
|
|
+.clear {
|
|
|
+ clear: both
|
|
|
+}
|
|
|
+.container {
|
|
|
+ max-width: 940px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0 16px;
|
|
|
+ text-align: left
|
|
|
+}
|
|
|
+.gttr {
|
|
|
+ margin-right: 2.9%;
|
|
|
+ float: left
|
|
|
+}
|
|
|
+.last {
|
|
|
+ float: left
|
|
|
+}
|
|
|
+.sidebar {
|
|
|
+ width: 32%;
|
|
|
+ float: right;
|
|
|
+ margin-right: 0
|
|
|
+}
|
|
|
+.content_footer {
|
|
|
+ clear: both
|
|
|
+}
|
|
|
+.span10, .span2, .span3, .span4, .span6, .span8 {
|
|
|
+ margin-right: 2.3%;
|
|
|
+ float: left
|
|
|
+}
|
|
|
+.span2 {
|
|
|
+ width: 14.6341%
|
|
|
+}
|
|
|
+.span3 {
|
|
|
+ width: 23.1707%
|
|
|
+}
|
|
|
+.span4 {
|
|
|
+ width: 31.7073%
|
|
|
+}
|
|
|
+.span6 {
|
|
|
+ width: 48.7805%
|
|
|
+}
|
|
|
+.span8 {
|
|
|
+ width: 65.853658%
|
|
|
+}
|
|
|
+.span10 {
|
|
|
+ width: 73.17073%
|
|
|
+}
|
|
|
+.blocks, .editions {
|
|
|
+ margin: 1.5em 0;
|
|
|
+ clear: both
|
|
|
+}
|
|
|
+.editions {
|
|
|
+ margin-bottom: 0
|
|
|
+}
|
|
|
+.last {
|
|
|
+ margin-right: 0 !important
|
|
|
+}
|
|
|
+.lyt_img {
|
|
|
+ max-width: 100%
|
|
|
+}
|
|
|
+.page_header {
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 0 0 .2em;
|
|
|
+ margin: 1.5em 0
|
|
|
+}
|
|
|
+.logo {
|
|
|
+ width: 49.5%;
|
|
|
+ float: left;
|
|
|
+ margin-bottom: 0
|
|
|
+}
|
|
|
+.logo span {
|
|
|
+ display: block;
|
|
|
+ font-style: italic;
|
|
|
+ font-size: .5em
|
|
|
+}
|
|
|
+.logo a, .logo a:link, .logo a:visited {
|
|
|
+ color: #000
|
|
|
+}
|
|
|
+.logo a:active, .logo a:focus, .logo a:hover {
|
|
|
+ color: #906;
|
|
|
+ text-decoration: none
|
|
|
+}
|
|
|
+.search_box {
|
|
|
+ width: 50%;
|
|
|
+ float: right
|
|
|
+}
|
|
|
+.search {
|
|
|
+ width: auto;
|
|
|
+ float: right;
|
|
|
+ vertical-align: middle
|
|
|
+}
|
|
|
+.edition_list, .info_bubble, .inner, .stage {
|
|
|
+ padding: 1em 1.5em;
|
|
|
+ background: #FFF;
|
|
|
+ -moz-border-radius: 3px;
|
|
|
+ -webkit-border-radius: 3px;
|
|
|
+ border-radius: 3px;
|
|
|
+ -moz-box-shadow: 0 0 8px #999;
|
|
|
+ -webkit-box-shadow: 0 0 8px #999;
|
|
|
+ box-shadow: 0 0 8px #999
|
|
|
+}
|
|
|
+.stage {
|
|
|
+ margin-bottom: 1.5em;
|
|
|
+ padding: 3em 50% 1.5em 3em
|
|
|
+}
|
|
|
+.edition_list {
|
|
|
+ margin: 0 0 1em;
|
|
|
+ clear: both;
|
|
|
+ overflow: hidden
|
|
|
+}
|
|
|
+.edition_list p {
|
|
|
+ margin-bottom: 0;
|
|
|
+ font-style: italic
|
|
|
+}
|
|
|
+.edition_list h2 {
|
|
|
+ margin-bottom: 0;
|
|
|
+ font-size: 1.8em;
|
|
|
+ line-height: 1.5;
|
|
|
+ font-weight: 700
|
|
|
+}
|
|
|
+.edition_list ul {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ list-style: none;
|
|
|
+ display: inline
|
|
|
+}
|
|
|
+.edition_list ul li {
|
|
|
+ display: inline;
|
|
|
+ margin-right: 1em;
|
|
|
+ padding-right: 1em;
|
|
|
+ border-right: 1px solid #F6f6F6
|
|
|
+}
|
|
|
+.edition_list ul li:last-child {
|
|
|
+ margin-right: 0;
|
|
|
+ padding-right: 0;
|
|
|
+ border-right: 0
|
|
|
+}
|
|
|
+.info_bubble {
|
|
|
+ padding-bottom: 1em;
|
|
|
+ color: #FFF;
|
|
|
+ text-shadow: 1px 1px 0 #000;
|
|
|
+ background: #906;
|
|
|
+ position: relative;
|
|
|
+ overflow: visible
|
|
|
+}
|
|
|
+.info_bubble p {
|
|
|
+ margin-bottom: 0
|
|
|
+}
|
|
|
+.info_bubble.startpage {
|
|
|
+ padding-bottom: 1em;
|
|
|
+ min-height: 9em;
|
|
|
+ height: auto !important;
|
|
|
+ height: 9em;
|
|
|
+ z-index: 0
|
|
|
+}
|
|
|
+.info_bubble.startpage span {
|
|
|
+ position: absolute;
|
|
|
+ display: block;
|
|
|
+ bottom: 1em;
|
|
|
+ left: -2em;
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ z-index: 100
|
|
|
+}
|
|
|
+.blocks>div {
|
|
|
+ margin-bottom: 1.5em
|
|
|
+}
|
|
|
+.footer {
|
|
|
+ margin: 1.5em 0 0;
|
|
|
+ padding: 1.5em 0 0;
|
|
|
+ overflow: hidden
|
|
|
+}
|
|
|
+#buy {
|
|
|
+ position: relative
|
|
|
+}
|
|
|
+#offers {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ font-size: .625em;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ list-style: none;
|
|
|
+ display: none
|
|
|
+}
|
|
|
+.save_a_tree h3 {
|
|
|
+ display: none;
|
|
|
+ line-height: 1.5;
|
|
|
+ border-bottom: 0
|
|
|
+}
|
|
|
+#offers li {
|
|
|
+ display: inline;
|
|
|
+ margin-right: 1em;
|
|
|
+ padding-right: 1em;
|
|
|
+ border-right: 1px solid #F6f6F6
|
|
|
+}
|
|
|
+#offers li:last-child {
|
|
|
+ margin-right: 0;
|
|
|
+ padding-right: 0;
|
|
|
+ border-right: 0
|
|
|
+}
|
|
|
+.shopping_cart_button_line, .shopping_cart_button_line_bottom {
|
|
|
+ border-top: 1px solid #CCC;
|
|
|
+ margin-top: .5em;
|
|
|
+ padding: .5em 1px 0;
|
|
|
+ overflow: hidden;
|
|
|
+ clear: both
|
|
|
+}
|
|
|
+.shopping_cart_button_line_bottom {
|
|
|
+ margin-bottom: 7em
|
|
|
+}
|
|
|
+.shopping_cart_button_line:first-child {
|
|
|
+ border-top: 0
|
|
|
+}
|
|
|
+div.header {
|
|
|
+ font-size: 1.5em;
|
|
|
+ line-height: 1;
|
|
|
+ border-bottom: 1px solid #CCC;
|
|
|
+ margin-bottom: .5em;
|
|
|
+ padding-bottom: .5em;
|
|
|
+ color: #000;
|
|
|
+ text-shadow: 1px 1px 0 #FFF
|
|
|
+}
|
|
|
+.product_title {
|
|
|
+ font-style: italic;
|
|
|
+ margin-bottom: 1.5em
|
|
|
+}
|
|
|
+.product_price {
|
|
|
+ float: left
|
|
|
+}
|
|
|
+.price {
|
|
|
+ color: #666
|
|
|
+}
|
|
|
+.product_buy_link {
|
|
|
+ float: right;
|
|
|
+ line-height: 1
|
|
|
+}
|
|
|
+.ebook_formats, .safari_read_now, .whatisthis {
|
|
|
+ font-size: .75em
|
|
|
+}
|
|
|
+.safari_read_now {
|
|
|
+ float: right;
|
|
|
+ line-height: 2
|
|
|
+}
|
|
|
+input[type=submit], input[type=text] {
|
|
|
+ font-size: 1em;
|
|
|
+ -moz-border-radius: .5em;
|
|
|
+ -webkit-border-radius: .5em;
|
|
|
+ border-radius: .5em;
|
|
|
+ vertical-align: middle
|
|
|
+}
|
|
|
+input[type=text] {
|
|
|
+ width: 140px;
|
|
|
+ margin: .5em 0;
|
|
|
+ padding: .5em .5em .3em;
|
|
|
+ border: 1px solid #F1F1F0;
|
|
|
+ color: #666;
|
|
|
+ -moz-box-shadow: inset 3px 3px 2px #999;
|
|
|
+ -webkit-box-shadow: inset 3px 3px 2px #999;
|
|
|
+ box-shadow: inset 3px 3px 2px #999
|
|
|
+}
|
|
|
+input[type=text]:active, input[type=text]:focus, input[type=text]:hover {
|
|
|
+ background: #FFF;
|
|
|
+ color: #000;
|
|
|
+ outline: 0
|
|
|
+}
|
|
|
+input[type=submit] {
|
|
|
+ width: auto;
|
|
|
+ margin: 0;
|
|
|
+ padding: .28em .5em;
|
|
|
+ background: #906;
|
|
|
+ color: #FFF;
|
|
|
+ border: 0;
|
|
|
+ text-transform: uppercase;
|
|
|
+ cursor: pointer;
|
|
|
+ text-shadow: 1px 1px 0 #000;
|
|
|
+ -moz-box-shadow: 0 0 2px #999;
|
|
|
+ -webkit-box-shadow: 0 0 2px #999;
|
|
|
+ box-shadow: 0 0 2px #999
|
|
|
+}
|
|
|
+input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover {
|
|
|
+ color: #FFF;
|
|
|
+ background: #E106B2;
|
|
|
+ text-shadow: 1px 1px 0 #000;
|
|
|
+ -moz-box-shadow: 0 0 3px #333;
|
|
|
+ -webkit-box-shadow: 0 0 3px #333;
|
|
|
+ box-shadow: 0 0 3px #333
|
|
|
+}
|
|
|
+a.anchor {
|
|
|
+ color: #000
|
|
|
+}
|
|
|
+a.anchor:hover {
|
|
|
+ text-decoration: none
|
|
|
+}
|
|
|
+.figure {
|
|
|
+ padding-top: 1.5em
|
|
|
+}
|
|
|
+.caption, .figure {
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 1.5em;
|
|
|
+ text-align: center
|
|
|
+}
|
|
|
+.figure * {
|
|
|
+ text-align: left
|
|
|
+}
|
|
|
+.caption {
|
|
|
+ font-size: .875em
|
|
|
+}
|
|
|
+.figure .caption {
|
|
|
+ text-align: center
|
|
|
+}
|
|
|
+.figure img {
|
|
|
+ margin-bottom: .5em;
|
|
|
+ max-width: 100%
|
|
|
+}
|
|
|
+.attribution::before {
|
|
|
+ content: ""
|
|
|
+}
|
|
|
+.sidebar ul {
|
|
|
+ font-size: .9em;
|
|
|
+ padding-left: 2em;
|
|
|
+ list-style-type: square
|
|
|
+}
|
|
|
+.disabled, .footer a, .footer a:active, .footer a:focus, .footer a:hover, .footer a:link, .footer a:visited, .info_bubble a, .info_bubble a:active, .info_bubble a:focus, .info_bubble a:hover, .info_bubble a:link, .info_bubble a:visited {
|
|
|
+ color: #BBB
|
|
|
+}
|
|
|
+.buybuttonswidget {
|
|
|
+ padding-bottom: 10px;
|
|
|
+ background: #FFF
|
|
|
+}
|
|
|
+@media (max-width:320px) {
|
|
|
+ .container {
|
|
|
+ max-width: 300px
|
|
|
+ }
|
|
|
+ #reviews {
|
|
|
+ display: none
|
|
|
+ }
|
|
|
+}
|
|
|
+@media (min-width:768px) and (max-width:1024px) {
|
|
|
+ .container {
|
|
|
+ max-width: 740px;
|
|
|
+ width: 740px
|
|
|
+ }
|
|
|
+}
|
|
|
+@media (min-width:1025px) {
|
|
|
+ .container {
|
|
|
+ width: 740px
|
|
|
+ }
|
|
|
+}
|
Fengda HUANG
