Página Principal Explorar Ajuda
Iniciar Sessão
Demipuppet
/
FSI-Chinese-docbook
1
0
Fork 0
Ficheiros
Árvore: 43ca2b52ac
Ramos Etiquetas
FSI-Chinese-...
/
АЫШ6Срштуыу6ЖЩВ(6Еучеищщл
/
Units 1-3 - Standard Chinese a modular approachLife in china module_fichiers
/
main_style.css

main_style.css 18 KB
Histórico Em bruto

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167 
  1.  ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, div.paragraph, blockquote, fieldset, input { margin: 0; padding: 0; }
    2. 

  2.  ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
    3. 

  3.  a img { border: 0; }
    4. 

  4.  a { text-decoration: none; outline: none; }
    5. 

  5.  input:focus, select:focus, textarea:focus, button:focus { outline: none; }
    6. 

  6.  html { height: 100%; }
    7. 

  7.  body { min-height: 100%; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight:400; line-height: 2em; color: #415161; background-attachment: fixed; background-image:url(theme/main-bg.jpg?1405408922); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-font-smoothing: antialiased; }
    8. 

  8.  .tall-header-page, .short-header-page, .no-header-page, .landing-page, .title-page { background: #f9fafb; }
    9. 

  9.  .container { margin: 0 auto; width: 960px; }
    10. 

  10.  #header-wrap, #banner-wrap, #main-wrap, #footer-wrap { width:100%; }
    11. 

  11.  a { color: #546270; text-decoration:none; border-bottom: 1px dashed #546270; }
    12. 

  12.  .wsite-image > a, .wslide-link, .cloud-zoom, .imgPusher + span a { border-bottom: none; }
    13. 

  13.  a:hover { color: #546270; }
    14. 

  14.  h2 { font-size: 30px; padding: 15px 0 15px 0; line-height: 1.2; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #415161; }
    15. 

  15.  div.paragraph { padding: .5em 0; }
    16. 

  16.  p { padding: .5em 0; }
    17. 

  17.  blockquote { background: #415161; font-family: 'Montserrat', sans-serif; font-size: 18px; font-style:normal !important; line-height: 32px; color: #fff; padding: 28px 40px !important; margin: 2em 0; border-left: 0px !important; }
    18. 

  18.  div#content {min-height:400px;}
    19. 

  19.  .blog-title a { text-decoration:none; color:#788CAC; border-bottom:none; }
    20. 

  20.  .blog-title a:hover { color:#415161; }
    21. 

  21.  .blog-separator { border-bottom:1px solid #e6eaf0 !important; }
    22. 

  22.  .blog-post .blog-content { color:#788CAC; }
    23. 

  23.  .blog-sidebar h2 { font-size:24px; }
    24. 

  24.  .blog-comments a { text-decoration:none; background:url(theme/icon-bubble.png?1405408922) no-repeat; padding-left:25px; line-height:20px; display:inline-block; border-bottom:none; }
    25. 

  25.  .imageGallery .galleryCaptionInnerText div.paragraph, .imageGallery .galleryCaptionInnerText { font-family: 'Montserrat Alternates', sans-serif; font-weight:700; }
    26. 

  26.  .imageGallery .galleryCaptionInnerText p, .imageGallery .galleryCaptionInnerText { font-family: 'Montserrat Alternates', sans-serif; font-weight:700; }
    27. 

  27.  .galleryCaptionHolderInnerBg { opacity: 0.2; }
    28. 

  28.  #header-wrap { text-align:center; overflow:hidden; background:#fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); z-index: 20 !important; }
    29. 

  29.  #logo, #logo a { font-family: 'Montserrat', sans-serif; font-size:50px; font-weight:700; line-height:60px; color:#415161; text-transform:uppercase; text-decoration:none; letter-spacing:-1px; margin:52px 0px 47px; border:none; }
    30. 

  30.  .splash-page #logo a { margin:20px 0px 44px; }
    31. 

  31.  .wsite-social { vertical-align: middle; }
    32. 

  32.  .wsite-social-item { width: 35px; height: 35px; margin: 0 0 0 3px; border-radius: 90%; border:none; }
    33. 

  33.  .wsite-social-item:hover, .wsite-social-item:active{ background-color:#415161; }
    34. 

  34.  .wsite-social-rss { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -214px -48px; }
    35. 

  35.  .wsite-social-linkedin { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -121px -49px; }
    36. 

  36.  .wsite-social-facebook { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -30px -49px; }
    37. 

  37.  .wsite-social-twitter { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -76px -49px; }
    38. 

  38.  .wsite-social-mail { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -168px -48px; }
    39. 

  39.  .wsite-social-pinterest { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -352px -49px; }
    40. 

  40.  .wsite-social-youtube { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -490px -49px; }
    41. 

  41.  .wsite-social-plus { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -306px -49px; }
    42. 

  42.  .wsite-social-flickr { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -260px -48px; }
    43. 

  43.  .wsite-social-vimeo { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -398px -49px; }
    44. 

  44.  .wsite-social-yahoo { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -443px -49px; }
    45. 

  45.  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    46. 

  46.  .wsite-social a span, .wsite-social a:active span { background-image: url(theme/Social-Icons@2x.png?1405408922); background-size:558px 134px; }
    47. 

  47.  }
    48. 

  48.  #nav { clear: both; overflow: hidden; position: relative; }
    49. 

  49.  #nav ul { list-style: none; text-align:center; margin-bottom:15px; }
    50. 

  50.  #nav ul li { list-style: none; display:inline-block; margin:0px 21px; }
    51. 

  51.  #nav ul span:last-child li, #nav ul > li:last-child { background: none; }
    52. 

  52.  #nav ul li a { display: block; color: #b5c0d1; text-decoration: none; padding: 0px; border: 0; outline: 0; list-style-type: none; font-size: 18px; }
    53. 

  53.  #nav ul li#active a, #nav ul li a:hover { color: #415161; border: 0; }
    54. 

  54.  #wsite-menus .wsite-menu li a { font-family: 'Montserrat', sans-serif; font-size:14px; color: #b5c0d1; background: #fff; border: 0; }
    55. 

  55.  #wsite-menus .wsite-menu li a:hover { color: #415161; background: #f9fafb; }
    56. 

  56.  #wsite-menus .wsite-menu-arrow { display: none; }
    57. 

  57.  .tall-header-page .wsite-background { width: 100%; height: 383px; background: url(theme/banner-tall.jpg?1405408922) no-repeat center center; background-size:cover; }
    58. 

  58.  .short-header-page .wsite-background { width: 100%; height: 254px; background: url(theme/banner-short.jpg?1405408922) no-repeat center center; background-size:cover; }
    59. 

  59.  .no-header-page #header-wrap, .splash-page #header-wrap{ border-bottom:1px solid #ecedef; }
    60. 

  60.  .landing-page #banner-wrap { background:#f9fafb; border-bottom:1px solid #e6e9eb; text-align:center; height:382px; display:table; }
    61. 

  61.  .landing-page #banner-wrap .container { width:770px; }
    62. 

  62.  .landing-page #banner-wrap .banner { display: table-cell; vertical-align: middle; }
    63. 

  63.  .landing-page #banner-wrap h2 { color: #415161; font-size: 32px; padding: 0px; }
    64. 

  64.  .landing-page #banner-wrap div.paragraph { color: #8496b3; font-size: 18px; line-height:32px; margin: 35px 0; }
    65. 

  65.  .landing-page #banner-wrap p { color: #8496b3; font-size: 18px; line-height:32px; margin: 35px 0; }
    66. 

  66.  .landing-page #banner-wrap .container > div { text-align: center !important; }
    67. 

  67.  .title-page #banner-wrap { background:#f9fafb; border-bottom:1px solid #e6e9eb; text-align:center; height:111px; padding-top:38px; }
    68. 

  68.  .title-page #banner-wrap h2 { font-size: 32px; padding: 0px 0px 6px; }
    69. 

  69.  .title-page #banner-wrap div.paragraph { margin-bottom:0px; color:#8496b3; padding:0px; }
    70. 

  70.  .title-page #banner-wrap p { margin-bottom:0px; color:#8496b3; padding:0px; }
    71. 

  71.  .splash-page #wrapper { height: 100%; -moz-box-sizing: border-box; box-sizing: border-box; }
    72. 

  72.  #wrapper-inner { width: 100%; height: 100%; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 128px; padding-bottom: 128px; display: table; width: 910px; margin: 0 auto; }
    73. 

  73.  .splash-container{ width: 910px; margin: 0 auto; text-align: center; margin-top: 0; vertical-align: middle; display: table-cell; }
    74. 

  74.  #splash-wrap { text-align: center; width: 910px; height: 418px; background-color: #f9fafa; -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.1); -moz-box-shadow: 0 10px 30px rgba(0,0,0,.1); box-shadow: 0 10px 30px rgba(0,0,0,.1); margin:0px auto; overflow:hidden; }
    75. 

  75.  .splash-container div.paragraph { margin-top:40px; color:#415161; }
    76. 

  76.  .splash-container p { margin-top:40px; color:#415161; }
    77. 

  77.  .splash-page #footer-wrap { display:none; }
    78. 

  78.  #main-wrap { background: #fff; }
    79. 

  79.  #main-wrap .container { min-height:400px; padding:53px 0px; }
    80. 

  80.  #main-wrap .container form .wsite-button { margin-top:20px; }
    81. 

  81.  #footer-wrap { text-align:right; border-top:1px solid #e6e9eb; padding:20px 0px; color:#415161; font-size:14px; }
    82. 

  82.  #footer-wrap .container h2 {font-size:16px;}
    83. 

  83.  #footer-wrap .wsite-form-container { text-align:left; }
    84. 

  84.  #wsite-com-product-social-sharing a, #wsite-com-product-social-sharing a:hover { width: 35px; height: 35px; margin: 0 0 0 3px; border-radius: 90%; border:none; }
    85. 

  85.  #wsite-com-product-social-sharing a.wsite-com-product-social-rss { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -214px -48px; }
    86. 

  86.  #wsite-com-product-social-sharing a.wsite-com-product-social-rss:hover { background-color:#415161; }
    87. 

  87.  #wsite-com-product-social-sharing a.wsite-com-product-social-rss:active { background-color:#415161; }
    88. 

  88.  #wsite-com-product-social-sharing a.wsite-com-product-social-linkedin { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -121px -49px; }
    89. 

  89.  #wsite-com-product-social-sharing a.wsite-com-product-social-linkedin:hover {background-color:#415161; }
    90. 

  90.  #wsite-com-product-social-sharing a.wsite-com-product-social-linkedin:active { background-color:#415161; }
    91. 

  91.  #wsite-com-product-social-sharing a.wsite-com-product-social-facebook { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -30px -49px; }
    92. 

  92.  #wsite-com-product-social-sharing a.wsite-com-product-social-facebook:hover { background-color:#415161; }
    93. 

  93.  #wsite-com-product-social-sharing a.wsite-com-product-social-facebook:active { background-color:#415161; }
    94. 

  94.  #wsite-com-product-social-sharing a.wsite-com-product-social-twitter { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -76px -49px; }
    95. 

  95.  #wsite-com-product-social-sharing a.wsite-com-product-social-twitter:hover { background-color:#415161; }
    96. 

  96.  #wsite-com-product-social-sharing a.wsite-com-product-social-twitter:active { background-color:#415161; }
    97. 

  97.  #wsite-com-product-social-sharing a.wsite-com-product-social-mail { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -168px -48px; }
    98. 

  98.  #wsite-com-product-social-sharing a.wsite-com-product-social-mail:hover { background-color:#415161; }
    99. 

  99.  #wsite-com-product-social-sharing a.wsite-com-product-social-mail:active { background-color:#415161; }
    100. 

  100.  #wsite-com-product-social-sharing a.wsite-com-product-social-pinterest { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -352px -49px; }
    101. 

  101.  #wsite-com-product-social-sharing a.wsite-com-product-social-pinterest:hover { background-color:#415161; }
    102. 

  102.  #wsite-com-product-social-sharing a.wsite-com-product-social-pinterest:active { background-color:#415161; }
    103. 

  103.  #wsite-com-product-social-sharing a.wsite-com-product-social-youtube { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -490px -49px; }
    104. 

  104.  #wsite-com-product-social-sharing a.wsite-com-product-social-youtube:hover { background-color:#415161; }
    105. 

  105.  #wsite-com-product-social-sharing a.wsite-com-product-social-youtube:active { background-color:#415161; }
    106. 

  106.  #wsite-com-product-social-sharing a.wsite-com-product-social-plus { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -306px -49px; }
    107. 

  107.  #wsite-com-product-social-sharing a.wsite-com-product-social-plus:hover { background-color:#415161; }
    108. 

  108.  #wsite-com-product-social-sharing a.wsite-com-product-social-plus:active { background-color:#415161; }
    109. 

  109.  #wsite-com-product-social-sharing a.wsite-com-product-social-flickr { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -260px -48px; }
    110. 

  110.  #wsite-com-product-social-sharing a.wsite-com-product-social-flickr:hover { background-color:#415161; }
    111. 

  111.  #wsite-com-product-social-sharing a.wsite-com-product-social-flickr:active { background-color:#415161; }
    112. 

  112.  #wsite-com-product-social-sharing a.wsite-com-product-social-vimeo { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -398px -49px; }
    113. 

  113.  #wsite-com-product-social-sharing a.wsite-com-product-social-vimeo:hover { background-color:#415161; }
    114. 

  114.  #wsite-com-product-social-sharing a.wsite-com-product-social-vimeo:active { background-color:#415161; }
    115. 

  115.  #wsite-com-product-social-sharing a.wsite-com-product-social-yahoo { background: #8496b3 url(theme/social-icons.png?1405408922) no-repeat -443px -49px; }
    116. 

  116.  #wsite-com-product-social-sharing a.wsite-com-product-social-yahoo:hover { background-color:#415161; }
    117. 

  117.  #wsite-com-product-social-sharing a.wsite-com-product-social-yahoo:active { background-color:#415161; }
    118. 

  118.  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    119. 

  119.  #wsite-com-product-social-sharing a.wsite-com-product-social-rss, #wsite-com-product-social-sharing a.wsite-com-product-social-linkedin, #wsite-com-product-social-sharing a.wsite-com-product-social-facebook, #wsite-com-product-social-sharing a.wsite-com-product-social-twitter, #wsite-com-product-social-sharing a.wsite-com-product-social-mail, #wsite-com-product-social-sharing a.wsite-com-product-social-pinterest, #wsite-com-product-social-sharing a.wsite-com-product-social-youtube, #wsite-com-product-social-sharing a.wsite-com-product-social-plus, #wsite-com-product-social-sharing a.wsite-com-product-social-flickr, #wsite-com-product-social-sharing a.wsite-com-product-social-vimeo, #wsite-com-product-social-sharing a.wsite-com-product-social-yahoo { background-image: url(theme/Social-Icons@2x.png?1405408922); background-size:558px 134px; }
    120. 

  120.  }
    121. 

  121.  .wsite-form-label, .wsite-com-product-title { display: inline-block; font-weight:normal; }
    122. 

  122.  .wsite-form-input, .wsite-search-element-input { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #727f97; background: #fff; border: 1px solid #b0b6bd; padding: 10px !important; }
    123. 

  123.  .wsite-form-input:focus, .wsite-search-element-input:focus { border: 1px solid #415161; }
    124. 

  124.  .wsite-form-container .form-input-error { border: 1px solid #e96c6c !important; }
    125. 

  125.  .form-field-error .wsite-form-radio-container, .form-field-error .wsite-form-radio-container { border: none; }
    126. 

  126.  .form-field-error .jqTransformCheckbox, .form-field-error .jqTransformRadio{ background-position: center bottom; }
    127. 

  127.  .jqTransformRadioWrapper { float: left; display:block; margin:3px 10px 0 0; }
    128. 

  128.  .jqTransformRadio { background: transparent url(theme/radio.png?1405408922) no-repeat center top; vertical-align: middle; height: 25px; width: 25px; display:block; border-bottom:none; }
    129. 

  129.  span.jqTransformCheckboxWrapper{ display:block; float:left; margin:3px 10px 0px 0px; }
    130. 

  130.  .jqTransformCheckbox { background: transparent url(theme/checkbox.png?1405408922) no-repeat center top; vertical-align: middle; height: 25px; width: 21px; display:block; border-bottom:none; }
    131. 

  131.  .form-field-error a.jqTransformChecked, a.jqTransformChecked { background-position: center -25px;}
    132. 

  132.  .jqTransformSelectWrapper { width: 395px !important; position:relative; height: 42px; background-color: #fff; border: 1px solid #c4c9d2; float:left; margin-bottom: 10px; }
    133. 

  133.  .jqTransformSelectWrapper div span { font-size: 16px; float: none; position: absolute; white-space: nowrap; height: 27px; line-height: 20px; padding: 10px 0 0 10px; overflow: hidden; cursor:pointer; color:#727F97; }
    134. 

  134.  .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 1px; top:1px; width: 39px; height: 39px; background: url(theme/select_right.png?1405408922) no-repeat center center; border-bottom:none; }
    135. 

  135.  .jqTransformSelectWrapper ul { position: absolute; width: 395px !important; top: 42px; left: -1px; list-style: none; background-color: #FFF; border: solid 1px #d5d8db; display: none; margin: 0px; padding: 0px; height: 150px; overflow: auto; overflow-y: auto; z-index:10; }
    136. 

  136.  .jqTransformSelectWrapper ul a { display: block; padding: 5px 16px; margin:0px; text-decoration: none; color:#727f97; background-color: #FFF; font-size: 16px; border-bottom:none; }
    137. 

  137.  .jqTransformSelectWrapper ul a.selected { background:#415161; color: #fff; }
    138. 

  138.  .jqTransformSelectWrapper ul a:active { background: #415161; color: #fff; }
    139. 

  139.  .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background: #f1f2f4; color: #727f97; }
    140. 

  140.  .jqTransformHidden {display: none;}
    141. 

  141.  .jqTransformButton {display: none;}
    142. 

  142.  .jqTransformTextarea { display:block; height:105px; }
    143. 

  143.  .wsite-button { display: inline-block; padding: 0px; background: #fff; border: none; transition: all 0.5s ease; }
    144. 

  144.  .wsite-button:hover { background:#727f97 ; color:#fff !important; }
    145. 

  145.  .wsite-button:active { background:#727f97 ; color:#fff !important; }
    146. 

  146.  .wsite-button-inner { color: #8496b3; font-family: 'Montserrat', sans-serif; display: block; font-size: 18px; font-weight: 400; padding: 4px 27px; background:#fff; border:1px solid #c4c9d2; transition: all 0.5s ease; }
    147. 

  147.  .wsite-button:hover .wsite-button-inner { background:#727f97 ; color:#fff !important; border:1px solid #727f97; }
    148. 

  148.  .wsite-button:active .wsite-button-inner { background:#727f97 ; color:#fff !important; border:1px solid #727f97; }
    149. 

  149.  .wsite-button-large { display: inline-block; padding: 0px; background: #fff; border:none; transition: all 0.5s ease; }
    150. 

  150.  .wsite-button-large:hover { background:#727f97 ; color:#fff !important; }
    151. 

  151.  .wsite-button-large:active { background:#727f97 ; color:#fff !important; }
    152. 

  152.  .wsite-button-large .wsite-button-inner { color:#8496b3 !important; padding: 2px 57px; background: #fff; border:1px solid #c4c9d2; }
    153. 

  153.  .wsite-button-large:hover .wsite-button-inner { background:#727f97 ; color:#fff !important; border:1px solid #727f97; }
    154. 

  154.  .wsite-button-large:active .wsite-button-inner { background:#727f97 ; color:#fff !important; border:1px solid #727f97; }
    155. 

  155.  .wsite-button-highlight { border:none; }
    156. 

  156.  .wsite-button-highlight .wsite-button-inner { background:#fff; color:#5d7892 !important; border:1px solid #b0b6bd; }
    157. 

  157.  .wsite-button-highlight:hover { background:#415161 !important; }
    158. 

  158.  .wsite-button-highlight:hover .wsite-button-inner, .wsite-button-large.wsite-button-highlight:hover .wsite-button-inner{ background:#415161!important; color:#fff !important; border:1px solid #415161; }
    159. 

  159.  .wsite-button-highlight:active { background:#415161!important; }
    160. 

  160.  .wsite-button-highlight:active .wsite-button-inner, .wsite-button-large.wsite-button-highlight:active .wsite-button-inner{ background:#415161!important; color:#fff !important; border:1px solid #415161; }
    161. 

  161.  .wsite-button-large.wsite-button-highlight { background:none; }
    162. 

  162.  .wsite-button-large.wsite-button-highlight .wsite-button-inner { background:none; }
    163. 

  163. 

  164. div.paragraph ul, div.paragraph ol { padding-left: 2.3em !important; margin: 5px 0 !important; overflow:hidden; }
    165. 

  165. div.paragraph li { padding-left: 5px !important; margin: 3px 0 0 !important; }
    166. 

  166. div.paragraph ul, div.paragraph ul li { list-style: disc outside !important; }
    167. 

  167. div.paragraph ol, div.paragraph ol li { list-style: decimal outside !important; }
    168.